summaryrefslogtreecommitdiff
path: root/web/templates/partials/planning-tab.html
blob: 77bd3d8f1ff76b71b5fa714ce0841970d4e2b8b1 (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
{{define "planning-tab"}}
<div class="space-y-6">
    <!-- Google Calendar Events -->
    {{if .Events}}
    <div class="bg-white/10 backdrop-blur-sm rounded-xl p-4 shadow-sm border border-white/10">
        <h2 class="text-xl font-semibold mb-4 flex items-center gap-2 text-shadow-sm">
            <span>📅</span> Upcoming Events
        </h2>
        <div class="space-y-2">
            {{range .Events}}
            <a href="{{.HTMLLink}}" target="_blank" class="task-item border-l-4 border-blue-500 block group">
                <div class="flex items-start gap-3 p-3 sm:p-4">
                    <span class="text-lg flex-shrink-0">📅</span>
                    <div class="flex-1 min-w-0">
                        <div class="flex items-start justify-between gap-2">
                            <h3 class="text-sm text-white font-medium break-words group-hover:underline">{{.Summary}}</h3>
                            <svg class="w-4 h-4 text-white/50 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"></path>
                            </svg>
                        </div>
                        <div class="flex flex-wrap items-center gap-2 mt-1 text-xs text-white/50">
                            <span>{{.Start.Format "Jan 2"}}</span>
                            {{if eq (.Start.Format "15:04") "00:00"}}
                            <span>All Day</span>
                            {{else}}
                            <span>{{.Start.Format "3:04 PM"}} - {{.End.Format "3:04 PM"}}</span>
                            {{end}}
                        </div>
                        {{if .Description}}
                        <p class="text-xs text-white/40 mt-1 line-clamp-2">{{.Description}}</p>
                        {{end}}
                    </div>
                </div>
            </a>
            {{end}}
        </div>
    </div>
    {{end}}

    <!-- Trello Boards Section -->
    {{template "trello-boards" .}}
</div>
{{end}}