push

2026-08-26 21:15:42 -05:00
parent bbb5659e00
commit fc0e2c7af6
7 changed files with 461 additions and 14 deletions
@@ -614,12 +614,28 @@
      b.type = 'button';
      b.className = ep.episode_number === state.episode ? 'episode episode--current' : 'episode';
      const date = ep.air_date ? ` · ${SR.util.escapeHtml(ep.air_date)}` : '';
+      const still = ep.still || (ep.still_path ? SR.util.tmdbResize(ep.still_path, 'w300') : '');
      b.innerHTML = `
-        <span class="episode__thumb"><span class="episode__play">▶</span></span>
+        <span class="episode__thumb${still ? '' : ' episode__thumb--empty'}">
+          ${still ? `<img src="${still}" alt="" loading="lazy">` : `<span aria-hidden="true">${ep.episode_number}</span>`}
+          <span class="episode__play">▶</span>
+        </span>
        <span class="episode__body">
          <span class="episode__num">S${state.season} · E${ep.episode_number}${date}</span>
          <span class="episode__title">${SR.util.escapeHtml(ep.name || `Episode ${ep.episode_number}`)}</span>
        </span>`;
+      const img = b.querySelector('.episode__thumb img');
+      if (img) {
+        img.addEventListener('error', () => {
+          const thumb = img.closest('.episode__thumb');
+          img.remove();
+          thumb.classList.add('episode__thumb--empty');
+          const num = document.createElement('span');
+          num.setAttribute('aria-hidden', 'true');
+          num.textContent = ep.episode_number;
+          thumb.prepend(num);
+        });
+      }
      b.addEventListener('click', () => playEpisode(ep.episode_number));
      episodeGrid.appendChild(b);
    }