72f4bdd88a
- ntfy client supports HTTP Basic auth (username/password) for servers with access control; [ntfy] config gains username/password. Scheduler + Test Ntfy use it instead of the old settings-only bearer token. - Settings page no longer has credential inputs (Apify/eBay/ntfy/Resend); they are managed in config.toml. Read-only status + Test buttons remain. - Sidebar gains a Sign out button; in forward-auth mode it routes through the Authentik outpost sign_out so the IdP session is cleared.
95 lines
2.8 KiB
Plaintext
95 lines
2.8 KiB
Plaintext
package templates
|
|
|
|
import "veola/internal/models"
|
|
|
|
// Page is the data carrier for any rendered page; concrete handlers populate
|
|
// only the fields they use.
|
|
type Page struct {
|
|
Title string
|
|
Active string
|
|
CSRFToken string
|
|
CurrentUser *models.User
|
|
Flash string
|
|
FlashError string
|
|
}
|
|
|
|
templ head(title string) {
|
|
<head>
|
|
<meta charset="utf-8"/>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1"/>
|
|
<title>{ title } · Veola</title>
|
|
<link rel="preconnect" href="https://fonts.googleapis.com"/>
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin/>
|
|
<link href="https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;700&display=swap" rel="stylesheet"/>
|
|
<link rel="stylesheet" href="/static/css/tailwind.css"/>
|
|
<link rel="stylesheet" href="/static/css/app.css"/>
|
|
<!-- retro.css is an additive flair layer. Delete this <link> + the
|
|
file to revert to the plainer look. See retro.css for details. -->
|
|
<link rel="stylesheet" href="/static/css/retro.css"/>
|
|
<script src="/static/vendor/htmx.min.js" defer></script>
|
|
<script src="/static/js/flair.js" defer></script>
|
|
</head>
|
|
}
|
|
|
|
templ Sidebar(active, csrf string) {
|
|
<nav class="v-side-nav flex flex-col">
|
|
<a href="/" class="v-side-brand px-4 py-5 flex items-center gap-2">
|
|
<span class="text-2xl">🐝</span>
|
|
<span class="text-xl font-semibold tracking-wide">Veola</span>
|
|
</a>
|
|
<a href="/" class={ navClass("dashboard", active) }>Dashboard</a>
|
|
<a href="/items" class={ navClass("items", active) }>Items</a>
|
|
<a href="/results" class={ navClass("results", active) }>Results</a>
|
|
<a href="/settings" class={ navClass("settings", active) }>Settings</a>
|
|
<form method="post" action="/logout" class="mt-auto">
|
|
@CSRFInput(csrf)
|
|
<button type="submit" class="v-side-signout">Sign out</button>
|
|
</form>
|
|
<div class="px-4 py-4 v-muted text-xs">
|
|
Track. Watch. Notice.
|
|
</div>
|
|
</nav>
|
|
}
|
|
|
|
func navClass(key, active string) string {
|
|
if key == active {
|
|
return "active"
|
|
}
|
|
return ""
|
|
}
|
|
|
|
templ Layout(p Page, body templ.Component) {
|
|
<!DOCTYPE html>
|
|
<html lang="en">
|
|
@head(p.Title)
|
|
<body class="min-h-screen flex">
|
|
@Sidebar(p.Active, p.CSRFToken)
|
|
<main class="flex-1 p-6 max-w-6xl">
|
|
if p.Flash != "" {
|
|
<div class="v-flash">{ p.Flash }</div>
|
|
}
|
|
if p.FlashError != "" {
|
|
<div class="v-flash-error">{ p.FlashError }</div>
|
|
}
|
|
@body
|
|
</main>
|
|
</body>
|
|
</html>
|
|
}
|
|
|
|
// Bare is a chrome-less layout used by /login and /setup.
|
|
templ Bare(p Page, body templ.Component) {
|
|
<!DOCTYPE html>
|
|
<html lang="en">
|
|
@head(p.Title)
|
|
<body class="min-h-screen">
|
|
@body
|
|
</body>
|
|
</html>
|
|
}
|
|
|
|
// CSRFInput is the hidden form field for state-changing forms.
|
|
templ CSRFInput(token string) {
|
|
<input type="hidden" name="csrf_token" value={ token }/>
|
|
}
|