ryan
8b32d98267
Go + chi + SQLite + HTMX with SSE live updates. Soft Brutalism design, emoji picker, Docker deploy. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
34 lines
1.1 KiB
HTML
34 lines
1.1 KiB
HTML
{{define "slots-inner"}}
|
|
{{range .Slots}}
|
|
<div class="slot-card{{if .IsFull}} full{{end}}">
|
|
<div class="slot-info">
|
|
<div class="slot-name">{{.Slot.Emoji}} {{.Slot.Name}}</div>
|
|
<div class="slot-claims">
|
|
{{if .Claims}}
|
|
{{range .Claims}}
|
|
<span class="claim-chip">
|
|
{{.Name}}{{if .Note}} <small style="color:#888">({{.Note}})</small>{{end}}
|
|
<button hx-delete="/e/{{$.Event.Slug}}/claim/{{.ID}}"
|
|
hx-target="#slots-container"
|
|
hx-swap="innerHTML settle:0.1s"
|
|
hx-confirm="Remove {{.Name}}?"
|
|
title="Remove">×</button>
|
|
</span>
|
|
{{end}}
|
|
{{else}}
|
|
<span class="nobody">nobody yet</span>
|
|
{{end}}
|
|
</div>
|
|
<div class="progress-bar">
|
|
<div class="progress-fill{{if .IsFull}} full{{end}}" style="width:{{.Pct}}%"></div>
|
|
</div>
|
|
</div>
|
|
<div class="slot-right">
|
|
<span class="slot-count{{if .IsFull}} warn{{end}}">{{.ClaimCount}} / {{.Slot.MaxClaims}}{{if .IsFull}} ✓{{end}}</span>
|
|
</div>
|
|
</div>
|
|
{{end}}
|
|
{{end}}
|
|
|
|
{{define "slots.html"}}{{template "slots-inner" .}}{{end}}
|