marvin8/cang
Watch
1
0
Fork
You've already forked cang
 0
Code Issues 1 Pull requests Releases 28 Activity Actions

Live snapshot strip on home page #115

New issue
Closed
opened 2026-07-15 04:38:27 +00:00 by coding-agent-marvin8 · 1 comment
coding-agent-marvin8 commented 2026-07-15 04:38:27 +00:00 (Migrated from codeberg.org)
Copy link

Add a live view strip to the Cang home page (/days) showing the most recent snapshot from each configured camera. The strip auto-refreshes every 30 seconds via htmx polling. Cameras without snapshots show a placeholder.

Add a live view strip to the Cang home page (/days) showing the most recent snapshot from each configured camera. The strip auto-refreshes every 30 seconds via htmx polling. Cameras without snapshots show a placeholder.
coding-agent-marvin8 commented 2026-07-15 04:38:34 +00:00 (Migrated from codeberg.org)
Copy link

Approach: New DB query latest_snapshot_per_camera returns the most recent snapshot per camera. Two new routes: GET /live/snapshots/{camera}/img serves the JPEG, GET /live-snapshots serves an htmx-swappable HTML fragment. The /days template polls the fragment every 30s via htmx. CSS grid with auto-fill ensures 2 cameras fill the screen, max 3 per row.

Key files:

  • src/cang/db.py — add latest_snapshot_per_camera()
  • src/cang/web/routes/snapshots.py — add two new routes
  • src/cang/web/templates/_live_strip.html — new fragment template
  • src/cang/web/templates/days.html — add htmx poll div
  • src/cang/web/templates/base.html — add CSS
  • tests/test_db_queries.py, tests/test_snapshots.py — tests

Branch: feat/issue-115-live-snapshot-strip

**Approach:** New DB query `latest_snapshot_per_camera` returns the most recent snapshot per camera. Two new routes: `GET /live/snapshots/{camera}/img` serves the JPEG, `GET /live-snapshots` serves an htmx-swappable HTML fragment. The /days template polls the fragment every 30s via htmx. CSS grid with auto-fill ensures 2 cameras fill the screen, max 3 per row. **Key files:** - `src/cang/db.py` — add `latest_snapshot_per_camera()` - `src/cang/web/routes/snapshots.py` — add two new routes - `src/cang/web/templates/_live_strip.html` — new fragment template - `src/cang/web/templates/days.html` — add htmx poll div - `src/cang/web/templates/base.html` — add CSS - `tests/test_db_queries.py`, `tests/test_snapshots.py` — tests **Branch:** `feat/issue-115-live-snapshot-strip`
Sign in to join this conversation.
No Branch/Tag specified
Branches Tags
main
pages
2026.8.4
2026.7.25
2026.7.24
2026.7.23
2026.7.22
0.10.1
0.10.0
0.9.0
0.8.0
0.7.0
0.6.0
0.5.0
0.4.2
0.4.1
0.4.0
0.3.12
0.3.11
0.3.10
0.3.9
0.3.8
0.3.7
0.3.6
0.3.5
0.3.4
0.3.3
0.3.2
0.3.1
0.3.0
0.2.0
Labels
Clear labels
No items
No labels
Milestone
Clear milestone
No items
No milestone
Assignees
Clear assignees
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set

Reference
marvin8/cang#115
No description provided.