Files
veola/templates/layout.templ
prosolis edb732ee1f Auction end times, visual flair, and pre-launch cleanup
Auction handling:
- Capture itemEndDate from eBay Browse API and ending_date from ZenMarket
  (Yahoo JP); plumb through results.ends_at column. Permissive ZenMarket
  parser (multiple layouts, JST when offset missing).
- Per-row "Ends" countdown column + "Ending soon" banner on results pages,
  live-ticked by flair.js with urgent/critical tinting under 1h/5m.
- Backfill ends_at for known auctions when their URL reappears in a poll
  (dedup hit no longer drops the new end time).
- Hide ended auctions from result listings by default via
  ResultsQuery.ExcludeEnded; rows stay in the DB.

Visual flair:
- Glassy backdrop-blur v-cards with gradient-mask borders and hover-lift.
- htmx swap fade-in via transient .v-just-swapped class.
- Count-up animation on dashboard stats. All animations gated behind
  prefers-reduced-motion.

eBay condition + region filters (auctions-style scoping):
- items.condition and items.region columns; threaded through item form,
  CreateItem/UpdateItem, scheduler eBay plan input, and previewKey so
  cache invalidates when these change.
- ebay.SearchParams gains conditionIds and itemLocationCountry filters.

Run Now reload + countdown engine:
- Run Now now sets HX-Refresh: true (non-htmx fallback: 303 redirect) so
  the entire results view — best price, chart, badge, last polled —
  reflects the new poll, instead of swapping just one partial.

Pre-launch hardening (P1 set):
- auth.EqualizeLoginTiming on no-such-user branch.
- (*App).serverError centralizes 500s; replaces err.Error() leaks across
  results/settings/items/users/dashboard handlers.
- main.go server: ReadTimeout 30s / WriteTimeout 60s / IdleTimeout 120s
  alongside the existing ReadHeaderTimeout.
- noListFS wrapper blocks static directory listings.
- Credential fields in settings no longer render value=; blank submission
  preserves the saved value, with per-field "Saved in settings / Set in
  config.toml / Not set" status indicator.

Misc:
- -debug flag wires slog to LevelDebug; raw ZenMarket items logged for
  format diagnosis.
- /healthz public endpoint for reverse-proxy probes.
- deploy/veola.service systemd unit template (hardening flags, single
  ReadWritePaths=/var/lib/veola).
- handlers_test.go covers /healthz, setup-gate redirect, auth gate, and
  /login render with httptest + in-memory sqlite.
- best_price_currency on items; templates pick the right symbol per row.
- .gitignore now excludes *.log / veola-debug.log.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
2026-05-15 17:47:09 -07:00

88 lines
2.4 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"/>
<script src="/static/vendor/htmx.min.js" defer></script>
<script src="/static/js/flair.js" defer></script>
</head>
}
templ Sidebar(active string) {
<nav class="v-side-nav flex flex-col">
<div class="px-4 py-5 flex items-center gap-2">
<span class="text-2xl">🐝</span>
<span class="text-xl font-semibold tracking-wide">Veola</span>
</div>
<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>
<div class="mt-auto 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)
<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 }/>
}