53 lines
1.4 KiB
TypeScript
53 lines
1.4 KiB
TypeScript
|
"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
|
||
|
|
});
|
||
|
|
});
|
||
|
|
});
|