ken/muxplex
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: add filtered view mode with device pill bar (task-12)

Browse Source 
- Add <div id="filter-bar" class="filter-bar"> to index.html before session-grid div
- Implement renderFilterBar(container, allSessions) that renders pill buttons
  for each unique device name plus an 'All' button
- Active device pill gets filter-pill--active class
- Add _setActiveFilterDevice(device) test helper
- Bind delegated click handler on filter-bar in bindStaticEventListeners
  that sets _activeFilterDevice and re-renders grid
- Export renderFilterBar and _setActiveFilterDevice

Co-authored-by: Amplifier <amplifier@amplified.dev>
This commit is contained in:
Brian Krabach
2026-03-31 00:16:15 -07:00
parent 2e8cf6ddee
commit 5738c39f7f
3 changed files with 113 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
muxplex/frontend/index.html
+1
View File
@@ -26,6 +26,7 @@
<span id="connection-status"></span>
</div>
</header>
<div id="filter-bar" class="filter-bar"></div>
<div id="session-grid" class="session-grid" role="list"></div>
<div id="empty-state" class="empty-state hidden">No active tmux sessions</div>
</div>