blob: 53b1e358df915639b4f3bf42039132e5328c6708 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
|
{{define "buckets-section"}}
<div id="buckets-list" class="grid gap-3 sm:grid-cols-2">
{{if .Buckets}}
{{range .Buckets}}
<div class="bg-card bg-card-hover transition-colors rounded-lg border border-white/5 p-4" id="bucket-{{.Bucket.ID}}">
<div class="flex items-center justify-between gap-4 mb-3">
<div>
<strong class="text-white text-sm">{{.Bucket.Name}}</strong>
<span class="text-xs text-white/40 ml-2">every {{.Bucket.CycleDays}}d, picks {{.Bucket.PickN}}</span>
</div>
<button class="text-xs text-red-400/80 hover:text-red-300 transition-colors flex-shrink-0"
hx-delete="/settings/buckets/{{.Bucket.ID}}"
hx-target="#buckets-list"
hx-swap="outerHTML"
hx-confirm="Delete bucket '{{.Bucket.Name}}'? Its tasks will be kept, just unbucketed.">
Delete
</button>
</div>
<div class="space-y-1 mb-3">
{{if .Items}}
{{range .Items}}
<div class="flex items-center justify-between gap-2 text-sm py-1">
<span class="text-white/80">{{.Content}}</span>
<div class="flex items-center gap-3 flex-shrink-0">
<span class="text-[10px] uppercase tracking-wider {{if eq .BucketState "active"}}text-green-400{{else}}text-white/30{{end}}">{{.BucketState}}</span>
<button class="text-xs text-red-400/60 hover:text-red-300 transition-colors"
hx-post="/settings/buckets/items/remove"
hx-vals='{"task_id": "{{.ID}}"}'
hx-target="#buckets-list"
hx-swap="outerHTML">
Remove
</button>
</div>
</div>
{{end}}
{{else}}
<p class="text-xs text-white/40 italic">Pool is empty.</p>
{{end}}
</div>
<form class="flex gap-2" hx-post="/settings/buckets/{{.Bucket.ID}}/items" hx-target="#buckets-list" hx-swap="outerHTML" hx-on::after-request="if(event.detail.successful) this.reset()">
<input type="text" name="title" placeholder="Add a pool item..." required
class="flex-1 bg-input border border-white/20 rounded-lg px-3 py-1.5 text-sm text-white placeholder-white/50 outline-none focus:ring-1 focus:ring-white/30">
<button type="submit" class="text-sm bg-white/10 hover:bg-white/20 text-white px-3 py-1.5 rounded-lg transition-colors">Add</button>
</form>
</div>
{{end}}
{{else}}
<div class="bg-card rounded-lg border border-white/5 text-center text-white/40 py-10 sm:col-span-2">No maintenance buckets yet.</div>
{{end}}
</div>
{{end}}
|
