From 75ce40635736260ce5a19b7a33856305ee516ccc Mon Sep 17 00:00:00 2001
From: Tyler Hoang <tyler@tylerhoang.xyz>
Date: Sat, 9 May 2026 01:19:08 -0700
Subject: Simplify pantry UX and persist grocery check state server-side

- Remove quantity, unit, expiry, and category fields from pantry form; auto-detect category via keyword map
- Persist grocery item checked/unchecked state in DB via PATCH /api/grocery/{id}/check-item
- Fix unchecking: previously bailed early and never removed the checked class
- Fix NOT NULL constraint on ingredients.unit by defaulting to empty string

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 static/index.html | 17 +----------------
 1 file changed, 1 insertion(+), 16 deletions(-)

(limited to 'static/index.html')

diff --git a/static/index.html b/static/index.html
index d0e0243..ae36a4f 100644
--- a/static/index.html
+++ b/static/index.html
@@ -33,29 +33,14 @@
         <h3>Add Ingredient</h3>
         <div class="form-row">
           <div class="form-group"><label>Name</label><input type="text" id="ing-name" placeholder="e.g. Chicken Breast"></div>
-          <div class="form-group"><label>Quantity</label><input type="number" id="ing-qty" step="0.1" placeholder="500"></div>
-          <div class="form-group"><label>Unit</label><input type="text" id="ing-unit" placeholder="grams"></div>
-          <div class="form-group"><label>Category</label>
-            <select id="ing-category">
-              <option value="">None</option>
-              <option value="produce">Produce</option>
-              <option value="protein">Protein</option>
-              <option value="dairy">Dairy</option>
-              <option value="pantry">Pantry</option>
-              <option value="frozen">Frozen</option>
-              <option value="bakery">Bakery</option>
-            </select>
-          </div>
-          <div class="form-group"><label>Expiry Date</label><input type="date" id="ing-expiry"></div>
         </div>
         <div class="form-actions">
           <button class="btn btn-primary" id="btn-save-ingredient">Save</button>
           <button class="btn" id="btn-cancel-ingredient">Cancel</button>
         </div>
       </div>
-      <div id="expiry-warning-banner" class="hidden"></div>
       <table id="pantry-table">
-        <thead><tr><th>Name</th><th>Quantity</th><th>Unit</th><th>Category</th><th>Expires</th><th>Actions</th></tr></thead>
+        <thead><tr><th>Name</th><th>Category</th><th>Actions</th></tr></thead>
         <tbody id="pantry-tbody"></tbody>
       </table>
       <div id="pantry-empty" class="empty-state hidden">No ingredients yet. Add some to get started.</div>
-- 
cgit v1.3-2-g0d8e