v0.13.0: UI polish fixes (8 improvements)

- Fix 1: Dashboard backup card border (verified already correct)
- Fix 2: Show auto-generated env values on deploy page with copy/reveal
- Fix 3: Temperature value pill for better visibility on dashboard
- Fix 4: Rework dashboard backup section (remove manual trigger, add Tier 2 summary)
- Fix 5: Scope HDD warning banner to dashboard and monitoring pages only
- Fix 6: Move Tárhely section up in monitoring page
- Fix 7: Snapshot table clarity (HOZZÁADOTT header, n/a instead of -)
- Fix 8: Restructure Tároló section into tiered storage view

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
2026-02-18 13:30:21 +01:00
parent 6bfdd88d10
commit 90826dec7a
10 changed files with 328 additions and 126 deletions
@@ -49,7 +49,7 @@
<span class="system-info-label">Hőmérséklet</span>
<span class="system-info-value">
<span class="temp-dot temp-dot-{{tempColor .SystemInfo.TemperatureCelsius}}"></span>
{{fmtTemp .SystemInfo.TemperatureCelsius}}
<span class="temp-value-pill temp-pill-{{tempColor .SystemInfo.TemperatureCelsius}}">{{fmtTemp .SystemInfo.TemperatureCelsius}}</span>
</span>
</div>
</div>
@@ -106,17 +106,24 @@
<span class="backup-value">{{len .DBDumpStatus.Results}} mentve</span>
</div>
{{end}}
{{if .BackupStatus}}{{if .BackupStatus.RepoStats}}
{{if gt .CrossDriveTotal 0}}
<div class="backup-info-row">
<span class="backup-label">Tároló méret:</span>
<span class="backup-value">{{.BackupStatus.RepoStats.TotalSize}} ({{.BackupStatus.RepoStats.SnapshotCount}} pillanatkép)</span>
<span class="backup-label">2. mentés:</span>
<span class="backup-value">
{{if eq .CrossDriveConfigured 0}}
<span style="color:var(--yellow)">⚠ Nincs beállítva</span>
{{else}}
<span class="{{if gt .CrossDriveFailed 0}}backup-status-fail{{else}}backup-status-ok{{end}}">{{.CrossDriveConfigured}} / {{.CrossDriveTotal}} alk.</span>
{{end}}
</span>
</div>
{{end}}{{end}}
<div class="backup-actions" style="margin-top: .75rem;">
<button class="btn btn-sm btn-primary" onclick="triggerBackup()" id="backup-btn">
{{if .BackupRunning}}Mentés folyamatban...{{else}}Mentés most{{end}}
</button>
{{end}}
{{if gt .CrossDriveFailed 0}}
<div class="backup-info-row">
<span class="backup-label" style="color:var(--red)">Figyelmeztetés:</span>
<span class="backup-value backup-status-fail">⚠ {{.CrossDriveFailed}} 2. mentés sikertelen</span>
</div>
{{end}}
</div>
{{end}}
@@ -163,28 +170,6 @@
{{end}}
</div>
<script>
function triggerBackup() {
const btn = document.getElementById('backup-btn');
btn.disabled = true;
btn.textContent = 'Mentés indítása...';
fetch('/api/backup/run', { method: 'POST' })
.then(r => r.json())
.then(data => {
if (data.ok) {
btn.textContent = 'Mentés folyamatban...';
btn.classList.add('loading');
} else {
btn.textContent = data.error || 'Hiba';
btn.disabled = false;
}
})
.catch(() => {
btn.textContent = 'Hiba';
btn.disabled = false;
});
}
</script>
{{template "layout_end" .}}
{{end}}