melosh/mal
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: lazy load audio availability via htmx

Browse Source
This commit is contained in:
mkelvers
2026-06-23 15:32:24 +02:00
committed by Milas Holsting
parent fe2f5be812
commit e48c719a68
3 changed files with 29 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
internal/anime/details_handler.go
View File

@@ -271,6 +271,12 @@ func (h *AnimeHandler) loadAnimeDetailsSection(ctx context.Context, id int, sect
return nil, "", err return nil, "", err
} }
return h.animeEpisodeCount(ctx, anime, time.Now()), "anime_episode_count", nil return h.animeEpisodeCount(ctx, anime, time.Now()), "anime_episode_count", nil
case "audio-availability":
anime, err := h.svc.GetAnimeByID(ctx, id)
if err != nil {
return nil, "", err
}
return h.animeAudioAvailability(ctx, anime), "anime_audio_availability", nil
case "themes": case "themes":
data, err := h.svc.GetThemes(ctx, id) data, err := h.svc.GetThemes(ctx, id)
return data, "anime_themes", err return data, "anime_themes", err

11
templates/anime.gohtml
View File

@@ -35,16 +35,7 @@
{{if $anime.Status}}<span class="flex min-w-0 items-center gap-1.5 before:mr-1 before:block before:size-0.75 before:shrink-0 before:rounded-full before:bg-current before:opacity-65 first:before:hidden">{{$anime.Status}}</span>{{end}} {{if $anime.Status}}<span class="flex min-w-0 items-center gap-1.5 before:mr-1 before:block before:size-0.75 before:shrink-0 before:rounded-full before:bg-current before:opacity-65 first:before:hidden">{{$anime.Status}}</span>{{end}}
{{if $anime.Season}}<span class="flex min-w-0 items-center gap-1.5 before:mr-1 before:block before:size-0.75 before:shrink-0 before:rounded-full before:bg-current before:opacity-65 first:before:hidden">{{$anime.Premiered}}</span>{{end}} {{if $anime.Season}}<span class="flex min-w-0 items-center gap-1.5 before:mr-1 before:block before:size-0.75 before:shrink-0 before:rounded-full before:bg-current before:opacity-65 first:before:hidden">{{$anime.Premiered}}</span>{{end}}
{{if $anime.ShortRating}}<span class="flex min-w-0 items-center gap-1.5 before:mr-1 before:block before:size-0.75 before:shrink-0 before:rounded-full before:bg-current before:opacity-65 first:before:hidden">{{$anime.ShortRating}}</span>{{end}} {{if $anime.ShortRating}}<span class="flex min-w-0 items-center gap-1.5 before:mr-1 before:block before:size-0.75 before:shrink-0 before:rounded-full before:bg-current before:opacity-65 first:before:hidden">{{$anime.ShortRating}}</span>{{end}}
{{if .AudioAvailability}} {{template "anime_audio_availability_loading" dict "AnimeID" $anime.MalID}}
<span class="flex min-w-0 items-center gap-1.5 before:mr-1 before:block before:size-0.75 before:shrink-0 before:rounded-full before:bg-current before:opacity-65 first:before:hidden">
<svg class="size-3.5 shrink-0 text-accent" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
<path d="M3 14a9 9 0 0 1 18 0"></path>
<path d="M21 14v3a2 2 0 0 1-2 2h-1v-7h1a2 2 0 0 1 2 2Z"></path>
<path d="M3 14v3a2 2 0 0 0 2 2h1v-7H5a2 2 0 0 0-2 2Z"></path>
</svg>
{{.AudioAvailability}}
</span>
{{end}}
</div> </div>
<div class="mb-8"> <div class="mb-8">

22
templates/components/anime_episode_count.gohtml
View File

@@ -15,6 +15,28 @@
{{end}} {{end}}
{{end}} {{end}}
{{define "anime_audio_availability"}}
{{if .Items}}
<span class="flex min-w-0 items-center gap-1.5 before:mr-1 before:block before:size-0.75 before:shrink-0 before:rounded-full before:bg-current before:opacity-65 first:before:hidden">
<svg class="size-3.5 shrink-0 text-accent" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
<path d="M3 14a9 9 0 0 1 18 0"></path>
<path d="M21 14v3a2 2 0 0 1-2 2h-1v-7h1a2 2 0 0 1 2 2Z"></path>
<path d="M3 14v3a2 2 0 0 0 2 2h1v-7H5a2 2 0 0 0-2 2Z"></path>
</svg>
{{.Items}}
</span>
{{end}}
{{end}}
{{define "anime_audio_availability_loading"}}
<span
hx-get="/anime/{{.AnimeID}}?section=audio-availability"
hx-trigger="load"
hx-swap="outerHTML"
class="hidden"
></span>
{{end}}
{{define "anime_episode_count_loading"}} {{define "anime_episode_count_loading"}}
{{if .Count}} {{if .Count}}
<span <span