i/Aether
1
0
Fork 0
mirror of https://github.com/fawney19/Aether.git synced 2026-09-02 01:10:23 +08:00
Code Issues Packages Projects Releases Wiki Activity

Fix proxy node uptime bucket rendering

Browse Source
This commit is contained in:
fawney19
2026-05-11 20:22:40 +08:00
parent 30b18d3310
commit ce70780851
1 changed files with 14 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
frontend/src/views/admin/components/ProxyNodeDataPanel.vue
View File

@@ -97,8 +97,7 @@
v-for="bucket in bucketItems" v-for="bucket in bucketItems"
:key="bucket.bucket_start_unix_secs" :key="bucket.bucket_start_unix_secs"
class="flex-1 min-w-[4px] rounded-t-sm" class="flex-1 min-w-[4px] rounded-t-sm"
:class="bucketBarClass(bucket)" :style="bucketBarStyle(bucket)"
:style="{ height: bucketBarHeight(bucket) }"
:title="bucketTitle(bucket)" :title="bucketTitle(bucket)"
/> />
</div> </div>
@@ -577,11 +576,19 @@ function bucketBarHeight(bucket: ProxyNodeMetricsBucket) {
return `${Math.max(10, Math.round(bucket.uptime_ratio * 100))}%` return `${Math.max(10, Math.round(bucket.uptime_ratio * 100))}%`
} }
function bucketBarClass(bucket: ProxyNodeMetricsBucket) { function bucketBarStyle(bucket: ProxyNodeMetricsBucket) {
if (bucket.samples <= 0) return 'bg-muted' return {
if (bucket.error_events_delta > 0 || bucket.connect_errors_delta > 0) return 'bg-destructive/80' height: bucketBarHeight(bucket),
if ((bucket.uptime_ratio ?? 0) < 0.98 || bucket.disconnects_delta > 0) return 'bg-yellow-500/80' minHeight: bucket.samples > 0 ? '6px' : '4px',
return 'bg-primary/80' backgroundColor: bucketBarColor(bucket),
}
}
function bucketBarColor(bucket: ProxyNodeMetricsBucket) {
if (bucket.samples <= 0) return 'rgba(148, 163, 184, 0.35)'
if (bucket.error_events_delta > 0 || bucket.connect_errors_delta > 0) return 'rgba(220, 38, 38, 0.86)'
if ((bucket.uptime_ratio ?? 0) < 0.98 || bucket.disconnects_delta > 0) return 'rgba(217, 119, 6, 0.86)'
return 'rgba(22, 163, 74, 0.86)'
} }
function bucketTitle(bucket: ProxyNodeMetricsBucket) { function bucketTitle(bucket: ProxyNodeMetricsBucket) {