Something went wrong. Try again.
Monorepo for Tangled
Something went wrong. Try again.
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051{{ define "fragments/comment/reply" }} <form class="p-2 group w-full border-t border-gray-200 dark:border-gray-700 flex flex-col gap-2" hx-post="/comment" hx-swap="none" hx-trigger="submit, keydown[(ctrlKey || metaKey) && key=='Enter'] from:find textarea" hx-on::before-request="this.querySelector('#comment-error').innerHTML = ''" hx-disabled-elt="find button[type='submit']" > {{ template "user/fragments/picHandleLink" .LoggedInUser.Did }} {{ template "fragments/markdownEditor" (dict "Name" "body" "BlobName" "blob" "Rows" 3 "AutoFocus" true "Placeholder" "Leave a reply...") }} {{ template "replyActions" . }} </form>{{ end }}
{{ define "replyActions" }} <div class="flex flex-wrap items-stretch justify-end gap-2 text-gray-500 dark:text-gray-400"> <div id="comment-error" class="error ml-auto"></div> {{ template "cancel" . }} {{ template "reply" . }} </div>{{ end }}
{{ define "cancel" }} <button class="btn-flat text-red-500 dark:text-red-400 flex gap-2 items-center group" hx-get="/comment/reply/placeholder" hx-target="closest form" hx-swap="outerHTML" > {{ i "x" "size-4" }} Cancel </button>{{ end }}
{{ define "reply" }} <button type="submit" class="btn-create-flat flex items-center gap-2 no-underline hover:no-underline" > {{ i "reply" "w-4 h-4 inline group-[.htmx-request]:hidden" }} {{ i "loader-circle" "w-4 h-4 animate-spin hidden group-[.htmx-request]:inline" }} Reply </button>{{ end }}