Update templates/index.html

templates/index.html

@@ -126,7 +126,6 @@
             margin-top: 20px;
             color: #2c3e50;
             font-size: 1em;
-            display: none; /* Hidden by default, shown when loading new feeds */
         }
     </style>
 </head>
@@ -140,41 +139,6 @@
     </div>
     {% if loading_new_feeds %}
     <div class="loading-message">Loading new RSS feeds in the background...</div>
-    <script>
-        document.addEventListener('DOMContentLoaded', () => {
-            const loading = document.getElementById('loading');
-            const form = document.getElementById('searchForm');
-
-            form.addEventListener('submit', () => {
-                loading.style.display = 'block';
-            });
-
-            // Poll until new feeds are loaded
-            function checkNewFeeds() {
-                fetch('/check_feeds')
-                    .then(response => response.json())
-                    .then(data => {
-                        if (data.status === "loaded") {
-                            location.reload(); // Refresh to show new articles
-                            document.querySelector('.loading-message').style.display = 'none';
-                        } else if (data.status === "error") {
-                            console.error('Error loading new feeds:', data.message);
-                            loading.style.display = 'none';
-                            alert('Failed to load new RSS feeds. Please try again.');
-                        } else {
-                            setTimeout(checkNewFeeds, 1000); // Check every second
-                        }
-                    })
-                    .catch(error => {
-                        console.error('Error checking new feeds:', error);
-                        loading.style.display = 'none';
-                        alert('Network error while loading new feeds. Please try again.');
-                    });
-            }
-            checkNewFeeds();
-            document.querySelector('.loading-message').style.display = 'block';
-        });
-    </script>
     {% endif %}
     {% for category, articles in categorized_articles.items() %}
     <div class="category-section">
@@ -200,5 +164,43 @@
         </div>
     </div>
     {% endfor %}
+
+    <script>
+        document.addEventListener('DOMContentLoaded', () => {
+            const form = document.getElementById('searchForm');
+            const loading = document.getElementById('loading');
+            
+            form.addEventListener('submit', () => {
+                loading.style.display = 'block';
+            });
+
+            // Poll until new feeds are loaded
+            if ("{{ loading_new_feeds }}" === "True") {
+                function checkNewFeeds() {
+                    fetch('/check_feeds')
+                        .then(response => response.json())
+                        .then(data => {
+                            if (data.status === "loaded") {
+                                location.reload(); // Refresh to show new articles
+                                document.querySelector('.loading-message').style.display = 'none';
+                            } else if (data.status === "error") {
+                                console.error('Error loading new feeds:', data.message);
+                                loading.style.display = 'none';
+                                alert('Failed to load new RSS feeds. Please try again.');
+                            } else {
+                                setTimeout(checkNewFeeds, 1000); // Check every second
+                            }
+                        })
+                        .catch(error => {
+                            console.error('Error checking new feeds:', error);
+                            loading.style.display = 'none';
+                            alert('Network error while loading new feeds. Please try again.');
+                        });
+                }
+                checkNewFeeds();
+                document.querySelector('.loading-message').style.display = 'block';
+            }
+        });
+    </script>
 </body>
 </html>