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

feat: add watchlist quick-add button to anime cards

Browse Source
This commit is contained in:
mkelvers
2026-04-21 00:34:13 +02:00
parent bda7afa31d
commit a5f2628d1e
9 changed files with 187 additions and 38 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
web/templates/continue_watching.templ
View File

@@ -1,6 +1,7 @@
package templates
import (
"database/sql"
"fmt"
db "mal/internal/db"
ui "mal/web/components"
@@ -21,14 +22,17 @@ templ ContinueWatching(entries []db.GetContinueWatchingEntriesRow) {
<div class="grid grid-cols-2 gap-3 sm:grid-cols-3 md:gap-4 lg:grid-cols-4 xl:grid-cols-5">
for _, entry := range entries {
<div class="group relative min-w-0" id={ fmt.Sprintf("continue-entry-%d", entry.AnimeID) }>
@ui.AnimeCard(ui.AnimeCardProps{
ID: int(entry.AnimeID),
Title: displayContinueWatchingTitle(entry),
ImageURL: entry.ImageUrl,
Href: continueWatchingURL(entry),
Class: "notification-card min-w-0 flex flex-col bg-transparent text-inherit no-underline",
HideTitle: true,
}) {
@ui.AnimeCard(ui.AnimeCardProps{
ID: int(entry.AnimeID),
Title: displayContinueWatchingTitle(entry),
ImageURL: entry.ImageUrl,
Href: continueWatchingURL(entry),
TitleEnglish: nullString(entry.TitleEnglish),
TitleJapanese: nullString(entry.TitleJapanese),
WatchlistStatus: "watching",
Class: "notification-card min-w-0 flex flex-col bg-transparent text-inherit no-underline",
HideTitle: true,
}) {
<div class="mt-2 grid gap-1 p-0">
<div class="line-clamp-2 text-sm leading-snug text-(--text)">{ displayContinueWatchingTitle(entry) }</div>
<div class="flex flex-wrap gap-2">
@@ -67,3 +71,10 @@ func continueWatchingURL(entry db.GetContinueWatchingEntriesRow) string {
func displayContinueWatchingTitle(entry db.GetContinueWatchingEntriesRow) string {
return db.DisplayTitle(entry.TitleEnglish, entry.TitleJapanese, entry.TitleOriginal)
}
func nullString(s sql.NullString) string {
if s.Valid {
return s.String
}
return ""
}

18
web/templates/studio.templ
View File

@@ -45,9 +45,12 @@ templ StudioDetails(producer jikan.ProducerResponse, animes []jikan.Anime, hasNe
for _, anime := range animes {
<div class="min-w-0" data-id={ fmt.Sprintf("%d", anime.MalID) }>
@components.AnimeCard(components.AnimeCardProps{
ID: anime.MalID,
Title: anime.DisplayTitle(),
ImageURL: anime.ImageURL(),
ID: anime.MalID,
Title: anime.DisplayTitle(),
ImageURL: anime.ImageURL(),
TitleEnglish: anime.TitleEnglish,
TitleJapanese: anime.TitleJapanese,
Airing: anime.Airing,
})
</div>
}
@@ -73,9 +76,12 @@ templ StudioAnimeItems(animes []jikan.Anime, hasNext bool, studioID int, nextPag
for _, anime := range animes {
<div class="min-w-0" data-id={ fmt.Sprintf("%d", anime.MalID) }>
@components.AnimeCard(components.AnimeCardProps{
ID: anime.MalID,
Title: anime.DisplayTitle(),
ImageURL: anime.ImageURL(),
ID: anime.MalID,
Title: anime.DisplayTitle(),
ImageURL: anime.ImageURL(),
TitleEnglish: anime.TitleEnglish,
TitleJapanese: anime.TitleJapanese,
Airing: anime.Airing,
})
</div>
}