feat (ui): kolomhoogte en seasonheaders

2026-03-08 20:13:52 +01:00
parent be2271aa15
commit 96b182c182
4 changed files with 87 additions and 6 deletions
@@ -222,7 +222,24 @@
    const data = await api(`/api/tvdb/series/${encodeURIComponent(state.selectedSeries.id)}/episodes?order_type=aired`);
    state.episodes = data.items || [];
    el.episodesList.innerHTML = "";
+    let previousSeasonKey = null;
    state.episodes.forEach((episode) => {
+      const seasonNum = Number(episode.season_number);
+      const seasonKey = Number.isFinite(seasonNum) ? String(seasonNum) : "unknown";
+      if (previousSeasonKey === null || seasonKey !== previousSeasonKey) {
+        const seasonHeader = document.createElement("li");
+        seasonHeader.className = "season-header";
+        if (seasonNum === 0) {
+          seasonHeader.textContent = "Specials";
+        } else if (Number.isFinite(seasonNum)) {
+          seasonHeader.textContent = `Season ${seasonNum}`;
+        } else {
+          seasonHeader.textContent = "Season Unknown";
+        }
+        el.episodesList.appendChild(seasonHeader);
+        previousSeasonKey = seasonKey;
+      }
+
      const li = document.createElement("li");
      const left = document.createElement("span");
      left.textContent = episode.label || `${episode.season_number}x${episode.episode_number} ${episode.title}`;