v0.248.0: i18n slice 1 release A — apps and settings in English, Hungarian byte-identical (R-556)
gates / gates (push) Successful in 20s
gates / gates (push) Successful in 20s
Ten pages converted against fixtures captured from unconverted templates (6be55a0); marker
coverage test; English page mask narrowed; English retrieval-promise stems; common keys;
title keys and infraMeta from the bundle; old wording tests read the Hungarian expansion.
Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_0159rPz1ZhFKsS53msqPYxtS
This commit is contained in:
@@ -2,57 +2,57 @@
|
||||
{{template "layout_start" .}}
|
||||
|
||||
<div class="page-header">
|
||||
<h2>Rendszermonitor</h2>
|
||||
<h2>{{T "monitoring.rendszermonitor"}}</h2>
|
||||
</div>
|
||||
|
||||
<!-- Section 0: Host (Proxmox box) health — slice 9, served by the host agent over the local API.
|
||||
The de-privileged controller can't read the host itself; this card shows the real box. -->
|
||||
<div class="monitor-card" id="host-health-card">
|
||||
<div class="monitor-card-header">
|
||||
<h3>Szerver állapota (gazdagép)</h3>
|
||||
<h3>{{T "monitoring.szerver_allapota_gazdagep"}}</h3>
|
||||
<span class="sysinfo-value" id="host-health-updated" style="font-size:.75rem;color:var(--text-3)"></span>
|
||||
</div>
|
||||
<div id="host-health-unavailable" class="monitoring-banner monitoring-banner-yellow" style="display:none">
|
||||
A gazdagép metrikái jelenleg nem elérhetők.
|
||||
{{T "monitoring.a_gazdagep_metrikai_jelenleg_nem"}}
|
||||
</div>
|
||||
<div id="host-health-body" style="display:none">
|
||||
<div class="sysinfo-grid">
|
||||
<div class="sysinfo-row">
|
||||
<span class="sysinfo-label">CPU használat</span>
|
||||
<span class="sysinfo-label">{{T "monitoring.cpu_hasznalat"}}</span>
|
||||
<span class="sysinfo-value" id="host-cpu">–</span>
|
||||
</div>
|
||||
<div class="sysinfo-row">
|
||||
<span class="sysinfo-label">Terhelés (load)</span>
|
||||
<span class="sysinfo-label">{{T "monitoring.terheles_load"}}</span>
|
||||
<span class="sysinfo-value" id="host-load">–</span>
|
||||
</div>
|
||||
<div class="sysinfo-row">
|
||||
<span class="sysinfo-label">Memória</span>
|
||||
<span class="sysinfo-label">{{T "monitoring.memoria"}}</span>
|
||||
<span class="sysinfo-value" id="host-mem">–</span>
|
||||
</div>
|
||||
<div class="sysinfo-row">
|
||||
<span class="sysinfo-label">CPU hőmérséklet</span>
|
||||
<span class="sysinfo-label">{{T "monitoring.cpu_homerseklet"}}</span>
|
||||
<span class="sysinfo-value" id="host-temp">–</span>
|
||||
</div>
|
||||
<div class="sysinfo-row">
|
||||
<span class="sysinfo-label">Üzemidő</span>
|
||||
<span class="sysinfo-label">{{T "monitoring.uzemido"}}</span>
|
||||
<span class="sysinfo-value" id="host-uptime">–</span>
|
||||
</div>
|
||||
</div>
|
||||
<h4 style="margin:1rem 0 .5rem">Tárolók kapacitása</h4>
|
||||
<h4 style="margin:1rem 0 .5rem">{{T "monitoring.tarolok_kapacitasa"}}</h4>
|
||||
<div class="storage-bars" id="host-storage-bars"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Section 1: System Overview -->
|
||||
<div class="monitor-card">
|
||||
<h3>Rendszer áttekintés</h3>
|
||||
<h3>{{T "monitoring.rendszer_attekintes"}}</h3>
|
||||
<div class="sysinfo-grid">
|
||||
<div class="sysinfo-row">
|
||||
<span class="sysinfo-label">Gépnév</span>
|
||||
<span class="sysinfo-label">{{T "monitoring.gepnev"}}</span>
|
||||
<span class="sysinfo-value" id="sysinfo-hostname">–</span>
|
||||
</div>
|
||||
<div class="sysinfo-row">
|
||||
<span class="sysinfo-label">Operációs rendszer</span>
|
||||
<span class="sysinfo-label">{{T "monitoring.operacios_rendszer"}}</span>
|
||||
<span class="sysinfo-value" id="sysinfo-os">–</span>
|
||||
</div>
|
||||
<div class="sysinfo-row">
|
||||
@@ -60,15 +60,15 @@
|
||||
<span class="sysinfo-value" id="sysinfo-kernel">–</span>
|
||||
</div>
|
||||
<div class="sysinfo-row">
|
||||
<span class="sysinfo-label">Processzor</span>
|
||||
<span class="sysinfo-label">{{T "monitoring.processzor"}}</span>
|
||||
<span class="sysinfo-value" id="sysinfo-cpu">–</span>
|
||||
</div>
|
||||
<div class="sysinfo-row">
|
||||
<span class="sysinfo-label">Üzemidő</span>
|
||||
<span class="sysinfo-label">{{T "monitoring.uzemido"}}</span>
|
||||
<span class="sysinfo-value" id="sysinfo-uptime">–</span>
|
||||
</div>
|
||||
<div class="sysinfo-row">
|
||||
<span class="sysinfo-label">Indítás</span>
|
||||
<span class="sysinfo-label">{{T "monitoring.inditas"}}</span>
|
||||
<span class="sysinfo-value" id="sysinfo-boot">–</span>
|
||||
</div>
|
||||
</div>
|
||||
@@ -76,12 +76,12 @@
|
||||
|
||||
<!-- Section 1.5: Storage (moved here for visibility) -->
|
||||
<div class="monitor-card">
|
||||
<h3>Tárhely</h3>
|
||||
<h3>{{T "monitoring.tarhely"}}</h3>
|
||||
<div class="storage-bars">
|
||||
{{with .SystemInfo}}
|
||||
<div class="storage-item meter {{usageColor .DiskPercent}}">
|
||||
<div class="storage-header">
|
||||
<span class="storage-label">Rendszer (/)</span>
|
||||
<span class="storage-label">{{T "common.rendszer_gyoker"}}</span>
|
||||
<span class="storage-value">{{fmtGB .DiskUsedGB}} / {{fmtGB .DiskTotalGB}} ({{printf "%.0f" .DiskPercent}}%)</span>
|
||||
</div>
|
||||
<div class="meter-track">
|
||||
@@ -93,7 +93,7 @@
|
||||
<div class="storage-item meter meter-empty storage-disconnected">
|
||||
<div class="storage-header">
|
||||
<span class="storage-label">{{.Label}}</span>
|
||||
<span class="storage-value">— <span class="state-text-neutral">Leválasztva</span></span>
|
||||
<span class="storage-value">— <span class="state-text-neutral">{{T "common.levalasztva"}}</span></span>
|
||||
</div>
|
||||
<div class="meter-track"></div>
|
||||
</div>
|
||||
@@ -127,15 +127,15 @@
|
||||
|
||||
<!-- Section 2: Hub Connection Status -->
|
||||
<div class="monitor-card">
|
||||
<h3>Hub kapcsolat</h3>
|
||||
<h3>{{T "monitoring.hub_kapcsolat"}}</h3>
|
||||
{{if .HubEnabled}}
|
||||
{{if .HubConnected}}
|
||||
<div class="monitoring-banner monitoring-banner-green">
|
||||
Kapcsolódva — a központi rendszer aktívan figyeli a szervert.
|
||||
{{T "monitoring.kapcsolodva_a_kozponti_rendszer_aktivan"}}
|
||||
</div>
|
||||
{{else}}
|
||||
<div class="monitoring-banner monitoring-banner-red">
|
||||
Nem elérhető — a központi rendszer nem kapott friss jelentést.
|
||||
{{T "monitoring.nem_elerheto_a_kozponti_rendszer"}}
|
||||
</div>
|
||||
{{end}}
|
||||
<div class="sysinfo-grid" style="margin-top: 0.75rem">
|
||||
@@ -144,25 +144,25 @@
|
||||
<span class="sysinfo-value"><code>{{.HubURL}}</code></span>
|
||||
</div>
|
||||
<div class="sysinfo-row">
|
||||
<span class="sysinfo-label">Ügyfél azonosító</span>
|
||||
<span class="sysinfo-label">{{T "common.ugyfel_azonosito"}}</span>
|
||||
<span class="sysinfo-value"><code>{{.CustomerID}}</code></span>
|
||||
</div>
|
||||
{{if not .HubLastSuccess.IsZero}}
|
||||
<div class="sysinfo-row">
|
||||
<span class="sysinfo-label">Utolsó sikeres jelentés</span>
|
||||
<span class="sysinfo-label">{{T "monitoring.utolso_sikeres_jelentes"}}</span>
|
||||
<span class="sysinfo-value">{{.HubLastSuccess | timeAgo}}</span>
|
||||
</div>
|
||||
{{end}}
|
||||
{{if .HubLastError}}
|
||||
<div class="sysinfo-row">
|
||||
<span class="sysinfo-label">Utolsó hiba</span>
|
||||
<span class="sysinfo-label">{{T "monitoring.utolso_hiba"}}</span>
|
||||
<span class="sysinfo-value"><span class="text-error">{{.HubLastError}}</span></span>
|
||||
</div>
|
||||
{{end}}
|
||||
</div>
|
||||
{{else}}
|
||||
<div class="monitoring-banner monitoring-banner-yellow">
|
||||
A Hub kapcsolat nincs bekapcsolva — a központi monitoring nem aktív.
|
||||
{{T "monitoring.a_hub_kapcsolat_nincs_bekapcsolva"}}
|
||||
</div>
|
||||
{{end}}
|
||||
</div>
|
||||
@@ -170,41 +170,41 @@
|
||||
<!-- Section 3: System Metrics Charts -->
|
||||
<div class="monitor-card">
|
||||
<div class="monitor-card-header">
|
||||
<h3>Rendszer metrikák</h3>
|
||||
<h3>{{T "monitoring.rendszer_metrikak"}}</h3>
|
||||
<div class="time-range-bar" id="system-range-bar">
|
||||
<button class="filter-btn active" data-range="1h">1 óra</button>
|
||||
<button class="filter-btn" data-range="6h">6 óra</button>
|
||||
<button class="filter-btn" data-range="24h">24 óra</button>
|
||||
<button class="filter-btn" data-range="7d">7 nap</button>
|
||||
<button class="filter-btn" data-range="30d">30 nap</button>
|
||||
<button class="filter-btn active" data-range="1h">{{T "monitoring.1_ora"}}</button>
|
||||
<button class="filter-btn" data-range="6h">{{T "monitoring.6_ora"}}</button>
|
||||
<button class="filter-btn" data-range="24h">{{T "monitoring.24_ora"}}</button>
|
||||
<button class="filter-btn" data-range="7d">{{T "monitoring.7_nap"}}</button>
|
||||
<button class="filter-btn" data-range="30d">{{T "monitoring.30_nap"}}</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="charts-grid" id="system-charts">
|
||||
<div class="chart-box">
|
||||
<div class="chart-title">CPU használat (%)</div>
|
||||
<div class="chart-title">{{T "monitoring.cpu_hasznalat_2"}}</div>
|
||||
<div class="chart-wrap"><canvas id="chart-cpu"></canvas></div>
|
||||
</div>
|
||||
<div class="chart-box">
|
||||
<div class="chart-title">Memória használat (GB)</div>
|
||||
<div class="chart-title">{{T "monitoring.memoria_hasznalat_gb"}}</div>
|
||||
<div class="chart-wrap"><canvas id="chart-memory"></canvas></div>
|
||||
</div>
|
||||
<div class="chart-box">
|
||||
<div class="chart-title">Hőmérséklet (°C)</div>
|
||||
<div class="chart-title">{{T "monitoring.homerseklet_c"}}</div>
|
||||
<div class="chart-wrap"><canvas id="chart-temp"></canvas></div>
|
||||
</div>
|
||||
<div class="chart-box">
|
||||
<div class="chart-title">Terhelés (Load Average)</div>
|
||||
<div class="chart-title">{{T "monitoring.terheles_load_average"}}</div>
|
||||
<div class="chart-wrap"><canvas id="chart-load"></canvas></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="chart-empty" id="system-charts-empty" style="display:none">
|
||||
Még nincsenek adatok. A metrikák gyűjtése elindult, az első adatok néhány perc múlva megjelennek.
|
||||
{{T "monitoring.meg_nincsenek_adatok_a_metrikak"}}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Section 3.5: Memory Distribution Bar -->
|
||||
<div class="monitor-card" id="memory-distribution-card" style="display:none">
|
||||
<h3>Memória eloszlás</h3>
|
||||
<h3>{{T "monitoring.memoria_eloszlas"}}</h3>
|
||||
<div id="mem-dist-header" class="memory-dist-header"></div>
|
||||
<div class="memory-dist-bar" id="mem-dist-bar"></div>
|
||||
<div class="memory-bar-legend" id="mem-dist-legend"></div>
|
||||
@@ -212,19 +212,19 @@
|
||||
|
||||
<!-- Section 4: Container Resources -->
|
||||
<div class="monitor-card">
|
||||
<h3>Alkalmazás erőforrások</h3>
|
||||
<h3>{{T "monitoring.alkalmazas_eroforrasok"}}</h3>
|
||||
<div class="container-charts-row" id="container-charts">
|
||||
<div class="chart-box chart-box-half">
|
||||
<div class="chart-title">CPU használat (%)</div>
|
||||
<div class="chart-title">{{T "monitoring.cpu_hasznalat_2"}}</div>
|
||||
<div class="chart-wrap chart-wrap-bar"><canvas id="chart-container-cpu"></canvas></div>
|
||||
</div>
|
||||
<div class="chart-box chart-box-half">
|
||||
<div class="chart-title">Memória használat (MB)</div>
|
||||
<div class="chart-title">{{T "monitoring.memoria_hasznalat_mb"}}</div>
|
||||
<div class="chart-wrap chart-wrap-bar"><canvas id="chart-container-mem"></canvas></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="chart-empty" id="container-charts-empty" style="display:none">
|
||||
Még nincsenek konténer adatok.
|
||||
{{T "monitoring.meg_nincsenek_kontener_adatok"}}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -233,12 +233,12 @@
|
||||
<div class="monitor-card-header">
|
||||
<h3 id="container-detail-title">–</h3>
|
||||
<div class="time-range-bar" id="container-range-bar">
|
||||
<button class="filter-btn active" data-range="1h">1 óra</button>
|
||||
<button class="filter-btn" data-range="6h">6 óra</button>
|
||||
<button class="filter-btn" data-range="24h">24 óra</button>
|
||||
<button class="filter-btn" data-range="7d">7 nap</button>
|
||||
<button class="filter-btn active" data-range="1h">{{T "monitoring.1_ora"}}</button>
|
||||
<button class="filter-btn" data-range="6h">{{T "monitoring.6_ora"}}</button>
|
||||
<button class="filter-btn" data-range="24h">{{T "monitoring.24_ora"}}</button>
|
||||
<button class="filter-btn" data-range="7d">{{T "monitoring.7_nap"}}</button>
|
||||
</div>
|
||||
<button class="btn btn-outline btn-sm" onclick="closeContainerDetail()">Bezárás</button>
|
||||
<button class="btn btn-outline btn-sm" onclick="closeContainerDetail()">{{T "common.bezaras"}}</button>
|
||||
</div>
|
||||
<div class="charts-grid charts-grid-2">
|
||||
<div class="chart-box">
|
||||
@@ -246,7 +246,7 @@
|
||||
<div class="chart-wrap"><canvas id="chart-detail-cpu"></canvas></div>
|
||||
</div>
|
||||
<div class="chart-box">
|
||||
<div class="chart-title">Memória (MB)</div>
|
||||
<div class="chart-title">{{T "monitoring.memoria_mb"}}</div>
|
||||
<div class="chart-wrap"><canvas id="chart-detail-mem"></canvas></div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -588,7 +588,7 @@
|
||||
|
||||
function fmtMB(mb) { return mb >= 1024 ? (mb/1024).toFixed(1) + ' GB' : Math.round(mb) + ' MB'; }
|
||||
|
||||
header.textContent = 'Használt: ' + fmtMB(usedMB) + ' / ' + fmtMB(totalMB) + ' (' + Math.round(usedMB/totalMB*100) + '%)';
|
||||
header.textContent = '{{T "monitoring.hasznalt"}} ' + fmtMB(usedMB) + ' / ' + fmtMB(totalMB) + ' (' + Math.round(usedMB/totalMB*100) + '%)';
|
||||
|
||||
// Sort containers by memory usage descending
|
||||
containers.sort(function(a, b) { return (b.mem_usage_mb || 0) - (a.mem_usage_mb || 0); });
|
||||
@@ -608,12 +608,12 @@
|
||||
// OS / system overhead
|
||||
if (osMB > 10) {
|
||||
var osPct = (osMB / totalMB * 100).toFixed(2);
|
||||
html += '<div class="memory-bar-segment" style="width:' + osPct + '%;background:var(--text-3);opacity:0.5" title="Rendszer: ' + fmtMB(osMB) + '"></div>';
|
||||
legendHtml += '<div class="memory-legend-item"><span class="memory-legend-dot" style="background:var(--text-3);opacity:0.5"></span>Rendszer (' + fmtMB(osMB) + ')</div>';
|
||||
html += '<div class="memory-bar-segment" style="width:' + osPct + '%;background:var(--text-3);opacity:0.5" title="{{T "monitoring.rendszer_title"}} ' + fmtMB(osMB) + '"></div>';
|
||||
legendHtml += '<div class="memory-legend-item"><span class="memory-legend-dot" style="background:var(--text-3);opacity:0.5"></span>{{T "monitoring.rendszer_2"}}' + fmtMB(osMB) + ')</div>';
|
||||
}
|
||||
|
||||
// Free space legend only
|
||||
legendHtml += '<div class="memory-legend-item"><span class="memory-legend-dot" style="background:var(--bg-2);border:1px solid var(--line)"></span>Szabad (' + fmtMB(freeMB) + ')</div>';
|
||||
legendHtml += '<div class="memory-legend-item"><span class="memory-legend-dot" style="background:var(--bg-2);border:1px solid var(--line)"></span>{{T "monitoring.szabad"}}' + fmtMB(freeMB) + ')</div>';
|
||||
|
||||
bar.innerHTML = html;
|
||||
legend.innerHTML = legendHtml;
|
||||
@@ -641,7 +641,7 @@
|
||||
|
||||
window.showContainerDetail = async function(name) {
|
||||
detailContainer = name;
|
||||
document.getElementById('container-detail-title').textContent = name + ' — Erőforrás előzmények';
|
||||
document.getElementById('container-detail-title').textContent = name + ' {{T "monitoring.eroforras_elozmenyek"}}';
|
||||
document.getElementById('container-detail-panel').style.display = '';
|
||||
document.getElementById('container-detail-panel').scrollIntoView({behavior: 'smooth'});
|
||||
await loadContainerDetail();
|
||||
@@ -745,7 +745,7 @@
|
||||
var bars = document.getElementById('host-storage-bars');
|
||||
var targets = Array.isArray(d.storage_targets) ? d.storage_targets : [];
|
||||
if (!targets.length) {
|
||||
bars.innerHTML = '<div class="sysinfo-value" style="color:var(--text-3)">Nincs tároló adat.</div>';
|
||||
bars.innerHTML = '<div class="sysinfo-value" style="color:var(--text-3)">{{T "monitoring.nincs_tarolo_adat"}}</div>';
|
||||
} else {
|
||||
var html = '';
|
||||
targets.forEach(function(t) {
|
||||
@@ -758,7 +758,7 @@
|
||||
if (t.state && t.state !== 'attached') {
|
||||
html += '<div class="storage-item meter meter-empty storage-disconnected">' +
|
||||
'<div class="storage-header"><span class="storage-label">' + label + '</span>' +
|
||||
'<span class="storage-value">— <span class="state-text-neutral">Nem elérhető</span></span></div>' +
|
||||
'<span class="storage-value">— <span class="state-text-neutral">{{T "monitoring.nem_elerheto"}}</span></span></div>' +
|
||||
'<div class="meter-track"></div>' + purposeHtml + '</div>';
|
||||
return;
|
||||
}
|
||||
@@ -770,7 +770,7 @@
|
||||
}
|
||||
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 + '%');
|
||||
if (t.smart.percentage_used != null) extra.push('{{T "monitoring.kopas"}} ' + t.smart.percentage_used + '%');
|
||||
}
|
||||
var extraHtml = extra.length ? ' <span style="color:var(--text-3);font-size:.75rem">· ' + escapeHtml(extra.join(' · ')) + '</span>' : '';
|
||||
html += '<div class="storage-item meter ' + usageColorClass(pct) + '">' +
|
||||
@@ -786,7 +786,7 @@
|
||||
|
||||
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'});
|
||||
'{{T "monitoring.frissitve"}} ' + now.toLocaleTimeString('hu-HU', {timeZone: budaTZ, hour: '2-digit', minute: '2-digit', second: '2-digit'});
|
||||
}
|
||||
|
||||
async function loadHostMetrics() {
|
||||
@@ -835,9 +835,9 @@
|
||||
var days = Math.floor(seconds / 86400);
|
||||
var hours = Math.floor((seconds % 86400) / 3600);
|
||||
var minutes = Math.floor((seconds % 3600) / 60);
|
||||
if (days > 0) return days + ' nap, ' + hours + ' óra';
|
||||
if (hours > 0) return hours + ' óra, ' + minutes + ' perc';
|
||||
return minutes + ' perc';
|
||||
if (days > 0) return days + ' {{T "monitoring.nap"}} ' + hours + ' {{T "monitoring.ora"}}';
|
||||
if (hours > 0) return hours + ' {{T "monitoring.ora_2"}} ' + minutes + ' {{T "monitoring.perc"}}';
|
||||
return minutes + ' {{T "monitoring.perc"}}';
|
||||
}
|
||||
|
||||
// =============================================
|
||||
|
||||
Reference in New Issue
Block a user