dekun/qihuo
1
0
Fork 0
Code Issues Actions Packages Projects Releases Wiki Activity

Add server status card to dashboard with public and private IP display.

Browse Source 
Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
dekun
2026-07-02 15:36:55 +08:00
parent 5328673ce8
commit aae897b7eb
5 changed files with 521 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
modules/web/static/js/dashboard.js
+81
View File
@@ -25,6 +25,22 @@
var detailTitleEl = document.getElementById('dash-detail-title');
var detailGridEl = document.getElementById('dash-detail-grid');
var detailCloseBtn = document.getElementById('dash-detail-close');
var serverHostEl = document.getElementById('dash-server-host');
var serverUptimeEl = document.getElementById('dash-server-uptime');
var serverUpdatedEl = document.getElementById('dash-server-updated');
var serverPublicIpEl = document.getElementById('dash-server-public-ip');
var serverPrivateIpEl = document.getElementById('dash-server-private-ip');
var serverCpuEl = document.getElementById('dash-server-cpu');
var serverCpuBarEl = document.getElementById('dash-server-cpu-bar');
var serverCpuSubEl = document.getElementById('dash-server-cpu-sub');
var serverMemEl = document.getElementById('dash-server-mem');
var serverMemBarEl = document.getElementById('dash-server-mem-bar');
var serverMemSubEl = document.getElementById('dash-server-mem-sub');
var serverDiskEl = document.getElementById('dash-server-disk');
var serverDiskBarEl = document.getElementById('dash-server-disk-bar');
var serverDiskSubEl = document.getElementById('dash-server-disk-sub');
var serverNetUpEl = document.getElementById('dash-server-net-up');
var serverNetDownEl = document.getElementById('dash-server-net-down');
var pollTimer = null;
var pollInFlight = false;
@@ -489,6 +505,70 @@
}
}
function setServerBar(el, pct) {
if (!el) return;
var n = Number(pct);
if (isNaN(n)) {
el.style.width = '0%';
return;
}
el.style.width = Math.max(0, Math.min(100, n)) + '%';
}
function fmtRateKbps(v) {
if (v == null || isNaN(Number(v))) return '—';
var n = Number(v);
if (n >= 1024) return (n / 1024).toFixed(1) + ' MB/s';
return n.toFixed(1) + ' KB/s';
}
function applyServer(server) {
if (!server) return;
if (serverHostEl) serverHostEl.textContent = server.hostname || '—';
if (serverUptimeEl) {
serverUptimeEl.textContent = server.uptime_label
? ('运行 ' + server.uptime_label) : '';
}
if (serverUpdatedEl) {
serverUpdatedEl.textContent = server.updated_at
? ('更新 ' + server.updated_at) : '';
}
if (serverPublicIpEl) serverPublicIpEl.textContent = server.public_ip || '—';
if (serverPrivateIpEl) serverPrivateIpEl.textContent = server.private_ip || '—';
if (serverCpuEl) {
serverCpuEl.textContent = server.cpu_pct != null ? (server.cpu_pct + '%') : '—';
}
setServerBar(serverCpuBarEl, server.cpu_pct);
if (serverCpuSubEl) {
serverCpuSubEl.textContent = server.cpu_cores != null
? (server.cpu_cores + ' 核') : '';
}
if (serverMemEl) {
serverMemEl.textContent = server.memory_pct != null ? (server.memory_pct + '%') : '—';
}
setServerBar(serverMemBarEl, server.memory_pct);
if (serverMemSubEl) {
serverMemSubEl.textContent = (server.memory_used_gb != null && server.memory_total_gb != null)
? (server.memory_used_gb + ' GB / ' + server.memory_total_gb + ' GB')
: '';
}
if (serverDiskEl) {
serverDiskEl.textContent = server.disk_pct != null ? (server.disk_pct + '%') : '—';
}
setServerBar(serverDiskBarEl, server.disk_pct);
if (serverDiskSubEl) {
serverDiskSubEl.textContent = (server.disk_used_gb != null && server.disk_total_gb != null)
? (server.disk_used_gb + ' GB / ' + server.disk_total_gb + ' GB')
: '';
}
if (serverNetUpEl) {
serverNetUpEl.textContent = '↑ ' + fmtRateKbps(server.net_up_kbps);
}
if (serverNetDownEl) {
serverNetDownEl.textContent = '↓ ' + fmtRateKbps(server.net_down_kbps);
}
}
function applyAccount(data) {
if (!data) return;
var acc = data.account || {};
@@ -949,6 +1029,7 @@
return;
}
applyAccount(data);
applyServer(data.server);
applyRisk(data.risk, data.account);
applyKeys(data.keys || []);
applyCloses(data.closes || []);