);
}
// ── Modale de création ───────────────────────────────────────────────────
function NewImpactEvalModal({ lang, effectiveOrgId, onClose, onCreated }) {
const { projects } = window.melr.useProjects ? window.melr.useProjects() : { projects: [] };
const [titleFr, setTitleFr] = useState("");
const [titleEn, setTitleEn] = useState("");
const [periodStart, setPeriodStart] = useState("");
const [periodEnd, setPeriodEnd] = useState("");
const [projectId, setProjectId] = useState("");
const [busy, setBusy] = useState(false);
const [err, setErr] = useState(null);
const L = (fr, en) => (lang === "fr" ? fr : en);
const lbl = { fontSize: 12, fontWeight: 600, display: "block", marginBottom: 4 };
const submit = async (e) => {
e.preventDefault();
if (!titleFr.trim()) { setErr(L("Le titre (FR) est requis.", "Title (FR) is required.")); return; }
setBusy(true); setErr(null);
try {
const ev = await window.melr.evaluationsCrud.create({
organization_id: effectiveOrgId,
type: "impact_training",
title_fr: titleFr.trim(),
title_en: titleEn.trim() || titleFr.trim(),
status: "planning",
period_start: periodStart || null,
period_end: periodEnd || null,
project_id: projectId || null,
});
if (onCreated) onCreated(ev);
} catch (ex) { setErr(ex.message); setBusy(false); }
};
return (
)}>
setTitleFr(e.target.value)}
placeholder={L("ex. Formation des contrôleurs budgétaires — cohorte 2026", "e.g. Budget controllers training — 2026 cohort")}
style={{ width: "100%" }} />
setTitleEn(e.target.value)} style={{ width: "100%" }} />
{/* useProjects() remappe : uuid = UUID (FK), id = CODE, nameFr/nameEn. */}
{err && {err}
}
);
}
// ── Écran principal ──────────────────────────────────────────────────────
function ImpactEvalScreen({ lang, effectiveOrgId, isSuperAdmin, hasPerm }) {
const L = (fr, en) => (lang === "fr" ? fr : en);
const { data: allEvals, refresh } = window.melr.useEvaluations
? window.melr.useEvaluations(effectiveOrgId)
: { data: [], refresh: () => {} };
const evals = useMemo(() => (allEvals || []).filter((e) => e.type === "impact_training"), [allEvals]);
const [tab, setTab] = useState("overview");
const [selectedId, setSelectedId] = useState(() => {
try { return localStorage.getItem("melr.impact.selected") || null; } catch (_) { return null; }
});
const selected = useMemo(
() => evals.find((e) => e.id === selectedId) || evals[0] || null,
[evals, selectedId]
);
useEffect(() => {
if (selected && selected.id !== selectedId) {
setSelectedId(selected.id);
try { localStorage.setItem("melr.impact.selected", selected.id); } catch (_) {}
}
}, [selected, selectedId]);
const canManage = isSuperAdmin
|| (typeof hasPerm === "function" && (hasPerm("users.manage") || hasPerm("evaluations.manage")));
const SHEET_KEYS = ["framing", "k1", "k2", "k3", "k4", "k5"];
const [sheets, setSheets] = useState({});
const [dirty, setDirty] = useState(false);
const [busy, setBusy] = useState(false);
const [msg, setMsg] = useState(null);
useEffect(() => {
let cancelled = false;
setSheets({}); setDirty(false); setMsg(null);
if (!selected) return;
Promise.all(SHEET_KEYS.map((s) => window.melr.fetchEvaluationSheet(selected.id, s)))
.then((rows) => {
if (cancelled) return;
const next = {};
SHEET_KEYS.forEach((s, i) => { next[s] = (rows[i] && rows[i].data) || {}; });
setSheets(next);
})
.catch((e) => { if (!cancelled) setMsg(e.message); });
return () => { cancelled = true; };
}, [selected && selected.id]);
const patch = (sheet, data) => { setSheets({ ...sheets, [sheet]: data }); setDirty(true); };
const saveAll = async () => {
if (!selected) return;
setBusy(true); setMsg(null);
try {
for (const s of SHEET_KEYS) await window.melr.saveEvaluationSheet(selected.id, s, sheets[s] || {});
setDirty(false);
setMsg(L("Évaluation enregistrée.", "Evaluation saved."));
} catch (e) { setMsg(L("Erreur : ", "Error: ") + e.message); }
finally { setBusy(false); }
};
const [newOpen, setNewOpen] = useState(false);
const k = computeKpis(sheets);
const k1 = sheets.k1 || {}, k2 = sheets.k2 || {}, k3 = sheets.k3 || {}, k4 = sheets.k4 || {}, k5 = sheets.k5 || {};
const lbl = { fontSize: 11, fontWeight: 600, display: "block", marginBottom: 2 };
const numIn = (sheet, key, ph, max) => (