lewis.moe
Monorepo for Tangled
appview/pages: swap all star buttons for same repository
On timeline, if there is multiple cards for same repository including a
star button, when user star/unstar the repository, only first `#starBtn`
is swapped with new button.
This can be fixed by adding `data-star-subject-at` attr to identify all
star buttons related to same repository and use `hx-swap-oob` to replace
all of them.
Signed-off-by: Seongmin Lee <git@boltless.me>
authored by
Seongmin Lee
and committed by
Tangled
7358ec6e
c6a41ebf
+2
appview/pages/templates/fragments/starBtn.html
+2
appview/pages/templates/fragments/starBtn.html
···
2
<button
3
id="starBtn"
4
class="btn disabled:opacity-50 disabled:cursor-not-allowed flex gap-2 items-center group"
5
{{ if .IsStarred }}
6
hx-delete="/star?subject={{ .SubjectAt }}&countHint={{ .StarCount }}"
7
{{ else }}
···
11
hx-trigger="click"
12
hx-target="this"
13
hx-swap="outerHTML"
14
hx-disabled-elt="#starBtn"
15
>
16
{{ if .IsStarred }}
···
2
<button
3
id="starBtn"
4
class="btn disabled:opacity-50 disabled:cursor-not-allowed flex gap-2 items-center group"
5
+
data-star-subject-at="{{ .SubjectAt }}"
6
{{ if .IsStarred }}
7
hx-delete="/star?subject={{ .SubjectAt }}&countHint={{ .StarCount }}"
8
{{ else }}
···
12
hx-trigger="click"
13
hx-target="this"
14
hx-swap="outerHTML"
15
+
hx-swap-oob='outerHTML:#starBtn[data-star-subject-at="{{ .SubjectAt }}"]'
16
hx-disabled-elt="#starBtn"
17
>
18
{{ if .IsStarred }}