Sam Rolfe
b58993d994
Build on Phases 1–6. Telemetry already arrived on
restrict/<device>/telemetry; this phase stores it in a daily rollup and
shows it.
- store: migration 003 adds telemetry_daily (device, day, app seconds,
site seconds). InsertTelemetry maintains the affected days in the same
transaction; RebuildRollups backfills and repairs it. UsageRange and
TopUsage serve the week grid and top lists. CapAudit enforces the
size-capped append-only audit log from AGENTS.md §7.
- web: GET /devices/{id}/usage — Monday-to-Sunday totals plus the top 10
apps and top 10 sites, using CSP-safe native <progress> bars.
- theme.js: light/dark from the OS preference, with a nav toggle, loaded
as an external script so the strict CSP still holds.
- cmd/control: `rollup` subcommand; rollup rebuild and audit cap at
start-up and every 15 minutes.
- Version 0.5.0-phase7 (compose, Makefile, docs).
Tests: go test ./... and go vet ./... pass in golang:1.25-alpine.
Co-Authored-By: Paperclip <noreply@paperclip.ing>
53 lines
2.3 KiB
HTML
53 lines
2.3 KiB
HTML
{{define "device-cards.html"}}<div class="device-grid">
|
|
{{range .Devices}}
|
|
<article class="device-card">
|
|
<header class="device-card__head">
|
|
<div class="device-card__id">
|
|
<h3 class="device-card__name">{{.Name}}</h3>
|
|
<p class="device-card__meta">{{.Child}} · {{.PlatformLabel}}</p>
|
|
</div>
|
|
<span class="status-pill {{if .Locked}}status-pill--off{{else}}status-pill--on{{end}}">
|
|
<span class="dot {{if .Locked}}dot--off{{else}}dot--on{{end}}"></span>{{.StateLabel}}
|
|
</span>
|
|
</header>
|
|
|
|
<p class="device-card__state">
|
|
{{if .Locked}}Blocked{{if .ReasonLabel}} {{.ReasonLabel}}{{end}}{{if .TimeLeft}} · {{.TimeLeft}}{{end}}{{else}}No block active{{end}}
|
|
</p>
|
|
{{if .Until}}<p class="device-card__until">Lifts {{.UntilLocal}}</p>{{end}}
|
|
|
|
<div class="device-card__actions">
|
|
<form method="post" action="/devices/{{.ID}}/lock" class="inline-form">
|
|
<input type="hidden" name="csrf" value="{{$.CSRF}}">
|
|
<select class="select-input" name="minutes" aria-label="Lock duration">
|
|
<option value="0">until I unlock</option>
|
|
<option value="15">15 min</option>
|
|
<option value="30" selected>30 min</option>
|
|
<option value="60">1 hour</option>
|
|
</select>
|
|
<button class="button-primary" type="submit">{{if .Locked}}Re-lock{{else}}Lock{{end}}</button>
|
|
</form>
|
|
{{if .Locked}}
|
|
<form method="post" action="/devices/{{.ID}}/unlock" class="inline-form">
|
|
<input type="hidden" name="csrf" value="{{$.CSRF}}">
|
|
<button class="button-utility" type="submit">Unlock</button>
|
|
</form>
|
|
{{end}}
|
|
<a class="button-utility" href="/devices/{{.ID}}/edit">Edit</a>
|
|
<a class="button-utility" href="/devices/{{.ID}}/schedule">Schedule</a>
|
|
<a class="button-utility" href="/devices/{{.ID}}/lists">Lists</a>
|
|
<a class="button-utility" href="/devices/{{.ID}}/usage">Usage</a>
|
|
</div>
|
|
|
|
<p class="device-card__foot">
|
|
<span class="device-card__presence">
|
|
<span class="dot {{if .Online}}dot--on{{else}}dot--faint{{end}}"></span>
|
|
{{if .Online}}online{{else}}offline{{end}}
|
|
</span>
|
|
{{if .HasLastSeen}}<span>· last seen {{.LastSeen}}</span>{{else}}<span>· never connected</span>{{end}}
|
|
</p>
|
|
<p class="device-card__topic"><code>{{.Topic}}</code></p>
|
|
</article>
|
|
{{end}}
|
|
</div>{{end}}
|