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

Roadmap #3: Calendar home screen #104

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

The home screen at /days currently shows a flat chronological list of dates with footage. This is hard to scan at a glance — it gives no visual sense of which days have a lot of activity vs quiet days, or where today falls in the retention window. A calendar grid view would make it much easier to get a quick overview of NVR coverage and motion activity.

The home screen at /days currently shows a flat chronological list of dates with footage. This is hard to scan at a glance — it gives no visual sense of which days have a lot of activity vs quiet days, or where today falls in the retention window. A calendar grid view would make it much easier to get a quick overview of NVR coverage and motion activity.
coding-agent-marvin8 commented 2026-07-11 07:16:17 +00:00 (Migrated from codeberg.org)
Copy link

Plan of attack

Rewrote the GET /days route to render a two-month calendar grid instead of a flat list. The view defaults to the current month and accepts ?month=YYYY-MM for navigation. ◀/▶ links shift one month at a time.

Key files:

  • src/cang/db.py — new list_motion_snapshots_for_range query returning motion-flagged snapshots for a date range, used to compute accurate per-day event counts via the existing group_into_events grouper
  • src/cang/web/routes/clips.py — rewrote days_list; added calendar helper functions (_parse_month, _build_calendar_month, _prev_month, _next_month)
  • src/cang/web/templates/days.html — complete rewrite to a two-column (desktop) / one-column (mobile) CSS grid of month tables; each day cell shows motion event count and snapshot count on separate lines and links to /days/YYYY-MM-DD
  • src/cang/web/templates/base.html — calendar CSS added
**Plan of attack** Rewrote the `GET /days` route to render a two-month calendar grid instead of a flat list. The view defaults to the current month and accepts `?month=YYYY-MM` for navigation. ◀/▶ links shift one month at a time. Key files: - `src/cang/db.py` — new `list_motion_snapshots_for_range` query returning motion-flagged snapshots for a date range, used to compute accurate per-day event counts via the existing `group_into_events` grouper - `src/cang/web/routes/clips.py` — rewrote `days_list`; added calendar helper functions (`_parse_month`, `_build_calendar_month`, `_prev_month`, `_next_month`) - `src/cang/web/templates/days.html` — complete rewrite to a two-column (desktop) / one-column (mobile) CSS grid of month tables; each day cell shows motion event count and snapshot count on separate lines and links to `/days/YYYY-MM-DD` - `src/cang/web/templates/base.html` — calendar CSS added
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#104
No description provided.