contract playground

2 files changed, 59 insertions, 2 deletions

diff --git a/lib/i18n.ts b/lib/i18n.ts
index c78e8dbbf..c91b385a7 100644
--- a/lib/i18n.ts
+++ b/lib/i18n.ts
@@ -19,7 +19,11 @@
 document.addEventListener(
   "DOMContentLoaded",
   function () {
-    document.body.lang = chrome.i18n.getUILanguage();
+    try {
+      document.body.lang = chrome.i18n.getUILanguage();
+    } catch (e) {
+      // chrome.* not available?
+    }
   });
 
 declare var i18n: any;
@@ -134,7 +138,11 @@ var i18n = <any>function i18n(strings: string[], ...values: any[]) {
   return tr;
 };
 
-i18n.lang = chrome.i18n.getUILanguage();
+try {
+  i18n.lang = chrome.i18n.getUILanguage();
+} catch (e) {
+  console.warn("i18n default language not available");
+}
 i18n.strings = {};
 
 
diff --git a/lib/wallet/renderHtml.ts b/lib/wallet/renderHtml.ts
new file mode 100644
index 000000000..6d9823d71
--- /dev/null
+++ b/lib/wallet/renderHtml.ts
@@ -0,0 +1,49 @@
+/*
+ This file is part of TALER
+ (C) 2016 INRIA
+
+ 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/>
+ */
+
+/**
+ * Helpers functions to render Taler-related data structures to HTML.
+ *
+ * @author Florian Dold
+ */
+
+
+import {AmountJson, Contract} from "./types";
+
+
+export function prettyAmount(amount: AmountJson) {
+  let v = amount.value + amount.fraction / 1e6;
+  return `${v.toFixed(2)} ${amount.currency}`;
+}
+
+export function renderContract(contract: Contract): any {
+  let merchantName = m("strong", contract.merchant.name);
+  let amount = m("strong", prettyAmount(contract.amount));
+
+  return m("div", {}, [
+    m("p",
+      i18n.parts`${merchantName}
+               wants to enter a contract over ${amount}
+               with you.`),
+    m("p",
+      i18n`You are about to purchase:`),
+    m('ul',
+
+      contract.products.map(
+            (p: any) => m("li",
+                          `${p.description}: ${prettyAmount(p.price)}`)))
+  ]);
+}
\ No newline at end of file