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:
@@ -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}}
|
||||
|
||||
Reference in New Issue
Block a user