lewis.moe
Monorepo for Tangled
appview/newComment: add submit shortcut
Signed-off-by: marco.tngl.sh <dev@marco.social>
authored by
marco.tngl.sh
and committed by
+8
-2
appview/pages/templates/repo/issues/fragments/newComment.html
+8
-2
appview/pages/templates/repo/issues/fragments/newComment.html
···
3
<form
4
id="comment-form"
5
hx-post="/{{ .RepoInfo.FullName }}/issues/{{ .Issue.IssueId }}/comment"
6
hx-on::after-request="if(event.detail.successful) this.reset()"
7
>
8
<div class="bg-white dark:bg-gray-800 rounded drop-shadow-sm py-4 px-4 relative w-full">
···
24
<div class="flex gap-2 mt-2">
25
<button
26
id="comment-button"
27
-
hx-post="/{{ .RepoInfo.FullName }}/issues/{{ .Issue.IssueId }}/comment"
28
type="submit"
29
-
hx-disabled-elt="#comment-button"
30
class="btn-create p-2 flex items-center gap-2 no-underline hover:no-underline group"
31
disabled
32
>
···
101
{{ end }}
102
103
<script>
104
function updateCommentForm() {
105
const textarea = document.getElementById('comment-textarea');
106
const commentButton = document.getElementById('comment-button');
···
3
<form
4
id="comment-form"
5
hx-post="/{{ .RepoInfo.FullName }}/issues/{{ .Issue.IssueId }}/comment"
6
+
hx-trigger="submit, keydown[commentButtonEnabled() && (ctrlKey || metaKey) && key=='Enter'] from:#comment-textarea"
7
+
hx-indicator="#comment-button"
8
+
hx-disabled-elt="#comment-form button"
9
hx-on::after-request="if(event.detail.successful) this.reset()"
10
>
11
<div class="bg-white dark:bg-gray-800 rounded drop-shadow-sm py-4 px-4 relative w-full">
···
27
<div class="flex gap-2 mt-2">
28
<button
29
id="comment-button"
30
type="submit"
31
class="btn-create p-2 flex items-center gap-2 no-underline hover:no-underline group"
32
disabled
33
>
···
102
{{ end }}
103
104
<script>
105
+
function commentButtonEnabled() {
106
+
const commentButton = document.getElementById('comment-button');
107
+
return !commentButton.hasAttribute('disabled');
108
+
}
109
+
110
function updateCommentForm() {
111
const textarea = document.getElementById('comment-textarea');
112
const commentButton = document.getElementById('comment-button');