···

       
640
       
640
       
 
       
}

     

       
641
       
641
       
 
       


     

       
642
       
642
       
 
       
func (p *Pages) StarBtnFragment(w io.Writer, params StarBtnFragmentParams) error {

     

       
643
       
643
       
-
       
	return p.executePlain("fragments/starBtn", w, params)

     

       
643
       
643
       
+
       
	return p.executePlain("fragments/starBtn-oob", w, params)

     

       
644
       
644
       
 
       
}

     

       
645
       
645
       
 
       


     

       
646
       
646
       
 
       
type RepoIndexParams struct {

     

···

       
1
       
1
       
+
       
{{ define "fragments/starBtn-oob" }}

     

       
2
       
2
       
+
       
  <div hx-swap-oob='outerHTML:#starBtn[data-star-subject-at="{{ .SubjectAt }}"]'>

     

       
3
       
3
       
+
       
    {{ template "fragments/starBtn" . }}

     

       
4
       
4
       
+
       
  </div>

     

       
5
       
5
       
+
       
{{ end }}

     

···

       
1
       
1
       
 
       
{{ define "fragments/starBtn" }}

     

       
2
       
2
       
+
       
    {{/* NOTE: this fragment is always replaced with hx-swap-oob */}}

     

       
2
       
3
       
 
       
    <button

     

       
3
       
4
       
 
       
        id="starBtn"

     

       
4
       
5
       
 
       
        class="btn disabled:opacity-50 disabled:cursor-not-allowed flex gap-2 items-center group"

     
···

       
10
       
11
       
 
       
        {{ end }}

     

       
11
       
12
       
 
       


     

       
12
       
13
       
 
       
        hx-trigger="click"

     

       
13
       
13
       
-
       
        hx-target="this"

     

       
14
       
14
       
-
       
        hx-swap="outerHTML"

     

       
15
       
15
       
-
       
        hx-swap-oob='outerHTML:#starBtn[data-star-subject-at="{{ .SubjectAt }}"]'

     

       
16
       
14
       
 
       
        hx-disabled-elt="#starBtn"

     

       
17
       
15
       
 
       
    >

     

       
18
       
16
       
 
       
        {{ if .IsStarred }}