forked from
tangled.org/core
Monorepo for Tangled
appview/pages: use new loading-button pattern in issues
icon is replaced with spinner with request is inflight.
Signed-off-by: oppiliappan <me@oppi.li>
+8
-11
+7
-10
appview/pages/templates/repo/issues/fragments/putIssue.html
+7
-10
appview/pages/templates/repo/issues/fragments/putIssue.html
···
8
8
{{ end }}
9
9
hx-trigger="submit, keydown[(ctrlKey || metaKey) && key=='Enter'] from:(#title,#body)"
10
10
hx-swap="none"
11
-
hx-indicator="#spinner">
11
+
class="group">
12
12
<div class="flex flex-col gap-2">
13
13
<div>
14
14
<label for="title">title</label>
···
26
26
</div>
27
27
<div class="flex justify-between">
28
28
<div id="issues" class="error"></div>
29
-
<div class="flex gap-2 items-center">
29
+
<div class="flex gap-2 items-stretch">
30
30
<a
31
31
class="btn flex items-center gap-2 no-underline hover:no-underline"
32
32
type="button"
···
39
39
{{ i "x" "w-4 h-4" }}
40
40
cancel
41
41
</a>
42
-
<button type="submit" class="btn-create flex items-center gap-2">
42
+
<button type="submit" class="btnkcreate flex items-center gap-2">
43
+
{{ i "loader-circle" "w-4 h-4 animate-spin hidden group-[.htmx-request]:inline" }}
43
44
{{ if eq .Action "edit" }}
44
-
{{ i "pencil" "w-4 h-4" }}
45
-
{{ .Action }} issue
45
+
{{ i "pencil" "w-4 h-4 inline group-[.htmx-request]:hidden" }}
46
46
{{ else }}
47
-
{{ i "circle-plus" "w-4 h-4" }}
48
-
{{ .Action }} issue
47
+
{{ i "circle-plus" "w-4 h-4 inline group-[.htmx-request]:hidden" }}
49
48
{{ end }}
50
-
<span id="spinner" class="group">
51
-
{{ i "loader-circle" "w-4 h-4 animate-spin hidden group-[.htmx-request]:inline" }}
52
-
</span>
49
+
{{ .Action }}
53
50
</button>
54
51
</div>
55
52
</div>
+1
-1
appview/pages/templates/repo/issues/issue.html
+1
-1
appview/pages/templates/repo/issues/issue.html
···
105
105
hx-delete="/{{ .RepoInfo.FullName }}/issues/{{ .Issue.IssueId }}/"
106
106
hx-confirm="Are you sure you want to delete your issue?"
107
107
hx-swap="none">
108
-
{{ i "trash-2" "size-3" }}
108
+
{{ i "trash-2" "size-3 inline group-[.htmx-request]:hidden" }}
109
109
{{ i "loader-circle" "size-3 animate-spin hidden group-[.htmx-request]:inline" }}
110
110
</a>
111
111
{{ end }}