HistoryPage:Focus

• version 3current 2026-10-10 13:00 UTC · razie via designer-82designer ViewText
• version 2diff 2026-10-10 12:19 UTC · razie via designer-82designer ViewText
  What version 3 changed

  …

   

  function head(){const n=V.members.length,one=thoughts().length===1&&!topics().length;

  -return `<div class="fo-head"><h1>${esc(V.title)}</h1><span class="fo-mark">FOCUS · ${n}</span><span class="th-info"><button type="button" class="th-ib" id="fo-ib" aria-label="More info" aria-expanded="false">?</button><span class="th-ip" id="fo-ip" role="note" hidden>A Focus gathers the thoughts and topics on one subject. The map shows its topics on the right and the model they name on the left; tap one to read it below. Tick thoughts to take them out, then send the Focus to your designer as one task or split by feature.<span class="th-ih">More in <a href="#" data-go="/topics/Help:Thoughts#focus">Help: Thoughts</a></span></span></span><span class="fo-sp"></span>${V.sent?`<span class="fo-sentb">✓ Sent</span>`:`<button type="button" class="btn sm primary" id="fo-send"${n?"":" disabled"}>Send focus</button>`}<button type="button" class="btn sm" id="fo-dissolve" title="Every thought goes back to Thoughts; your notes go into the first one">${one?"Back to a thought":"Dissolve focus"}</button></div>`}

  +return `<div class="fo-head"><h1>${esc(V.title)}</h1><span class="fo-mark">FOCUS · ${n}</span><span class="th-info"><button type="button" class="th-ib" id="fo-ib" aria-label="More info" aria-expanded="false">?</button><span class="th-ip" id="fo-ip" role="note" hidden>A Focus gathers the thoughts and topics on one subject. The map shows its topics on the right and the model they name on the left; tap one to read it below. Tick thoughts to take them out, then send the Focus to your designer as one task or split by feature.<span class="th-ih">More in <a href="#" data-go="/topics/Help:Focus">Help: Focus</a></span></span></span><span class="fo-sp"></span>${V.sent?`<span class="fo-sentb">✓ Sent</span>`:`<button type="button" class="btn sm primary" id="fo-send"${n?"":" disabled"}>Send focus</button>`}<button type="button" class="btn sm" id="fo-dissolve" title="Every thought goes back to Thoughts; your notes go into the first one">${one?"Back to a thought":"Dissolve focus"}</button></div>`}

   

  function render(){

  …
• version 1diff 2026-10-10 12:13 UTC · razie via designer-82designer ViewText
  What version 2 changed

  …

  // ---- the caption line under the map: what you clicked or typed (folded, the map is only this line, sticky) ----

  const capHome=()=>`<b>${esc(V.title)}</b>`+(V.model||[]).slice(0,6).map((x,i)=>` · <a href="#" class="th-bn th-brel" data-m="${i}">${esc(cut(x.label,30))}</a>`).join("");

  -const capModel=i=>{const x=V.model[i],ts=(x.topics||[]).map(n=>V.members.find(m=>m.n===n)).filter(Boolean);return `<a href="#" class="th-bn" data-m="${i}"><b>${esc(x.label)}</b></a> · ${esc(x.kind)}`+(ts.length?" · in "+ts.map(m=>`<a href="#" class="th-bn th-brel" data-n="${m.n}">${esc(label(m))}</a>`).join(" · "):"")};

  +const capModel=i=>{const x=V.model[i],ts=(x.topics||[]).map(n=>V.members.find(m=>m.n===n)).filter(Boolean);return `<a href="#" class="th-bn" data-m="${i}"><b>${esc(x.label)}</b></a> · ${x.kind==="concept"?"class":esc(x.kind)}`+(ts.length?" · in "+ts.map(m=>`<a href="#" class="th-bn th-brel" data-n="${m.n}">${esc(label(m))}</a>`).join(" · "):"")};

  const capTopic=n=>{const m=V.members.find(x=>x.n===n),ks=(V.model||[]).map((x,i)=>[x,i]).filter(([x])=>(x.topics||[]).includes(n));return `<a href="#" class="th-bn" data-n="${n}"><b>${esc(label(m))}</b></a>`+(ks.length?" · names "+ks.map(([x,i])=>`<a href="#" class="th-bn th-brel" data-m="${i}">${esc(cut(x.label,30))}</a>`).join(" · "):"")};

  const cap=h=>{const c=$("fo-bcap");if(c)c.innerHTML=h};

  …

   

  function render(){

  + const keep=new Set([...document.querySelectorAll(".fo-pick:checked")].map(i=>i.dataset.n)); // ticks survive a redraw

  const main=$("fo-main"),folded=(()=>{try{return !!localStorage.getItem("fo-bfold")}catch(_){return false}})();

  let first=false;try{first=!localStorage.getItem("fo-seen");if(first)localStorage.setItem("fo-seen","1")}catch(_){}

  …

  document.querySelectorAll(".fo-cedit").forEach(b=>{window.thTX(b);const m=V.members.find(x=>x.n===+b.dataset.n);b.value=m?m.text||"":"";setTimeout(()=>{b.focus();b.selectionStart=b.selectionEnd=b.value.length},0)});

  if(view.k==="rel"){const r=V.related[view.i];api("GET","/api/v2/topics/"+encodeURIComponent(r.name)+"?format=json").then(j=>{const t=$("fo-rptext");if(t)t.textContent=cut(j.text||j.body||"",2400)}).catch(()=>{const t=$("fo-rptext");if(t)t.textContent="(can't read it from here: Open full)"})}

  + document.querySelectorAll(".fo-pick").forEach(i=>{if(keep.has(i.dataset.n))i.checked=true});

  if(view.k==="model")cap(capModel(view.i));else if(view.k==="topic")cap(capTopic(view.n));else cap(capHome());

  upd()}

  …