/* ════════════════════════════════════════════════════════════════ Decaform (site) — page « Mon historique » : bandeau d'entrée animé et grand tableau de TOUS les tests (un test par colonne, qualités et épreuves en lignes). Thème « nuit de stade » : .cad-night redéfinit les variables sombres, quel que soit le thème du site. SVG/HTML bruts, aucune librairie. Publie window.CadHistoryHero, window.CadHistoryMatrix, window.CadReveal. ════════════════════════════════════════════════════════════════ */ (function () { var DAY = 86400000; function tr(fr) { return window.CadTr ? window.CadTr(fr) : fr; } function dOf(iso) { return Date.parse(String(iso).slice(0, 10) + 'T12:00:00Z'); } function fmtDate(ms, o) { try { return new Date(ms).toLocaleDateString(window.CadLocale ? window.CadLocale() : 'fr-FR', o || { day: 'numeric', month: 'short', year: 'numeric' }); } catch (e) { return ''; } } function num(v, d) { var p = Math.pow(10, d || 0); return (Math.round(v * p) / p + '').replace('.', ','); } function signed(n) { var r = Math.round(n); return (r > 0 ? '+' : r < 0 ? '−' : '±') + Math.abs(r); } function reduced() { try { return window.matchMedia('(prefers-reduced-motion: reduce)').matches; } catch (e) { return false; } } function lvColor(cat, lv) { return (cat && cat.palette && cat.palette[lv]) || '#9ca3af'; } window.CadClean = function (s) { return String(s == null ? '' : s).replace(/[\u{1F000}-\u{1FAFF}\u{2600}-\u{27BF}\u{FE0F}]/gu, '').replace(/\s+/g, ' ').trim(); }; function cleanName(t) { return t.name.replace(/\s*\(.*\)$/, ''); } // Apparition au défilement : ajoute .in quand l'élément entre dans l'écran. function useIn() { var ref = React.useRef(null); var s = React.useState(reduced()); var on = s[0], setOn = s[1]; React.useEffect(function () { var el = ref.current; if (!el || on) return undefined; if (typeof IntersectionObserver === 'undefined') { setOn(true); return undefined; } var io = new IntersectionObserver(function (es) { es.forEach(function (e) { if (e.isIntersecting) { setOn(true); io.disconnect(); } }); }, { threshold: 0.08 }); io.observe(el); return function () { io.disconnect(); }; }, [on]); return [ref, on]; } function CadReveal(props) { var r = useIn(); return
{props.children}
; } function CountUp(props) { var target = props.value || 0, dec = props.dec || 0; var s = React.useState(reduced() ? target : 0); var v = s[0], setV = s[1]; React.useEffect(function () { if (reduced()) { setV(target); return undefined; } var start = null, raf; function step(ts) { if (start == null) start = ts; var k = Math.min(1, (ts - start) / 1200); setV(target * (1 - Math.pow(1 - k, 3))); if (k < 1) raf = requestAnimationFrame(step); } raf = requestAnimationFrame(step); return function () { cancelAnimationFrame(raf); }; }, [target]); return {num(v, dec)}; } // Variables sombres (copie de :root) + styles de la page. // ── Résultat d'une épreuve : valeur saisie (kg, temps, W) + vitesse moyenne ; survol / appui = détail de chaque répétition ── function resultOf(t, r, w) { var F = window.CadencesFormat; if (!r) return { text: '—', sub: '', splits: null }; if (r.display) return { text: r.display, sub: '', splits: null }; return F && F.formatResult ? F.formatResult(t, r, w != null ? w : r._w) : { text: '—', sub: '', splits: null }; } window.CadResultText = function (t, r, w) { var o = resultOf(t, r, w); return o.text + (o.sub ? ' · ' + o.sub : ''); }; function splitLabel(l) { var m = /^(Rép\.|Essai) (\d+)$/.exec(l || ''); if (m && window.CadT) return window.CadT(m[1] === 'Essai' ? 'Essai {n}' : 'Rép. {n}', { n: m[2] }); return tr(l); } function CadResult(props) { var o = resultOf(props.t, props.r, props.w); var os = React.useState(null); var pos = os[0], setPos = os[1]; var ref = React.useRef(null); var has = !!(o.splits && o.splits.length); function show() { if (!has || !ref.current) return; var b = ref.current.getBoundingClientRect(); var W = window.innerWidth, w = Math.min(300, W - 24); var left = Math.max(12, Math.min(W - w - 12, b.left + b.width / 2 - w / 2)); var below = b.top < 230; setPos({ left: left, w: w, top: below ? b.bottom + 8 : null, bottom: below ? null : window.innerHeight - b.top + 8 }); } function hide() { setPos(null); } React.useEffect(function () { if (!pos) return undefined; function away(ev) { if (ref.current && !ref.current.contains(ev.target)) setPos(null); } function esc(ev) { if (ev.key === 'Escape') setPos(null); } window.addEventListener('scroll', hide, true); document.addEventListener('pointerdown', away); document.addEventListener('keydown', esc); return function () { window.removeEventListener('scroll', hide, true); document.removeEventListener('pointerdown', away); document.removeEventListener('keydown', esc); }; }, [pos]); var pop = pos ? ReactDOM.createPortal(
{tr(props.t.name.replace(/\s*\(.*\)$/, ''))} · {tr('détail')}
{o.splits.map(function (x, i) { return
{splitLabel(x.label)}{x.text}{x.speed}
; })}
{tr('Total')}{o.text}{o.sub}
, document.body) : null; return ( {o.text} {o.sub ? {o.sub} : null} {has ? : null} {pop} ); } window.CadResult = CadResult; function Style() { return ( ); } // Statistiques de l'historique (mode = 'general' | 'age'). function stats(cat, hist, mode) { var age = mode === 'age'; var sc = function (e) { return age && e.scoreA != null ? e.scoreA : e.score; }; var qs = function (e) { return (age && e.qualitiesA) ? e.qualitiesA : e.qualities; }; var first = hist[0], last = hist[hist.length - 1]; var best = null; (cat.qualities || []).forEach(function (q) { var x = qs(last) && qs(last)[q.key]; if (x && (!best || x.pct > best.pct)) best = { label: q.label, pct: x.pct }; }); var nextTs = dOf(last.date) + 182 * DAY; return { n: hist.length, first: first, last: last, now: sc(last), start: sc(first), delta: sc(last) - sc(first), best: best, nextTs: nextTs, daysTo: Math.round((nextTs - Date.now()) / DAY), level: age && last.levelA ? last.levelA : last.level, sc: sc }; } // ── Bandeau d'entrée ─────────────────────────────────────────────────────── function CadHistoryHero(props) { if (window.CadUseLang) window.CadUseLang(); var cat = props.catalog || {}, hist = props.history || []; var mS = React.useState('general'); var mode = mS[0], setMode = mS[1]; function setM(m) { setMode(m); try { window.dispatchEvent(new CustomEvent('cad-set-mode', { detail: { mode: m } })); } catch (e) {} } function jump(id) { try { var el = document.getElementById(id); if (el) el.scrollIntoView({ behavior: 'smooth', block: 'start' }); } catch (e) {} } var s = stats(cat, hist, mode); var ts0 = dOf(hist[0].date), ts1 = dOf(hist[hist.length - 1].date); var months = Math.max(1, Math.round((ts1 - ts0) / (30.4 * DAY))); var qs = function (e) { return (mode === 'age' && e.qualitiesA) ? e.qualitiesA : e.qualities; }; var best = null, up = null; (cat.qualities || []).forEach(function (q) { var l = (qs(s.last) || {})[q.key], f = (qs(s.first) || {})[q.key]; if (!l) return; var now = l.pct * 100; if (!best || now > best.now) best = { label: q.label, now: now, d: f ? now - f.pct * 100 : null }; if (f && hist.length > 1) { var d = now - f.pct * 100; if (!up || d > up.d) up = { label: q.label, d: d, from: f.pct * 100, to: now }; } }); var kpis = [ { k: 'Score actuel', v: , sub: hist.length > 1 ? signed(s.delta) + ' ' + tr('depuis le 1er test') : tr('Premier test'), cls: s.delta >= 0 ? 'cad-hv-up' : 'cad-hv-dn', arrow: hist.length > 1 ? (s.delta >= 0 ? '▲ ' : '▼ ') : '' }, { k: 'Meilleure qualité', v: best ? tr(best.label) : '—', sub: best ? Math.round(best.now) + '/100' + (best.d != null && hist.length > 1 ? ' · ' + signed(best.d) + ' pts' : '') : '' }, { k: 'Plus grosse progression', v: up && up.d > 0.5 ? tr(up.label) + ' ' + signed(up.d) : '—', sub: up && up.d > 0.5 ? Math.round(up.from) + ' → ' + Math.round(up.to) + ' ' + tr('en') + ' ' + months + ' ' + tr('mois') : tr('Il faut un 2e test'), cls: 'cad-hv-up' }, { k: 'Prochain test conseillé', v: fmtDate(s.nextTs, { month: 'long', year: 'numeric' }), sub: tr('tous les 6 mois idéalement') } ]; return (
{tr('Mon historique')}{props.onBack ? : null}

{s.n} {s.n > 1 ? tr('tests') : tr('test')} · {months} {tr('mois de progression')}

Decaform · {tr('du')} {fmtDate(ts0)} {tr('au')} {fmtDate(ts1)}

{props.onStart ? : null}
{kpis.map(function (k, i) { return (
{tr(k.k)} {k.v} {k.arrow || ''}{k.sub}
); })}
); } // ── Grand tableau : un test par colonne ──────────────────────────────────── function CadHistoryMatrix(props) { if (window.CadUseLang) window.CadUseLang(); var cat = props.catalog || {}, hist = (props.history || []).slice().sort(function (a, b) { return dOf(a.date) - dOf(b.date); }); var qualities = cat.qualities || []; var legacy = (props.legacyTests || []).map(function (t) { return Object.assign({}, t, { legacy: true }); }); var tests = (cat.tests || []).concat(legacy); var mS = React.useState('general'); var mode = mS[0], setMode = mS[1]; var fS = React.useState('all'); var filter = fS[0], setFilter = fS[1]; var vS = React.useState('raw'); var view = vS[0], setView = vS[1]; var navS = React.useState({ l: false, r: false }); var nav = navS[0], setNav = navS[1]; var scRef = React.useRef(null); var age = mode === 'age'; React.useEffect(function () { function on(ev) { var m = ev && ev.detail && ev.detail.mode; if (m) setMode(m); } window.addEventListener('cad-set-mode', on); return function () { window.removeEventListener('cad-set-mode', on); }; }, []); var F = window.CadencesFormat; function mp(e, kind) { return age ? (e[kind + 'A'] || e[kind]) : e[kind]; } function qv(e, key) { var x = (mp(e, 'qualities') || {})[key]; return x && isFinite(x.pct) ? x.pct * 100 : null; } function tv(e, slug) { return (mp(e, 'tests') || {})[slug] || null; } function fmtVal(t, r) { var v = r.value != null ? r.value : r.valueUsed; if (v == null) return '—'; if (t.kind === 'ratio' && F && F.formatRatio) return F.formatRatio(t, v); return F && F.formatValue ? F.formatValue(t, v) : String(v); } // Meilleur nombre de points par épreuve, pour le badge « record ». var bestPts = {}, passes = {}; tests.forEach(function (t) { hist.forEach(function (e) { var r = tv(e, t.slug); if (r) { passes[t.slug] = (passes[t.slug] || 0) + 1; if (bestPts[t.slug] == null || r.points > bestPts[t.slug]) bestPts[t.slug] = r.points; } }); }); function sync() { var el = scRef.current; if (!el) return; setNav({ l: el.scrollLeft > 8, r: el.scrollLeft + el.clientWidth < el.scrollWidth - 8 }); } React.useEffect(function () { var el = scRef.current; if (!el) return undefined; el.scrollLeft = el.scrollWidth; // arrive sur le test le plus récent sync(); var onR = function () { sync(); }; window.addEventListener('resize', onR); return function () { window.removeEventListener('resize', onR); }; }, [hist.length, mode, filter]); function go(dir) { var el = scRef.current; if (el) el.scrollBy({ left: dir * Math.max(300, el.clientWidth * 0.6), behavior: 'smooth' }); } function pick(metric) { try { window.dispatchEvent(new CustomEvent('cad-pick-metric', { detail: { metric: metric } })); } catch (e) {} } var showQ = filter === 'all' || filter === 'q'; var showT = filter === 'all' || filter === 't' || filter === 'rec'; var rows = []; var ri = 0; function delay() { return { animationDelay: (Math.min(ri++, 30) * 45 + 150) + 'ms' }; } var last = hist.length - 1; // Groupes d'épreuves, dans l'ordre du catalogue. var groups = []; var gIdx = {}; tests.forEach(function (t) { if (!passes[t.slug]) return; if (filter === 'rec') { var any = hist.some(function (e) { var r = tv(e, t.slug); return r && passes[t.slug] > 1 && r.points === bestPts[t.slug]; }); if (!any) return; } var g = t.group || (t.legacy ? 'Anciennes versions' : 'Épreuves'); if (gIdx[g] == null) { gIdx[g] = groups.length; groups.push({ name: g, items: [] }); } groups[gIdx[g]].items.push(t); }); function evCell(d, mode2) { if (d == null) return —; var up = d > 0.04, dn = d < -0.04, cl = up ? 'cad-hv-up' : dn ? 'cad-hv-dn' : ''; var txt = mode2 === 'word' ? (up ? tr('amélioré') : dn ? tr('en recul') : tr('stable')) : (up ? '+' : dn ? '−' : '±') + Math.abs(Math.round(d)); return {up ? '▲ ' : dn ? '▼ ' : ''}{txt}; } function cellStyle(color) { return { background: color + '14', color: 'var(--text)', border: '1px solid ' + color + '40' }; } var head = ( {tr('Mesure')} {hist.map(function (e, i) { var cond = e.tempC != null ? Math.round(e.tempC) + ' °C' + (e.weatherLabel ? ' · ' + window.CadClean(e.weatherLabel) : '') : ''; return ( {fmtDate(dOf(e.date), { day: 'numeric', month: 'short', year: 'numeric' })} {e.age} {tr('ans')} · {num(e.weight, 1)} kg {cond ? {cond} : null} {e.durationDays && e.maxDays && e.durationDays > e.maxDays ? {tr('Durée')} : {e.durationDays} {tr('jours')} : null} {props.onOpen ? : null} {props.onDelete ? : null} ); })} {tr('Évolution')} ); // Ligne « Score global » rows.push( {tr('Score global')}{tr('sur')} {cat.totalPoints || 1000} {hist.map(function (e, i) { var sc = age && e.scoreA != null ? e.scoreA : e.score, lv = age && e.levelA ? e.levelA : e.level, c = lvColor(cat, lv); var prev = i > 0 ? (age && hist[i - 1].scoreA != null ? hist[i - 1].scoreA : hist[i - 1].score) : null; return {sc}{tr(lv)}{prev != null ? ' · ' + (sc - prev >= 0 ? '▲ ' : '▼ ') + Math.abs(sc - prev) : ''}; })} {evCell(hist.length > 1 ? (function () { var f = hist[0], l = hist[last]; return (age && l.scoreA != null ? l.scoreA : l.score) - (age && f.scoreA != null ? f.scoreA : f.score); })() : null, '')} ); if (showQ) { rows.push({tr('Qualités')} · {tr('sur 100')}); qualities.forEach(function (q) { rows.push( {tr(q.label)} {hist.map(function (e, i) { var v = qv(e, q.key), x = (mp(e, 'qualities') || {})[q.key]; if (v == null) return —; var pv = i > 0 ? qv(hist[i - 1], q.key) : null, c = lvColor(cat, x.level); return {Math.round(v)}{pv != null ? (v - pv >= 0 ? '▲ ' : '▼ ') + Math.abs(Math.round(v - pv)) : '—'}; })} {evCell((function () { var f = qv(hist[0], q.key), l = qv(hist[last], q.key); return f != null && l != null && hist.length > 1 ? l - f : null; })(), '')} ); }); } if (showT) { groups.forEach(function (g) { rows.push({tr(g.name)}); g.items.forEach(function (t) { rows.push( {tr(cleanName(t))}{t.legacy ? {tr('ancienne version')} : null} {hist.map(function (e, i) { var r = tv(e, t.slug); if (!r) return —; var isRec = passes[t.slug] > 1 && r.points === bestPts[t.slug] && (r.value != null || r.valueUsed != null); var pr = null; for (var k = i - 1; k >= 0; k--) { var q = tv(hist[k], t.slug); if (q) { pr = q; break; } } var d = pr ? r.points - pr.points : null; return ( {view === 'raw' ? {isRec ? {tr('record')} : null} : {num(r.points, 1)}/ {r.max != null ? r.max : t.pts_max}{isRec ? ' · ' + tr('record') : ''}} ); })} {evCell((function () { var a = null, b = null; hist.forEach(function (e) { var r = tv(e, t.slug); if (r) { if (!a) a = r; b = r; } }); return a && b && a !== b ? b.points - a.points : null; })(), 'word')} ); }); }); } return (
{tr('Tableau comparatif')}

{tr('Tout ton historique, test après test')}

{[['all', 'Tout'], ['q', 'Qualités'], ['t', 'Épreuves'], ['rec', 'Records seulement']].map(function (o) { return ; })} {props.onExport ? : null}
{head}{rows}

{tr('Vert / ▲ = progression, rouge / ▼ = recul. Clique sur une mesure pour tracer sa courbe, sur « Analyse » pour ouvrir le bilan d’un test.')}

); } window.CadHistoryStyle = Style; window.CadHistoryHero = CadHistoryHero; window.CadHistoryMatrix = CadHistoryMatrix; window.CadReveal = CadReveal; })();