veryroundbird.house
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>
43 targeting
44 <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">
45 {{ .Pull.TargetBranch }}
46 </span>
47 </span>
48 {{ if .Pull.IsSameRepoBranch }}
49 <span>from
50 <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">
51 {{ .Pull.PullSource.Branch }}
52 </span>
53 </span>
54 {{ end }}
55 </span>
56 </div>
57
58 {{ if .Pull.Body }}
59 <article id="body" class="mt-2 prose dark:prose-invert">
60 {{ .Pull.Body | markdown }}
61 </article>
62 {{ end }}
63 </section>
64
65{{ end }}
66
67{{ define "repoAfter" }}
68 <section id="submissions" class="mt-4">
69 <div class="flex flex-col gap-4">
70 {{ block "submissions" . }} {{ end }}
71 </div>
72 </section>
73
74 <div id="pull-close"></div>
75 <div id="pull-reopen"></div>
76{{ end }}
77
78{{ define "submissions" }}
79 {{ $lastIdx := sub (len .Pull.Submissions) 1 }}
80 {{ $targetBranch := .Pull.TargetBranch }}
81 {{ $repoName := .RepoInfo.FullName }}
82 {{ range $idx, $item := .Pull.Submissions }}
83 {{ $diff := $item.AsNiceDiff $targetBranch }}
84 {{ with $item }}
85 <details {{ if eq $idx $lastIdx }}open{{ end }}>
86 <summary id="round-#{{ .RoundNumber }}" class="list-none cursor-pointer">
87 <div class="flex flex-wrap gap-2 items-center">
88 <!-- round number -->
89 <div class="rounded bg-white dark:bg-gray-800 drop-shadow-sm px-3 py-2 dark:text-white">
90 #{{ .RoundNumber }}
91 </div>
92 <!-- round summary -->
93 <div class="rounded drop-shadow-sm bg-white dark:bg-gray-800 p-2 text-gray-500 dark:text-gray-400">
94 <span>
95 {{ $owner := index $.DidHandleMap $.Pull.OwnerDid }}
96 {{ $re := "re" }}
97 {{ if eq .RoundNumber 0 }}
98 {{ $re = "" }}
99 {{ end }}
100 <span class="hidden md:inline">{{$re}}submitted</span>
101 by <a href="/{{ $owner }}">{{ $owner }}</a>
102 <span class="select-none before:content-['\00B7']"></span>
103 <a class="text-gray-500 dark:text-gray-400 hover:text-gray-500" href="#round-#{{ .RoundNumber }}"><time>{{ .Created | shortTimeFmt }}</time></a>
104 <span class="select-none before:content-['·']"></span>
105 {{ $s := "s" }}
106 {{ if eq (len .Comments) 1 }}
107 {{ $s = "" }}
108 {{ end }}
109 {{ len .Comments }} comment{{$s}}
110 </span>
111 </div>
112 <!-- view patch -->
113 <a class="btn flex items-center gap-2 no-underline hover:no-underline p-2"
114 hx-boost="true"
115 href="/{{ $.RepoInfo.FullName }}/pulls/{{ $.Pull.PullId }}/round/{{.RoundNumber}}">
116 {{ i "file-diff" "w-4 h-4" }} <span class="hidden md:inline">view patch</span>
117 </a>
118 </div>
119 </summary>
120 <div class="md:pl-12 flex flex-col gap-2 mt-2 relative">
121 {{ range .Comments }}
122 <div id="comment-{{.ID}}" class="bg-white dark:bg-gray-800 rounded drop-shadow-sm py-2 px-4 relative w-fit">
123 <div class="absolute left-8 -top-2 w-px h-2 bg-gray-300 dark:bg-gray-600"></div>
124 <div class="text-sm text-gray-500 dark:text-gray-400">
125 {{ $owner := index $.DidHandleMap .OwnerDid }}
126 <a href="/{{$owner}}">{{$owner}}</a>
127 <span class="before:content-['·']"></span>
128 <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>
129 </div>
130 <div class="prose dark:prose-invert">
131 {{ .Body | markdown }}
132 </div>
133 </div>
134 {{ end }}
135
136 {{ if eq $lastIdx .RoundNumber }}
137 {{ block "mergeStatus" $ }} {{ end }}
138 {{ block "resubmitStatus" $ }} {{ end }}
139 {{ end }}
140
141 {{ if $.LoggedInUser }}
142 {{ template "fragments/pullActions" (dict "LoggedInUser" $.LoggedInUser "Pull" $.Pull "RepoInfo" $.RepoInfo "RoundNumber" .RoundNumber "MergeCheck" $.MergeCheck "ResubmitCheck" $.ResubmitCheck) }}
143 {{ else }}
144 <div class="bg-white dark:bg-gray-800 rounded drop-shadow-sm px-6 py-4 w-fit dark:text-white">
145 <div class="absolute left-8 -top-2 w-px h-2 bg-gray-300 dark:bg-gray-600"></div>
146 <a href="/login" class="underline">login</a> to join the discussion
147 </div>
148 {{ end }}
149 </div>
150 </details>
151 <hr class="md:hidden"/>
152 {{ end }}
153 {{ end }}
154{{ end }}
155
156{{ define "mergeStatus" }}
157 {{ if .Pull.State.IsClosed }}
158 <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">
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-black dark:text-white">
161 {{ i "ban" "w-4 h-4" }}
162 <span class="font-medium">closed without merging</span
163 >
164 </div>
165 </div>
166 {{ else if .Pull.State.IsMerged }}
167 <div class="bg-purple-50 dark:bg-purple-900 border border-purple-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-purple-500 dark:text-purple-300">
170 {{ i "git-merge" "w-4 h-4" }}
171 <span class="font-medium">pull request successfully merged</span
172 >
173 </div>
174 </div>
175 {{ else if and .MergeCheck .MergeCheck.Error }}
176 <div class="bg-red-50 dark:bg-red-900 border border-red-500 rounded drop-shadow-sm px-6 py-2 relative w-fit">
177 <div class="absolute left-8 -top-2 w-px h-2 bg-gray-300 dark:bg-gray-600"></div>
178 <div class="flex items-center gap-2 text-red-500 dark:text-red-300">
179 {{ i "triangle-alert" "w-4 h-4" }}
180 <span class="font-medium">{{ .MergeCheck.Error }}</span>
181 </div>
182 </div>
183 {{ else if and .MergeCheck .MergeCheck.IsConflicted }}
184 <div class="bg-red-50 dark:bg-red-900 border border-red-500 rounded drop-shadow-sm px-6 py-2 relative w-fit">
185 <div class="absolute left-8 -top-2 w-px h-2 bg-gray-300 dark:bg-gray-600"></div>
186 <div class="flex flex-col gap-2 text-red-500 dark:text-red-300">
187 <div class="flex items-center gap-2">
188 {{ i "triangle-alert" "w-4 h-4" }}
189 <span class="font-medium">merge conflicts detected</span>
190 </div>
191 <ul class="space-y-1">
192 {{ range .MergeCheck.Conflicts }}
193 {{ if .Filename }}
194 <li class="flex items-center">
195 {{ i "file-warning" "w-4 h-4 mr-1.5 text-red-500 dark:text-red-300" }}
196 <span class="font-mono">{{ slice .Filename 0 (sub (len .Filename) 2) }}</span>
197 </li>
198 {{ end }}
199 {{ end }}
200 </ul>
201 </div>
202 </div>
203 {{ else if .MergeCheck }}
204 <div class="bg-green-50 dark:bg-green-900 border border-green-500 rounded drop-shadow-sm px-6 py-2 relative w-fit">
205 <div class="absolute left-8 -top-2 w-px h-2 bg-gray-300 dark:bg-gray-600"></div>
206 <div class="flex items-center gap-2 text-green-500 dark:text-green-300">
207 {{ i "circle-check-big" "w-4 h-4" }}
208 <span class="font-medium">no conflicts, ready to merge</span>
209 </div>
210 </div>
211 {{ end }}
212{{ end }}
213
214{{ define "resubmitStatus" }}
215 {{ if .ResubmitCheck.Yes }}
216 <div class="bg-amber-50 dark:bg-amber-900 border border-amber-500 rounded drop-shadow-sm px-6 py-2 relative w-fit">
217 <div class="absolute left-8 -top-2 w-px h-2 bg-gray-300 dark:bg-gray-600"></div>
218 <div class="flex items-center gap-2 text-amber-500 dark:text-amber-300">
219 {{ i "triangle-alert" "w-4 h-4" }}
220 <span class="font-medium">this branch has been updated, consider resubmitting</span>
221 </div>
222 </div>
223 {{ end }}
224{{ end }}