From 8e470ae0bd7db7281e2edf1cf1cc0d4892d2bf85 Mon Sep 17 00:00:00 2001
From: bel <me@me.me>
Date: Mon, 2 Aug 2021 22:33:10 -0600
Subject: [PATCH] das nice

---
 public/index.html | 15 +++++++++------
 1 file changed, 9 insertions(+), 6 deletions(-)

diff --git a/public/index.html b/public/index.html
index 3988450..13365f8 100644
--- a/public/index.html
+++ b/public/index.html
@@ -29,19 +29,19 @@
 
                one += "<td><table>"
                one += "   <tr>"
-               one += `      <td><textarea key="idx" disabled readonly>${i}</textarea></td>`
+               one += `      <td key="idx" disabled readonly>${i}</td>`
                for(var key of ["Date", "Description"])
-                  one += `   <td><textarea key=${JSON.stringify(key)}>${transaction[key]}</textarea></td>`
+                  one += `   <td contenteditable key=${JSON.stringify(key)}>${transaction[key]}</td>`
                one += "   </tr>"
                one += "   <tr>"
                one += "      <td></td><td></td>"
                for(var key of ["Payee", "Amount"])
-                  one += `   <td><textarea key=${JSON.stringify(key)}>${transaction[key]}</textarea></td>`
+                  one += `   <td contenteditable key=${JSON.stringify(key)}>${transaction[key]}</td>`
                one += "   </tr>"
                one += "   <tr>"
                one += "      <td></td><td></td>"
                for(var key of ["Payer"])
-                  one += `   <td><textarea key=${JSON.stringify(key)}>${transaction[key]}</textarea></td>`
+                  one += `   <td contenteditable key=${JSON.stringify(key)}>${transaction[key]}</td>`
                one += "   </tr>"
                one += "</table></td>"
 
@@ -52,11 +52,14 @@
             document.getElementById("transactions").innerHTML = innerHTML
          }
          function saveTransaction(row) {
-            const inputs = row.getElementsByTagName("textarea")
+            const inputs = row.getElementsByTagName("td")
             var kvs = {}
             for (var i = 0; i < inputs.length; i++) {
                const key = inputs[i].getAttribute("key")
-               const value = inputs[i].value
+               if (!key) {
+                  continue
+               }
+               const value = inputs[i].innerHTML
                kvs[key] = value
                if (!isNaN(value))
                   kvs[key] = parseFloat(value)