tangled.org
Monorepo for Tangled
tangled.org
1{{ define "fragments/comment/edit" }}
2 <form
3 class="pt-2"
4 hx-patch="/comment"
5 hx-swap="outerHTML"
6 hx-trigger="submit, keydown[(ctrlKey || metaKey) && key=='Enter'] from:find textarea"
7 hx-indicator="find button[type='submit']"
8 hx-disabled-elt="find button[type='submit']"
9 >
10 <input name="aturi" type="hidden" value="{{ .Comment.AtUri }}">
11 {{ template "fragments/markdownEditor"
12 (dict "Name" "body"
13 "Value" .Comment.EditableBody
14 "Placeholder" "Describe this pull request. Markdown is supported.") }}
15 <div id="comment-error" class="error"></div>
16 {{ template "editActions" $ }}
17 </form>
18{{ end }}
19
20{{ define "editActions" }}
21 <div class="flex flex-wrap items-stretch justify-end gap-2 text-gray-500 dark:text-gray-400 text-sm pt-2">
22 {{ template "cancel" . }}
23 {{ template "save" . }}
24 </div>
25{{ end }}
26
27{{ define "save" }}
28 <button
29 type="submit"
30 class="btn-create-flat flex gap-1 items-center group text-sm"
31 >
32 {{ i "loader-circle" "size-4 animate-spin hidden group-[.htmx-request]:inline" }}
33 {{ i "check" "size-4 inline group-[.htmx-request]:hidden" }}
34 Save
35 </button>
36{{ end }}
37
38{{ define "cancel" }}
39 <button
40 class="btn-flat text-red-500 dark:text-red-400 flex gap-1 items-center group"
41 hx-get="/comment?aturi={{ .Comment.AtUri }}"
42 hx-target="closest form"
43 hx-swap="outerHTML"
44 hx-indicator="this"
45 hx-disabled-elt="this"
46 >
47 {{ i "x" "size-4" }}
48 Cancel
49 </button>
50{{ end }}