From b6e774585d32017e5f1ceeeb2b2e2a5e350354d3 Mon Sep 17 00:00:00 2001
From: Florian Dold <florian.dold@gmail.com>
Date: Sun, 28 May 2017 23:15:41 +0200
Subject: move webex specific things in their own directory

---
 src/webex/renderHtml.tsx | 79 ++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 79 insertions(+)
 create mode 100644 src/webex/renderHtml.tsx

(limited to 'src/webex/renderHtml.tsx')

diff --git a/src/webex/renderHtml.tsx b/src/webex/renderHtml.tsx
new file mode 100644
index 000000000..440cd5789
--- /dev/null
+++ b/src/webex/renderHtml.tsx
@@ -0,0 +1,79 @@
+/*
+ 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
+ */
+
+
+/**
+ * Imports.
+ */
+import {
+  AmountJson,
+  Amounts,
+  Contract,
+} from "../types";
+import * as i18n from "../i18n";
+import { amountToPretty } from "../helpers";
+
+import * as React from "react";
+
+
+export function renderContract(contract: Contract): JSX.Element {
+  let merchantName;
+  if (contract.merchant && contract.merchant.name) {
+    merchantName = <strong>{contract.merchant.name}</strong>;
+  } else {
+    merchantName = <strong>(pub: {contract.merchant_pub})</strong>;
+  }
+  let amount = <strong>{amountToPretty(contract.amount)}</strong>;
+
+  return (
+    <div>
+      <i18n.Translate wrap="p">
+        The merchant <span>{merchantName}</span>
+        wants to enter a contract over <span>{amount}</span>{" "}
+        with you.
+      </i18n.Translate>
+      <p>{i18n.str`You are about to purchase:`}</p>
+      <ul>
+        {contract.products.map(
+          (p: any, i: number) => (<li key={i}>{`${p.description}: ${amountToPretty(p.price)}`}</li>))
+        }
+      </ul>
+    </div>
+  );
+}
+
+
+/**
+ * Abbreviate a string to a given length, and show the full
+ * string on hover as a tooltip.
+ */
+export function abbrev(s: string, n: number = 5) {
+  let sAbbrev = s;
+  if (s.length > n) {
+    sAbbrev = s.slice(0, n) + "..";
+  }
+  return (
+    <span className="abbrev" title={s}>
+      {sAbbrev}
+    </span>
+  );
+}
-- 
cgit v1.2.3

