ico
/
pingql
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: restore status dot, latency, last-ping time updates on SSE

This commit is contained in:
M1 2026-03-17 07:15:31 +04:00
parent 94d24bac35
commit 1794c05b4f
1 changed files with 11 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
apps/web/src/views/home.ejs
View File

@ -75,11 +75,21 @@
} catch {} } catch {}
}, 30000); }, 30000);
// SSE: on each ping, fetch fresh sparkline for that monitor // SSE: on each ping, update text fields and fetch fresh sparkline
const _fetchingSparkline = new Set(); const _fetchingSparkline = new Set();
watchAccount(async (ping) => { watchAccount(async (ping) => {
const card = document.querySelector(`[data-monitor-id="${ping.monitor_id}"]`); const card = document.querySelector(`[data-monitor-id="${ping.monitor_id}"]`);
if (!card) return; if (!card) return;
// Status dot
const dot = card.querySelector('.status-dot');
if (dot) dot.className = `status-dot w-2.5 h-2.5 rounded-full ${ping.up ? 'bg-green-500' : 'bg-red-500'}`;
// Last latency + last ping time
if (ping.latency_ms != null) card.querySelector('.stat-latency').textContent = ping.latency_ms + 'ms';
card.querySelector('.stat-last').innerHTML = timeAgo(ping.checked_at);
// Sparkline
const sparkEl = card.querySelector('.stat-sparkline'); const sparkEl = card.querySelector('.stat-sparkline');
if (!sparkEl || _fetchingSparkline.has(ping.monitor_id)) return; if (!sparkEl || _fetchingSparkline.has(ping.monitor_id)) return;
_fetchingSparkline.add(ping.monitor_id); _fetchingSparkline.add(ping.monitor_id);