1{{ define "title" }}
2 {{ .Pull.Title }} · pull #{{ .Pull.PullId }} · {{ .RepoInfo.FullName }}
3{{ end }}
4
5{{ define "repoContent" }}
6 <header class="pb-4">
7 <h1 class="text-2xl dark:text-white">
8 {{ .Pull.Title }}
9 <span class="text-gray-500 dark:text-gray-400">#{{ .Pull.PullId }}</span>
10 </h1>
11 </header>
12
13 {{ $bgColor := "bg-gray-800 dark:bg-gray-700" }}
14 {{ $icon := "ban" }}
15
16 {{ if .Pull.State.IsOpen }}
17 {{ $bgColor = "bg-green-600 dark:bg-green-700" }}
18 {{ $icon = "git-pull-request" }}
19 {{ else if .Pull.State.IsMerged }}
20 {{ $bgColor = "bg-purple-600 dark:bg-purple-700" }}
21 {{ $icon = "git-merge" }}
22 {{ end }}
23
24 <section>
25 <div class="flex items-center gap-2">
26 <div
27 id="state"
28 class="inline-flex items-center rounded px-3 py-1 {{ $bgColor }}"
29 >
30 {{ i $icon "w-4 h-4 mr-1.5 text-white" }}
31 <span class="text-white">{{ .Pull.State.String }}</span>
32 </div>
33 <span class="text-gray-500 dark:text-gray-400 text-sm">
34 opened by
35 {{ $owner := index $.DidHandleMap .Pull.OwnerDid }}
36 <a href="/{{ $owner }}" class="no-underline hover:underline"
37 >{{ $owner }}</a
38 >
39 <span class="select-none before:content-['\00B7']"></span>
40 <time>{{ .Pull.Created | timeFmt }}</time>
41 <span class="select-none before:content-['\00B7']"></span>
42 <span>targeting branch
43 <span class="text-xs rounded bg-gray-100 dark:bg-gray-700 text-black dark:text-white font-mono px-2 mx-1/2 inline-flex items-center">
44 {{ .Pull.TargetBranch }}
45 </span>
46 </span>
47 </span>
48 </div>
49
50 {{ if .Pull.Body }}
51 <article id="body" class="mt-2 prose dark:prose-invert">
52 {{ .Pull.Body | markdown }}
53 </article>
54 {{ end }}
55 </section>
56
57{{ end }}
58
59{{ define "repoAfter" }}
60 <section id="submissions" class="mt-4">
61 <div class="flex flex-col gap-4">
62 {{ block "submissions" . }} {{ end }}
63 </div>
64 </section>
65
66 <div id="pull-close"></div>
67 <div id="pull-reopen"></div>
68{{ end }}
69
70{{ define "submissions" }}
71 {{ $lastIdx := sub (len .Pull.Submissions) 1 }}
72 {{ $targetBranch := .Pull.TargetBranch }}
73 {{ $repoName := .RepoInfo.FullName }}
74 {{ range $idx, $item := .Pull.Submissions }}
75 {{ $diff := $item.AsNiceDiff $targetBranch }}
76 {{ with $item }}
77 <details {{ if eq $idx $lastIdx }}open{{ end }}>
78 <summary id="round-#{{ .RoundNumber }}" class="list-none cursor-pointer">
79 <div class="flex flex-wrap gap-2 items-center">
80 <!-- round number -->
81 <div class="rounded bg-white dark:bg-gray-800 drop-shadow-sm px-3 py-2 dark:text-white">
82 #{{ .RoundNumber }}
83 </div>
84 <!-- round summary -->
85 <div class="rounded drop-shadow-sm bg-white dark:bg-gray-800 p-2 text-gray-500 dark:text-gray-400">
86 <span>
87 {{ $owner := index $.DidHandleMap $.Pull.OwnerDid }}
88 {{ $re := "re" }}
89 {{ if eq .RoundNumber 0 }}
90 {{ $re = "" }}
91 {{ end }}
92 <span class="hidden md:inline">{{$re}}submitted</span>
93 by <a href="/{{ $owner }}">{{ $owner }}</a>
94 <span class="select-none before:content-['\00B7']"></span>
95 <a class="text-gray-500 dark:text-gray-400 hover:text-gray-500" href="#round-#{{ .RoundNumber }}"><time>{{ .Created | shortTimeFmt }}</time></a>
96 <span class="select-none before:content-['·']"></span>
97 {{ $s := "s" }}
98 {{ if eq (len .Comments) 1 }}
99 {{ $s = "" }}
100 {{ end }}
101 {{ len .Comments }} comment{{$s}}
102 </span>
103 </div>
104 <!-- view patch -->
105 <a class="btn flex items-center gap-2 no-underline hover:no-underline p-2"
106 hx-boost="true"
107 href="/{{ $.RepoInfo.FullName }}/pulls/{{ $.Pull.PullId }}/round/{{.RoundNumber}}">
108 {{ i "file-diff" "w-4 h-4" }} <span class="hidden md:inline">view patch</span>
109 </a>
110 </div>
111 </summary>
112 <div class="md:pl-12 flex flex-col gap-2 mt-2 relative">
113 {{ range .Comments }}
114 <div id="comment-{{.ID}}" class="bg-white dark:bg-gray-800 rounded drop-shadow-sm py-2 px-4 relative w-fit">
115 <div class="absolute left-8 -top-2 w-px h-2 bg-gray-300 dark:bg-gray-600"></div>
116 <div class="text-sm text-gray-500 dark:text-gray-400">
117 {{ $owner := index $.DidHandleMap .OwnerDid }}
118 <a href="/{{$owner}}">{{$owner}}</a>
119 <span class="before:content-['·']"></span>
120 <a class="text-gray-500 dark:text-gray-400 hover:text-gray-500 dark:hover:text-gray-300" href="#comment-{{.ID}}"><time>{{ .Created | shortTimeFmt }}</time></a>
121 </div>
122 <div class="prose dark:prose-invert">
123 {{ .Body | markdown }}
124 </div>
125 </div>
126 {{ end }}
127
128 {{ if eq $lastIdx .RoundNumber }}
129 {{ block "mergeStatus" $ }} {{ end }}
130 {{ end }}
131
132 {{ if $.LoggedInUser }}
133 {{ template "fragments/pullActions" (dict "LoggedInUser" $.LoggedInUser "Pull" $.Pull "RepoInfo" $.RepoInfo "RoundNumber" .RoundNumber "MergeCheck" $.MergeCheck) }}
134 {{ else }}
135 <div class="bg-white dark:bg-gray-800 rounded drop-shadow-sm px-6 py-4 w-fit dark:text-white">
136 <div class="absolute left-8 -top-2 w-px h-2 bg-gray-300 dark:bg-gray-600"></div>
137 <a href="/login" class="underline">login</a> to join the discussion
138 </div>
139 {{ end }}
140 </div>
141 </details>
142 <hr class="md:hidden"/>
143 {{ end }}
144 {{ end }}
145{{ end }}
146
147{{ define "mergeStatus" }}
148 {{ if .Pull.State.IsClosed }}
149 <div class="bg-gray-50 dark:bg-gray-700 border border-black dark:border-gray-500 rounded drop-shadow-sm px-6 py-2 relative w-fit">
150 <div class="absolute left-8 -top-2 w-px h-2 bg-gray-300 dark:bg-gray-600"></div>
151 <div class="flex items-center gap-2 text-black dark:text-white">
152 {{ i "ban" "w-4 h-4" }}
153 <span class="font-medium">closed without merging</span
154 >
155 </div>
156 </div>
157 {{ else if .Pull.State.IsMerged }}
158 <div class="bg-purple-50 dark:bg-purple-900 border border-purple-500 rounded drop-shadow-sm px-6 py-2 relative w-fit">
159 <div class="absolute left-8 -top-2 w-px h-2 bg-gray-300 dark:bg-gray-600"></div>
160 <div class="flex items-center gap-2 text-purple-500 dark:text-purple-300">
161 {{ i "git-merge" "w-4 h-4" }}
162 <span class="font-medium">pull request successfully merged</span
163 >
164 </div>
165 </div>
166 {{ else if and .MergeCheck .MergeCheck.Error }}
167 <div class="bg-red-50 dark:bg-red-900 border border-red-500 rounded drop-shadow-sm px-6 py-2 relative w-fit">
168 <div class="absolute left-8 -top-2 w-px h-2 bg-gray-300 dark:bg-gray-600"></div>
169 <div class="flex items-center gap-2 text-red-500 dark:text-red-300">
170 {{ i "triangle-alert" "w-4 h-4" }}
171 <span class="font-medium">{{ .MergeCheck.Error }}</span>
172 </div>
173 </div>
174 {{ else if and .MergeCheck .MergeCheck.IsConflicted }}
175 <div class="bg-red-50 dark:bg-red-900 border border-red-500 rounded drop-shadow-sm px-6 py-2 relative w-fit">
176 <div class="absolute left-8 -top-2 w-px h-2 bg-gray-300 dark:bg-gray-600"></div>
177 <div class="flex flex-col items-center gap-2 text-red-500 dark:text-red-300">
178 <div class="flex items-center gap-2">
179 {{ i "triangle-alert" "w-4 h-4" }}
180 <span class="font-medium">merge conflicts detected</span>
181 </div>
182 <ul class="space-y-1">
183 {{ range .MergeCheck.Conflicts }}
184 {{ if .Filename }}
185 <li class="flex items-center">
186 {{ i "file-warning" "w-4 h-4 mr-1.5 text-red-500 dark:text-red-300" }}
187 <span class="font-mono">{{ slice .Filename 0 (sub (len .Filename) 2) }}</span>
188 </li>
189 {{ end }}
190 {{ end }}
191 </ul>
192 </div>
193 </div>
194 {{ else if .MergeCheck }}
195 <div class="bg-green-50 dark:bg-green-900 border border-green-500 rounded drop-shadow-sm px-6 py-2 relative w-fit">
196 <div class="absolute left-8 -top-2 w-px h-2 bg-gray-300 dark:bg-gray-600"></div>
197 <div class="flex items-center gap-2 text-green-500 dark:text-green-300">
198 {{ i "circle-check-big" "w-4 h-4" }}
199 <span class="font-medium">no conflicts, ready to merge</span>
200 </div>
201 </div>
202 {{ end }}
203{{ end }}