wallet-core/pages/confirm-contract.tsx

/*
 This file is part of TALER
 (C) 2015 GNUnet e.V.

 TALER is free software; you can redistribute it and/or modify it under the
 terms of the GNU General Public License as published by the Free Software
 Foundation; either version 3, or (at your option) any later version.

 TALER is distributed in the hope that it will be useful, but WITHOUT ANY
 WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 A PARTICULAR PURPOSE.  See the GNU General Public License for more details.

 You should have received a copy of the GNU General Public License along with
 TALER; see the file COPYING.  If not, see <http://www.gnu.org/licenses/>
 */

/**
 * Page shown to the user to confirm entering
 * a contract.
 *
 * @author Florian Dold
 */


/// <reference path="../lib/decl/handlebars/handlebars.d.ts" />
import MithrilComponent = _mithril.MithrilComponent;
import {substituteFulfillmentUrl} from "../lib/wallet/helpers";
import m from "mithril";
import {Contract, AmountJson} from "../lib/wallet/types";
import {renderContract, prettyAmount} from "../lib/wallet/renderHtml";
"use strict";

const Details = {
  controller() {
    return {collapsed: m.prop(true)};
  },
  view(ctrl: any, contract: Contract) {
    if (ctrl.collapsed()) {
      return m("div", [
        m("button.linky", {
          onclick: () => {
            ctrl.collapsed(false);
          }
        }, "show more details")
      ]);
    } else {
      return m("div", [
        m("button.linky", {
          onclick: () => {
            ctrl.collapsed(true);
          }
        }, "show less details"),
        m("div", [
          "Accepted exchanges:",
          m("ul",
            contract.exchanges.map(e => m("li", `${e.url}: ${e.master_pub}`)))
        ])
      ]);
    }
  }
};

export function main() {
  let url = URI(document.location.href);
  let query: any = URI.parseQuery(url.query());
  let offer = JSON.parse(query.offer);
  console.dir(offer);
  let contract = offer.contract;
  let error: string|null = null;
  let payDisabled = true;

  var Contract = {
    view(ctrl: any) {
      return [
        renderContract(contract),
        m("button.accept",
          {onclick: doPayment, disabled: payDisabled},
          i18n`Confirm Payment`),
        (error ? m("p.errorbox", error) : []),
        m(Details, contract)
      ];
    }
  };

  m.mount(document.getElementById("contract")!, Contract);

  function checkPayment() {
    chrome.runtime.sendMessage({type: 'check-pay', detail: {offer}}, (resp) => {
      if (resp.error) {
        console.log("check-pay error", JSON.stringify(resp));
        switch (resp.error) {
          case "coins-insufficient":
            error = i18n`You have insufficient funds of the requested currency in your wallet.`;
            break;
          default:
            error = `Error: ${resp.error}`;
            break;
        }
        payDisabled = true;
      } else {
        payDisabled = false;
        error = null;
      }
      m.redraw();
      window.setTimeout(checkPayment, 300);
    });
  }

  checkPayment();


  function doPayment() {
    let d = {offer};
    chrome.runtime.sendMessage({type: 'confirm-pay', detail: d}, (resp) => {
      if (resp.error) {
        console.log("confirm-pay error", JSON.stringify(resp));
        switch (resp.error) {
          case "coins-insufficient":
            error = "You do not have enough coins of the requested currency.";
            break;
          default:
            error = `Error: ${resp.error}`;
            break;
        }
        m.redraw();
        return;
      }
      let c = d.offer.contract;
      console.log("contract", c);
      document.location.href = substituteFulfillmentUrl(c.fulfillment_url,
                                                        offer);
    });
  }
}