diff options
Diffstat (limited to 'web/templates/partials')
| -rw-r--r-- | web/templates/partials/timeline-tab.html | 13 |
1 files changed, 13 insertions, 0 deletions
diff --git a/web/templates/partials/timeline-tab.html b/web/templates/partials/timeline-tab.html index d3b3fb6..d6f410e 100644 --- a/web/templates/partials/timeline-tab.html +++ b/web/templates/partials/timeline-tab.html @@ -103,6 +103,13 @@ padding: 1px 4px; border-radius: 3px; } + .chain-badge { + background: rgba(139,92,246,0.25); + color: #c4b5fd; + font-size: 0.65em; + padding: 1px 4px; + border-radius: 3px; + } </style> <div class="space-y-6 text-shadow-sm" @@ -142,6 +149,8 @@ {{end}} <span class="{{if .IsCompleted}}line-through text-white/50{{end}}">{{.Title}}{{multiDayLabel .}}</span> {{if .IsOverdue}}<span class="overdue-badge">overdue</span>{{end}} + {{if .ChainTotal}}<span class="chain-badge">{{.ChainPosition}}/{{.ChainTotal}}</span>{{end}} + {{if eq .BucketState "active"}}<span class="chain-badge" style="cursor:pointer" hx-post="/defer-atom" hx-vals='{"id": "{{.ID}}"}' hx-swap="none">defer</span>{{end}} {{if .URL}} <a href="{{.URL}}" target="_blank" class="text-white/50 hover:text-white"> <svg class="w-3 h-3" fill="none" stroke="currentColor" viewBox="0 0 24 24"> @@ -195,6 +204,8 @@ class="h-4 w-4 rounded bg-black/40 border-white/30 text-white/80 focus:ring-white/30 cursor-pointer flex-shrink-0"> {{end}} <span class="calendar-event-title {{if .IsCompleted}}line-through text-white/50{{end}}">{{.Title}}</span> + {{if .ChainTotal}}<span class="chain-badge">{{.ChainPosition}}/{{.ChainTotal}}</span>{{end}} + {{if eq .BucketState "active"}}<span class="chain-badge" style="cursor:pointer" hx-post="/defer-atom" hx-vals='{"id": "{{.ID}}"}' hx-swap="none">defer</span>{{end}} </div> <div class="calendar-event-time">{{.Time.Format "3:04 PM"}}{{if .EndTime}} - {{.EndTime.Format "3:04 PM"}}{{end}}</div> </div> @@ -245,6 +256,8 @@ <span class="flex-1 text-sm text-white/80 {{if .IsCompleted}}line-through text-white/40{{end}} truncate"> {{.Title}}{{multiDayLabel .}} {{if and (eq .MultiDayVariant "") .EndTime}}<span class="text-white/30 text-xs ml-1">– {{.EndTime.Format "3:04 PM"}}</span>{{end}} + {{if .ChainTotal}}<span class="chain-badge">{{.ChainPosition}}/{{.ChainTotal}}</span>{{end}} + {{if eq .BucketState "active"}}<span class="chain-badge" style="cursor:pointer" hx-post="/defer-atom" hx-vals='{"id": "{{.ID}}"}' hx-swap="none">defer</span>{{end}} </span> {{if .URL}} <a href="{{.URL}}" target="_blank" class="text-white/30 hover:text-white shrink-0"> |