diff options
Diffstat (limited to 'web/templates')
| -rw-r--r-- | web/templates/partials/ics-feeds.html | 43 | ||||
| -rw-r--r-- | web/templates/settings.html | 26 |
2 files changed, 69 insertions, 0 deletions
diff --git a/web/templates/partials/ics-feeds.html b/web/templates/partials/ics-feeds.html new file mode 100644 index 0000000..4ee1ad6 --- /dev/null +++ b/web/templates/partials/ics-feeds.html @@ -0,0 +1,43 @@ +{{define "ics-feed-list"}} +<div id="ics-feed-list" class="space-y-3"> + {{if .Feeds}} + {{range .Feeds}} + <div class="flex flex-wrap items-center gap-3 p-3 rounded-lg border border-white/10 bg-white/5"> + <div class="flex-1 min-w-0"> + <div class="flex items-center gap-2"> + <span class="text-white {{if not .Enabled}}opacity-50{{end}}">{{.Name}}</span> + {{if not .Enabled}}<span class="text-xs text-white/40">(off)</span>{{end}} + </div> + <div class="text-xs text-white/40 truncate">{{.URL}}</div> + <div class="text-xs mt-1 {{if .LastError}}text-red-400{{else}}text-white/40{{end}}"> + {{if .LastError}} + Failed: {{.LastError}} + {{else}} + {{.EventCount}} events ยท last checked {{.LastFetched}} + {{end}} + </div> + </div> + <form hx-post="/settings/ics-feeds/{{.ID}}/toggle" hx-target="#ics-feed-list" hx-swap="outerHTML"> + <input type="hidden" name="enabled" value="{{if .Enabled}}false{{else}}true{{end}}"> + <button type="submit" class="text-xs px-3 py-1.5 rounded-lg bg-white/10 hover:bg-white/20 text-white/70 hover:text-white transition-colors"> + {{if .Enabled}}Disable{{else}}Enable{{end}} + </button> + </form> + <button class="text-xs px-3 py-1.5 rounded-lg border border-red-500/30 text-red-400 hover:bg-red-500/10 transition-colors" + hx-delete="/settings/ics-feeds/{{.ID}}" + hx-target="#ics-feed-list" + hx-swap="outerHTML" + hx-confirm="Remove {{.Name}}? Its events disappear from the timeline."> + Remove + </button> + </div> + {{end}} + {{else}} + <p class="text-sm text-white/40"> + No calendar feeds yet. Paste an .ics or webcal:// link below โ published + schedules (sports fixtures, school terms, bin collections) are almost + always distributed this way. + </p> + {{end}} +</div> +{{end}} diff --git a/web/templates/settings.html b/web/templates/settings.html index 8a72287..1156ef5 100644 --- a/web/templates/settings.html +++ b/web/templates/settings.html @@ -215,6 +215,32 @@ </div> </div> + <!-- Calendar feeds (.ics) --> + <div class="mb-8 p-4 rounded-xl border border-white/10 bg-white/5"> + <h3 class="text-sm font-semibold uppercase tracking-wider text-slate-500 mb-1">Calendar Feeds (.ics)</h3> + <p class="text-xs text-white/40 mb-4"> + Subscribed calendars fetched directly by doot. Google Calendar is read + through a service account, which cannot see calendars you subscribe to + in your own account — so published schedules go here instead. + </p> + + {{template "ics-feed-list" .}} + + <form class="flex flex-wrap gap-2 mt-4" + hx-post="/settings/ics-feeds" + hx-target="#ics-feed-list" + hx-swap="outerHTML" + hx-on::after-request="if(event.detail.successful) this.reset()"> + <input type="text" name="name" placeholder="Name (e.g. Seahawks)" required + class="flex-1 min-w-32 bg-input border border-white/20 rounded-lg px-3 py-2 text-sm text-white placeholder-white/40"> + <input type="text" name="url" placeholder="https://... .ics or webcal://..." required + class="flex-[2] min-w-48 bg-input border border-white/20 rounded-lg px-3 py-2 text-sm text-white placeholder-white/40"> + <button type="submit" class="bg-white/20 hover:bg-white/30 text-white px-4 py-2 rounded-lg text-sm font-medium transition-colors"> + Add Feed + </button> + </form> + </div> + {{template "sync-log" .SyncLog}} <div id="sources-container" class="grid gap-8 mt-8"> |