`+
@@ -644,19 +657,27 @@ let curSection="works", curArchiveKind="all", archiveSort="viewed";
function sortedWorks(key){
const byViews=(a,b)=>b.views-a.views;
const g=[...WORKS];
- if(key==="videos") return g.sort((a,b)=>b.perf-a.perf||byViews(a,b));
- if(key==="viewed") return g.sort(byViews);
- if(key==="year") return g.sort((a,b)=>a.year-b.year||byViews(a,b)); // oldest first
- if(key==="title") return g.sort((a,b)=>a.title.localeCompare(b.title));
- if(key==="author") return g.sort((a,b)=>a.by.localeCompare(b.by)||byViews(a,b));
- return null;
+ let sorted=null;
+ if(key==="videos") sorted=g.sort((a,b)=>b.perf-a.perf||byViews(a,b));
+ if(key==="viewed") sorted=g.sort(byViews);
+ if(key==="year") sorted=g.sort((a,b)=>a.year-b.year||byViews(a,b)); // oldest first
+ if(key==="title") sorted=g.sort((a,b)=>a.title.localeCompare(b.title));
+ if(key==="author") sorted=g.sort((a,b)=>a.by.localeCompare(b.by)||byViews(a,b));
+ return sorted&&sortReversed?[...sorted].reverse():sorted;
}
// The archive holds 2000+ rows; painting them all (and their thumbnails) up front
// is the slow part. So we window it — the full ordered VIEW lives in memory, but
// only PAGE rows are in the DOM at a time, extended as a sentinel scrolls near
// (async; thumbnails stay lazy). Search + sort just rebuild VIEW.
const PAGE=60;
-let curSort=null, curQuery="", VIEW=[], SHOWN=0;
+let curSort=null, sortReversed=false, curQuery="", VIEW=[], SHOWN=0;
+const reversibleSorts=new Set(["year","title","author"]);
+function syncReverseSort(){
+ const button=document.getElementById("reverseSort");
+ button.hidden=!reversibleSorts.has(curSort);
+ button.classList.toggle("on",sortReversed);
+ button.setAttribute("aria-pressed",String(sortReversed));
+}
const divHTML=`
— more from the archive —
`;
// Build the ordered VIEW for the active sort + query. Featured splices in the
@@ -803,12 +824,16 @@ Promise.all([
const search=document.getElementById("idxSearch");
search.addEventListener("input",()=>{ curQuery=search.value; renderReset(true); });
renderReset();
- document.querySelectorAll("#workSortbar button").forEach(b=>b.addEventListener("click",()=>{
- document.querySelectorAll("#workSortbar button").forEach(x=>x.classList.remove("on"));
+ document.querySelectorAll("#workSortbar button[data-sort]").forEach(b=>b.addEventListener("click",()=>{
+ document.querySelectorAll("#workSortbar button[data-sort]").forEach(x=>x.classList.remove("on"));
b.classList.add("on");
curSort=b.dataset.sort==="featured"?null:b.dataset.sort;
+ sortReversed=false; syncReverseSort();
renderReset(true);
}));
+ document.getElementById("reverseSort").addEventListener("click",()=>{
+ sortReversed=!sortReversed; syncReverseSort(); renderReset(true);
+ });
document.querySelectorAll("#archiveFilterbar button").forEach(b=>b.addEventListener("click",()=>{
document.querySelectorAll("#archiveFilterbar button").forEach(x=>x.classList.remove("on"));
b.classList.add("on"); curArchiveKind=b.dataset.kind; renderReset(true);
`;
return `