danvics/soulsync
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 1

Channel page: 'fetching dates' indicator during the wait + watchlist toggle no longer reloads

Browse source 
- The InnerTube enrichment takes ~30-45s; while videos are still undated the page
  now shows a spinner 'Fetching upload dates from YouTube… your year-seasons will
  fill in shortly' (reuses the episode-syncing indicator), which clears once the
  years populate via the re-poll (or after the poll window).
- The Watchlist button on a channel was calling loadChannel() on follow — a full
  re-fetch + scroll-to-top that read as a page refresh. Now it just flips the
  button in place (data.following + renderActions), like unfollow already did.
This commit is contained in:
BoulderBadgeDad 2026-06-17 13:11:17 -07:00
parent b5586d3f28
commit b627f9f411
1 changed files with 14 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
webui/static/video/video-detail.js
View file

@ -1272,9 +1272,15 @@
.catch(function () { showEpSyncing(false); });
}
function showEpSyncing(on) {
function showEpSyncing(on, message) {
var el = q('[data-vd-ep-syncing]');
if (el) el.hidden = !on;
if (!el) return;
var t = el.querySelector('span:last-child');
// Reuse the indicator for channel date-fetching too; reset to the TMDB copy
// when no message is passed so the two paths don't leak text into each other.
if (on && t) t.textContent = message ||
'Fetching the full episode list from TMDB… missing episodes will fill in shortly.';
el.hidden = !on;
}
function reloadDetail(id) {
@ -1357,14 +1363,19 @@
data = nd;
if (!seasonByNum(selectedSeason)) selectedSeason = nd.seasons.length ? nd.seasons[0].season_number : null;
renderBillboard(nd); renderSeasonNav(); renderEpisodes();
// years filled in → stop the "fetching dates" spinner + the polling
if (!nd.seasons.some(function (s) { return s.season_number === 0; })) { showEpSyncing(false); ytClearRepoll(); }
})
.catch(function () { /* ignore */ });
}
function ytScheduleRepoll(id) {
ytClearRepoll();
// Tell the user dates are being fetched (the enricher takes ~30-45s).
showEpSyncing(true, 'Fetching upload dates from YouTube… your year-seasons will fill in shortly.');
[25000, 60000, 110000].forEach(function (ms) {
ytRepollTimers.push(setTimeout(function () { ytRefetch(id); }, ms));
});
ytRepollTimers.push(setTimeout(function () { if (currentId === id) showEpSyncing(false); }, 125000));
}
function loadChannel(id) {
@ -1440,9 +1451,9 @@
document.dispatchEvent(new CustomEvent('soulsync:video-wishlist-changed')); }).catch(function () { /* ignore */ });
else yc.follow({ youtube_id: ch.youtube_id, title: ch.title, avatar_url: ch.avatar_url }).then(function (d) {
if (d && d.success) {
data.following = true; renderActions(data); // toggle in place — no page reload
if (typeof showToast === 'function') showToast('Following · ' + (d.added_videos || 0) + ' videos added', 'success');
document.dispatchEvent(new CustomEvent('soulsync:video-wishlist-changed'));
loadChannel(data.id); // reload so the now-wished videos reflect
}
}).catch(function () { /* ignore */ });
}