diff --git a/src/components/SideBar.vue b/src/components/SideBar.vue index 3e48f70..4d6fb12 100644 --- a/src/components/SideBar.vue +++ b/src/components/SideBar.vue @@ -14,8 +14,14 @@
- - {{ isOnline ? 'Online' : 'Offline' }} +

Server

+ + {{ isOnline_Server ? 'Online' : 'Offline' }} +
+
+

Watchdog

+ + {{ isOnline_Watchdog ? 'Online' : 'Offline' }}
@@ -38,7 +44,8 @@ export default { const userType = getCookie('user-type') || 'visitor'; const isDarkMode = inject('isDarkMode'); const toggleTheme = inject('toggleTheme'); - const isOnline = ref(false); + const isOnline_Server = ref(false); + const isOnline_Watchdog = ref(false); let statusInterval; const allMenuItems = [ @@ -57,9 +64,11 @@ export default { const checkStatus = async () => { try { const result = await systemApi.getStatus(); - isOnline.value = result.data.Status === 'Online'; + isOnline_Server.value = result.data.ServerStatus === 'Online'; + isOnline_Watchdog.value = result.data.WatchdogStatus === 'Online'; } catch (error) { - isOnline.value = false; + isOnline_Server.value = false; + isOnline_Watchdog.value = false; } }; @@ -78,7 +87,8 @@ export default { menuItems, isDarkMode, toggleTheme, - isOnline + isOnline_Server, + isOnline_Watchdog }; } }; @@ -196,6 +206,10 @@ export default { display: flex; align-items: center; gap: 8px; + margin-bottom: 8px; + font-size: 14px; + color: var(--sidebar-text); + font-weight: 500; } .status-dot {