';
+ // Season tiles are SELECTORS now — picking one renders its episodes full-
+ // width below (so episode cards get room), instead of cramming inside.
var tiles = (sh.seasons || []).map(function (se) {
var n = se.episodes.length;
- // real season poster (falls back to the show poster, then a placeholder)
var posterUrl = se.poster_url || sh.poster_url || null;
var inner = posterUrl ? '' : '
📺
';
- var art = '
' + inner + 'S' + se.season_number + '
';
- var tracks = (se.episodes || []).map(function (e) {
- var t = e.title || ('Episode ' + e.episode_number);
- var st = STATUS[e.status] ? e.status : 'wanted';
- var date = fmtDate(e.air_date);
- // richer episode row: still thumbnail + status dot + air date
- var thumb = e.still_url
- ? ''
- : '';
- return '
' +
'';
}
+ // A single episode as a 2-line card (still + title that can wrap + meta line).
+ function epCard(tmdb, se, e) {
+ var t = e.title || ('Episode ' + e.episode_number);
+ var st = STATUS[e.status] ? e.status : 'wanted';
+ var date = fmtDate(e.air_date);
+ var thumb = e.still_url
+ ? ''
+ : '';
+ return '
';
+ }
+ function renderEpisodeArea(group, tmdb, seasonNum) {
+ var area = group && group.querySelector('[data-vwsh-ep-area]'); if (!area) return;
+ var sh = state.showData[tmdb]; var se = null;
+ if (sh) (sh.seasons || []).forEach(function (x) { if (x.season_number === seasonNum) se = x; });
+ if (!se) { area.innerHTML = ''; return; }
+ area.innerHTML = '
';
+ }
+
function render(items) {
var grid = $('[data-vwsh-grid]'); if (!grid) return;
var shows = state.tab === 'show';
grid.classList.toggle('wl-nebula-field', shows);
grid.classList.toggle('vwsh-nebula', shows); // video-only scope so music wl-* is untouched
grid.classList.toggle('vwsh-grid--movies', !shows);
+ state.showData = {};
+ if (shows) items.forEach(function (sh) { state.showData[sh.tmdb_id] = sh; }); // for the episode area
grid.innerHTML = shows
? items.map(function (sh, i) { return nebulaOrb(sh, i); }).join('')
: items.map(movieCard).join('');
@@ -270,7 +284,15 @@
return;
}
var tile = e.target.closest('[data-vwsh-tile]');
- if (tile) { tile.classList.toggle('tile-expanded'); return; } // season → episodes
+ if (tile) { // season → render its episodes full-width below (single-select)
+ var group = tile.closest('.wl-orb-group');
+ var wasSel = tile.classList.contains('vwsh-tile--sel');
+ if (group) { var all = group.querySelectorAll('.wl-album-tile'); for (var i = 0; i < all.length; i++) all[i].classList.remove('vwsh-tile--sel'); }
+ if (wasSel) { var a = group && group.querySelector('[data-vwsh-ep-area]'); if (a) a.innerHTML = ''; return; }
+ tile.classList.add('vwsh-tile--sel');
+ renderEpisodeArea(group, parseInt(tile.getAttribute('data-tmdb'), 10), parseInt(tile.getAttribute('data-vwsh-season'), 10));
+ return;
+ }
var orb = e.target.closest('[data-vwsh-orb]');
if (orb) { var g = orb.closest('.wl-orb-group'); if (g) g.classList.toggle('expanded'); } // show → seasons
}