feat(dashboard): add status filter pills and dim stopped services

- Add All/Running/Stopped filter pills with live counts in toolbar
- Dim stopped service cards (55% opacity, red left border)
- Cards brighten on hover for easy interaction

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
2026-03-06 07:30:10 -06:00
parent fe76ca7456
commit 04c2e1f102
3 changed files with 128 additions and 1 deletions
+5
View File
@@ -54,6 +54,11 @@
<button class="btn btn-danger btn-sm" id="btn-group-stop" title="Stop all in group">&#9632; Stop All</button>
<button class="btn btn-warning btn-sm" id="btn-group-restart" title="Restart all in group">&#8635; Restart All</button>
</div>
<div class="toolbar-filters" id="status-filters">
<button class="filter-pill active" data-filter="all">All</button>
<button class="filter-pill" data-filter="running">Running <span id="count-running" class="filter-count"></span></button>
<button class="filter-pill" data-filter="stopped">Stopped <span id="count-stopped" class="filter-count"></span></button>
</div>
<div class="toolbar-right">
<input type="text" id="search-input" class="search-input" placeholder="Search services...">
</div>