From 8f4bc8f11c6cb70d7adb0cee73225494062d5918 Mon Sep 17 00:00:00 2001
From: oscar <oscar@MacBook-Pro.local>
Date: Sun, 14 Sep 2025 19:25:38 +0300
Subject: [PATCH] editable date and amount

---
 static/app.js        | 18 +++++++++++++++++-
 templates/index.html | 33 ++++++++++++++++++++++++++++++---
 2 files changed, 47 insertions(+), 4 deletions(-)

diff --git a/static/app.js b/static/app.js
index 37cce30..d1bb891 100644
--- a/static/app.js
+++ b/static/app.js
@@ -33,4 +33,20 @@ document.addEventListener('DOMContentLoaded', () => {
   if (bill) bill.addEventListener('change', () => onKindChange('bill'));
   if (xfer) xfer.addEventListener('change', () => onKindChange('transfer'));
   onKindChange((xfer && xfer.checked) ? 'transfer' : 'bill');
-});
\ No newline at end of file
+
+  // inline edit toggles
+  document.querySelectorAll('[data-edit]').forEach(btn => {
+    btn.addEventListener('click', () => {
+      const id = btn.getAttribute('data-edit');
+      const row = document.getElementById(`edit-row-${id}`);
+      if (row) row.style.display = row.style.display === 'none' ? '' : 'none';
+    });
+  });
+  document.querySelectorAll('[data-cancel-edit]').forEach(btn => {
+    btn.addEventListener('click', () => {
+      const id = btn.getAttribute('data-cancel-edit');
+      const row = document.getElementById(`edit-row-${id}`);
+      if (row) row.style.display = 'none';
+    });
+  });
+});
diff --git a/templates/index.html b/templates/index.html
index 9d8322a..3918d4f 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -94,7 +94,7 @@
         </thead>
         <tbody>
         {% for e in entries %}
-          <tr>
+          <tr data-entry-row="{{ e.id }}">
             <td>{{ e.created_at|human_time }}</td>
             <td>{{ e.kind }}</td>
             <td>{{ A if e.payer=='A' else B }}</td>
@@ -106,8 +106,35 @@
               {{ currency }}{{ '%.2f'|format(e.delta) }}
             </td>
             <td>
-              <form method="post" action="{{ url_for('delete', entry_id=e.id) }}" onsubmit="return confirm('Delete this entry?');">
-                <button class="btn danger" type="submit">Delete</button>
+              <div style="display:flex; gap:6px; justify-content:flex-end">
+                <button class="btn" type="button" data-edit="{{ e.id }}">Edit</button>
+                <form method="post" action="{{ url_for('delete', entry_id=e.id) }}" onsubmit="return confirm('Delete this entry?');">
+                  <button class="btn danger" type="submit">Delete</button>
+                </form>
+              </div>
+            </td>
+          </tr>
+          <tr id="edit-row-{{ e.id }}" class="edit-row" style="display:none">
+            <td colspan="9">
+              <form class="edit-form" method="post" action="{{ url_for('edit', entry_id=e.id) }}" style="display:flex; gap:8px; align-items:center; flex-wrap:wrap">
+                <div>
+                  <label style="display:block; font-size:12px; color:#9aa0a6">Date</label>
+                  <input type="datetime-local" name="created_at" value="{{ e.created_at }}">
+                </div>
+                <div>
+                  <label style="display:block; font-size:12px; color:#9aa0a6">Amount</label>
+                  <input type="number" step="0.0001" min="0" name="total" value="{{ '%.4f'|format(e.total) }}">
+                </div>
+                {% if e.kind == 'bill' %}
+                <div>
+                  <label style="display:block; font-size:12px; color:#9aa0a6">Your share %</label>
+                  <input type="number" step="0.0001" min="0" max="100" name="a_share_pct" value="{{ '%.4f'|format(e.a_share * 100) }}">
+                </div>
+                {% endif %}
+                <div style="margin-left:auto; display:flex; gap:8px">
+                  <button class="btn" type="submit">Save</button>
+                  <button class="btn" type="button" data-cancel-edit="{{ e.id }}">Cancel</button>
+                </div>
               </form>
             </td>
           </tr>