From 9baa1ee01abae90b71e61e9f6e158efcb300fe16 Mon Sep 17 00:00:00 2001
From: bel <me@me.me>
Date: Mon, 2 Aug 2021 22:13:17 -0600
Subject: [PATCH] take 2

---
 public/index.html | 35 +++++++++++++++++++----------------
 1 file changed, 19 insertions(+), 16 deletions(-)

diff --git a/public/index.html b/public/index.html
index a6747f8..3988450 100644
--- a/public/index.html
+++ b/public/index.html
@@ -26,26 +26,29 @@
                   one += `<input value="${foo}" type="button" onclick="${foo}(this.parentNode.parentNode)"/><br>`
                }
                one += "</td>"
-               one += "<td><textarea key=\"idx\" disabled readonly>" + i + "</textarea></td>"
-               for(var key of keys) {
-                  one += "<td><textarea "
-                  if (["Amount"].includes(key))
-                     one += "disabled readonly"
-                  one += " key=" + JSON.stringify(key) + ">" + transaction[key] + "</textarea></td>"
-               }
+
+               one += "<td><table>"
+               one += "   <tr>"
+               one += `      <td><textarea key="idx" disabled readonly>${i}</textarea></td>`
+               for(var key of ["Date", "Description"])
+                  one += `   <td><textarea key=${JSON.stringify(key)}>${transaction[key]}</textarea></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 += "   </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 += "   </tr>"
+               one += "</table></td>"
+
                one += "</tr>\n"
                innerHTML = one + innerHTML
             }
 
-            var header = "<tr>"
-            header += "<th>" + "update" + "</th>"
-            header += "<th>" + "idx" + "</th>"
-            for(const key in transactions[0]) {
-               header += "\t<th>" + key + "</th>\n"
-            }
-            header += "</tr>\n"
-            innerHTML = header + innerHTML
-
             document.getElementById("transactions").innerHTML = innerHTML
          }
          function saveTransaction(row) {