From 3e9349078c0da85d0a66ff67bfd882f98560eb3f Mon Sep 17 00:00:00 2001
From: Bel LaPointe <breel@qualtrics.com>
Date: Mon, 30 Aug 2021 11:14:41 -0400
Subject: [PATCH] ui can create transaction, submits text instead of html

---
 public/index.html | 31 ++++++++++++++++++++++++++++++-
 1 file changed, 30 insertions(+), 1 deletion(-)

diff --git a/public/index.html b/public/index.html
index 299ef7f..fa806ce 100755
--- a/public/index.html
+++ b/public/index.html
@@ -2,6 +2,15 @@
    <header>
       <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/water.css@2/out/dark.css">
       <style>
+         body > div {
+            width: 100%;
+         }
+         .center {
+            text-align: center;
+         }
+         .right {
+            text-align: right;
+         }
          #transactions > tbody > tr > td:first-child input {
             padding: 1ch;
             display: inline-block;
@@ -93,6 +102,25 @@
 
             document.getElementById("transactions").innerHTML = innerHTML
          }
+         function newTransaction() {
+            var today = new Date()
+            var year = today.getFullYear()
+            var month = today.getMonth()+1
+            var day = today.getDate()
+            if (day < 10) {
+               day = `0${day}`
+            }
+            if (month < 10) {
+               month = `0${month}`
+            }
+            http("post", "/api/transactions", () => {init()}, JSON.stringify({
+               Date: `${year}-${month}-${day}`,
+               Description: "?",
+               Payer: "?",
+               Payee: "?",
+               Amount: 0,
+            }))
+         }
          function saveTransaction(row) {
             const inputs = row.getElementsByTagName("td")
             var kvs = {}
@@ -101,7 +129,7 @@
                if (!key) {
                   continue
                }
-               const value = inputs[i].innerHTML
+               const value = (inputs[i].textContent || inputs[i].innerText).replaceAll("\n", " ").trim()
                kvs[key] = value
                if (!isNaN(value))
                   kvs[key] = parseFloat(value)
@@ -145,6 +173,7 @@
          <summary>Balances</summary>
          <div id="balances"></div>
       </details>
+      <div class="right"><button onclick="newTransaction();">New Transaction</button></div>
       <table id="transactions"></table>
    </body>
    <footer>