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 {