Refactor repo filter UI and relocate Export CSV
Some checks failed
Update GitHub Versions (New) / update-github-versions (push) Has been cancelled
Update Versions from GitHub / update-versions (push) Has been cancelled
Crawl Versions from newreleases.io / crawl-versions (push) Has been cancelled
Crawl Versions from github / crawl-versions (push) Has been cancelled
Stale PR Management / stale-prs (push) Has been cancelled
Cleanup Branches (Merged or Closed) / cleanup (push) Has been cancelled

Update dashboard UI in misc/data/dashboard.go: move the repository <select> into the quickfilter group, apply inline styling for a compact themed dropdown, and shorten option labels (remove environment suffixes). Add a separator span between the select and quickfilter buttons. Move the Export CSV button from the top controls into the footer to simplify the header layout and avoid duplicate export buttons.
This commit is contained in:
CanbiZ (MickLesk) 2026-02-11 15:58:34 +01:00
parent 4def8258cc
commit da03c76dd4

View File

@ -1424,20 +1424,20 @@ func DashboardHTML() string {
Telemetry Dashboard
</h1>
<div class="controls">
<select id="repoFilter" onchange="refreshData()" title="Filter by repository source">
<option value="ProxmoxVE" selected>ProxmoxVE (Production)</option>
<option value="ProxmoxVED">ProxmoxVED (Development)</option>
<option value="external">External (Forks)</option>
<option value="all">All Sources</option>
</select>
<div class="quickfilter">
<select id="repoFilter" onchange="refreshData()" title="Filter by repository source" style="background:var(--bg-tertiary);border:none;color:var(--text-primary);padding:6px 10px;border-radius:6px;font-size:13px;cursor:pointer;outline:none;">
<option value="ProxmoxVE" selected>ProxmoxVE</option>
<option value="ProxmoxVED">ProxmoxVED</option>
<option value="external">External</option>
<option value="all">All Sources</option>
</select>
<span style="color:var(--border-color);padding:0 2px;">|</span>
<button class="filter-btn" data-days="7">7 Days</button>
<button class="filter-btn active" data-days="30">30 Days</button>
<button class="filter-btn" data-days="90">90 Days</button>
<button class="filter-btn" data-days="365">1 Year</button>
<button class="filter-btn" data-days="0">All</button>
</div>
<button class="export-btn" onclick="exportCSV()">Export CSV</button>
<button onclick="refreshData()">Refresh</button>
<button class="theme-toggle" onclick="toggleTheme()">
<span id="themeIcon">🌙</span>
@ -1591,6 +1591,7 @@ func DashboardHTML() string {
&bull; Telemetry is anonymous and privacy-friendly
</div>
<div>
<button class="footer-btn" onclick="exportCSV()">Export CSV</button>
<button class="footer-btn" onclick="showHealthCheck()">Health Check</button>
<a href="/api/dashboard" target="_blank">API</a>
</div>