{t("app_title")}
{t("app_sub")}
Number(localStorage.getItem("gse:seen") || 0)}
saveSeen={async (v) => { try { localStorage.setItem("gse:seen", String(v)); } catch {} }}
onPickReport={(id) => { setPendingReport(id); go("rapports"); }} />
{menuOpen && (
{t("menu_lang")}
)}
{sidebarOpen && (
<>
setSidebarOpen(false)} />
)}
{view === "home" && (
)}
{view === "planning" && (
)}
{view === "realisees" && (
)}
{view === "docs" && }
{view === "rapports" && (
setPendingReport(null)}
pendingCat={pendingRcat} onCatConsumed={() => setPendingRcat(null)} />
)}
{view === "entretiens" && (
)}
{view === "requetes" && isAdmin && (
)}
{view === "team_formation" && }
{view === "team_entretien" && }
{view === "team_recruteur" && }
{view === "users" && }
{view === "compte" && (
)}
{view === "admin" && isAdmin && (
)}
{view === "logs" && isAdmin && (
{
const r = await api("/api/logs", "DELETE");
if (!r.ok) return flash(t("server_err"));
await loadState();
flash(t("logs_cleared"));
}} />
)}
{searchOpen && (
setSearchOpen(false)}
reports={state.reports || []} entretiens={state.entretiens || []}
formations={state.formations} planning={state.planning} accounts={state.accounts}
go={(v) => { setSearchOpen(false); go(v); }}
pages={[
{ id: "home", k: "nav_home", icon: "🏠" },
{ id: "planning", k: "tab_planning", icon: "🗓️" },
{ id: "realisees", k: "tab_done", icon: "✅" },
{ id: "rapports", k: "nav_rapports", icon: "📄" },
{ id: "entretiens", k: "ent_title", icon: "🤝" },
{ id: "team_formation", k: "team_formation", icon: "🎓" },
{ id: "team_entretien", k: "team_entretien", icon: "🤝" },
{ id: "team_recruteur", k: "team_recruteur", icon: "🎯" },
{ id: "docs", k: "tab_docs", icon: "📚" },
{ id: "users", k: "nav_users", icon: "👥" },
{ id: "compte", k: "menu_account", icon: "👤" },
...(isAdmin ? [
{ id: "admin", k: "tab_admin", icon: "🛠️" },
{ id: "requetes", k: "req_title", icon: "💬" },
{ id: "logs", k: "nav_logs", icon: "🗒️" },
] : []),
]}
onPickReport={(id) => { setSearchOpen(false); setPendingReport(id); go("rapports"); }} />
)}
{toast && {toast}
}
);
}
/* ===================== LOGIN ===================== */
function Login({ t, onSuccess }) {
const [pseudo, setPseudo] = useState("");
const [pwd, setPwd] = useState("");
const [err, setErr] = useState("");
const [busy, setBusy] = useState(false);
async function submit() {
if (busy) return;
setBusy(true);
const r = await api("/api/login", "POST", { pseudo: pseudo.trim(), password: pwd });
setBusy(false);
if (!r.ok) {
if (r.status === 429) {
const m = (r.data && r.data.minutes) || 15;
setErr(t("login_blocked").replace("{min}", m));
} else {
setErr(r.status === 401 ? t("login_err") : t("server_err"));
}
return;
}
await onSuccess();
}
return (
{t("app_title")}
{t("login_title")}
);
}
/* ===================== PLANNING ===================== */
function Planning({ me, canManage, planning, reload, flash, t, lang }) {
const today = new Date();
const thisMonday = startOfWeek(today);
const [weekStart, setWeekStart] = useState(thisMonday);
const [type, setType] = useState(TYPES[0]);
const [date, setDate] = useState("");
const [time, setTime] = useState(SLOTS[0]);
const [formateur, setFormateur] = useState(me.pseudo);
async function add() {
if (!date) return flash(t("pick_day"));
if (!time) return flash(t("pick_slot"));
if (!formateur.trim()) return flash(t("pick_trainer"));
const r = await api("/api/planning", "POST", { type, date, time, formateur: formateur.trim() });
if (!r.ok) return flash(t("server_err"));
await reload();
flash(`${t("added_slot")} ${time}`);
}
async function setStatus(p, status) {
const r = await api(`/api/planning/${p.id}/status`, "POST", { status });
if (!r.ok) return flash(t("server_err"));
await reload();
}
async function remove(p) {
const r = await api(`/api/planning/${p.id}`, "DELETE");
if (!r.ok) return flash(t("server_err"));
await reload();
flash(t("removed"));
}
const days = Array.from({ length: 7 }, (_, i) => addDays(weekStart, i));
const todayISO = toISO(today);
const atCurrentWeek = toISO(weekStart) <= toISO(thisMonday);
const DN = DAY_NAMES[lang] || DAY_NAMES.fr;
function eventsFor(iso, slot) {
const h = slot.slice(0, 2);
return planning.filter((p) => p.date === iso && (p.time || "").slice(0, 2) === h);
}
function pickCell(iso, slot) { setDate(iso); setTime(slot); flash(t("cell_picked")); }
const cells = [
];
days.forEach((d) => {
const iso = toISO(d);
cells.push(
{DN[(d.getDay() + 6) % 7].slice(0, 3)}
{d.getDate()}
);
});
SLOTS.forEach((slot) => {
cells.push(
{slot}
);
days.forEach((d) => {
const iso = toISO(d);
const evs = eventsFor(iso, slot);
cells.push(
{ if (e.target === e.currentTarget) pickCell(iso, slot); }}>
{evs.map((p) => {
const st = STATUS_META[p.status];
const canDelete = canManage || p.by === me.pseudo;
return (
{p.type}
{p.formateur}
{t(st.tkey)}
{(canManage || canDelete) && (
{canManage && p.status !== "validated" && (
)}
{canManage && p.status !== "refused" && (
)}
{canManage && p.status !== "pending" && (
)}
{canDelete && (
)}
)}
);
})}
);
});
});
return (
{t("week_of")}
{weekLabel(weekStart, lang)}
);
}
/* ===================== FORMATIONS RÉALISÉES ===================== */
const emptyForm = (pseudo) => ({
nom: TYPES[0], date: "", debut: "", fin: "", vocal: "",
formateur: "", commentaire: "", formes: "", cordialement: "Cordialement,",
});
function Realisees({ me, canManage, formations, reload, flash, t }) {
const [f, setF] = useState(emptyForm(me.pseudo));
const [copyFallback, setCopyFallback] = useState(null);
function set(k, v) { setF((p) => ({ ...p, [k]: v })); }
async function add() {
if (!f.date) return flash(t("need_date"));
const r = await api("/api/formations", "POST", { ...f, formateur: f.formateur.trim() });
if (!r.ok) return flash(t("server_err"));
setF(emptyForm(me.pseudo));
await reload();
flash(t("saved_done"));
}
async function remove(x) {
const r = await api(`/api/formations/${x.id}`, "DELETE");
if (!r.ok) return flash(t("server_err"));
await reload();
flash(t("deleted_done"));
}
function report(x) {
return [
`**Nom de la formation :** ${x.nom}`,
`**Date :** ${frDate(x.date)}`,
`**Heure de début :** ${x.debut || "—"}`,
`**Heure de fin :** ${x.fin || "—"}`,
`**Vocal utilisée :** ${x.vocal || "—"}`,
`**Formateur :** ${x.formateur || "—"}`,
`**Commentaire :** ${x.commentaire || "—"}`,
`**GSE Formés :** ${x.formes || "—"}`,
``,
`${x.cordialement || ""}`.trim(),
].join("\n");
}
async function copy(x) {
const text = report(x);
const ok = await copyText(text);
if (ok) flash(t("copied"));
else setCopyFallback(text);
}
return (