Update templates/index.html

templates/index.html

@@ -32,9 +32,11 @@
         </form>
         <button id="backButton" style="display: none; margin-top: 10px;">Back to Main</button>
     </div>
-    <div class="loading-container" id="loadingContainer" {% if not loading %}style="display: none;"{% endif %}>
-        <span class="loading-spinner"></span>
-    </div>
+    {% if loading %}
+        <div class="loading-container" id="loadingContainer">
+            <span class="loading-spinner"></span>
+        </div>
+    {% endif %}
     {% if has_articles %}
         <div id="articlesContainer">
             {% for category, articles in categorized_articles.items() %}
@@ -179,9 +181,6 @@
                                 }
                             }
                         }
-                        // Hide spinner once articles are updated
-                        const loadingContainer = document.getElementById('loadingContainer');
-                        if (loadingContainer) loadingContainer.style.display = 'none';
                     }
                     setTimeout(updateArticles, 2000);
                 })
@@ -196,12 +195,9 @@
                 .then(response => response.json())
                 .then(data => {
                     if (data.status === 'complete') {
-                        // Only refresh if this is the first load (no articles yet)
-                        if (!document.getElementById('articlesContainer')) {
-                            window.location.reload();
-                        }
+                        window.location.reload(); // Refresh the page when loading is complete
                     } else {
-                        setTimeout(checkLoadingStatus, 2000);
+                        setTimeout(checkLoadingStatus, 2000); // Check again after 2 seconds
                     }
                 })
                 .catch(error => {
@@ -215,17 +211,10 @@
             tiles.forEach(tile => {
                 lastUpdate = Math.max(lastUpdate, parseFloat(tile.dataset.lastUpdate) || 0);
             });
-
-            // Show spinner initially if loading
-            const loadingContainer = document.getElementById('loadingContainer');
-            if (loadingContainer && !document.getElementById('articlesContainer')) {
-                loadingContainer.style.display = 'block';
-            }
-
             updateArticles();
 
             // Start checking loading status if loading is active
-            if (loadingContainer) {
+            if (document.getElementById('loadingContainer')) {
                 checkLoadingStatus();
             }