Dashboard: Service grid and cards #6

Closed
opened 2026-03-05 18:44:49 -06:00 by jeremy · 0 comments
Owner

Build the main dashboard HTML/CSS/JS layout with the service grid and individual service cards.

Tasks

  • Main layout: top navbar, left sidebar (node filter), main content area
  • Node tabs or filter to show services by node or all
  • Service card component: container name, image, status badge (running/stopped/exited), uptime
  • Action buttons on each card: Start, Stop, Restart, Logs, Pull
  • Search/filter bar for containers
  • Loading states and error states
  • Auto-refresh every 30 seconds

Notes

  • Vanilla JS (no framework) to keep it simple
  • Fetch data from GET /api/services
  • Cards grouped by node
Build the main dashboard HTML/CSS/JS layout with the service grid and individual service cards. ## Tasks - [ ] Main layout: top navbar, left sidebar (node filter), main content area - [ ] Node tabs or filter to show services by node or all - [ ] Service card component: container name, image, status badge (running/stopped/exited), uptime - [ ] Action buttons on each card: Start, Stop, Restart, Logs, Pull - [ ] Search/filter bar for containers - [ ] Loading states and error states - [ ] Auto-refresh every 30 seconds ## Notes - Vanilla JS (no framework) to keep it simple - Fetch data from `GET /api/services` - Cards grouped by node
jeremy added this to the v1.0 milestone 2026-03-05 18:44:49 -06:00
jeremy added the feature label 2026-03-05 18:44:49 -06:00
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: jeremy/farm-manager#6