p.videos)])
- if(v.resume_pos&&v.resume_pos>5&&!v.watched&&(!q||matchesSearch(v,ch?.name||v.channel,q)))
+ if(v.resume_pos&&v.resume_pos>5&&!v.watched&&(!q||matchesSearch(v,ch?.name||v.channel,q))&&passesFilter(v))
vids.push({...v,channel:ch.name});
vids.sort((a,b)=>(b.resume_pos||0)-(a.resume_pos||0));
return vids;
@@ -430,7 +491,7 @@ function currentVideos(){
// Most-recently-modified across the whole library, capped at 100.
for(const ch of library)
for(const v of[...ch.videos,...ch.playlists.flatMap(p=>p.videos)])
- if(v.mtime_unix&&(!q||matchesSearch(v,ch?.name||v.channel,q)))
+ if(v.mtime_unix&&(!q||matchesSearch(v,ch?.name||v.channel,q))&&passesFilter(v))
vids.push({...v,channel:ch.name});
vids.sort((a,b)=>(b.mtime_unix||0)-(a.mtime_unix||0));
return vids.slice(0,100);
@@ -440,7 +501,7 @@ function currentVideos(){
const want = showFavourites ? 'favourite' : showBookmarks ? 'bookmark' : 'waiting';
for(const ch of library)
for(const v of[...ch.videos,...ch.playlists.flatMap(p=>p.videos)])
- if(v[want]&&(!q||matchesSearch(v,ch?.name||v.channel,q)))
+ if(v[want]&&(!q||matchesSearch(v,ch?.name||v.channel,q))&&passesFilter(v))
vids.push({...v,channel:ch.name});
return vids;
}
@@ -449,7 +510,7 @@ function currentVideos(){
if(activeChannelIdx!==null&&i!==activeChannelIdx)continue;
const pool=activePlaylistIdx!==null?(ch.playlists[activePlaylistIdx]?.videos||[]):[...ch.videos,...ch.playlists.flatMap(p=>p.videos)];
for(const v of pool)
- if(!q||matchesSearch(v,ch?.name||v.channel,q))vids.push({...v,channel:ch.name});
+ if((!q||matchesSearch(v,ch?.name||v.channel,q))&&passesFilter(v))vids.push({...v,channel:ch.name});
}
if(sort==='date-desc')vids.sort((a,b)=>(b.upload_date||'').localeCompare(a.upload_date||''));
if(sort==='date-asc')vids.sort((a,b)=>{const ax=a.upload_date||'',bx=b.upload_date||'';return ax.localeCompare(bx)});
@@ -461,13 +522,46 @@ function currentVideos(){
return vids;
}
+// Filter chips are rendered every grid pass so the active state always
+// matches the underlying filter object. Hidden on channel-grid + music
+// views where they don't apply.
+function renderFilters(){
+ const el=document.getElementById('filters');
+ if(!el)return;
+ if(showChannels||showMusic){el.style.display='none';return}
+ el.style.display='';
+ const grp=(label,key,opts)=>{
+ const chips=opts.map(([val,txt])=>``).join('');
+ return `${label}${chips}
`;
+ };
+ const toggle=(label,key,title)=>``;
+ const anyActive=filter.watch!=='all'||filter.date!=='all'||filter.size!=='all'||filter.hasSubs||filter.hasChapters;
+ const clear=anyActive?``:'';
+ el.innerHTML=
+ grp('Watch','watch',[['all','All'],['unwatched','Unwatched'],['in-progress','In progress'],['watched','Watched']])+
+ grp('Date','date',[['all','All'],['today','Today'],['week','Week'],['month','Month'],['year','Year'],['older','Older']])+
+ grp('Size','size',[['all','All'],['small','< 100 MB'],['med','100 MB – 1 GB'],['large','> 1 GB']])+
+ toggle('💬 Subs','hasSubs','Only videos with subtitle tracks')+
+ toggle('🔖 Chapters','hasChapters','Only videos with chapter markers')+
+ clear;
+}
+function setFilter(key,val){filter[key]=val;saveUiState();renderFilters();renderGrid()}
+function toggleFilter(key){filter[key]=!filter[key];saveUiState();renderFilters();renderGrid()}
+function clearFilters(){filter={watch:'all',date:'all',size:'all',hasSubs:false,hasChapters:false};saveUiState();renderFilters();renderGrid()}
function renderGrid(){
+ renderFilters();
if(showChannels){renderChannelGrid();return}
if(showMusic){renderMusicGrid();return}
const vids=currentVideos();
setStatus(vids.length+' video'+(vids.length!==1?'s':''));
const grid=document.getElementById('grid');
- if(!vids.length){grid.innerHTML='Nothing here.
';return}
+ if(!vids.length){
+ const anyFilter=filter.watch!=='all'||filter.date!=='all'||filter.size!=='all'||filter.hasSubs||filter.hasChapters;
+ grid.innerHTML=anyFilter
+ ? `Nothing matches the current filters.
`
+ : 'Nothing here.
';
+ return;
+ }
const showChCol=activeChannelIdx===null&&!showContinue;
grid.innerHTML=vids.map(v=>{
const chk=bulkMode?``:'';