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:
@@ -36,7 +36,36 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Section 1.5: Remote Monitoring Status -->
|
||||
<!-- Section 1.5: Storage (moved here for visibility) -->
|
||||
<div class="monitor-card">
|
||||
<h3>Tárhely</h3>
|
||||
<div class="storage-bars">
|
||||
{{with .SystemInfo}}
|
||||
<div class="storage-item">
|
||||
<div class="storage-header">
|
||||
<span class="storage-label">SSD (/)</span>
|
||||
<span class="storage-value">{{fmtGB .DiskUsedGB}} / {{fmtGB .DiskTotalGB}} ({{printf "%.0f" .DiskPercent}}%)</span>
|
||||
</div>
|
||||
<div class="system-bar">
|
||||
<div class="system-bar-fill {{usageColor .DiskPercent | printf "system-bar-%s"}}" style="width:{{printf "%.1f" .DiskPercent}}%"></div>
|
||||
</div>
|
||||
</div>
|
||||
{{if .HDDConfigured}}
|
||||
<div class="storage-item">
|
||||
<div class="storage-header">
|
||||
<span class="storage-label">Külső HDD</span>
|
||||
<span class="storage-value">{{fmtGB .HDDUsedGB}} / {{fmtGB .HDDTotalGB}} ({{printf "%.0f" .HDDPercent}}%)</span>
|
||||
</div>
|
||||
<div class="system-bar">
|
||||
<div class="system-bar-fill {{usageColor .HDDPercent | printf "system-bar-%s"}}" style="width:{{printf "%.1f" .HDDPercent}}%"></div>
|
||||
</div>
|
||||
</div>
|
||||
{{end}}
|
||||
{{end}}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Section 2: Remote Monitoring Status -->
|
||||
<div class="monitor-card">
|
||||
<h3>Távoli monitoring</h3>
|
||||
{{if not .MonitoringEnabled}}
|
||||
@@ -67,7 +96,7 @@
|
||||
{{end}}
|
||||
</div>
|
||||
|
||||
<!-- Section 2: System Metrics Charts -->
|
||||
<!-- Section 3: System Metrics Charts -->
|
||||
<div class="monitor-card">
|
||||
<div class="monitor-card-header">
|
||||
<h3>Rendszer metrikák</h3>
|
||||
@@ -102,7 +131,7 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Section 3: Container Resources -->
|
||||
<!-- Section 4: Container Resources -->
|
||||
<div class="monitor-card">
|
||||
<h3>Alkalmazás erőforrások</h3>
|
||||
<div class="container-charts-row" id="container-charts">
|
||||
@@ -120,7 +149,7 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Section 4: Per-container detail (expandable) -->
|
||||
<!-- Section 5: Per-container detail (expandable) -->
|
||||
<div class="monitor-card" id="container-detail-panel" style="display:none">
|
||||
<div class="monitor-card-header">
|
||||
<h3 id="container-detail-title">–</h3>
|
||||
@@ -144,35 +173,6 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Section 5: Storage -->
|
||||
<div class="monitor-card">
|
||||
<h3>Tárhely</h3>
|
||||
<div class="storage-bars">
|
||||
{{with .SystemInfo}}
|
||||
<div class="storage-item">
|
||||
<div class="storage-header">
|
||||
<span class="storage-label">SSD (/)</span>
|
||||
<span class="storage-value">{{fmtGB .DiskUsedGB}} / {{fmtGB .DiskTotalGB}} ({{printf "%.0f" .DiskPercent}}%)</span>
|
||||
</div>
|
||||
<div class="system-bar">
|
||||
<div class="system-bar-fill {{usageColor .DiskPercent | printf "system-bar-%s"}}" style="width:{{printf "%.1f" .DiskPercent}}%"></div>
|
||||
</div>
|
||||
</div>
|
||||
{{if .HDDConfigured}}
|
||||
<div class="storage-item">
|
||||
<div class="storage-header">
|
||||
<span class="storage-label">Külső HDD</span>
|
||||
<span class="storage-value">{{fmtGB .HDDUsedGB}} / {{fmtGB .HDDTotalGB}} ({{printf "%.0f" .HDDPercent}}%)</span>
|
||||
</div>
|
||||
<div class="system-bar">
|
||||
<div class="system-bar-fill {{usageColor .HDDPercent | printf "system-bar-%s"}}" style="width:{{printf "%.1f" .HDDPercent}}%"></div>
|
||||
</div>
|
||||
</div>
|
||||
{{end}}
|
||||
{{end}}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script src="/static/chart.min.js"></script>
|
||||
<script>
|
||||
(function() {
|
||||
|
||||
Reference in New Issue
Block a user