1 files changed, 48 insertions, 0 deletions
diff --git a/extension/popup/balance-overview.js b/extension/popup/balance-overview.js
new file mode 100644
index 000000000..e244e5c05
--- /dev/null
+++ b/extension/popup/balance-overview.js
@@ -0,0 +1,48 @@
+"use strict";
+let React = {
+    createElement: function (tag, props, ...children) {
+        let e = document.createElement(tag);
+        for (let k in props) {
+            e.setAttribute(k, props[k]);
+        }
+        for (let child of children) {
+            if ("string" === typeof child || "number" == typeof child) {
+                child = document.createTextNode(child);
+            }
+            e.appendChild(child);
+        }
+        return e;
+    }
+};
+document.addEventListener('DOMContentLoaded', (e) => {
+    console.log("content loaded");
+    chrome.runtime.sendMessage({ type: "balances" }, function (wallet) {
+        console.log("got balance");
+        let n = 0;
+        let table = React.createElement("div", null);
+        for (let curr in wallet) {
+            n++;
+            let x = wallet[curr];
+            let num = x.value + x.fraction / 10e6;
+            table.appendChild(React.createElement("p", null, num, " ", React.createElement("a", null, x.currency)));
+        }
+        if (n != 0) {
+            let p = document.getElementById("content");
+            p.replaceChild(table, p.firstElementChild);
+        }
+    });
+    document.getElementById("debug").addEventListener("click", (e) => {
+        chrome.tabs.create({
+            "url": chrome.extension.getURL("pages/debug.html")
+        });
+    });
+    document.getElementById("reset").addEventListener("click", (e) => {
+        chrome.runtime.sendMessage({ type: "reset" });
+    });
+    document.getElementById("link-kudos").addEventListener("click", (e) => {
+        let target = e.target;
+        chrome.tabs.create({
+            "url": target.href
+        });
+    });
+});