Phase 1: Compass/NHS skeleton (Go, SQLite, session login, Docker, Caddy)
Phase 1 of AGENTS.md §11: the app runs on .13 in its own container on port 8792, behind Caddy at school.lab.audasmedia.com.au, with its own session login and GET /health. - Go service (Go 1.25, modernc SQLite, no cgo) with its own image. - SQLite schema per AGENTS.md §7: children, items, scans, notifications, session (internal/store/migrations/001_init.sql). - Separate session login (signed cookie, CSRF double-submit), not SSO. - HTMX server-rendered shell using the Family Home Lab tokens.css: canvas #f6f5f4, action blue #0075de, Inter, 8px grid, hairline borders, pill CTAs, dark mode, phone-friendly. - Fail loudly (FR-12): a missing or failed scan shows as an explicit warning or error banner, never as an empty day. - Dockerfile + docker-compose.yml (own container, own port 8792; uses network_mode bridge because .13 has no free default Docker address pool). - Caddy snippet for .35 in deploy/caddy/, deployment notes, and deploy/verify-phase1.sh. No school scan in this phase; the Compass login and fetch are Phase 2. Co-Authored-By: Paperclip <noreply@paperclip.ing>
This commit is contained in:
78
internal/web/templates/dashboard.html
Normal file
78
internal/web/templates/dashboard.html
Normal file
@@ -0,0 +1,78 @@
|
||||
{{define "dashboard.html"}}<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<meta name="color-scheme" content="light dark">
|
||||
<title>{{.Title}} — Compass / Teams</title>
|
||||
<link rel="stylesheet" href="/static/tokens.css">
|
||||
<link rel="stylesheet" href="/static/app.css">
|
||||
<script src="/static/htmx.min.js" defer></script>
|
||||
<script src="/static/theme.js" defer></script>
|
||||
</head>
|
||||
<body class="app">
|
||||
<nav class="nav-bar">
|
||||
<a class="nav-bar__brand" href="/">
|
||||
<span class="nav-bar__mark" aria-hidden="true"></span>
|
||||
Compass / Teams
|
||||
</a>
|
||||
<div class="nav-bar__right">
|
||||
<button class="button-utility" type="button" data-theme-toggle>Dark</button>
|
||||
<span class="nav-bar__user">{{.Username}}</span>
|
||||
<form method="post" action="/logout" class="nav-bar__logout">
|
||||
<input type="hidden" name="csrf" value="{{.CSRF}}">
|
||||
<button class="button-utility" type="submit">Sign out</button>
|
||||
</form>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<main class="container">
|
||||
<header class="page-head">
|
||||
<h1 class="heading-1">What is due</h1>
|
||||
<p class="page-head__sub">Overdue work first. Compass for the schedule, Teams for homework.
|
||||
This is Phase 1: the skeleton is live, the school scan is not connected yet.</p>
|
||||
</header>
|
||||
|
||||
{{if .ErrMsg}}<p class="flash flash--error" role="alert">{{.ErrMsg}}</p>{{end}}
|
||||
|
||||
<div hx-get="/partials/scan-status" hx-trigger="every 60s" hx-swap="outerHTML">
|
||||
{{template "scan-status.html" .Scan}}
|
||||
</div>
|
||||
|
||||
<section class="section" aria-labelledby="children-title">
|
||||
<div class="section__head">
|
||||
<h2 id="children-title" class="heading-2">Children</h2>
|
||||
<span class="category-pill"><span class="dot dot--faint"></span>{{len .Children}} on file</span>
|
||||
</div>
|
||||
{{if .Children}}
|
||||
<ul class="child-list">
|
||||
{{range .Children}}
|
||||
<li class="child-card">
|
||||
<p class="child-card__name">{{.Name}}</p>
|
||||
<p class="child-card__meta">
|
||||
{{if .Year}}Year {{.Year}}{{else}}Year not set{{end}}
|
||||
{{if not .CompassID}}· Compass ID not set{{end}}
|
||||
</p>
|
||||
<p class="child-card__body">No items stored yet. The Compass scan arrives in Phase 2.</p>
|
||||
</li>
|
||||
{{end}}
|
||||
</ul>
|
||||
{{else}}
|
||||
<div class="empty-state">
|
||||
<p class="empty-state__title">No children on file</p>
|
||||
<p class="empty-state__body">Harry and Finn are seeded on first start. If this is empty,
|
||||
the database was not seeded.</p>
|
||||
</div>
|
||||
{{end}}
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<footer class="app-foot">
|
||||
<span>Compass / Teams · {{.Version}} · {{.AppEnv}}</span>
|
||||
<span class="app-foot__sep">·</span>
|
||||
<span>up {{.ServerUp}}</span>
|
||||
<span class="app-foot__sep">·</span>
|
||||
<span>{{year}} Family Home Lab</span>
|
||||
</footer>
|
||||
</body>
|
||||
</html>{{end}}
|
||||
41
internal/web/templates/login.html
Normal file
41
internal/web/templates/login.html
Normal file
@@ -0,0 +1,41 @@
|
||||
{{define "login.html"}}<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<meta name="color-scheme" content="light dark">
|
||||
<title>Sign in — Compass / Teams</title>
|
||||
<link rel="stylesheet" href="/static/tokens.css">
|
||||
<link rel="stylesheet" href="/static/app.css">
|
||||
<script src="/static/theme.js" defer></script>
|
||||
</head>
|
||||
<body class="login-page">
|
||||
<main class="login-band">
|
||||
<div class="login-band__inner">
|
||||
<p class="login-eyebrow">Compass / Teams</p>
|
||||
<h1 class="login-headline">Good to see you,<br>Sam.</h1>
|
||||
<p class="login-sub">Sign in to see what Harry and Finn have due.</p>
|
||||
</div>
|
||||
|
||||
<section class="auth-card" aria-labelledby="signin-title">
|
||||
<h2 id="signin-title" class="auth-card__title">Sign in</h2>
|
||||
{{if .Error}}<p class="auth-error" role="alert">{{.Error}}</p>{{end}}
|
||||
<form method="post" action="/login" class="auth-form" autocomplete="on">
|
||||
<input type="hidden" name="csrf" value="{{.CSRF}}">
|
||||
<label class="field">
|
||||
<span class="field__label">Username</span>
|
||||
<input class="text-input" type="text" name="username" value="{{.Username}}"
|
||||
autocomplete="username" autocapitalize="none" spellcheck="false" required>
|
||||
</label>
|
||||
<label class="field">
|
||||
<span class="field__label">Password</span>
|
||||
<input class="text-input" type="password" name="password"
|
||||
autocomplete="current-password" required>
|
||||
</label>
|
||||
<button class="button-primary" type="submit">Sign in</button>
|
||||
</form>
|
||||
</section>
|
||||
</main>
|
||||
<footer class="login-foot">Family Home Lab · Compass / Teams</footer>
|
||||
</body>
|
||||
</html>{{end}}
|
||||
19
internal/web/templates/partials/scan-status.html
Normal file
19
internal/web/templates/partials/scan-status.html
Normal file
@@ -0,0 +1,19 @@
|
||||
{{define "scan-status.html"}}
|
||||
{{/* Fail-loudly scan banner (FR-12). A missing or failed scan is never shown as
|
||||
"nothing due". */}}
|
||||
<section class="scan scan--{{.Level}}" aria-labelledby="scan-title">
|
||||
<div class="scan__head">
|
||||
<h2 id="scan-title" class="heading-2">Scan status</h2>
|
||||
<span class="category-pill scan__pill">
|
||||
{{if eq .Level "ok"}}healthy
|
||||
{{else if eq .Level "error"}}failed
|
||||
{{else if eq .Level "warn"}}never run
|
||||
{{else}}unknown{{end}}
|
||||
</span>
|
||||
</div>
|
||||
<p class="scan__message">{{.Message}}</p>
|
||||
{{if .LastAt}}<p class="scan__meta">Last scan: {{.LastAt}}
|
||||
{{if .Last}}· {{.Last.PagesFetched}} pages · {{.Last.ItemsFound}} items{{end}}</p>{{end}}
|
||||
{{if gt .Failed 0}}<p class="scan__meta">{{.Failed}} failed scan(s) on record.</p>{{end}}
|
||||
</section>
|
||||
{{end}}
|
||||
Reference in New Issue
Block a user