diff options
Diffstat (limited to 'extension/popup/balance-overview.js')
| -rw-r--r-- | extension/popup/balance-overview.js | 27 |
1 files changed, 19 insertions, 8 deletions
diff --git a/extension/popup/balance-overview.js b/extension/popup/balance-overview.js index e244e5c05..0df0dae9f 100644 --- a/extension/popup/balance-overview.js +++ b/extension/popup/balance-overview.js @@ -19,17 +19,28 @@ document.addEventListener('DOMContentLoaded', (e) => { chrome.runtime.sendMessage({ type: "balances" }, function (wallet) { console.log("got balance"); let n = 0; - let table = React.createElement("div", null); + /*let table = <div />;*/ + let source = document.getElementById("balance-template").innerHTML; + console.log("size", Object.keys(wallet).length); + if (Object.keys(wallet).length > 0) { + let template = Handlebars.compile(source); + console.log("DB error? ", chrome.runtime.lastError); + console.log("wallet ", JSON.stringify(wallet)); + let html = template({ wallet: wallet, walletEmpty: wallet.length == 0 }); + console.log("Hb generated html", html); + document.getElementById("content").innerHTML = html; + } + /* 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))); + 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); - } + let p = document.getElementById("content"); + p.replaceChild(table, p.firstElementChild); + } */ }); document.getElementById("debug").addEventListener("click", (e) => { chrome.tabs.create({ |