(()=>{ const root=document.getElementById('tutorial')||document.body; /* ================= tree ================= */ const NODES = [ {id:'r', parent:null, type:'root', title:'روشمند'}, {id:'c1', parent:'r', type:'cat', title:'مالی'}, {id:'g1', parent:'c1', type:'obj', title:'افزایش درآمد'}, {id:'k1', parent:'g1', type:'kr', title:'۲۰٪ فروش بیشتر نسبت به فصل قبل'}, {id:'k2', parent:'g1', type:'kr', title:'بستن ۵ قرارداد سازمانی جدید'}, {id:'k3', parent:'g1', type:'kr', title:'دو برابر کردن فروش آنلاین'}, {id:'g2', parent:'c1', type:'obj', title:'کاهش هزینه‌ها'}, {id:'k4', parent:'g2', type:'kr', title:'۱۰٪ کاهش هزینه انرژی'}, {id:'k5', parent:'g2', type:'kr', title:'۵٪ کاهش هزینه خرید مواد اولیه'}, {id:'c2', parent:'r', type:'cat', title:'مشتری'}, {id:'g3', parent:'c2', type:'obj', title:'افزایش رضایت مشتریان'}, {id:'k6', parent:'g3', type:'kr', title:'رسیدن امتیاز رضایت به ۸ از ۱۰'}, {id:'k7', parent:'g3', type:'kr', title:'پاسخ به شکایت‌ها در کمتر از ۲۴ ساعت'}, {id:'g4', parent:'c2', type:'obj', title:'جذب مشتریان جدید'}, {id:'k8', parent:'g4', type:'kr', title:'جذب ۱۰۰ مشتری جدید'}, {id:'c3', parent:'r', type:'cat', title:'فرآیندهای داخلی'}, {id:'g5', parent:'c3', type:'obj', title:'بهبود کیفیت محصول'}, {id:'k9', parent:'g5', type:'kr', title:'کاهش مرجوعی به زیر ۲٪'}, {id:'k10',parent:'g5', type:'kr', title:'دریافت گواهی‌نامه کیفیت'}, {id:'c4', parent:'r', type:'cat', title:'رشد و یادگیری'}, {id:'g6', parent:'c4', type:'obj', title:'توانمندسازی کارکنان'}, {id:'k11',parent:'g6', type:'kr', title:'برگزاری ۴ دوره آموزشی'}, {id:'k12',parent:'g6', type:'kr', title:'کاهش ترک کار کارکنان'}, ]; const N = Object.fromEntries(NODES.map(n => [n.id, n])); const LVL = {root:'سازمان', cat:'دسته‌بندی', obj:'هدف', kr:'نتیجه کلیدی'}; const groupOf = n => n.type === 'root' ? 'ROOT' : 'P:' + n.parent; const groupType = g => g === 'ROOT' ? 'root' : ({root:'cat', cat:'obj', obj:'kr'})[N[g.slice(2)].type]; /* ================= state ================= */ let S; const fresh = () => ({shown:new Set(), w:{}, cap:null, active:null, focus:null, err:null, typing:{}, spot:[], path:[], fresh:new Set(), cols:{w:false, loc:false, abs:false}}); let local = {}, abs = {}, GROUPS = {}; function compute(){ const vis = NODES.filter(n => S.shown.has(n.id)); GROUPS = {}; local = {}; abs = {r:1}; vis.forEach(n => { if (n.type !== 'root') (GROUPS[groupOf(n)] ||= []).push(n); }); for (const g in GROUPS){ const s = GROUPS[g].reduce((a,n) => a + S.w[n.id], 0); const d = (g === 'P:r' && S.cap) ? S.cap : s; GROUPS[g].forEach(n => local[n.id] = d > 0 ? S.w[n.id] / d : 0); } vis.forEach(n => { if (n.type !== 'root') abs[n.id] = abs[n.parent] * local[n.id]; }); } const catSum = () => (GROUPS['P:r'] || []).reduce((a,n) => a + S.w[n.id], 0); const allocated = () => (GROUPS['P:r'] || []).reduce((a,n) => a + abs[n.id], 0); /* ================= format ================= */ const fa = (n, d=0) => Number(n).toLocaleString('fa-IR', {minimumFractionDigits:d, maximumFractionDigits:d}); const fw = n => Number(n).toLocaleString('fa-IR', {maximumFractionDigits:2}); const pct = (x, d=1) => fa(x * 100, d) + '٪'; const pctS = x => Number((x*100).toFixed(1)).toLocaleString('fa-IR') + '٪'; const faDigits = s => String(s).replace(/\d/g, d => '۰۱۲۳۴۵۶۷۸۹'[d]); /* ================= render ================= */ const ICON = { root:'', cat:'', obj:'', kr:'' }; const DEPTH = {root:0, cat:1, obj:2, kr:3}; const tb = document.getElementById('tb'), tbl = document.getElementById('tbl'); function render(){ compute(); tbl.classList.toggle('hide-w', !S.cols.w); tbl.classList.toggle('hide-loc', !S.cols.loc); tbl.classList.toggle('hide-abs', !S.cols.abs); root.classList.toggle('comparing', !!S.active); const spot = new Set(S.spot), path = new Set(S.path); const vis = NODES.filter(n => S.shown.has(n.id)); if (!vis.length){ tb.innerHTML = ` جدول هنوز خالی است`; } else { tb.innerHTML = vis.map(n => { const g = groupOf(n); const on = S.active && S.active === g; const cls = ['r-' + n.type, 't-' + groupType(g), on ? 'g-on' : '', S.fresh.has(n.id) ? 'fresh' : '', path.has(n.id) ? 'path' : ''].join(' '); const val = n.id in S.typing ? S.typing[n.id] : (S.w[n.id] == null ? '' : fw(S.w[n.id])); const wcls = ['wbox', S.focus === n.id ? 'focus' : '', S.err && S.err.id === n.id ? 'err' : ''].join(' '); const sc = c => (spot.has(`cell:${n.id}:${c}`) || spot.has('col:' + c)) ? ' spot' : ''; const a = n.type === 'root' ? allocated() : abs[n.id]; return `

${ICON[n.type]}${n.title}${LVL[n.type]}

${val || (n.type === 'root' && S.focus !== n.id ? 'بدون سقف' : '')} ${n.type === 'root' ? '—' : pct(local[n.id])}

${pct(a, 1)}

`; }).join(''); } document.querySelectorAll('thead th').forEach(th => { const c = th.className.match(/c-(\w+)/)[1]; th.classList.toggle('spot', spot.has('col:' + c)); }); renderFoot(spot); renderInfo(spot); } function renderFoot(spot){ const tf = document.getElementById('tf'); if (!S.shown.has('c1') || !S.cols.abs){ tf.innerHTML = ''; return; } const al = allocated(); let h = `جمع کل

${pct(al,1)}

`; if (S.cap && al < 0.99995) h += `تخصیص‌نیافته — ${fw(S.cap - catSum())} امتیاز از ${fw(S.cap)} ${pct(1 - al, 1)}`; tf.innerHTML = h; } function capChip(){ if (!S.cap) return ''; const rem = S.cap - catSum(); return rem > 1e-9 ? `${fw(rem)} واحد باقیمانده` : `سقف ${fw(S.cap)} کامل تخصیص یافت`; } function renderInfo(spot){ const info = document.getElementById('info'), txt = document.getElementById('infoTxt'), ch = document.getElementById('infoChips'); info.classList.toggle('spot-out', spot.has('info')); const err = S.err ? `${S.err.msg}` : ''; const g = S.active; info.className = info.className.replace(/\bt-\w+/g, '').trim(); if (!g){ txt.innerHTML = S.shown.size ? 'این نوار نشان می‌دهد الان چه چیزهایی با هم مقایسه می‌شوند.' : 'نوار وضعیت: هر وقت وزنی وارد شود، اینجا توضیح می‌دهد چه اتفاقی افتاده.'; ch.innerHTML = capChip() + err; return; } const t = groupType(g); info.classList.add('t-' + t); if (t === 'root'){ txt.innerHTML = `سقف امتیاز سازمان — جمع وزن دسته‌بندی‌ها نباید از این عدد بیشتر شود.`; } else { const m = GROUPS[g] || [], p = N[g.slice(2)]; txt.innerHTML = t === 'cat' ? `مقایسه ${fa(m.length)} دسته‌بندی زیر «${p.title}»` : t === 'obj' ? `مقایسه ${fa(m.length)} هدف زیر دسته‌بندی «${p.title}»` : `مقایسه ${fa(m.length)} نتیجه کلیدی زیر هدف «${p.title}»`; } const sum = t === 'root' ? null : (GROUPS[g] || []).reduce((a,n) => a + S.w[n.id], 0); ch.innerHTML = (sum != null ? `مجموع وزن: ${fw(sum)}` : '') + ((t === 'cat' || t === 'root') ? capChip() : '') + err; } /* جدول در قاب خودش اسکرول می‌شود؛ ردیف تازه را در دید نگه دار */ const box = root.querySelector('.scroll'); function scrollRow(id){ const el = tb.querySelector(`tr[data-id="${id}"]`); if (!el || !box) return; const b = box.getBoundingClientRect(), r = el.getBoundingClientRect(); if (r.top < b.top + 44 || r.bottom > b.bottom - 8) box.scrollTo({top: box.scrollTop + (r.top - b.top) - box.clientHeight * 0.35, behavior:'smooth'}); } /* ================= validation ================= */ function validate(n, v){ if (n.type === 'root'){ const s = catSum(); if (v < s) return {ok:false, msg:`سقف نمی‌تواند کمتر از جمع دسته‌بندی‌ها (${fw(s)}) باشد`}; return {ok:true}; } if (n.type === 'cat' && S.cap){ const max = S.cap - (catSum() - S.w[n.id]); if (v > max) return {ok:false, msg:`از سقف ${fw(S.cap)} بیشتر می‌شود — حداکثر مجاز: ${fw(Math.max(0,max))}`}; } return {ok:true}; } /* ================= animation helpers ================= */ const ABORT = Symbol('abort'); let token = 0; function mk(my, fast){ const chk = () => { if (my !== token) throw ABORT; }; const sleep = ms => { chk(); return fast ? Promise.resolve() : new Promise(r => setTimeout(r, ms)).then(chk); }; const R = () => { if (!fast) render(); }; return { fast, sleep, async add(ids, gap = 420){ for (const id of ids){ S.shown.add(id); if (!(id in S.w)) S.w[id] = N[id].type === 'root' ? null : 1; if (!fast){ S.fresh.add(id); R(); scrollRow(id); } await sleep(gap); } if (!fast) setTimeout(() => { if (my === token){ S.fresh.clear(); render(); } }, 1000); }, async type(id, val, hold = 650){ const n = N[id], v = Number(val); if (fast){ compute(); if (validate(n, v).ok){ n.type === 'root' ? (S.cap = v, S.w[id] = v) : (S.w[id] = v); } return; } S.err = null; S.active = groupOf(n); S.focus = id; S.typing[id] = ''; R(); scrollRow(id); await sleep(500); const str = String(val); for (let i = 1; i <= str.length; i++){ S.typing[id] = faDigits(str.slice(0, i)); R(); await sleep(190); } await sleep(250); compute(); const r = validate(n, v); if (r.ok){ if (n.type === 'root') S.cap = v; S.w[id] = v; delete S.typing[id]; S.focus = null; } else S.err = {id, msg:r.msg}; R(); await sleep(hold); return r.ok; }, set(f){ f(S); R(); }, scroll(id){ if (!fast) scrollRow(id); } }; } /* ================= steps ================= */ const k = (t, c) => `${t}`; const STEPS = [ { title:'به آموزش وزن‌دهی خوش آمدید', body:`در هر سازمان همه کارها به یک اندازه مهم نیستند. وزن‌دهی یعنی مشخص کنیم هر کار چقدر مهم است و چقدر در موفقیت کل سازمان اثر دارد.
در این آموزش همه کارها را خود صفحه انجام می‌دهد؛ شما فقط دکمه «بعدی» را بزنید یا «پخش خودکار» را روشن کنید. جدول فعلاً خالی است.`, run: async c => {} }, { title:'قدم اول: خود سازمان', body:`بالاترین ردیف جدول، خود سازمان است؛ در این مثال ${k('روشمند','abs')}. همه چیز زیر آن چیده می‌شود، مثل ریشه یک درخت.`, run: async c => { await c.add(['r']); c.set(s => s.spot = ['cell:r:t']); } }, { title:'دسته‌بندی‌ها: چهار نگاه به سازمان', body:`زیر سازمان، چهار ${k('دسته‌بندی','cat')} اضافه می‌کنیم. هر دسته‌بندی یک زاویه نگاه به سازمان است:

مالی: پول، درآمد و سود
مشتری: رضایت و جذب مشتری
فرآیندهای داخلی: کارها در داخل سازمان چطور انجام می‌شود
رشد و یادگیری: آدم‌ها، مهارت‌ها و آینده

`, run: async c => { await c.add(['c1','c2','c3','c4'], 550); } }, { title:'ستون «وزن مقایسه‌ای» چیست؟', body:`وزن، عددی است که خودتان می‌دهید تا بگویید چیزی نسبت به بقیه چقدر مهم‌تر است.
لازم نیست درصد باشد و لازم نیست جمعش ۱۰۰ شود. فعلاً همه ۱ هستند؛ یعنی همه به یک اندازه مهم‌اند.`, run: async c => { c.set(s => { s.cols.w = true; s.cols.loc = true; s.spot = ['col:w']; }); } }, { title:'وزن‌دهی دسته‌بندی‌ها، به‌صورت مقایسه‌ای', body:`وقتی روی وزن یک دسته‌بندی کلیک می‌شود، هر چهار دسته‌بندی ${k('نارنجی','cat')} می‌شوند؛ یعنی این چهار تا با هم مقایسه می‌شوند.
می‌دهیم: مالی ۴، مشتری ۳، فرآیندها ۲، رشد و یادگیری ۱. یعنی مالی دو برابرِ فرآیندها و چهار برابرِ رشد و یادگیری اهمیت دارد.`, run: async c => { await c.type('c1', 4); await c.type('c2', 3); await c.type('c3', 2); await c.type('c4', 1); } }, { title:'«سهم در گروه» یعنی چه؟', body:`جمع وزن‌ها ۴ + ۳ + ۲ + ۱ = ۱۰ است. پس:

مالی ۴ از ۱۰ = ۴۰٪ | مشتری ۳۰٪ | فرآیندها ۲۰٪ | رشد ۱۰٪

ستون «سهم در گروه» همین را خودکار حساب می‌کند. شما فقط عدد مقایسه‌ای می‌دهید، درصد را سیستم می‌سازد.`, run: async c => { c.set(s => { s.active = 'P:r'; s.spot = ['col:loc']; }); } }, { title:'اضافه کردن اهداف', body:`زیر هر دسته‌بندی، ${k('اهداف','obj')} قرار می‌گیرند؛ یعنی چیزهای بزرگی که می‌خواهیم این فصل به آن برسیم، مثل «افزایش درآمد».
هدف تازه همیشه وزن ۱ دارد تا وقتی که آن را تغییر دهیم.`, run: async c => { await c.add(['g1','g2','g3','g4','g5','g6'], 450); } }, { title:'هدف‌های هم‌سطح با هم مقایسه می‌شوند', body:`روی وزن «افزایش درآمد» کلیک می‌کنیم. فقط دو هدف زیر «مالی» ${k('آبی','obj')} می‌شوند؛ چون هر هدف فقط با هدف‌های همان دسته‌بندی مقایسه می‌شود، نه با اهداف مشتری یا بقیه.
افزایش درآمد ۳ و کاهش هزینه‌ها ۱: یعنی در بخش مالی، درآمد سه برابر مهم‌تر است (۷۵٪ در برابر ۲۵٪).`, run: async c => { await c.type('g1', 3); await c.type('g2', 1); } }, { title:'هر دسته‌بندی، مقایسه جداگانه خودش را دارد', body:`حالا سراغ اهداف «مشتری» می‌رویم. این بار فقط همین دو هدف رنگی می‌شوند: رضایت مشتریان ۲ و جذب مشتری جدید ۱.
«بهبود کیفیت محصول» و «توانمندسازی کارکنان» هر کدام تنها هدف دسته‌بندی خود هستند؛ پس رقیبی ندارند و خودبه‌خود ۱۰۰٪ سهم می‌گیرند.`, run: async c => { await c.type('g3', 2); await c.type('g4', 1); c.set(s => { s.active = null; s.spot = ['cell:g5:loc','cell:g6:loc']; }); c.scroll('g6'); } }, { title:'اضافه کردن نتایج کلیدی', body:`${k('نتیجه کلیدی','kr')} یک عدد قابل اندازه‌گیری است که نشان می‌دهد به هدف رسیده‌ایم یا نه؛ مثل «۲۰٪ فروش بیشتر» یا «جذب ۱۰۰ مشتری جدید».
زیر هر هدف چند نتیجه کلیدی می‌گذاریم.`, run: async c => { await c.add(['k1','k2','k3','k4','k5','k6','k7','k8','k9','k10','k11','k12'], 260); } }, { title:'وزن‌دهی نتایج کلیدی یک هدف', body:`روی نتایج کلیدیِ «افزایش درآمد» کار می‌کنیم. این سه نتیجه کلیدی ${k('سبز','kr')} می‌شوند؛ یعنی فقط با هم مقایسه می‌شوند.
می‌دهیم ۵۰، ۳۰ و ۲۰. این بار جمعشان ۱۰۰ است تا خواندنش راحت باشد؛ ولی هر عدد دیگری هم با همین نسبت، همین نتیجه را می‌داد.`, run: async c => { await c.type('k1', 50); await c.type('k2', 30); await c.type('k3', 20); } }, { title:'وزن مطلق: سهم واقعی از کل سازمان', body:() => `تا اینجا هر وزن فقط در گروه خودش معنا داشت. ${k('وزن مطلق','abs')} می‌گوید هر مورد از کل سازمان چقدر سهم دارد.
حسابش ساده است؛ سهم‌ها را از بالا به پایین در هم ضرب می‌کنیم:

مالی ${pctS(local.c1)} × افزایش درآمد ${pctS(local.g1)} × ۲۰٪ فروش بیشتر ${pctS(local.k1)} = ${pctS(abs.k1)}

`, run: async c => { c.set(s => { s.cols.abs = true; s.path = ['c1','g1','k1']; s.spot = ['col:abs']; }); c.scroll('k1'); } }, { title:'جمع زیرمجموعه‌ها = خود والد', body:() => `وزن مطلق «افزایش درآمد» ${pctS(abs.g1)} است و سه نتیجه کلیدی‌اش ${pctS(abs.k1)} + ${pctS(abs.k2)} + ${pctS(abs.k3)} = ${pctS(abs.g1)}.
همین قانون در همه سطح‌ها برقرار است و جمع همه دسته‌بندی‌ها ۱۰۰٪ می‌شود. پس هیچ امتیازی گم نمی‌شود و هیچ چیز دوبار شمرده نمی‌شود.`, run: async c => { c.set(s => { s.path = ['g1','k1','k2','k3']; s.spot = ['cell:g1:abs','cell:k1:abs','cell:k2:abs','cell:k3:abs','foot']; }); c.scroll('k2'); } }, { title:'وزن مطلق یعنی «میزان اثر»', body:() => { const krs = NODES.filter(n => n.type === 'kr').sort((a,b) => abs[b.id] - abs[a.id]); const pick = [...krs.slice(0,3), krs[krs.length-1]]; const max = abs[krs[0].id]; return `اگر «۲۰٪ فروش بیشتر» صددرصد محقق شود، ${k(pctS(abs.k1) + ' از کل موفقیت سازمان','abs')} به دست می‌آید. اما «کاهش ترک کار کارکنان» حتی اگر کامل انجام شود فقط ${pctS(abs.k12)} اثر دارد.

${pick.map(n => `

${n.title}${pctS(abs[n.id])}

`).join('')}

پس وزن مطلق به همه نشان می‌دهد تمرکز و انرژی را کجا بگذارند.`; }, run: async c => { c.set(s => { s.path = ['k1','k12']; s.spot = ['cell:k1:abs','cell:k12:abs']; }); c.scroll('k1'); } }, { title:'سقف امتیاز: فکر کردن با «امتیاز» به جای درصد', body:`گاهی راحت‌تر است به جای درصد با امتیاز فکر کنیم. مثلاً می‌گوییم کل سازمان ۹۰۰ امتیاز دارد و این عدد را در ردیف «روشمند» می‌نویسیم.
از این لحظه، جمع وزن دسته‌بندی‌ها نباید از ۹۰۰ بیشتر شود. جمع فعلی فقط ۱۰ است؛ برای همین نوار بالا می‌گوید ۸۹۰ واحد باقی مانده.`, run: async c => { c.set(s => { s.path = []; }); await c.type('r', 900, 900); c.set(s => { s.spot = ['info']; }); } }, { title:'تقسیم امتیازها بین دسته‌بندی‌ها', body:`حالا امتیازها را تقسیم می‌کنیم: مالی ۳۰۰، مشتری ۲۵۰، فرآیندها ۱۵۰.
حواستان به نوار بالا باشد: با هر عدد، مقدار باقیمانده کم می‌شود.`, run: async c => { await c.type('c1', 300); await c.type('c2', 250); await c.type('c3', 150); c.set(s => s.spot = ['info']); } }, { title:'بیشتر از سقف ممنوع است', body:`می‌خواهیم به «رشد و یادگیری» ۳۰۰ بدهیم. اما ۳۰۰ + ۲۵۰ + ۱۵۰ + ۳۰۰ = ${k('۱۰۰۰','err')} می‌شود که از ۹۰۰ بیشتر است.
سیستم قبول نمی‌کند: خانه قرمز می‌شود، می‌گوید حداکثر ۲۰۰ مجاز است و عدد به مقدار قبلی برمی‌گردد.`, run: async c => { await c.type('c4', 300, 2600); c.set(s => { s.err = null; delete s.typing.c4; s.focus = null; }); } }, { title:'امتیاز باقیمانده', body:`این بار ۱۰۰ می‌دهیم و قبول می‌شود. اما هنوز ${k('۱۰۰ امتیاز باقیمانده','cat')} داریم.
«باقیمانده» یعنی بخشی از کل که هنوز به هیچ کاری داده نشده. پایین جدول هم به‌صورت «تخصیص‌نیافته» نشان داده می‌شود. می‌شود آن را عمداً برای کارهای پیش‌بینی‌نشده نگه داشت.`, run: async c => { await c.type('c4', 100); c.set(s => { s.spot = ['info','foot']; }); } }, { title:'تکمیل تخصیص: باقیمانده صفر', body:`«رشد و یادگیری» را ۲۰۰ می‌کنیم. حالا جمع دقیقاً ۹۰۰ است و ${k('باقیمانده صفر','kr')} شد. همه امتیاز سازمان تقسیم شده و وزن مطلق‌ها دوباره جمعشان ۱۰۰٪ است.`, run: async c => { await c.type('c4', 200); c.set(s => { s.spot = ['info','foot']; }); } }, { title:'وزن‌دهی کامل شد', body:`حالا معلوم است هر دسته‌بندی، هدف و نتیجه کلیدی چقدر در موفقیت سازمان اثر دارد. خلاصه:

در هر سطح، فقط موارد هم‌گروه با هم مقایسه می‌شوند.
وزن‌ها نسبی‌اند؛ درصدها را سیستم حساب می‌کند.
${k('وزن مطلق','abs')} = اثر هر مورد بر کل سازمان در صورت تحقق کامل.
با سقف امتیاز، نمی‌شود بیشتر از سهم کل تقسیم کرد.

یادتان باشد: وزن‌دهی کار یک‌باره نیست. فصل بعد ممکن است اهداف یا نتایج کلیدی اضافه یا حذف شوند یا اولویت‌ها عوض شوند؛ آن وقت وزن‌ها را دوباره بازبینی و اصلاح کنید.`, run: async c => { c.set(s => { s.active = null; s.spot = []; }); if (box) box.scrollTo({top:0, behavior:'smooth'}); } }, ]; /* ================= player ================= */ let cur = 0, auto = false, autoTimer = null; const coach = document.getElementById('coach'); const dots = document.getElementById('dots'); dots.innerHTML = STEPS.map((_, i) => ``).join(''); dots.addEventListener('click', e => { const i = e.target.dataset.i; if (i != null) go(+i); }); function caption(i){ const s = STEPS[i]; document.getElementById('cNo').textContent = `مرحله ${fa(i + 1)} از ${fa(STEPS.length)}`; document.getElementById('cTitle').textContent = s.title; document.getElementById('cBody').innerHTML = typeof s.body === 'function' ? s.body() : s.body; document.getElementById('cBody').scrollTop = 0; document.getElementById('cProg').style.width = ((i + 1) / STEPS.length * 100) + '%'; document.getElementById('bPrev').disabled = i === 0; const last = i === STEPS.length - 1; document.getElementById('bNext').innerHTML = last ? 'شروع دوباره' : (i === 0 ? 'شروع' : 'بعدی') + ''; [...dots.children].forEach((d, j) => { d.className = j === i ? 'cur' : j < i ? 'done' : ''; }); } async function go(i){ clearTimeout(autoTimer); const my = ++token; S = fresh(); try { const fast = mk(my, true); for (let j = 0; j < i; j++) await STEPS[j].run(fast); } catch (e) { if (e === ABORT) return; throw e; } Object.assign(S, {active:null, focus:null, err:null, typing:{}, spot:[], path:[]}); S.fresh.clear(); cur = i; render(); caption(i); coach.classList.add('busy'); try { await STEPS[i].run(mk(my, false)); } catch (e) { if (e === ABORT) return; throw e; } if (my !== token) return; coach.classList.remove('busy'); render(); caption(i); // refresh numbers that depend on the final state of the step if (auto && i < STEPS.length - 1){ const len = document.getElementById('cBody').textContent.length; autoTimer = setTimeout(() => { if (my === token) go(i + 1); }, Math.min(14000, 3000 + len * 38)); } } const next = () => go(cur >= STEPS.length - 1 ? 0 : cur + 1); const prev = () => { if (cur > 0) go(cur - 1); }; document.getElementById('bNext').onclick = next; document.getElementById('bPrev').onclick = prev; document.getElementById('bReplay').onclick = () => go(cur); document.getElementById('bAuto').onclick = e => { auto = !auto; e.currentTarget.classList.toggle('on', auto); e.currentTarget.innerHTML = auto ? 'توقف' : 'پخش خودکار'; if (auto && !coach.classList.contains('busy')) next(); }; addEventListener('keydown', e => { if (e.target && e.target.closest && e.target.closest('button,a')) return; if (e.key === 'ArrowLeft' || e.key === 'Enter') next(); if (e.key === 'ArrowRight') prev(); }); go(0); })();

آموزش وزن‌دهی اهداف و نتایج کلیدی