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

style: format static/player/episodes/thumbnails.ts

Browse Source
This commit is contained in:
mkelvers
2026-06-21 02:04:38 +02:00
committed by Milas Holsting
parent e66432ac0a
commit ffc08ccb9c
1 changed files with 13 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
static/player/episodes/thumbnails.ts
View File

@@ -1,19 +1,23 @@
import { state } from "../state"; import { state } from "../state";
/** /**
* Fetches episode thumbnails and titles from API. * Fetches episode thumbnails and titles from API. Injects images into episode cards, replaces
* Injects images into episode cards, replaces placeholder. * placeholder.
*/ */
export const setupThumbnails = (): void => { export const setupThumbnails = (): void => {
const episodeList = state.elements.episodeList; const { episodeList } = state.elements;
if (!episodeList) return; if (!episodeList) {
return;
}
fetch(`/api/watch/thumbnails/${state.episode.malID}`) fetch(`/api/watch/thumbnails/${state.episode.malID}`)
.then((res) => res.json()) .then((res) => res.json())
.then((data: { mal_id: number; url: string; title?: string }[]) => { .then((data: Array<{ mal_id: number; url: string; title?: string }>) => {
data.forEach((item) => { data.forEach((item) => {
const card = episodeList.querySelector(`[data-episode-id="${item.mal_id}"]`); const card = episodeList.querySelector(`[data-episode-id="${item.mal_id}"]`);
if (!card) return; if (!card) {
return;
}
// inject thumbnail image // inject thumbnail image
if (item.url) { if (item.url) {
@@ -39,7 +43,9 @@ export const setupThumbnails = (): void => {
// inject title text // inject title text
if (item.title) { if (item.title) {
const titleEl = card.querySelector("[data-episode-title]"); const titleEl = card.querySelector("[data-episode-title]");
if (titleEl) titleEl.textContent = item.title; if (titleEl) {
titleEl.textContent = item.title;
}
} }
}); });
}) })