'); var prev=el(''); var next=el(''); var close=el(''); dlg.appendChild(fig);dlg.appendChild(prev);dlg.appendChild(next);dlg.appendChild(close);document.body.appendChild(dlg); img=fig.querySelector("img");txt=fig.querySelector(".lightboxText");cnt=fig.querySelector(".lightboxCount"); dlg.addEventListener("keydown",function(e){if(e.key==="ArrowLeft"){e.preventDefault();show(i-1);}else if(e.key==="ArrowRight"){e.preventDefault();show(i+1);}}); dlg.addEventListener("touchstart",function(e){x0=e.changedTouches[0].clientX;},{passive:true}); dlg.addEventListener("touchend",function(e){var dx=e.changedTouches[0].clientX-x0;if(Math.abs(dx)>40){show(dx>0?i-1:i+1);}},{passive:true});} function pre(n){if(items.length<2)return;var a=items[(n+items.length)%items.length];if(a){var p=new Image();p.src=a.href;}} function show(n){if(!items.length)return;i=(n+items.length)%items.length;var a=items[i];img.src=a.href;img.alt=a.getAttribute("data-caption")||""; txt.textContent=a.getAttribute("data-caption")||"";cnt.textContent=items.length>1?(i+1)+" / "+items.length:"";dlg.toggleAttribute("data-single",items.length<2);pre(i+1);pre(i-1);} return{open:function(a){var g=a.getAttribute("data-lightbox")||"";items=Array.prototype.slice.call(document.querySelectorAll('a[data-lightbox="'+g.replace(/"/g,"")+'"]')); if(!dlg)build();show(Math.max(0,items.indexOf(a)));if(!dlg.open){dlg.showModal();}document.body.setAttribute("data-sheet-open","");}, step:function(k){show(k==="prev"?i-1:i+1);},close:function(){if(dlg&&dlg.open)dlg.close();}};})(); /* ── "ADD TO A SELECTION", WITHOUT LEAVING THE PAGE (the owner, 8 Sept) ───── /catalogue is one cached page for everybody, so the agent's own lists cannot be in its markup. The "+" stays a LINK to /cabinet/selections/pick — that is the fallback, and it is what happens if any of this fails — and this intercepts it: one fetch for the lists, one POST to add, no navigation. Same mechanism as the lightbox: a dialog built once, in the one inline script, so the repository still has four client components. */ var PICK=(function(){var dlg=null,form=null,ctx=null; function esc(s){return String(s==null?"":s).replace(/[&<>"]/g,function(c){return c==="&"?"&":c==="<"?"<":c===">"?">":""";});} function build(){dlg=document.createElement("dialog");dlg.className="pickSheet dlg";dlg.setAttribute("aria-label","Add to a selection"); /* the body of the sheet is replaced wholesale, so it announces itself: polite, and busy while the lists are being read */ form=document.createElement("form");form.className="pickBody";form.setAttribute("aria-live","polite");form.setAttribute("aria-busy","true");dlg.appendChild(form);document.body.appendChild(dlg); form.addEventListener("submit",function(e){e.preventDefault();send();}); form.addEventListener("click",function(e){var t=e.target;if(t&&t.closest&&t.closest("[data-pick-close]")){e.preventDefault();close();}});} function close(){if(dlg&&dlg.open){dlg.close();}document.body.removeAttribute("data-sheet-open");} function show(html){form.innerHTML=html;form.removeAttribute("aria-busy");} function head(){return '

Add to a selection

'+esc(ctx.what||"")+'

';} function foot(add){return '

'+(add?'':'')+'

';} function rows(lists){var h='',i;for(i=0;i'+ ''+esc(l.title||"Untitled selection")+''+(l.holds?"already in it":(l.items+(l.items===1?" line":" lines")+(l.sent?" · sent":"")+(l.mine?"":" · a colleague’s")))+'';} h+=''+ 'New selection…'; return '

'+h+'

';} function note(){return 'Your word on this one';} function said(text,href,title){show(head()+'

'+esc(text)+(href?' '+esc(title||"Open it")+'':'')+'

'+foot(false));} function send(){var fd=new FormData(form);if(ctx.unit){fd.set("unit",ctx.unit);}else{fd.set("project",ctx.project);} var btn=form.querySelector('button[type="submit"]');if(btn){btn.disabled=true;btn.textContent="Adding…";} fetch("/api/cabinet/selections/quick",{method:"POST",body:fd,credentials:"same-origin"}).then(function(r){return r.json().catch(function(){return{ok:false};});}).then(function(a){ if(a&&a.ok){said("Added to",a.href,a.title||"the selection");}else{said((a&&a.say)||"That did not work. Open the selections screen and add it there.","/cabinet/selections","Selections");} }).catch(function(){said("That did not work. Open the selections screen and add it there.","/cabinet/selections","Selections");});} function open(a){var u;try{u=new URL(a.href,location.href);}catch(e){return false;} var p=u.searchParams.get("project")||"",un=u.searchParams.get("unit")||"";if(!p&&!un)return false; if(!dlg)build();ctx={project:p,unit:un,what:"",first:-1}; show('

One moment…

');form.setAttribute("aria-busy","true"); if(!dlg.open){dlg.showModal();document.body.setAttribute("data-sheet-open","");} fetch("/api/cabinet/selections/mine?project="+encodeURIComponent(p)+"&unit="+encodeURIComponent(un),{credentials:"same-origin"}) .then(function(r){return r.ok?r.json():null;}).then(function(d){ if(!d||!d.ok){said("Open this on the selections screen — the list could not be read here.","/cabinet/selections","Selections");return;} ctx.what=d.what;ctx.project=d.project;ctx.unit=d.unit||"";var i,f=-1;for(i=0;i

Bang Tao · Choeng Thale

Bang Tao · Choeng Thale