lewis.moe / tangled-core
Monorepo for Tangled
fork atom

appview/pages: embed `hx-swap-oob` to star button

`hx-swap-oob` on breaks on `hx-boost` swaps (star button vainishing repo
tab changes), so that was why I made `starBtn-oob` fragment. But
`hx-swap-oob="outerHTML:..."` doesn't strip the wrapper element, adding
`div` wrappers to star button on every star/unstar interactions.

To fix this, dynamically put `hx-swap-oob` attribute to star button
itself by using `.HxSwapOob` param.

Signed-off-by: Seongmin Lee <git@boltless.me>

authored by

Seongmin Lee and committed by tangled.org 7d106c3f 310badf6

+4 -6
unified split
+3 -1
appview/pages/pages.go
··· 649 649 IsStarred bool 650 650 SubjectAt syntax.ATURI 651 651 StarCount int 652 + HxSwapOob bool 652 653 } 653 654 654 655 func (p *Pages) StarBtnFragment(w io.Writer, params StarBtnFragmentParams) error { 655 - return p.executePlain("fragments/starBtn-oob", w, params) 656 + params.HxSwapOob = true 657 + return p.executePlain("fragments/starBtn", w, params) 656 658 } 657 659 658 660 type RepoIndexParams struct {
-5
appview/pages/templates/fragments/starBtn-oob.html
··· 1 - {{ define "fragments/starBtn-oob" }} 2 - <div hx-swap-oob='outerHTML:#starBtn[data-star-subject-at="{{ .SubjectAt }}"]'> 3 - {{ template "fragments/starBtn" . }} 4 - </div> 5 - {{ end }}
+1
appview/pages/templates/fragments/starBtn.html
··· 9 9 {{ else }} 10 10 hx-post="/star?subject={{ .SubjectAt }}&countHint={{ .StarCount }}" 11 11 {{ end }} 12 + {{ if .HxSwapOob }}hx-swap-oob='outerHTML:#starBtn[data-star-subject-at="{{ .SubjectAt }}"]'{{ end }} 12 13 13 14 hx-trigger="click" 14 15 hx-disabled-elt="#starBtn"