\n \n

Urgent

Not Urgent

Important

DoAct now

SchedulePlan it

Not Important

DelegateHand off

EliminateDrop it

\n`,\n scripts: `\nconst QS = ['q1','q2','q3','q4'];\nconst S = getHS() || {\n q1: ['Fix production outage', 'Client deadline Friday'],\n q2: ['Write project roadmap', 'Learn new framework', 'Exercise routine'],\n q3: ['Respond to routine emails', 'Attend status meeting'],\n q4: ['Reorganise desktop icons', 'Browse social media'],\n};\n\nfunction rebuild() {\n QS.forEach(q => {\n const c = document.getElementById(q+'-chips');\n c.innerHTML = '';\n (S[q]||[]).forEach((txt,i) => {\n const chip = document.createElement('span');\n chip.className = 'em-chip';\n chip.draggable = true;\n const span = document.createElement('span');\n span.className = 'em-chip-text';\n span.contentEditable = 'true';\n span.textContent = txt;\n span.spellcheck = false;\n span.addEventListener('input', () => { S[q][i] = span.textContent; save(); });\n span.addEventListener('keydown', (e) => { if (e.key==='Enter') { e.preventDefault(); span.blur(); } });\n span.addEventListener('blur', () => { if (!span.textContent.trim()) { S[q].splice(i,1); save(); rebuild(); } });\n const del = document.createElement('button');\n del.className = 'em-chip-del'; del.textContent = '\\\\u00d7';\n del.addEventListener('click', (e) => { e.stopPropagation(); S[q].splice(i,1); save(); rebuild(); });\n chip.appendChild(span); chip.appendChild(del);\n chip.addEventListener('dragstart', e => { e.dataTransfer.setData('text/plain', JSON.stringify({q,i})); chip.style.opacity='0.3'; });\n chip.addEventListener('dragend', () => chip.style.opacity='1');\n c.appendChild(chip);\n });\n });\n}\n\ndocument.querySelectorAll('.em-q').forEach(quad => {\n quad.addEventListener('dragover', e => { e.preventDefault(); quad.classList.add('drag-over'); });\n quad.addEventListener('dragleave', () => quad.classList.remove('drag-over'));\n quad.addEventListener('drop', e => {\n e.preventDefault(); quad.classList.remove('drag-over');\n try {\n const {q:srcQ,i:srcI} = JSON.parse(e.dataTransfer.getData('text/plain'));\n const tgtQ = quad.dataset.q;\n const txt = S[srcQ][srcI]; S[srcQ].splice(srcI,1);\n S[tgtQ] = S[tgtQ]||[]; S[tgtQ].push(txt);\n save(); rebuild();\n } catch {}\n });\n});\n\ndocument.querySelectorAll('.em-add-zone input').forEach(inp => {\n inp.addEventListener('keydown', e => {\n if (e.key !== 'Enter' || !inp.value.trim()) return;\n const q = inp.dataset.q; S[q] = S[q]||[];\n S[q].push(inp.value.trim()); inp.value = '';\n save(); rebuild();\n });\n});\n\nfunction save() { setHS(S); }\nrebuild();\n`,\n });\n}\n","deleted","label",[178,160],"pages","permalink","https://www.val.town/x/c15r/mental-models/code/pages/eisenhower.ts","extension","ts","actionData","errors"]