' + t('g.gapH') + '
' + money(rec.gapAnnual) + t('unit.yr') + '
' + t('g.gapP') + '
';
cards += '
' + t('g.saveH') + '
+' + money(rec.extraMonthly) + t('unit.mo') + '
' +
(rec.extraMonthly > 0 ? '
' + t('g.saveP', { pct: pct(rec.extraMonthly / Math.max(1, p.income / 12)) }) + '
' : '
' + t('g.saveP2') + '
') + '
';
cards += '
' + t('g.workH') + '
' + (rec.retireDelayYears ? '+' + rec.retireDelayYears + ' ' + t(rec.retireDelayYears === 1 ? 'g.workY1' : 'g.workYN', { n: rec.retireDelayYears }) : '—') + '
' +
(rec.retireDelayYears ? '
' + t('g.workP', { at: Math.min(p.retireAge + rec.retireDelayYears, 75), now: p.retireAge }) + '
' : '
' + t('g.workP2') + '
') + '
';
cards += '
' + t('g.trimH') + '
−' + money(rec.spendingReduction) + t('unit.yr') + '
' + t('g.trimP', { to: money(Math.max(0, p.spendingAnnual - rec.spendingReduction)) }) + '
';
} else {
cards = '
' + t('g.statusH') + '
' + t('g.onTrack') + '
' + t('g.statusP', { sp: money(p.spendingAnnual) }) + '
' +
'
' + t('g.headH') + '
' + money(ss - p.spendingAnnual) + t('unit.yr') + '
' + t('g.headP') + '
' +
'
' + t('g.stressH') + '
' + money(ss) + t('unit.yr') + '
' + t('g.stressP', { age: p.lifeExp }) + '
';
}
$('#gap-cards').innerHTML = cards;
g1_balance(proj); g2_income(proj, p); g3_cash(proj); g4_bars(p, fast);
var tbl = '
| ' + t('t.age') + ' | ' + t('t.rrsp') + ' | ' + t('t.tfsa') + ' | ' + t('t.nonreg') + ' | ' + t('t.total') + ' | ' + t('t.wdr') + ' | ' + t('t.cpp') + ' | ' + t('t.oas') + ' | ' + t('t.gis') + ' | ' + t('t.tax') + ' | ' + t('t.unfunded') + ' |
|---|
';
var n = 0;
proj.years.forEach(function (r) {
if (r.phase !== 'draw' && r.age % 5 !== 0) return; n++;
tbl += '
| ' + r.age + ' | ' + k(r.rrspBal) + ' | ' + k(r.tfsaBal) +
' | ' + k(r.nonregBal) + ' | ' + k(r.totalBal) + ' | ' + k(r.rrifWithdrawal + r.nonregW + r.tfsaW) +
' | ' + k(r.cpp) + ' | ' + k(r.oasGross - r.oasClawback) + ' | ' + k(r.gis) + ' | ' + k(r.tax + r.oasClawback) +
' | ' + (r.unfunded > 1 ? k(r.unfunded) : '—') + ' |
';
});
$('#yr-table').innerHTML = tbl; $('#yr-summary').innerHTML = t('r.yearlySummary', { n: n });
var m2 = fmtMoney2;
$('#stamp').textContent = t('r.stamp', {
cpp: m2(C.cppMax65Monthly.value), oas: m2(C.oasMax6574Monthly.value),
gis: m2(C.gisMaxSingleMonthly.value), asOf: C.asOf
});
var a = state.a;
$('#wi-spend').value = (state.wi.spend != null ? state.wi.spend : a.spendingAnnual);
$('#wi-ctrb').value = (state.wi.ctrb != null ? state.wi.ctrb : a.monthlyContribution);
$('#wi-ret').value = (state.wi.ret != null ? state.wi.ret : a.retireAge);
$('#wi-cpp').value = (state.wi.cpp != null ? state.wi.cpp : a.cppStartAge);
wiLabels();
renderVision(a);
save();
}
function wiLabels() {
$('#wi-spend-o').textContent = money(+$('#wi-spend').value);
$('#wi-ctrb-o').textContent = money(+$('#wi-ctrb').value) + t('unit.mo');
$('#wi-ret-o').textContent = t('r.wiYears', { v: $('#wi-ret').value });
$('#wi-cpp-o').textContent = t('r.wiAge', { v: $('#wi-cpp').value });
}
var wiTimer = null;
function wiChange(key, el) {
state.wi[key] = +el.value; wiLabels();
clearTimeout(wiTimer); wiTimer = setTimeout(function () { renderResults(true); }, 250);
}
$('#wi-spend').addEventListener('input', function () { wiChange('spend', this); });
$('#wi-ctrb').addEventListener('input', function () { wiChange('ctrb', this); });
$('#wi-ret').addEventListener('input', function () { wiChange('ret', this); });
$('#wi-cpp').addEventListener('input', function () { wiChange('cpp', this); });
/* ---------- wiring ---------- */
$('#btn-begin').onclick = function () { showScreen('quiz'); renderStep(); liveUpdate(); };
$('#btn-back').onclick = function () { if (state.step > 0) { state.step--; save(); renderStep(); } };
btnNext.onclick = function () {
var vs = visibleSteps();
if (state.step < vs.length - 1) { state.step++; save(); renderStep(); }
else { g4cache = null; showScreen('results'); renderResults(false); }
};
$('#btn-edit').onclick = function () { showScreen('quiz'); renderStep(); liveUpdate(); };
$('#btn-restart').onclick = function () {
if (!confirm(t('restart.confirm'))) return;
try { localStorage.removeItem(LS); } catch (e) { }
history.replaceState(null, '', location.pathname);
state.a = defaults(); state.wi = {}; state.step = 0; g4cache = null;
showScreen('intro');
};
$('#btn-print').onclick = function () { window.print(); };
$('#btn-share').onclick = function () {
var url = location.origin + location.pathname + '#p=' + encState();
var restore = function () { $('#btn-share').textContent = t('res.share'); };
var done = function () { $('#btn-share').textContent = t('share.copied'); setTimeout(restore, 1800); };
/* Fix 7: never claim "copied" when the clipboard API is missing or rejected. */
var fail = function () {
window.prompt(t('share.prompt'), url);
$('#btn-share').textContent = t('share.shown');
setTimeout(restore, 1800);
};
if (navigator.clipboard && navigator.clipboard.writeText) navigator.clipboard.writeText(url).then(done, fail);
else fail();
};
document.addEventListener('click', function (e) {
var h = document.querySelector('.panel-h');
if (h && h.contains(e.target)) {
document.getElementById('panel').classList.toggle('open');
syncScrim();
syncSheetH();
}
});
/* Fix 3: scrim behind the open sheet on mobile; tapping it closes the sheet. */
function syncScrim() {
var scrim = document.getElementById('scrim');
if (!scrim) return;
var open = document.getElementById('panel').classList.contains('open');
scrim.hidden = !open;
scrim.classList.toggle('on', open);
}
/* Round 2 Fix 1: publish the live sheet height as --sheet-h so .scr padding and the sticky
step-nav always clear the sheet (default 218px on :root keeps the first paint right).
Shim-safe: smoke-test stubs have no offsetHeight — the guard skips them. */
function syncSheetH() {
var panel = document.getElementById('panel');
var h = panel && panel.offsetHeight;
if (h) document.documentElement.style.setProperty('--sheet-h', h + 'px');
}
if (window.addEventListener) window.addEventListener('resize', syncSheetH);
var scrimEl = document.getElementById('scrim');
if (scrimEl) scrimEl.addEventListener('click', function () {
document.getElementById('panel').classList.remove('open');
syncScrim();
syncSheetH();
});
/* Language toggle (i18n.js setLang → applyI18n → this): rebuild the active screen in the
new language. Static DOM is already handled by applyI18n; charts/cards/vision need a re-render. */
window.__onLangChange = function () {
g4cache = null;
if (state.screen === 'quiz') { renderStep(); updatePanel(); }
else if (state.screen === 'results') { renderResults(false); }
save();
};
var savedScreen = state.screen, savedStep = state.step;
showScreen(savedScreen);
if (savedScreen === 'quiz') { renderStep(); liveUpdate(); }
else if (savedScreen === 'results') { renderResults(false); liveUpdate(); }
syncSheetH();
})();