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

chore: format player episode complete and thumbnails

Browse Source
This commit is contained in:
mkelvers
2026-05-28 11:29:04 +02:00
committed by Milas Holsting
parent 1c4ade5e6c
commit df1e65f5c2
2 changed files with 20 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
static/player/episodes/complete.ts
View File

@@ -1,13 +1,13 @@
import { state } from '../state'; import { state } from "../state";
export const completeAnime = async (episodeNumber: number): Promise<void> => { export const completeAnime = async (episodeNumber: number): Promise<void> => {
if (state.completionSent || !state.malID || !episodeNumber) return; if (state.completionSent || !state.malID || !episodeNumber) return;
state.completionSent = true; state.completionSent = true;
try { try {
const res = await fetch('/api/watch-complete', { const res = await fetch("/api/watch-complete", {
method: 'POST', method: "POST",
headers: { 'Content-Type': 'application/json' }, headers: { "Content-Type": "application/json" },
keepalive: true, keepalive: true,
body: JSON.stringify({ mal_id: state.malID, episode: episodeNumber }), body: JSON.stringify({ mal_id: state.malID, episode: episodeNumber }),
}); });
@@ -21,12 +21,12 @@ export const completeAnime = async (episodeNumber: number): Promise<void> => {
return; return;
} }
const trigger = document.querySelector('[data-dropdown-trigger]') as HTMLButtonElement | null; const trigger = document.querySelector("[data-dropdown-trigger]") as HTMLButtonElement | null;
if (trigger) { if (trigger) {
trigger.textContent = 'Completed '; trigger.textContent = "Completed ";
const caret = document.createElement('span'); const caret = document.createElement("span");
caret.className = 'text-xs'; caret.className = "text-xs";
caret.textContent = '▾'; caret.textContent = "▾";
trigger.appendChild(caret); trigger.appendChild(caret);
} }
} catch { } catch {

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

@@ -1,4 +1,4 @@
import { state } from '../state'; import { state } from "../state";
/** /**
* Fetches episode thumbnails and titles from API. * Fetches episode thumbnails and titles from API.
@@ -9,25 +9,25 @@ export const setupThumbnails = (): void => {
if (!episodeList) return; if (!episodeList) return;
fetch(`/api/watch/thumbnails/${state.malID}`) fetch(`/api/watch/thumbnails/${state.malID}`)
.then(res => res.json()) .then((res) => res.json())
.then((data: { mal_id: number; url: string; title?: string }[]) => { .then((data: { 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) {
const imgContainer = card.querySelector('.relative.aspect-video'); const imgContainer = card.querySelector(".relative.aspect-video");
if (imgContainer) { if (imgContainer) {
let img = imgContainer.querySelector('img'); let img = imgContainer.querySelector("img");
if (!img) { if (!img) {
// replace placeholder with actual image // replace placeholder with actual image
img = document.createElement('img'); img = document.createElement("img");
img.className = img.className =
'h-full w-full object-cover transition-transform group-hover:scale-105'; "h-full w-full object-cover transition-transform group-hover:scale-105";
img.loading = 'lazy'; img.loading = "lazy";
imgContainer imgContainer
.querySelector('.flex.h-full.w-full.items-center.justify-center') .querySelector(".flex.h-full.w-full.items-center.justify-center")
?.remove(); ?.remove();
imgContainer.prepend(img); imgContainer.prepend(img);
} }
@@ -38,10 +38,10 @@ 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;
} }
}); });
}) })
.catch(err => console.error('Failed to fetch thumbnails:', err)); .catch((err) => console.error("Failed to fetch thumbnails:", err));
}; };