Skip to content

Tailwind #59 — Admin eink + sensors overview

FieldValue
GitLabsourcecontrollers/safecall#59
Parent#52
Roadmaptailwind-roadmap.md
Depends on#58 (closed)
Workflowclosed

Goal

Migrate eink listing/edit/designer chrome and the admin sensors overview from Bulma to Tailwind. Eink device display palettes (.eink-tpl-theme-*, EinkThemeColors) stay as device concerns — only admin UI Bulma chrome migrates.

Design principles

  1. Do not conflate e-ink device color themes with app data-theme.
  2. Designer toolbars/forms use catalog primitives; canvas/preview areas keep existing non-Bulma CSS where possible.
  3. Sensors overview tables use tokens (fix known Bulma table contrast bugs).

Acceptance criteria

  • [x] templates/admin/eink/** + eink pages (eink-displays.ts, designer modules) migrated for Bulma classes
  • [x] templates/admin/sensors/** + sensors.ts migrated
  • [x] Device/e-ink theme CSS namespaces preserved and still work
  • [x] Smoke: eink listing + open designer; sensors overview if feature enabled

Implementation notes

Designer is multi-file (eink-designer*.ts). Focus on HTML templates and class strings; avoid redesigning the designer UX.

Out of scope

WorkIssue
Standalone tools (beacon-config, …)#60
Changing e-ink device palettesout of program
Drop Bulma#62

Key paths

  • web/src/templates/admin/eink/**
  • web/src/templates/admin/sensors/**
  • web/src/admin/pages/eink-*.ts, eink-displays.ts, sensors.ts

Verification

  1. Web typecheck.
  2. Smoke eink + sensors as config allows.
  3. Confirm e-ink template theme previews still render device colors.

Done when / handoff

  1. Operator verifies → commit with Closes #59 → push gitlab.
  2. Next: #60 admin tools.