From ff63742a2fa138c230fb2e080708d03ed888c248 Mon Sep 17 00:00:00 2001
From: Ahmed AbdelHalim <pm@a14m.me>
Date: Sun, 7 Sep 2025 17:50:36 +0200
Subject: Add basic login and clean up config

---
 static/js/app.js | 27 +++++++++++++++++++++++++++
 1 file changed, 27 insertions(+)

(limited to 'static/js')

diff --git a/static/js/app.js b/static/js/app.js
index db8ed8a..dd2aa75 100644
--- a/static/js/app.js
+++ b/static/js/app.js
@@ -112,6 +112,8 @@ const ConnectionManager = {
 
 // Status management
 const StatusManager = {
+    intervalId: null,
+
     // Load and display WireGuard status
     async loadStatus() {
         try {
@@ -126,10 +128,35 @@ const StatusManager = {
             Utils.renderError(App.elements.statusArea, error.message);
         }
     },
+
+    startAutoRefresh() {
+        // Clear any existing interval first
+        this.stopAutoRefresh();
+        // Start new interval
+        this.intervalId = setInterval(() => this.loadStatus(), 5000);
+    },
+
+    stopAutoRefresh() {
+        if (this.intervalId) {
+            clearInterval(this.intervalId);
+            this.intervalId = null;
+        }
+    }
 };
 
 // Initialize the application
 document.addEventListener('DOMContentLoaded', () => {
     StatusManager.loadStatus();
     ConnectionManager.loadConnections();
+    StatusManager.startAutoRefresh();
+});
+
+// Pause when tab is hidden, resume when visible
+document.addEventListener('visibilitychange', () => {
+    if (document.hidden) {
+        StatusManager.stopAutoRefresh();
+    } else {
+        StatusManager.loadStatus(); // Immediate refresh when back
+        StatusManager.startAutoRefresh();
+    }
 });
-- 
cgit v1.2.3