Update templates/index.html

templates/index.html

@@ -31,6 +31,9 @@
             <input type="submit" value="Search">
         </form>
         <hr>
+
+        <!-- *** CHANGE 1: WRAP ADMIN PANEL IN A CONDITIONAL BLOCK *** -->
+        {% if show_admin %}
         <div class="admin-section">
             <h3>Admin Panel</h3>
             <form id="build-form">
@@ -39,6 +42,7 @@
             </form>
             <div id="build-status"></div>
         </div>
+        {% endif %}
 
         {% if query %}
             <h2>Results for: "{{ query }}"</h2>
@@ -47,7 +51,6 @@
         {% if results %}
             {% for result in results %}
                 <div class="result">
-                    <!-- *** CHANGE 1: MAKE THE REFERENCE A CLICKABLE LINK *** -->
                     {% if result.book_name and result.chapter %}
                     <p class="reference">
                         <a href="{{ url_for('view_chapter', version=result.version, book_name=result.book_name, chapter_num=result.chapter) }}">
@@ -64,6 +67,7 @@
         {% endif %}
     </div>
 
+    <!-- The script can remain, it will just not find the elements if the admin panel is hidden, which is harmless. -->
     <script>
         const buildForm = document.getElementById('build-form');
         const buildButton = document.getElementById('build-button');
@@ -71,8 +75,9 @@
         let statusInterval;
 
         function updateStatusDisplay(status, message) {
+            if (!statusDiv) return; // Exit if admin panel is not shown
             statusDiv.style.display = 'block';
-            statusDiv.className = '';
+            statusDiv.className = ''; 
 
             if (status.startsWith('IN_PROGRESS')) {
                 statusDiv.classList.add('info');
@@ -84,8 +89,6 @@
                 buildButton.disabled = false;
                 buildButton.value = 'Build and Push Database to Hub';
                 clearInterval(statusInterval);
-                // *** CHANGE 2: REMOVE THE ANNOYING POPUP ***
-                // Simply update the text to inform the user.
                 statusDiv.textContent = message + " Refresh the page to use the new data.";
             } else if (status === 'FAILED') {
                 statusDiv.classList.add('error');
@@ -110,20 +113,23 @@
             }
         }
 
-        buildForm.addEventListener('submit', async function(event) {
-            event.preventDefault();
-            if (!confirm('This will rebuild the database, which can take a long time. Are you sure?')) return;
-            buildButton.disabled = true;
-            updateStatusDisplay('IN_PROGRESS', 'Initiating build process...');
-            try {
-                await fetch('/build-rag', { method: 'POST' });
-                statusInterval = setInterval(checkStatus, 5000);
-            } catch (error) {
-                updateStatusDisplay('FAILED', 'Failed to send build request to the server.');
-            }
-        });
+        // Only add event listener if the form exists
+        if (buildForm) {
+            buildForm.addEventListener('submit', async function(event) {
+                event.preventDefault();
+                if (!confirm('This will rebuild the database, which can take a long time. Are you sure?')) return;
+                buildButton.disabled = true;
+                updateStatusDisplay('IN_PROGRESS', 'Initiating build process...');
+                try {
+                    await fetch('/build-rag', { method: 'POST' });
+                    statusInterval = setInterval(checkStatus, 5000);
+                } catch (error) {
+                    updateStatusDisplay('FAILED', 'Failed to send build request to the server.');
+                }
+            });
+        }
         
         document.addEventListener('DOMContentLoaded', checkStatus);
     </script>
 </body>
-</html>
+</html>