Rendszer áttekintés
@@ -645,6 +683,118 @@
loadContainerDetail();
});
+ // =============================================
+ // HOST (PROXMOX BOX) HEALTH — slice 9, proxied from the host agent
+ // =============================================
+ function usageColorClass(pct) {
+ if (pct >= 85) return 'system-bar-red';
+ if (pct >= 70) return 'system-bar-yellow';
+ return 'system-bar-green';
+ }
+
+ function fmtBytesGB(bytes) {
+ if (!bytes || bytes <= 0) return '0 GB';
+ var gb = bytes / 1073741824;
+ if (gb >= 1024) return (gb / 1024).toFixed(2) + ' TB';
+ if (gb >= 100) return Math.round(gb) + ' GB';
+ return gb.toFixed(1) + ' GB';
+ }
+
+ function escapeHtml(s) {
+ return String(s).replace(/[&<>"']/g, function(c) {
+ return {'&':'&','<':'<','>':'>','"':'"',"'":'''}[c];
+ });
+ }
+
+ function showHostUnavailable() {
+ document.getElementById('host-health-unavailable').style.display = '';
+ document.getElementById('host-health-body').style.display = 'none';
+ document.getElementById('host-health-updated').textContent = '';
+ }
+
+ function renderHostHealth(d) {
+ var h = d.host || {};
+ document.getElementById('host-health-unavailable').style.display = 'none';
+ document.getElementById('host-health-body').style.display = '';
+
+ // CPU % + load average
+ document.getElementById('host-cpu').textContent =
+ (h.cpu_percent != null ? h.cpu_percent.toFixed(1) : '–') + '%';
+ var load = Array.isArray(h.loadavg) ? h.loadavg.join(' ') : '–';
+ document.getElementById('host-load').textContent = load || '–';
+
+ // Memory used/total
+ if (h.memory_total_bytes > 0) {
+ document.getElementById('host-mem').textContent =
+ fmtBytesGB(h.memory_used_bytes) + ' / ' + fmtBytesGB(h.memory_total_bytes) +
+ ' (' + Math.round(h.memory_percent || 0) + '%)';
+ } else {
+ document.getElementById('host-mem').textContent = '–';
+ }
+
+ // CPU temp — null renders as "n/a" cleanly (graceful-null from the agent)
+ document.getElementById('host-temp').textContent =
+ (h.cpu_temp_c == null) ? 'n/a' : (h.cpu_temp_c + ' °C');
+
+ // Uptime (reuse the existing formatter)
+ document.getElementById('host-uptime').textContent =
+ (h.uptime_seconds > 0) ? formatUptime(h.uptime_seconds) : '–';
+
+ // Per-storage capacity bars
+ var bars = document.getElementById('host-storage-bars');
+ var targets = Array.isArray(d.storage_targets) ? d.storage_targets : [];
+ if (!targets.length) {
+ bars.innerHTML = '
Nincs tároló adat.
';
+ } else {
+ var html = '';
+ targets.forEach(function(t) {
+ var label = escapeHtml(t.name || '') + (t.type ? ' (' + escapeHtml(t.type) + ')' : '');
+ if (t.state && t.state !== 'attached') {
+ html += '
';
+ return;
+ }
+ var pct = (t.used_fraction != null ? t.used_fraction * 100 : 0);
+ // Extra detail: thin-pool fill (corrupts every guest if full) + disk temp/wear.
+ var extra = [];
+ if (t.thin_pool && t.thin_pool.data_used_fraction != null) {
+ extra.push('thin-pool: ' + Math.round(t.thin_pool.data_used_fraction * 100) + '%');
+ }
+ if (t.smart) {
+ if (t.smart.temperature_c != null) extra.push(t.smart.temperature_c + ' °C');
+ if (t.smart.percentage_used != null) extra.push('kopás: ' + t.smart.percentage_used + '%');
+ }
+ var extraHtml = extra.length ? '
· ' + escapeHtml(extra.join(' · ')) + '' : '';
+ html += '
';
+ });
+ bars.innerHTML = html;
+ }
+
+ var now = new Date();
+ document.getElementById('host-health-updated').textContent =
+ 'Frissítve: ' + now.toLocaleTimeString('hu-HU', {timeZone: budaTZ, hour: '2-digit', minute: '2-digit', second: '2-digit'});
+ }
+
+ async function loadHostMetrics() {
+ try {
+ var resp = await fetch('/api/host-metrics');
+ var json = await resp.json();
+ if (!json.ok || !json.data) { showHostUnavailable(); return; }
+ renderHostHealth(json.data);
+ } catch(e) {
+ console.error('Failed to load host metrics:', e);
+ showHostUnavailable();
+ }
+ }
+
// =============================================
// STATIC SYSTEM INFO
// =============================================
@@ -693,6 +843,7 @@
loadSysInfo();
loadSystemMetrics();
loadContainerSummary();
+ loadHostMetrics();
// Auto-refresh every 60 seconds
setInterval(function() {
@@ -701,6 +852,9 @@
if (detailContainer) loadContainerDetail();
}, 60000);
+ // Host (Proxmox box) health is a live snapshot — poll it more often while the page is open.
+ setInterval(loadHostMetrics, 8000);
+
})();