ADD MORE OPTIONS

src/components/Widgets/CompactGlance.vue

@@ -49,7 +49,7 @@ export default {
         'status-up': status === 'up' || status === 'online',
         'status-warn': status === 'warn' || status === 'warning',
         'status-down': status === 'down' || status === 'offline',
-        'status-unknown': true, // 默认类
+        'status-unknown': status === 'unknown' || (!status),
       };
     },
     metrics() {

user-data/conf.yml

@@ -58,5 +58,52 @@ sections:
         metrics:
           - label: "Latency"
             value: "23ms"
+    
+    - type: compact-glance
+      options:
+        title: "Database"
+        icon: "fas fa-database"
+        status: "up"
+        link: "https://www.baidu.com"
+        metrics:
+          - label: "Connections"
+            value: "45"
+    
+    - type: compact-glance
+      options:
+        title: "Backup Service"
+        icon: "fas fa-cloud"
+        status: "warn"
+        link: "https://www.google.com"
+        metrics:
+          - label: "Last Backup"
+            value: "2h ago"
+    
+    - type: compact-glance
+      options:
+        title: "Monitoring"
+        icon: "fas fa-chart-line"
+        status: "up"
+        link: "https://github.com"
+        metrics:
+          - label: "Alerts"
+            value: "0"
+    
+    - type: compact-glance
+      options:
+        title: "File Server"
+        icon: "fas fa-folder"
+        status: "down"
+        link: "https://stackoverflow.com"
+        metrics:
+          - label: "Status"
+            value: "Offline"
+    
+    - type: compact-glance
+      options:
+        title: "Mail Server"
+        icon: "fas fa-envelope"
+        status: "up"
+        link: "https://www.bilibili.com"