aboutsummaryrefslogtreecommitdiff
path: root/extension/popup/balance-overview.tsx
blob: de992a46de0d6379170b74342af3c4c184adc551 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
"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 = <div />;
    for (let curr in wallet) {
      n++;
      let x = wallet[curr];
      let num = x.value + x.fraction / 10e6;
      table.appendChild(<p>{num} <a>{x.currency}</a></p>);
    }
    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: any = e.target;
    chrome.tabs.create({
      "url": target.href
    }); 
  });
});