更新web

static/js/main.js

@@ -1,115 +1,5 @@
 // main.js - 主脚本文件
 
-// 页面导航功能
-function setupNavigation() {
-    // 侧边栏菜单项
-    const menuItems = document.querySelectorAll('nav a');
-    const contentSections = [
-        document.getElementById('dashboard-content'),
-        document.getElementById('shield-content'),
-        document.getElementById('hosts-content'),
-        document.getElementById('gfwlist-content'),
-        document.getElementById('query-content'),
-        document.getElementById('logs-content'),
-        document.getElementById('config-content')
-    ];
-    const pageTitle = document.getElementById('page-title');
-    
-    menuItems.forEach((item, index) => {
-        item.addEventListener('click', (e) => {
-            // 允许浏览器自动更新地址栏中的hash，不阻止默认行为
-            
-            // 移动端点击菜单项后自动关闭侧边栏
-            if (window.innerWidth < 768) {
-                closeSidebar();
-            }
-        });
-    });
-    
-    // 移动端侧边栏切换
-    const toggleSidebar = document.getElementById('toggle-sidebar');
-    const closeSidebarBtn = document.getElementById('close-sidebar');
-    const sidebar = document.getElementById('mobile-sidebar');
-    const sidebarOverlay = document.getElementById('sidebar-overlay');
-    
-    // 打开侧边栏函数
-    function openSidebar() {
-        console.log('Opening sidebar...');
-        if (sidebar) {
-            sidebar.classList.remove('-translate-x-full');
-            sidebar.classList.add('translate-x-0');
-        }
-        if (sidebarOverlay) {
-            sidebarOverlay.classList.remove('hidden');
-            sidebarOverlay.classList.add('block');
-        }
-        // 防止页面滚动
-        document.body.style.overflow = 'hidden';
-        console.log('Sidebar opened successfully');
-    }
-    
-    // 关闭侧边栏函数
-    function closeSidebar() {
-        console.log('Closing sidebar...');
-        if (sidebar) {
-            sidebar.classList.add('-translate-x-full');
-            sidebar.classList.remove('translate-x-0');
-        }
-        if (sidebarOverlay) {
-            sidebarOverlay.classList.add('hidden');
-            sidebarOverlay.classList.remove('block');
-        }
-        // 恢复页面滚动
-        document.body.style.overflow = '';
-        console.log('Sidebar closed successfully');
-    }
-    
-    // 切换侧边栏函数
-    function toggleSidebarVisibility() {
-        console.log('Toggling sidebar visibility...');
-        console.log('Current sidebar classes:', sidebar ? sidebar.className : 'sidebar not found');
-        if (sidebar && sidebar.classList.contains('-translate-x-full')) {
-            console.log('Sidebar is hidden, opening...');
-            openSidebar();
-        } else {
-            console.log('Sidebar is visible, closing...');
-            closeSidebar();
-        }
-    }
-    
-    // 绑定切换按钮事件
-    if (toggleSidebar) {
-        toggleSidebar.addEventListener('click', toggleSidebarVisibility);
-    }
-    
-    // 绑定关闭按钮事件
-    if (closeSidebarBtn) {
-        closeSidebarBtn.addEventListener('click', closeSidebar);
-    }
-    
-    // 绑定遮罩层点击事件
-    if (sidebarOverlay) {
-        sidebarOverlay.addEventListener('click', closeSidebar);
-    }
-    
-    // 移动端点击菜单项后自动关闭侧边栏
-    menuItems.forEach(item => {
-        item.addEventListener('click', () => {
-            // 检查是否是移动设备视图
-            if (window.innerWidth < 768) {
-                closeSidebar();
-            }
-        });
-    });
-    
-    // 添加键盘事件监听，按ESC键关闭侧边栏
-    document.addEventListener('keydown', (e) => {
-        if (e.key === 'Escape') {
-            closeSidebar();
-        }
-    });
-}
-
 // 页面初始化函数 - 根据当前hash值初始化对应页面
 function initPageByHash() {
     const hash = window.location.hash.substring(1);
@@ -186,41 +76,6 @@ function initPageByHash() {
     }
 }
 
-// 初始化函数
-function init() {
-    // 设置导航
-    setupNavigation();
-    
-    // 初始化页面
-    initPageByHash();
-    
-    // 添加hashchange事件监听，处理浏览器前进/后退按钮
-    window.addEventListener('hashchange', initPageByHash);
-    
-    // 定期更新系统状态
-    setInterval(updateSystemStatus, 5000);
-}
-
-// 更新系统状态
-function updateSystemStatus() {
-    fetch('/api/status')
-        .then(response => response.json())
-        .then(data => {
-            const uptimeElement = document.getElementById('uptime');
-            if (uptimeElement) {
-                uptimeElement.textContent = `正常运行中 | ${formatUptime(data.uptime)}`;
-            }
-        })
-        .catch(error => {
-            console.error('更新系统状态失败:', error);
-            const uptimeElement = document.getElementById('uptime');
-            if (uptimeElement) {
-                uptimeElement.textContent = '连接异常';
-                uptimeElement.classList.add('text-danger');
-            }
-        });
-}
-
 // 格式化运行时间
 function formatUptime(milliseconds) {
     // 简化版的格式化，实际使用时需要根据API返回的数据格式调整
@@ -240,6 +95,29 @@ function formatUptime(milliseconds) {
     }
 }
 
+// 更新系统状态
+function updateSystemStatus() {
+    api.getStatus()
+        .then(data => {
+            if (data.error) {
+                throw new Error(data.error);
+            }
+            const uptimeElement = document.getElementById('uptime');
+            if (uptimeElement) {
+                uptimeElement.textContent = `正常运行中 | ${formatUptime(data.uptime)}`;
+                uptimeElement.classList.remove('text-danger');
+            }
+        })
+        .catch(error => {
+            console.error('更新系统状态失败:', error);
+            const uptimeElement = document.getElementById('uptime');
+            if (uptimeElement) {
+                uptimeElement.textContent = '连接异常';
+                uptimeElement.classList.add('text-danger');
+            }
+        });
+}
+
 // 账户功能 - 下拉菜单、注销和修改密码
 function setupAccountFeatures() {
     // 下拉菜单功能
@@ -392,6 +270,107 @@ function setupAccountFeatures() {
     }
 }
 
+// 页面导航功能
+function setupNavigation() {
+    // 侧边栏菜单项
+    const menuItems = document.querySelectorAll('nav a');
+    const pageTitle = document.getElementById('page-title');
+    
+    menuItems.forEach((item, index) => {
+        item.addEventListener('click', (e) => {
+            // 允许浏览器自动更新地址栏中的hash，不阻止默认行为
+            
+            // 移动端点击菜单项后自动关闭侧边栏
+            if (window.innerWidth < 768) {
+                closeSidebar();
+            }
+        });
+    });
+    
+    // 移动端侧边栏切换
+    const toggleSidebar = document.getElementById('toggle-sidebar');
+    const closeSidebarBtn = document.getElementById('close-sidebar');
+    const sidebar = document.getElementById('mobile-sidebar');
+    const sidebarOverlay = document.getElementById('sidebar-overlay');
+    
+    // 打开侧边栏函数
+    function openSidebar() {
+        console.log('Opening sidebar...');
+        if (sidebar) {
+            sidebar.classList.remove('-translate-x-full');
+            sidebar.classList.add('translate-x-0');
+        }
+        if (sidebarOverlay) {
+            sidebarOverlay.classList.remove('hidden');
+            sidebarOverlay.classList.add('block');
+            // 防止页面滚动
+            document.body.style.overflow = 'hidden';
+        }
+        console.log('Sidebar opened successfully');
+    }
+    
+    // 关闭侧边栏函数
+    function closeSidebar() {
+        console.log('Closing sidebar...');
+        if (sidebar) {
+            sidebar.classList.add('-translate-x-full');
+            sidebar.classList.remove('translate-x-0');
+        }
+        if (sidebarOverlay) {
+            sidebarOverlay.classList.add('hidden');
+            sidebarOverlay.classList.remove('block');
+            // 恢复页面滚动
+            document.body.style.overflow = '';
+        }
+        console.log('Sidebar closed successfully');
+    }
+    
+    // 切换侧边栏函数
+    function toggleSidebarVisibility() {
+        console.log('Toggling sidebar visibility...');
+        console.log('Current sidebar classes:', sidebar ? sidebar.className : 'sidebar not found');
+        if (sidebar && sidebar.classList.contains('-translate-x-full')) {
+            console.log('Sidebar is hidden, opening...');
+            openSidebar();
+        } else {
+            console.log('Sidebar is visible, closing...');
+            closeSidebar();
+        }
+    }
+    
+    // 绑定切换按钮事件
+    if (toggleSidebar) {
+        toggleSidebar.addEventListener('click', toggleSidebarVisibility);
+    }
+    
+    // 绑定关闭按钮事件
+    if (closeSidebarBtn) {
+        closeSidebarBtn.addEventListener('click', closeSidebar);
+    }
+    
+    // 绑定遮罩层点击事件
+    if (sidebarOverlay) {
+        sidebarOverlay.addEventListener('click', closeSidebar);
+    }
+    
+    // 移动端点击菜单项后自动关闭侧边栏
+    menuItems.forEach(item => {
+        item.addEventListener('click', () => {
+            // 检查是否是移动设备视图
+            if (window.innerWidth < 768) {
+                closeSidebar();
+            }
+        });
+    });
+    
+    // 添加键盘事件监听，按ESC键关闭侧边栏
+    document.addEventListener('keydown', (e) => {
+        if (e.key === 'Escape') {
+            closeSidebar();
+        }
+    });
+}
+
 // 初始化函数
 function init() {
     // 设置导航