Files
formation-manager-itinova/client/src/App.tsx
Manus Sandbox eed50c7c08 Checkpoint: Espace Formateur - Fonctionnalités complètes
 **Nouvelles fonctionnalités** :

**Base de données** :
- Nouvelle table `supportsFormation` pour stocker les documents uploadés par les formateurs
- Champs : sequenceId, formateurId, nomFichier, typeFichier, tailleFichier, urlFichier, s3Key, description
- Migration effectuée avec succès

**Backend (server/formateurDb.ts)** :
- `getCalendrierFormateur()` : Récupère les interventions à venir avec dates, lieux et nombre d'inscrits
- `getApprenantsSequence()` : Liste des apprenants inscrits à une séquence
- `getSupportsSequence()` : Liste des supports de formation d'une séquence
- `ajouterSupport()` : Upload d'un nouveau support
- `supprimerSupport()` : Suppression d'un support avec vérification de propriété
- `validerPresence()` : Validation de la présence d'un apprenant
- `getHistoriqueFormateur()` : Historique des formations passées avec statistiques
- `getDetailSequence()` : Détails complets d'une séquence avec dates

**API tRPC (server/routers.ts)** :
- `formateur.calendrier` : Calendrier des interventions avec filtres de dates
- `formateur.apprenants` : Liste des apprenants d'une séquence
- `formateur.supports` : Gestion des supports (liste, ajout, suppression)
- `formateur.validerPresence` : Validation des présences en ligne
- `formateur.historique` : Historique complet des formations
- `formateur.detailSequence` : Détails d'une séquence

**Pages frontend** :
- `/formateur` : **FormateurDashboard** - Calendrier des interventions à venir groupées par date
- `/formateur/sequence/:id` : **FormateurSequence** - Détails séquence avec onglets Apprenants et Supports
- `/formateur/historique` : **FormateurHistorique** - Historique des formations avec taux de présence

**Fonctionnalités implémentées** :
- 📅 Calendrier des interventions avec dates, heures, lieux et nombre d'inscrits
- 👥 Liste des apprenants avec informations complètes (nom, email, fonction, établissement)
-  Validation des présences en ligne avec checkboxes interactives
- 📎 Gestion des supports de formation (liste, téléchargement)
- 📊 Historique des formations avec statistiques (inscrits, présents, taux)
- 🎨 Interface moderne avec cartes, tableaux et onglets

**Notes** :
- L'ID du formateur est actuellement fixé à 1 (TODO: lier à l'utilisateur connecté)
- La fonctionnalité d'upload de supports est préparée mais nécessite l'implémentation du composant d'upload
- Les présences sont gérées via le statut de l'inscription (confirmée/annulée)
2025-12-07 16:39:55 -05:00

86 lines
4.2 KiB
TypeScript

import { Toaster } from "@/components/ui/sonner";
import { TooltipProvider } from "@/components/ui/tooltip";
import NotFound from "@/pages/NotFound";
import { Route, Switch } from "wouter";
import ErrorBoundary from "./components/ErrorBoundary";
import { ThemeProvider } from "./contexts/ThemeContext";
import Home from "./pages/Home";
import LoginChoice from "./pages/LoginChoice";
import AdminRapportPublicCible from "./pages/AdminRapportPublicCible";
import Admin from "./pages/Admin";
import AdminFormations from "./pages/AdminFormations";
import AdminSequences from "./pages/AdminSequences";
import AdminApprenants from "./pages/AdminApprenants";
import AdminApprenantDetail from "./pages/AdminApprenantDetail";
import AdminSequenceInscrits from "./pages/AdminSequenceInscrits";
import AdminUsers from "./pages/AdminUsers";
import AdminEmailTemplates from "./pages/AdminEmailTemplates";
import AdminEmailConfig from "./pages/AdminEmailConfig";
import AdminCalendrier from "./pages/AdminCalendrier";
import AdminRappels from "./pages/AdminRappels";
import AdminAnalytics from "./pages/AdminAnalytics";
import AdminEtablissements from "./pages/AdminEtablissements";
import AdminImportExcel from "./pages/AdminImportExcel";
import AdminQuestionnaires from "./pages/AdminQuestionnaires";
import AdminQuestionnaireEdit from "./pages/AdminQuestionnaireEdit";
import AdminQuestionnaireAnalyse from "./pages/AdminQuestionnaireAnalyse";
import AdminQuestionnaireSuivi from "./pages/AdminQuestionnaireSuivi";
import QuestionnaireReponse from "./pages/QuestionnaireReponse";
import Inscription from "./pages/Inscription";
import Login from "./pages/Login";
import FormateurDashboard from "./pages/formateur/FormateurDashboard";
import FormateurSequence from "./pages/formateur/FormateurSequence";
import FormateurHistorique from "./pages/formateur/FormateurHistorique";
function Router() {
return (
<Switch>
<Route path={"/"} component={LoginChoice} />
<Route path={"/home"} component={Home} />
<Route path={"/login"} component={Login} />
<Route path={"/admin/rapport-public-cible"} component={AdminRapportPublicCible} />
<Route path={"/inscription/:lien"} component={Inscription} />
<Route path={"/admin"} component={Admin} />
<Route path={"/admin/formations"} component={AdminFormations} />
<Route path={"/admin/sequences"} component={AdminSequences} />
<Route path={"/admin/apprenants"} component={AdminApprenants} />
<Route path={"/admin/apprenants/:id"} component={AdminApprenantDetail} />
<Route path={"/admin/sequences/:id/inscrits"} component={AdminSequenceInscrits} />
<Route path={"/admin/users"} component={AdminUsers} />
<Route path={"/admin/email-templates"} component={AdminEmailTemplates} />
<Route path={"/admin/email-config"} component={AdminEmailConfig} />
<Route path={"/admin/calendrier"} component={AdminCalendrier} />
<Route path={"/admin/rappels"} component={AdminRappels} />
<Route path={"/admin/analytics"} component={AdminAnalytics} />
<Route path={"/admin/etablissements"} component={AdminEtablissements} />
<Route path={"/admin/import-excel"} component={AdminImportExcel} />
<Route path={"/admin/questionnaires"} component={AdminQuestionnaires} />
<Route path="/admin/questionnaires/:id/analyse" component={AdminQuestionnaireAnalyse} />
<Route path="/admin/questionnaires/suivi" component={AdminQuestionnaireSuivi} />
<Route path={"/admin/questionnaires/:id"} component={AdminQuestionnaireEdit} />
<Route path={"/questionnaire/:token"} component={QuestionnaireReponse} />
<Route path={"/formateur"} component={FormateurDashboard} />
<Route path={"/formateur/sequence/:id"} component={FormateurSequence} />
<Route path={"/formateur/historique"} component={FormateurHistorique} />
<Route path={"/404"} component={NotFound} />
{/* Final fallback route */}
<Route component={NotFound} />
</Switch>
);
}
function App() {
return (
<ErrorBoundary>
<ThemeProvider defaultTheme="light">
<TooltipProvider>
<Toaster />
<Router />
</TooltipProvider>
</ThemeProvider>
</ErrorBoundary>
);
}
export default App;