From 591200dcb652fd71997121616f30a8b88caa2ac6 Mon Sep 17 00:00:00 2001 From: bel Date: Mon, 2 Aug 2021 21:57:22 -0600 Subject: [PATCH] ui v0.0.0 --- public/index.html | 47 ++++++++++++++++++++++++++++++++++++----------- 1 file changed, 36 insertions(+), 11 deletions(-) diff --git a/public/index.html b/public/index.html index 2704c1e..a6747f8 100644 --- a/public/index.html +++ b/public/index.html @@ -14,27 +14,52 @@ } var innerHTML = "" var keys = [] - - innerHTML += "" - innerHTML += "" + "idx" + "" for(const key in transactions[0]) { - innerHTML += "" + key + "" keys.push(key) } - innerHTML += "" for(var i in transactions) { const transaction = transactions[i] - innerHTML += "" - innerHTML += "" + i + "" - for(var key of keys) { - innerHTML += "" + transaction[key] + "" + var one = "" + one += "" + for(var foo of ["saveTransaction", "zachsPayment", "belsPayment", "zachsCharge", "belsCharge"]) { + one += `
` } - innerHTML += "" + one += "" + one += "" + for(var key of keys) { + one += "" + } + one += "\n" + innerHTML = one + innerHTML } + var header = "" + header += "" + "update" + "" + header += "" + "idx" + "" + for(const key in transactions[0]) { + header += "\t" + key + "\n" + } + header += "\n" + innerHTML = header + innerHTML + document.getElementById("transactions").innerHTML = innerHTML } + function saveTransaction(row) { + const inputs = row.getElementsByTagName("textarea") + var kvs = {} + for (var i = 0; i < inputs.length; i++) { + const key = inputs[i].getAttribute("key") + const value = inputs[i].value + kvs[key] = value + if (!isNaN(value)) + kvs[key] = parseFloat(value) + } + http("put", "/api/transactions", () => {init()}, JSON.stringify(kvs)) + } function http(method, remote, callback, body) { var xmlhttp = new XMLHttpRequest(); xmlhttp.onreadystatechange = function() { @@ -51,7 +76,7 @@ -

hi

+

Shared Expenses