132 lines
3.7 KiB
TypeScript
132 lines
3.7 KiB
TypeScript
/*
|
|
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 = "You do not have enough coins of the requested currency.";
|
|
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);
|
|
});
|
|
}
|
|
}
|