Monorepo for Tangled
tangled.org
appview/pages: clever htmx-ing in reply fragments too
Signed-off-by: oppiliappan <me@oppi.li>
author
oppiliappan
date
(Jun 15, 2026, 10:03 AM +0100)
commit
61c7d67c
61c7d67c4df6a53bf2fc00f75b531511bf1ef44e
parent
b376287c
b376287cc939e13cb436973a987957ffa2eecdcb
change-id
ywwsolqk
ywwsolqkvrummnrkrpzvsquzkqzmopmt
+3
-2
+3
-2
appview/pages/templates/fragments/comment/reply.html
+3
-2
appview/pages/templates/fragments/comment/reply.html
···
4
4
hx-post="/comment"
5
5
hx-swap="none"
6
6
hx-trigger="submit, keydown[(ctrlKey || metaKey) && key=='Enter'] from:find textarea"
7
+
hx-on::before-request="this.querySelector('#comment-error').innerHTML = ''"
7
8
hx-on::after-request="if(event.detail.successful) this.reset()"
8
9
hx-disabled-elt="find button[type='submit']"
9
10
>
···
14
15
placeholder="Leave a reply..."
15
16
autofocus
16
17
rows="3"></textarea>
17
-
<div id="comment-error" class="error"></div>
18
18
{{ template "replyActions" . }}
19
19
</form>
20
20
{{ end }}
21
21
22
22
{{ define "replyActions" }}
23
-
<div class="flex flex-wrap items-stretch justify-end gap-2 text-gray-500 dark:text-gray-400 text-sm">
23
+
<div class="flex flex-wrap items-center justify-end gap-2 text-gray-500 dark:text-gray-400">
24
+
<div id="comment-error" class="error ml-auto"></div>
24
25
{{ template "cancel" . }}
25
26
{{ template "reply" . }}
26
27
</div>