Update web/templates/stats.html

web/templates/stats.html

@@ -5,7 +5,6 @@
 <div class="container">
   <h1 class="page-title">Statistics</h1>
 
-  <!-- Top counters -->
   <div class="card" style="padding:16px; margin-bottom:16px;">
     <div class="meta-grid">
       <div>
@@ -37,6 +36,24 @@
     </div>
   </div>
 
+<!-- Top subjects -->
+<div class="card" style="padding:16px; margin-bottom:16px;">
+  <div class="meta-label">Top Subjects</div>
+  <div style="display:flex; flex-wrap:wrap; gap:8px; margin-top:8px;">
+    {% for s in top_subjects %}
+      <a
+        class="chip chip-link"
+        href="{% url 'search' %}?q={{ s.name|urlencode }}&subject=on"
+        title="Search subject: {{ s.name }}"
+      >
+        {{ s.name }} ({{ s.count }})
+      </a>
+    {% empty %}
+      <span class="muted">No subjects.</span>
+    {% endfor %}
+  </div>
+</div>
+
   <!-- Scripture usage -->
   <div class="card" style="padding:16px; margin-bottom:16px;">
     <h3 style="margin:0 0 10px;">Scripture Usage</h3>
@@ -47,15 +64,7 @@
         <h4 style="margin:0 0 6px;">Top 10 Books</h4>
         <ol class="small" style="margin:0; padding-left:18px;">
           {% for book, cnt in top_books %}
-            <li>
+            <li><strong>{{ book }}</strong> — {{ cnt }}</li>
-              <a
-                class="chip chip-link"
-                href="{% url 'search' %}?q={{ book|urlencode }}&scripture_raw=on"
-                title="Search Scripture field for book: {{ book }}"
-              >
-                {{ book }}
-              </a> — {{ cnt }}
-            </li>
           {% empty %}
             <li class="muted">No data yet.</li>
           {% endfor %}
@@ -69,7 +78,7 @@
         <a
           class="chip chip-link"
           href="{% url 'search' %}?q={{ ref|urlencode }}&scripture_raw=on"
-                title="Search Scripture field for {{ ref }}"
+          title="Search in Scripture field: {{ ref }}"
         >
           {{ ref }}
         </a> — {{ cnt }}
@@ -82,67 +91,70 @@
     </div>
   </div>
 
-  <!-- Top subjects -->
+  <!-- Tools: collapsible panel -->
-  <div class="card" style="padding:16px; margin-bottom:16px;">
-    <div class="meta-label">Top Subjects</div>
-    <div style="display:flex; flex-wrap:wrap; gap:8px; margin-top:8px;">
-      {% for s in top_subjects %}
-        <a
-          class="chip chip-muted"
-          href="{% url 'search' %}?q={{ s.name|urlencode }}&subject=on"
-          title="Search Subject field for {{ s.name }}"
-        >
-          {{ s.name }} ({{ s.count }})
-        </a>
-      {% empty %}
-        <span class="muted">No subjects.</span>
-      {% endfor %}
-    </div>
-  </div>
-
-  <!-- Tools (collapsed like Search Help) -->
   <div class="card" style="padding:16px; margin-bottom:24px;">
-    <button id="tools-toggle" class="btn" type="button">⚙️ Tools</button>
+    <div style="display:flex; align-items:center; justify-content:space-between; gap:10px;">
-    <div id="tools-panel" style="display:none; margin-top:12px;">
+      <div class="meta-label">Maintenance Tools</div>
-      <div class="small muted" style="margin:0 0 8px;">
+      <button
-        Batch maintenance utilities. Preview first; then apply changes sitewide.
+        class="btn btn-secondary"
-      </div>
+        type="button"
-
+        id="tools-toggle"
-      <!-- Scripture normalizer -->
+        aria-expanded="false"
-      <div class="chip" style="margin:8px 0;">
+        aria-controls="tools-panel"
-        <strong>Scripture Normalizer</strong> — Standardizes Bible references (book abbreviations, separators, repeats book name for multiple sets).
+      >
-      </div>
+        ▾ Show tools
-      <div style="display:flex; gap:10px; flex-wrap:wrap; margin-bottom:10px;">
-        <form method="get" action="{% url 'normalize_scripture' %}">
-          <input type="hidden" name="limit" value="">
-          <button class="btn btn-secondary">Preview (dry‑run)</button>
-        </form>
-
-        {% if user.is_authenticated and user.is_staff %}
-        <form method="post" action="{% url 'normalize_scripture' %}">
-          {% csrf_token %}
-          <button class="btn btn-danger" onclick="return confirm('Apply normalization to ALL entries? This will modify scripture_raw fields.');">
-            Apply to all
       </button>
-        </form>
-        {% endif %}
     </div>
 
-      <!-- Source normalizer -->
+    <div id="tools-panel" class="tools-panel" hidden>
-      <div class="chip" style="margin:8px 0;">
+      <!-- Scripture Normalizer -->
-        <strong>Source Normalizer</strong> — Converts Watchtower/Awake!/Yearbook/KM references into WOL short-codes (e.g., <code>w13 3/15 p.14</code>). Non‑JW sources are left unchanged.
+      <div class="tool-block">
-      </div>
+        <h4>Scripture Normalizer</h4>
-      <div style="display:flex; gap:10px; flex-wrap:wrap;">
+        <p class="small muted">
-        <form method="get" action="{% url 'normalize_source' %}">
+          Standardizes Bible references (book abbreviations, separators, and repeats book names as needed).
+          Use preview first; Apply will modify all <code>scripture_raw</code> fields.
+        </p>
+        <div class="tool-actions">
+          <form method="get" action="{% url 'normalize_scripture' %}" class="inline">
             <input type="number" min="0" name="limit" placeholder="Preview limit (optional)"
-                 style="border:1px solid var(--border); border-radius:8px; padding:6px 8px;">
+                   class="tool-input">
             <button class="btn btn-secondary">Preview (dry‑run)</button>
           </form>
 
           {% if user.is_authenticated and user.is_staff %}
-        <form method="post" action="{% url 'normalize_source' %}">
+          <form method="post" action="{% url 'normalize_scripture' %}" class="inline">
             {% csrf_token %}
-          <button class="btn btn-danger" onclick="return confirm('Apply normalization to ALL entries? This will modify source fields. Make a backup first.');">
+            <button class="btn btn-danger"
+                    onclick="return confirm('Apply Scripture Normalizer to ALL entries? This will modify scripture_raw fields.');">
+              Apply to all
+            </button>
+          </form>
+          {% endif %}
+        </div>
+      </div>
+
+      <hr class="tool-sep">
+
+      <!-- Source Normalizer -->
+      <div class="tool-block">
+        <h4>Source Normalizer</h4>
+        <p class="small muted">
+          Converts Watchtower/Awake!/Yearbook/KM references (e.g., “March 15, 2013 WT page 14”) into WOL short‑codes
+          like <code>w13 3/15 p.14</code>. Non‑JW sources are left unchanged. Use preview first; Apply will modify all
+          <code>source</code> fields.
+        </p>
+        <div class="tool-actions">
+          <form method="get" action="{% url 'normalize_source' %}" class="inline">
+            <input type="number" min="0" name="limit" placeholder="Preview limit (optional)"
+                   class="tool-input">
+            <button class="btn btn-secondary">Preview (dry‑run)</button>
+          </form>
+
+          {% if user.is_authenticated and user.is_staff %}
+          <form method="post" action="{% url 'normalize_source' %}" class="inline">
+            {% csrf_token %}
+            <button class="btn btn-danger"
+                    onclick="return confirm('Apply Source Normalizer to ALL entries? This cannot be undone. Make a backup first.');">
               Apply to all
             </button>
           </form>
@@ -151,15 +163,57 @@
       </div>
     </div>
   </div>
+</div>
 
-<!-- Tiny inline JS to toggle the Tools panel -->
+<!-- Tiny, scoped styles + JS for the collapsible panel -->
+<style>
+  .tools-panel{
+    margin-top:12px;
+    border:1px solid var(--border);
+    border-radius:12px;
+    background:#fff;
+    padding:14px;
+  }
+  .tool-block h4{
+    margin:0 0 6px;
+    font-size:16px;
+    color:#0f172a;
+  }
+  .tool-actions{
+    display:flex;
+    flex-wrap:wrap;
+    gap:10px;
+    margin-top:8px;
+  }
+  .tool-input{
+    border:1px solid var(--border);
+    border-radius:8px;
+    padding:6px 8px;
+    font-size:14px;
+    margin-right:6px;
+  }
+  .tool-sep{
+    border:none;
+    border-top:1px solid var(--border);
+    margin:14px 0;
+  }
+</style>
 <script>
   (function(){
-    const btn = document.getElementById('tools-toggle');
+    var btn = document.getElementById('tools-toggle');
-    const panel = document.getElementById('tools-panel');
+    var panel = document.getElementById('tools-panel');
     if(!btn || !panel) return;
     btn.addEventListener('click', function(){
-      panel.style.display = (panel.style.display === 'none' || panel.style.display === '') ? 'block' : 'none';
+      var open = panel.hasAttribute('hidden') ? false : true;
+      if(open){
+        panel.setAttribute('hidden', '');
+        btn.textContent = '▾ Show tools';
+        btn.setAttribute('aria-expanded', 'false');
+      }else{
+        panel.removeAttribute('hidden');
+        btn.textContent = '▴ Hide tools';
+        btn.setAttribute('aria-expanded', 'true');
+      }
     });
   })();
 </script>