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

ui: final sweep replacing loading indicators and ensuring anime.templ properly imports ui package

Browse Source
This commit is contained in:
mkelvers
2026-04-08 18:15:33 +02:00
parent 50aa32e51f
commit c0516b7118
1 changed files with 3 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
internal/templates/anime.templ
View File

@@ -1,6 +1,7 @@
package templates package templates
import "mal/internal/jikan" import "mal/internal/jikan"
import "mal/internal/shared/ui"
import "fmt" import "fmt"
import "strings" import "strings"
@@ -51,23 +52,13 @@ templ AnimeDetails(anime jikan.Anime, currentStatus string) {
<section class="anime-relations"> <section class="anime-relations">
<h3>Related</h3> <h3>Related</h3>
<div hx-get={ string(templ.URL(fmt.Sprintf("/api/anime/%d/relations", anime.MalID))) } hx-trigger="load"> <div hx-get={ string(templ.URL(fmt.Sprintf("/api/anime/%d/relations", anime.MalID))) } hx-trigger="load">
<div class="loading-indicator"> @ui.LoadingIndicator("Loading relations")
<div class="loading-dot"></div>
<div class="loading-dot"></div>
<div class="loading-dot"></div>
<span>Loading relations</span>
</div>
</div> </div>
</section> </section>
<section class="anime-recommendations"> <section class="anime-recommendations">
<h3>Recommendations</h3> <h3>Recommendations</h3>
<div hx-get={ string(templ.URL(fmt.Sprintf("/api/anime/%d/recommendations", anime.MalID))) } hx-trigger="load"> <div hx-get={ string(templ.URL(fmt.Sprintf("/api/anime/%d/recommendations", anime.MalID))) } hx-trigger="load">
<div class="loading-indicator"> @ui.LoadingIndicator("Loading recommendations")
<div class="loading-dot"></div>
<div class="loading-dot"></div>
<div class="loading-dot"></div>
<span>Loading recommendations</span>
</div>
</div> </div>
</section> </section>
</div> </div>