1 files changed, 147 insertions, 0 deletions
diff --git a/src/webex/pages/auditors.tsx b/src/webex/pages/auditors.tsx
new file mode 100644
index 000000000..dac3c2be9
--- /dev/null
+++ b/src/webex/pages/auditors.tsx
@@ -0,0 +1,147 @@
+/*
+ This file is part of TALER
+ (C) 2017 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/>
+ */
+
+/**
+ * View and edit auditors.
+ *
+ * @author Florian Dold
+ */
+
+
+import { getTalerStampDate } from "../../helpers";
+import {
+  ExchangeRecord,
+  ExchangeForCurrencyRecord,
+  DenominationRecord,
+  AuditorRecord,
+  CurrencyRecord,
+  ReserveRecord,
+  CoinRecord,
+  PreCoinRecord,
+  Denomination
+} from "../../types";
+
+import { ImplicitStateComponent, StateHolder } from "../components";
+import {
+  getCurrencies,
+  updateCurrency,
+} from "../wxApi";
+import * as React from "react";
+import * as ReactDOM from "react-dom";
+
+interface CurrencyListState {
+  currencies?: CurrencyRecord[];
+}
+
+class CurrencyList extends React.Component<any, CurrencyListState> {
+  constructor() {
+    super();
+    let port = chrome.runtime.connect();
+    port.onMessage.addListener((msg: any) => {
+      if (msg.notify) {
+        console.log("got notified");
+        this.update();
+      }
+    });
+    this.update();
+    this.state = {} as any;
+  }
+
+  async update() {
+    let currencies = await getCurrencies();
+    console.log("currencies: ", currencies);
+    this.setState({ currencies });
+  }
+
+  async confirmRemoveAuditor(c: CurrencyRecord, a: AuditorRecord) {
+    if (window.confirm(`Do you really want to remove auditor ${a.baseUrl} for currency ${c.name}?`)) {
+      c.auditors = c.auditors.filter((x) => x.auditorPub != a.auditorPub);
+      await updateCurrency(c);
+    }
+  }
+
+  async confirmRemoveExchange(c: CurrencyRecord, e: ExchangeForCurrencyRecord) {
+    if (window.confirm(`Do you really want to remove exchange ${e.baseUrl} for currency ${c.name}?`)) {
+      c.exchanges = c.exchanges.filter((x) => x.baseUrl != e.baseUrl);
+      await updateCurrency(c);
+    }
+  }
+
+  renderAuditors(c: CurrencyRecord): any {
+    if (c.auditors.length == 0) {
+      return <p>No trusted auditors for this currency.</p>
+    }
+    return (
+      <div>
+        <p>Trusted Auditors:</p>
+        <ul>
+        {c.auditors.map(a => (
+          <li>{a.baseUrl} <button className="pure-button button-destructive" onClick={() => this.confirmRemoveAuditor(c, a)}>Remove</button>
+            <ul>
+              <li>valid until {new Date(a.expirationStamp).toString()}</li>
+              <li>public key {a.auditorPub}</li>
+            </ul>
+          </li>
+        ))}
+        </ul>
+      </div>
+    );
+  }
+
+  renderExchanges(c: CurrencyRecord): any {
+    if (c.exchanges.length == 0) {
+      return <p>No trusted exchanges for this currency.</p>
+    }
+    return (
+      <div>
+        <p>Trusted Exchanges:</p>
+        <ul>
+        {c.exchanges.map(e => (
+          <li>{e.baseUrl} <button className="pure-button button-destructive" onClick={() => this.confirmRemoveExchange(c, e)}>Remove</button>
+          </li>
+        ))}
+        </ul>
+      </div>
+    );
+  }
+
+  render(): JSX.Element {
+    let currencies = this.state.currencies;
+    if (!currencies) {
+      return <span>...</span>;
+    }
+    return (
+      <div id="main">
+      {currencies.map(c => (
+        <div>
+          <h1>Currency {c.name}</h1>
+          <p>Displayed with {c.fractionalDigits} fractional digits.</p>
+          <h2>Auditors</h2>
+          <div>{this.renderAuditors(c)}</div>
+          <h2>Exchanges</h2>
+          <div>{this.renderExchanges(c)}</div>
+        </div>
+      ))}
+      </div>
+    );
+  }
+}
+
+export function main() {
+  ReactDOM.render(<CurrencyList />, document.getElementById("container")!);
+}
+
+document.addEventListener("DOMContentLoaded", main);