+4

appview/pages/repoinfo/repoinfo.go

··· 35 35 return path.Join(r.ownerWithoutAt(), r.Name) 36 36 } 37 37 38 38 + func (r RepoInfo) StarsHref() string { 39 39 + return fmt.Sprintf("/%s/stars", r.FullName()) 40 40 + } 41 41 + 38 42 func (r RepoInfo) GetTabs() [][]string { 39 43 tabs := [][]string{ 40 44 {"overview", "/", "square-chart-gantt"},

+31 -19

appview/pages/templates/fragments/starBtn.html

··· 1 1 {{ define "fragments/starBtn" }} 2 2 {{/* NOTE: this fragment is always replaced with hx-swap-oob */}} 3 3 - <button 3 3 + <div 4 4 id="starBtn" 5 5 - class="btn disabled:opacity-50 disabled:cursor-not-allowed flex gap-2 items-center group" 5 5 + class="flex w-full min-h-[30px] items-stretch overflow-hidden rounded border border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-800 shadow-sm" 6 6 data-star-subject-at="{{ .SubjectAt }}" 7 7 - {{ if .IsStarred }} 8 8 - hx-delete="/star?subject={{ .SubjectAt }}&countHint={{ .StarCount }}" 9 9 - {{ else }} 10 10 - hx-post="/star?subject={{ .SubjectAt }}&countHint={{ .StarCount }}" 11 11 - {{ end }} 12 7 {{ if .HxSwapOob }}hx-swap-oob='outerHTML:#starBtn[data-star-subject-at="{{ .SubjectAt }}"]'{{ end }} 13 13 - 14 14 - hx-trigger="click" 15 15 - hx-disabled-elt="#starBtn" 16 8 > 17 17 - {{ if .IsStarred }} 18 18 - {{ i "star" "w-4 h-4 fill-current inline group-[.htmx-request]:hidden" }} 19 19 - {{ else }} 20 20 - {{ i "star" "w-4 h-4 inline group-[.htmx-request]:hidden" }} 9 9 + <button 10 10 + class="flex flex-1 justify-center gap-2 items-center px-2 group disabled:opacity-50 disabled:cursor-not-allowed hover:bg-gray-50 dark:hover:bg-gray-700" 11 11 + {{ if .IsStarred }} 12 12 + hx-delete="/star?subject={{ .SubjectAt }}&countHint={{ .StarCount }}" 13 13 + {{ else }} 14 14 + hx-post="/star?subject={{ .SubjectAt }}&countHint={{ .StarCount }}" 15 15 + {{ end }} 16 16 + hx-trigger="click" 17 17 + hx-disabled-elt="this" 18 18 + > 19 19 + {{ if .IsStarred }} 20 20 + {{ i "star" "w-4 h-4 fill-current inline group-[.htmx-request]:hidden" }} 21 21 + {{ else }} 22 22 + {{ i "star" "w-4 h-4 inline group-[.htmx-request]:hidden" }} 23 23 + {{ end }} 24 24 + {{ i "loader-circle" "w-4 h-4 animate-spin hidden group-[.htmx-request]:inline" }} 25 25 + <span class="text-sm"> 26 26 + {{ .StarCount }} 27 27 + </span> 28 28 + </button> 29 29 + {{ if .StarsHref }} 30 30 + <a 31 31 + href="{{ .StarsHref }}" 32 32 + class="flex items-center px-2 no-underline hover:no-underline border-l border-gray-200 dark:border-gray-700 hover:bg-gray-50 dark:hover:bg-gray-700" 33 33 + title="Starred by" 34 34 + > 35 35 + {{ i "users" "w-3 h-3" }} 36 36 + </a> 21 37 {{ end }} 22 22 - {{ i "loader-circle" "w-4 h-4 animate-spin hidden group-[.htmx-request]:inline" }} 23 23 - <span class="text-sm"> 24 24 - {{ .StarCount }} 25 25 - </span> 26 26 - </button> 38 38 + </div> 27 39 {{ end }}

+2 -1

appview/pages/templates/layouts/repobase.html

··· 115 115 {{ template "fragments/starBtn" 116 116 (dict "SubjectAt" .RepoInfo.RepoAt 117 117 "IsStarred" .RepoInfo.IsStarred 118 118 - "StarCount" .RepoInfo.Stats.StarCount) }} 118 118 + "StarCount" .RepoInfo.Stats.StarCount 119 119 + "StarsHref" .RepoInfo.StarsHref) }} 119 120 <a 120 121 class="btn text-sm no-underline hover:no-underline flex items-center gap-2 group" 121 122 hx-boost="true"