{L("Annuler", "Cancel")}
{busy ? "…" : L("Créer", "Create")}
)}>
{L("Titre (FR) *", "Title (FR) *")}
{L("Titre (EN)", "Title (EN)")}
{L("Projet lié (optionnel)", "Linked project (optional)")}
{/* useProjects() remappe : uuid = UUID (FK), id = CODE, nameFr/nameEn. */}
setProjectId(e.target.value)} style={{ width: "100%" }}>
{L("— Aucun —", "— None —")}
{(projects || []).map((p) => (
{p.id} · {(lang === "es" ? (p.nameEs != null ? p.nameEs : p.nameEn || p.nameFr) : lang === "fr" ? p.nameFr : p.nameEn || p.nameFr)}
))}
{err && {err}
}
);
}
// ── Écran principal ──────────────────────────────────────────────────────
function PolicyEvalScreen({ 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 === "policy"), [allEvals]);
const [tab, setTab] = useState("overview");
const [selectedId, setSelectedId] = useState(() => {
try { return localStorage.getItem("melr.policy.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.policy.selected", selected.id); } catch (_) {}
}
}, [selected, selectedId]);
const canManage = isSuperAdmin
|| (typeof hasPerm === "function" && (hasPerm("users.manage") || hasPerm("evaluations.manage")));
// Feuilles (chargées en bloc à la sélection)
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(["framing", "matrix", "findings", "conclusions", "response"]
.map((s) => window.melr.fetchEvaluationSheet(selected.id, s)))
.then((rows) => {
if (cancelled) return;
const next = {};
["framing", "matrix", "findings", "conclusions", "response"].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 patchSheet = (sheet, data) => { setSheets({ ...sheets, [sheet]: data }); setDirty(true); };
const saveAll = async () => {
if (!selected) return;
setBusy(true); setMsg(null);
try {
for (const s of ["framing", "matrix", "findings", "conclusions", "response"]) {
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 framing = sheets.framing || {};
const matrixRows = (sheets.matrix && sheets.matrix.rows) || [];
const findings = sheets.findings || {};
const conclusions = sheets.conclusions || {};
const recommendations = conclusions.recommendations || [];
const response = sheets.response || {};
const lbl = { fontSize: 11, fontWeight: 600, display: "block", marginBottom: 2 };
const STATUS_META = window.EVALUATION_STATUS_META || {};
return (
{L("ÉVALUATIONS · POLITIQUES PUBLIQUES", "EVALUATIONS · PUBLIC POLICY")}
{L("Évaluation des politiques publiques", "Public policy evaluation")}
{selected &&
{" — "}{(lang === "es" ? (selected.title_es != null ? selected.title_es : selected.title_en || selected.title_fr) : lang === "fr" ? selected.title_fr : selected.title_en || selected.title_fr)}
}
{L("Les 6 critères OCDE/CAD 2019 : pertinence, cohérence, efficacité, efficience, impact, viabilité.",
"The 6 OECD/DAC 2019 criteria: relevance, coherence, effectiveness, efficiency, impact, sustainability.")}
{canManage && (
setNewOpen(true)}>
)}
{evals.length > 1 && (
{L("Évaluation :", "Evaluation:")}
{
setSelectedId(e.target.value);
try { localStorage.setItem("melr.policy.selected", e.target.value); } catch (_) {}
}}>
{evals.map((e) => (
{(lang === "es" ? (e.title_es != null ? e.title_es : e.title_en || e.title_fr) : lang === "fr" ? e.title_fr : e.title_en || e.title_fr)}
))}
)}
{TABS.map((tb) => (
setTab(tb.key)}
data-hue={tb.hue}
style={{ "--tab-hue": tb.hue }}>
{(lang === "es" ? (tb.es != null ? tb.es : tb.en) : lang === "fr" ? tb.fr : tb.en)}
))}
{/* Barre d'actions commune (hors vue d'ensemble) */}
{tab !== "overview" && selected && (
{canManage && (
{busy ? "…" : L("Enregistrer", "Save")}
)}
exportPolicyReportWord(lang, selected, sheets)}>
📄 {L("Rapport (Word)", "Report (Word)")}
{dirty && {L("Modifications non enregistrées", "Unsaved changes")} }
{msg && {msg} }
)}
{tab !== "overview" && !selected && (
{L("Créez d'abord une évaluation (bouton en haut à droite).", "Create an evaluation first (top-right button).")}
)}
{/* ═ Vue d'ensemble ═ */}
{tab === "overview" && (
{L("Titre", "Title")} {L("Période", "Period")}
{L("Projet", "Project")} {L("Statut", "Status")}
{evals.length === 0 && (
{L("Aucune évaluation de politique publique pour le moment.", "No public policy evaluation yet.")}
{(lang === "es" ? (e.title_es != null ? e.title_es : e.title_en || e.title_fr) : lang === "fr" ? e.title_fr : e.title_en || e.title_fr)}
{(e.period_start || "—")}{e.period_end ? " → " + e.period_end : ""}
{e.projects ? e.projects.code : "—"}
{(lang === "es" ? (sm.es != null ? sm.es : sm.en) : lang === "fr" ? sm.fr : sm.en)}
{
setSelectedId(e.id);
try { localStorage.setItem("melr.policy.selected", e.id); } catch (_) {}
setTab("framing");
}}>{L("Ouvrir", "Open")} →
);
})}
)}
{/* ═ Cadrage ═ */}
{tab === "framing" && selected && FRAMING_FIELDS.map((f) => (
{(lang === "es" ? (f.es != null ? f.es : f.en) : lang === "fr" ? f.fr : f.en)}
{(lang === "es" ? (f.hint_es != null ? f.hint_es : f.hint_en) : lang === "fr" ? f.hint_fr : f.hint_en)}