b5107e30cc
Add an Admin Overview as the Admin landing (default when you open Admin): an
ops/health board distinct from the user Dashboard. Four cards built from data
we already generate — Updates (update_status.json, with one-click update),
Backups (backup dashboard.json), SSH & Security (access.json), System
(disk/memory/system_info) — each with a Manage link into the right section.
Styled like the backup dashboard (tiles/status dots).
Wire-up: 'Overview' is the top sidebar item and the default category
(handleConfig + sidebar), rendered by AdminOverview into #config-section via a
renderConfig('overview') special case. Every Admin page now shows the same
'Admin' breadcrumb header (Overview, SSH Access, and the config categories) for
a consistent Admin → Section feel. User Dashboard gets an 'Admin overview →'
link.
Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
Signed-off-by: librelad <librelad@digitalangels.vip>
59 lines
2.3 KiB
HTML
Executable File
59 lines
2.3 KiB
HTML
Executable File
|
|
<!-- Topbar Component -->
|
|
<div id="topbar-container"></div>
|
|
|
|
<!-- Main content -->
|
|
<div class="main dashboard-main">
|
|
<div class="dashboard-stats">
|
|
<div class="stat-card">
|
|
<div class="stat-number" id="installed-count">0</div>
|
|
<div class="stat-label">Installed Apps</div>
|
|
</div>
|
|
<div class="stat-card">
|
|
<div class="disk-chart">
|
|
<div class="disk-circle-container">
|
|
<div class="disk-circle-fill" id="disk-circle-fill"></div>
|
|
<div class="disk-percentage" id="disk-percent">0%</div>
|
|
</div>
|
|
</div>
|
|
<div class="chart-label">
|
|
<div class="chart-text">Disk Used</div>
|
|
</div>
|
|
</div>
|
|
<div class="stat-card system-info-card">
|
|
<div class="system-details">
|
|
<div class="system-item">
|
|
<span class="system-label">OS:</span>
|
|
<span class="system-value" id="system-info">Loading...</span>
|
|
</div>
|
|
<div class="system-item">
|
|
<span class="system-label">Uptime:</span>
|
|
<span class="system-value" id="uptime-info">Loading...</span>
|
|
</div>
|
|
<div class="system-item">
|
|
<span class="system-label">Memory:</span>
|
|
<span class="system-value" id="memory-info">Loading...</span>
|
|
</div>
|
|
</div>
|
|
<button class="system-refresh-btn" id="system-refresh-btn" aria-label="Refresh system info">
|
|
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
|
|
<path d="M23 4v6h-6"></path>
|
|
<path d="M1 20v-6h6"></path>
|
|
<path d="M3.51 9a9 9 0 0 1 14.85-3.36M20.49 15a9 9 0 0 1-14.85 3.36"></path>
|
|
</svg>
|
|
<div class="system-refresh-tooltip" id="update-countdown"></div>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
|
|
<a href="/config?=overview" class="dashboard-admin-link">
|
|
Admin overview
|
|
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="9 18 15 12 9 6"></polyline></svg>
|
|
</a>
|
|
|
|
<!-- Installed Apps Icons -->
|
|
<div id="frontpage-apps-section" class="frontpage-apps-section" style="display:none;">
|
|
<div id="frontpage-apps-container" class="frontpage-apps-grid"></div>
|
|
</div>
|
|
</div>
|