Checkpoint: Correction : déplacement du champ "Public cible" des formations vers les séquences. Le public cible est maintenant défini au niveau de chaque séquence, permettant d'avoir des séquences différentes pour des publics différents au sein d'une même formation. Mise à jour complète du schéma de base de données, des procédures tRPC, du formulaire de création/édition de séquences avec affichage dans le tableau, et affichage du public cible pour chaque séquence sur la page d'inscription publique.

2025-11-13 11:18:02 -05:00
parent 5f4a049e05
commit 732b84fee8
9 changed files with 543 additions and 34 deletions
--- a/client/src/pages/AdminFormations.tsx
+++ b/client/src/pages/AdminFormations.tsx
@@ -22,7 +22,6 @@ export default function AdminFormations() {
  const [formData, setFormData] = useState({
    nom: "",
    description: "",
-    publicCible: "autre" as "directeur" | "chef_service" | "autre",
    lienUnique: "",
    actif: true,
  });
@@ -64,7 +63,7 @@ export default function AdminFormations() {
  });

  const resetForm = () => {
-    setFormData({ nom: "", description: "", publicCible: "autre" as "directeur" | "chef_service" | "autre", lienUnique: "", actif: true });
+    setFormData({ nom: "", description: "", lienUnique: "", actif: true });
    setEditingId(null);
  };

@@ -72,7 +71,6 @@ export default function AdminFormations() {
    setFormData({
      nom: formation.nom,
      description: formation.description || "",
-      publicCible: formation.publicCible || "autre",
      lienUnique: formation.lienUnique,
      actif: formation.actif,
    });
@@ -169,22 +167,6 @@ export default function AdminFormations() {
                      rows={3}
                    />
                  </div>
-                  <div className="space-y-2">
-                    <Label htmlFor="publicCible">Public cible *</Label>
-                    <Select
-                      value={formData.publicCible}
-                      onValueChange={(value: "directeur" | "chef_service" | "autre") => setFormData({ ...formData, publicCible: value })}
-                    >
-                      <SelectTrigger id="publicCible">
-                        <SelectValue placeholder="Sélectionner le public cible" />
-                      </SelectTrigger>
-                      <SelectContent>
-                        <SelectItem value="directeur">Directeur</SelectItem>
-                        <SelectItem value="chef_service">Chef de service</SelectItem>
-                        <SelectItem value="autre">Autre</SelectItem>
-                      </SelectContent>
-                    </Select>
-                  </div>
                  <div className="space-y-2">
                    <Label htmlFor="lienUnique">Lien unique *</Label>
                    <Input
@@ -288,20 +270,16 @@ export default function AdminFormations() {
                  <TableRow>
                    <TableHead>Nom</TableHead>
                    <TableHead>Description</TableHead>
-                    <TableHead>Public cible</TableHead>
                    <TableHead>Lien d'inscription</TableHead>
                    <TableHead>Statut</TableHead>
                    <TableHead className="text-right">Actions</TableHead>
                  </TableRow>
                </TableHeader>
                <TableBody>
-                  {filteredFormations.map((formation) => {
-                    const publicCibleLabel = formation.publicCible === "directeur" ? "Directeur" : formation.publicCible === "chef_service" ? "Chef de service" : "Autre";
-                    return (
+                  {filteredFormations.map((formation) => (
                    <TableRow key={formation.id}>
                      <TableCell className="font-medium">{formation.nom}</TableCell>
                      <TableCell className="max-w-xs truncate">{formation.description || "-"}</TableCell>
-                      <TableCell>{publicCibleLabel}</TableCell>
                      <TableCell>
                        <a
                          href={getInscriptionUrl(formation.lienUnique)}
@@ -341,8 +319,7 @@ export default function AdminFormations() {
                        </div>
                      </TableCell>
                    </TableRow>
-                  );
-                  })}
+                  ))}
                </TableBody>
              </Table>
            ) : (
--- a/client/src/pages/AdminSequences.tsx
+++ b/client/src/pages/AdminSequences.tsx
@@ -33,6 +33,7 @@ export default function AdminSequences() {
    formationId: "",
    nom: "",
    lieu: "",
+    publicCible: "autre" as "directeur" | "chef_service" | "autre",
    capaciteMax: "12",
    dateBlocage: "",
    statut: "ouverte" as "ouverte" | "bloquee" | "terminee",
@@ -85,6 +86,7 @@ export default function AdminSequences() {
      formationId: "",
      nom: "",
      lieu: "",
+      publicCible: "autre",
      capaciteMax: "12",
      dateBlocage: "",
      statut: "ouverte",
@@ -135,6 +137,7 @@ export default function AdminSequences() {
      formationId: sequence.formationId.toString(),
      nom: sequence.nom || "",
      lieu: sequence.lieu || "",
+      publicCible: sequence.publicCible || "autre",
      capaciteMax: sequence.capaciteMax?.toString() || "12",
      dateBlocage: safeFormatDate(sequence.dateBlocage),
      statut: sequence.statut || "ouverte",
@@ -159,6 +162,7 @@ export default function AdminSequences() {
      formationId: parseInt(formData.formationId),
      nom: formData.nom,
      lieu: formData.lieu,
+      publicCible: formData.publicCible,
      capaciteMax: parseInt(formData.capaciteMax),
      dateBlocage: formData.dateBlocage,
      statut: formData.statut,
@@ -350,6 +354,23 @@ export default function AdminSequences() {
                    />
                  </div>

+                  <div className="space-y-2">
+                    <Label htmlFor="publicCible">Public cible *</Label>
+                    <Select
+                      value={formData.publicCible}
+                      onValueChange={(value: "directeur" | "chef_service" | "autre") => setFormData({ ...formData, publicCible: value })}
+                    >
+                      <SelectTrigger id="publicCible">
+                        <SelectValue placeholder="Sélectionner le public cible" />
+                      </SelectTrigger>
+                      <SelectContent>
+                        <SelectItem value="directeur">Directeur</SelectItem>
+                        <SelectItem value="chef_service">Chef de service</SelectItem>
+                        <SelectItem value="autre">Autre</SelectItem>
+                      </SelectContent>
+                    </Select>
+                  </div>
+
                  <div className="space-y-2">
                    <Label htmlFor="capaciteMax">Capacité maximale *</Label>
                    <Input
@@ -560,6 +581,7 @@ export default function AdminSequences() {
                      <TableHead>Nom</TableHead>
                      <TableHead>Dates</TableHead>
                      <TableHead>Lieu</TableHead>
+                      <TableHead>Public cible</TableHead>
                      <TableHead>Capacité</TableHead>
                      <TableHead>Statut</TableHead>
                      <TableHead className="text-right">Actions</TableHead>
@@ -581,6 +603,7 @@ export default function AdminSequences() {
                          </div>
                        </TableCell>
                        <TableCell className="max-w-xs truncate">{sequence.lieu}</TableCell>
+                        <TableCell>{sequence.publicCible === "directeur" ? "Directeur" : sequence.publicCible === "chef_service" ? "Chef de service" : "Autre"}</TableCell>
                        <TableCell>{sequence.capaciteMax}</TableCell>
                        <TableCell>
                          <span className={`inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium ${getStatutBadge(sequence.statut)}`}>
--- a/client/src/pages/Inscription.tsx
+++ b/client/src/pages/Inscription.tsx
@@ -230,10 +230,6 @@ export default function Inscription() {
              {formation.description}
            </p>
          )}
-          <div className="inline-flex items-center gap-2 bg-blue-100 text-blue-800 px-4 py-2 rounded-full text-sm font-medium">
-            <Users className="w-4 h-4" />
-            Public cible : {formation.publicCible === "directeur" ? "Directeurs" : formation.publicCible === "chef_service" ? "Chefs de service" : "Autre"}
-          </div>
        </div>

        {/* Sessions disponibles */}
@@ -277,6 +273,10 @@ export default function Inscription() {
                            <MapPin className="w-4 h-4" />
                            <span>{sequence.lieu}</span>
                          </div>
+                          <div className="flex items-center gap-2">
+                            <Users className="w-4 h-4" />
+                            <span>Public cible : {sequence.publicCible === "directeur" ? "Directeurs" : sequence.publicCible === "chef_service" ? "Chefs de service" : "Autre"}</span>
+                          </div>
                          <div className="flex items-center gap-2">
                            <Users className="w-4 h-4" />
                            <span>{sequence.placesRestantes} places disponibles</span>