' + custom.map((p,i)=>`${escapeHtml(p.label)}`).join(' '); els.tiles.appendChild(blk); $$('button[data-custom]', blk).forEach(b=> on(b,'click',()=>{ const p=custom[Number(b.getAttribute('data-custom'))]; applyQuick(p.q); selMode('q'); scrollTop(); })); } } // SMART meter logic function isNumbery(s){ return /\d/.test(s||''); } function scoreSMART(data){ const {outcome, metric, target, deadline, role, focus, baseline, difficulty} = data; const S = (outcome||'').trim().length >= 10 && !!metric && !!target; // crude but useful const M = !!metric && isNumbery(target); let A = true; // assume achievable unless clearly extreme if((baseline||'') && isNumbery(baseline) && isNumbery(target)){ const bn=parseFloat(String(baseline).replace(/[^\d.]/g,'')); const tn=parseFloat(String(target).replace(/[^\d.]/g,'')); if(isFinite(bn) && isFinite(tn)){ const ratio = tn>bn? (tn/(bn||1)) : (bn/(tn||1)); A = ratio { const el=els.meter.querySelector(`[data-k="${k}"]`); if(el){ if(s[k]) el.classList.add('on'); else el.classList.remove('on'); } }); const missing = ['S','M','A','R','T'].filter(k=> !s[k]); if(missing.length){ els.meterHint.textContent = hintFor(missing[0]); } else { els.meterHint.textContent = 'Nice—your goal looks SMART.'; } } function hintFor(k){ switch(k){ case 'S': return 'Make the outcome concrete and add a metric.'; case 'M': return 'Add a number (%, count, time) to the target.'; case 'A': return 'Check difficulty or compare baseline vs target.'; case 'R': return 'Add role or focus so it’s relevant.'; case 'T': return 'Pick a deadline or use +30/60/90.'; default: return ''; } } // Generation (both modes) function currentData(){ const inQuick = els.formQ.style.display !== 'none'; if(inQuick){ return { role:els.q.role.value, focus:els.q.focus.value, outcome:els.q.outcome.value, metric:els.q.metric.value, target:els.q.target.value, deadline:els.q.deadline.value, baseline:'', difficulty:3, constraints:'', resources:'', tone:'coaching' }; } return { role:els.a.role.value, focus:els.a.focus.value, outcome:els.a.outcome.value, metric:els.a.metric.value, target:els.a.target.value, deadline:els.a.deadline.value, baseline:els.a.baseline.value, difficulty:Number(els.a.difficulty.value||3), constraints:els.a.constraints.value, resources:els.a.resources.value, tone:els.a.tone.value }; } function generate(){ const d=currentData(); renderMeter(scoreSMART(d)); const {variants, milestones} = makeText(d); renderGoals(variants); els.milestones.textContent = milestones.join('\n'); save(); } function makeText(d){ const subject = d.role==='Team'||d.role==='Project' ? 'the team' : (d.role==='Manager' ? 'the manager' : d.role.toLowerCase()); const dateTxt = d.deadline ? new Date(d.deadline).toLocaleDateString(undefined,{year:'numeric',month:'short',day:'numeric'}) : 'the target date'; const measured = d.metric ? `measured by ${d.metric}` : 'measured by agreed metrics'; const baselineTxt = d.baseline? `from ${d.baseline} to ${d.target}` : `to ${d.target}`; const support = d.resources? ` Support: ${d.resources}.` : ''; const limit = d.constraints? ` Constraints: ${d.constraints}.` : ''; const starts = d.tone==='direct' ? ['By','No later than','By'] : d.tone==='coaching' ? ['By','Aim to','Target'] : ['By','Plan to','Target']; const variants = [ `${starts[0]} ${dateTxt}, ${subject} will ${d.outcome.toLowerCase()} ${baselineTxt}, ${measured}.`, `${starts[1]} ${dateTxt}, ${subject} will achieve ${d.target} for ${d.metric||'the metric'}${d.baseline?` (current ${d.baseline})`:''}.`, `Increase ${d.metric? d.metric.toLowerCase(): 'the metric'} ${d.baseline?`from ${d.baseline} `:''}to ${d.target} by ${dateTxt} by improving ${d.focus||'process and skills'}.`, `${subject} commits to ${d.outcome.toLowerCase()} to ${d.target} by ${dateTxt}, verified via ${d.metric||'the metric'}.`, `${subject} will track weekly progress to reach ${d.target}${d.metric?(' '+d.metric):''} by ${dateTxt}.`, `By ${dateTxt}, ${subject} will ${d.outcome.toLowerCase()} with ${d.metric||'the metric'} at ${d.target}${d.baseline?`; baseline ${d.baseline}`:''}.` ].map(s=> s + (support||limit ? (support+limit) : '')); const steps = ['Identify gaps & plan','Apply resources & training','Weekly reviews & adjustments','Final push & validation']; const ms = [ `${steps[0]} — set baseline ${d.baseline||'and source'}; agree ${d.metric||'metrics'}.`, `${steps[1]} — roll out ${d.resources||'support'}; remove blockers; doc SOPs.`, `${steps[2]} — track ${d.metric||'metric'} weekly; retro issues; adjust.`, `${steps[3]} — hit ${d.target}; verify in system; share results.` ]; return {variants, milestones: ms}; } function renderGoals(list){ if(!list || !list.length){ els.goals.textContent='Add outcome, metric, target, and date.'; return; } els.goals.innerHTML = list.map((line,i)=> ``).join('\n'); $$('button[data-copy]', els.goals).forEach(b=> on(b,'click',()=> writeClipboard(list[Number(b.getAttribute('data-copy'))], b))); } // Export helpers function toText(){ const d=currentData(); const {variants, milestones}=makeText(d); return variants.join('\n') + '\n\nMilestones\n-----------\n' + milestones.join('\n'); } function toMarkdown(){ const d=currentData(); const {variants, milestones}=makeText(d); const md = variants.map(v=> `- ${v}`).join('\n') + `\n\n**Milestones**\n` + milestones.map(m=> `- ${m}`).join('\n'); return `# SMART Goals\n\n${md}\n`; } function writeClipboard(txt,btn){ try{ if(navigator.clipboard && typeof navigator.clipboard.writeText==='function'){ const p=navigator.clipboard.writeText(txt); if(p && typeof p.then==='function'){ p.then(()=> flash(btn), ()=> fallback(txt,btn)); } else { fallback(txt,btn); } } else { fallback(txt,btn); } }catch(e){ fallback(txt,btn); } } function fallback(txt,btn){ try{ const ta=document.createElement('textarea'); ta.value=txt; ta.setAttribute('readonly',''); ta.style.position='fixed'; ta.style.left='-9999px'; document.body.appendChild(ta); ta.select(); document.execCommand('copy'); document.body.removeChild(ta);}catch(e){} flash(btn); } function flash(btn){ if(!btn) return; const t=btn.textContent; btn.textContent='Copied!'; setTimeout(()=> btn.textContent=t, 1200); } on(els.saCopy,'click', ()=> writeClipboard(toText(), els.saCopy)); on(els.saMd,'click', ()=> writeClipboard(toMarkdown(), els.saMd)); on(els.saShare,'click', ()=>{ const url=new URL(location.href.split('#')[0]); url.searchParams.set('smart2', encodeURIComponent(JSON.stringify(collectState()))); writeClipboard(url.toString(), els.saShare); }); // Share/save state const store={ set(k,v){ try{ localStorage.setItem(k, JSON.stringify(v)); }catch(e){} }, get(k,d){ try{ const v=localStorage.getItem(k); return v? JSON.parse(v): d; }catch(e){ return d; } } }; function collectState(){ return { mode: els.formQ.style.display!=='none' ? 'q':'a', q:{ role:els.q.role.value, focus:els.q.focus.value, outcome:els.q.outcome.value, metric:els.q.metric.value, target:els.q.target.value, deadline:els.q.deadline.value }, a:{ role:els.a.role.value, focus:els.a.focus.value, tone:els.a.tone.value, outcome:els.a.outcome.value, metric:els.a.metric.value, deadline:els.a.deadline.value, baseline:els.a.baseline.value, target:els.a.target.value, difficulty:els.a.difficulty.value, constraints:els.a.constraints.value, resources:els.a.resources.value } } } function applyState(s){ if(!s) return; if(s.q){ els.q.role.value=s.q.role||'Team'; els.q.focus.value=s.q.focus||''; els.q.outcome.value=s.q.outcome||''; els.q.metric.value=s.q.metric||''; els.q.deadline.value=s.q.deadline||''; els.q.target.value=s.q.target||''; } if(s.a){ els.a.role.value=s.a.role||'Manager'; els.a.focus.value=s.a.focus||''; els.a.tone.value=s.a.tone||'coaching'; els.a.outcome.value=s.a.outcome||''; els.a.metric.value=s.a.metric||''; els.a.deadline.value=s.a.deadline||''; els.a.baseline.value=s.a.baseline||''; els.a.target.value=s.a.target||''; els.a.difficulty.value=s.a.difficulty||3; els.a.constraints.value=s.a.constraints||''; els.a.resources.value=s.a.resources||''; } selMode((s.mode||'q')); } function save(){ store.set('smart2_state', collectState()); } function scrollTop(){ window.scrollTo({top:0,behavior:'smooth'}); } // Init (URL/state) (function init(){ const p=new URLSearchParams(location.search).get('smart2'); if(p){ try{ applyState(JSON.parse(decodeURIComponent(p))); }catch(e){} } else { applyState(store.get('smart2_state', null)); } renderTilesAll(); generate(); })(); // ===================== // Minimal self-tests // ===================== (function tests(){ try{ // SMART meter scoring sanity const s=scoreSMART({outcome:'Increase CSAT', metric:'CSAT %', target:'80%', deadline:'2025-12-01', role:'Team', focus:'Support', baseline:'65%', difficulty:3}); console.assert(s.S && s.M && s.R && s.T, 'SMART meter flags set'); // Preset JSON + apply renderTiles(); const b = els.tiles.querySelector('button[data-idx]'); if(b){ b.click(); console.assert((els.q.outcome.value||'').length>3,'Preset applied'); } // Clipboard fallback primitive (function(){ const ta=document.createElement('textarea'); document.body.appendChild(ta); document.execCommand('copy'); ta.remove(); })(); }catch(e){ console.warn('Self-tests failed', e); } })(); // Utils function escapeHtml(s){ return String(s).replace(/&/g,'&').replace(//g,'>'); } })();