From c0a8150be910c2646b4a28e2d3e43b31db65b134 Mon Sep 17 00:00:00 2001
From: Joshua Laymon <joshlaymon@icloud.com>
Date: Thu, 14 Aug 2025 22:43:39 +0000
Subject: [PATCH] Update web/templates/entry_edit.html

---
 web/templates/entry_edit.html | 36 +++++++++++++++++++++--------------
 1 file changed, 22 insertions(+), 14 deletions(-)

diff --git a/web/templates/entry_edit.html b/web/templates/entry_edit.html
index 7d35d9d..f460dc5 100644
--- a/web/templates/entry_edit.html
+++ b/web/templates/entry_edit.html
@@ -17,84 +17,84 @@
   </div>
 
   <!-- Card -->
-  <div class="card entry-form modern-form" style="padding: 24px;">
+  <div class="card entry-form modern-form">
     <form id="entry-edit-form" method="post">
       {% csrf_token %}
 
       <div class="f-grid">
         <div class="f-row">
-          <div class="f-label" style="font-weight: 600; font-size: 1.05em;">Subject</div>
+          <div class="f-label">Subject</div>
           <div class="f-control">
             {{ form.subject }}
           </div>
         </div>
 
         <div class="f-row tall">
-          <div class="f-label" style="font-weight: 600; font-size: 1.05em;">Illustration</div>
+          <div class="f-label">Illustration</div>
           <div class="f-control">
             {{ form.illustration }}
           </div>
         </div>
 
         <div class="f-row tall">
-          <div class="f-label" style="font-weight: 600; font-size: 1.05em;">Application</div>
+          <div class="f-label">Application</div>
           <div class="f-control">
             {{ form.application }}
           </div>
         </div>
 
         <div class="f-row">
-          <div class="f-label" style="font-weight: 600; font-size: 1.05em;">Scripture</div>
+          <div class="f-label">Scripture</div>
           <div class="f-control">
             {{ form.scripture_raw }}
           </div>
         </div>
 
         <div class="f-row">
-          <div class="f-label" style="font-weight: 600; font-size: 1.05em;">Source</div>
+          <div class="f-label">Source</div>
           <div class="f-control">
             {{ form.source }}
           </div>
         </div>
 
         <div class="f-row">
-          <div class="f-label" style="font-weight: 600; font-size: 1.05em;">Talk Title</div>
+          <div class="f-label">Talk Title</div>
           <div class="f-control">
             {{ form.talk_title }}
           </div>
         </div>
 
         <div class="f-row">
-          <div class="f-label" style="font-weight: 600; font-size: 1.05em;">Talk Number</div>
+          <div class="f-label">Talk Number</div>
           <div class="f-control">
             {{ form.talk_number }}
           </div>
         </div>
 
         <div class="f-row">
-          <div class="f-label" style="font-weight: 600; font-size: 1.05em;">Entry Code</div>
+          <div class="f-label">Entry Code</div>
           <div class="f-control">
             {{ form.entry_code }}
           </div>
         </div>
 
         <div class="f-row">
-          <div class="f-label" style="font-weight: 600; font-size: 1.05em;">Date Added</div>
+          <div class="f-label">Date Added</div>
           <div class="f-control">
             {{ form.date_added }}
           </div>
         </div>
 
         <div class="f-row">
-          <div class="f-label" style="font-weight: 600; font-size: 1.05em;">Date Edited</div>
+          <div class="f-label">Date Edited</div>
           <div class="f-control">
             {{ form.date_edited }}
           </div>
         </div>
       </div>
 
-      <!-- bottom actions -->
-      <div class="form-actions bottom-actions" style="margin-top: 20px;">
+      <!-- bottom actions (hidden by CSS if you prefer only the top bar) -->
+      <div class="form-actions bottom-actions">
         <a class="btn btn-secondary" href="{% url 'entry_view' entry.id %}">Cancel</a>
         <button class="btn btn-primary">Save</button>
       </div>
@@ -102,9 +102,10 @@
   </div>
 </div>
 
-<!-- Talk title auto-fill -->
+<!-- Talk title auto-fill (same behavior as entry_add) -->
 <script>
 (function () {
+  // Location of your mapping file
   const talksUrl = "{% static 'talks.json' %}";
 
   function wireAutofill(talkMap) {
@@ -112,11 +113,13 @@
     const titleEl  = document.getElementById("id_talk_title");
     if (!numberEl || !titleEl) return;
 
+    // Consider "-" or "—" as empty (lets autofill replace them)
     const isEffectivelyEmpty = (s) => {
       const t = (s || "").trim();
       return t === "" || t === "-" || t === "—";
     };
 
+    // Track if user has typed something custom
     let userTyped = false;
 
     titleEl.addEventListener("input", () => {
@@ -133,14 +136,18 @@
           titleEl.value = mapped;
           titleEl.dataset.autofilled = "1";
         } else if (titleEl.dataset.autofilled === "1") {
+          // Previously autofilled but new number has no title: clear it
           titleEl.value = "";
           titleEl.dataset.autofilled = "0";
         }
       }
     }
 
+    // Change -> try to fill
     numberEl.addEventListener("change", maybeAutofill);
 
+    // Initial fill on page load:
+    // If current title is empty/hyphen, allow autofill; otherwise respect user text
     if (isEffectivelyEmpty(titleEl.value)) {
       userTyped = false;
       maybeAutofill();
@@ -149,6 +156,7 @@
     }
   }
 
+  // Fetch the mapping; if it fails, no worries—form still works
   fetch(talksUrl, {cache: "no-store"})
     .then(r => r.ok ? r.json() : {})
     .then(map => wireAutofill(map))