manus-admin/formation-manager-itinova
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

true message

Browse Source
This commit is contained in:
Manus Sandbox
2025-11-19 10:33:48 -05:00
parent 54cf4297bf
commit 2283e84b54
42 changed files with 38 additions and 8559 deletions
Download Patch File Download Diff File Expand all files Collapse all files

226
client/src/pages/AdminCalendrier.tsx
View File

@@ -1,226 +0,0 @@
import { useState } from "react";
import DashboardLayout from "@/components/DashboardLayout";
import { Button } from "@/components/ui/button";
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card";
import { trpc } from "@/lib/trpc";
import { ChevronLeft, ChevronRight, Calendar as CalendarIcon } from "lucide-react";
import { format, startOfMonth, endOfMonth, eachDayOfInterval, isSameMonth, isSameDay, addMonths, subMonths, startOfWeek, endOfWeek } from "date-fns";
import { fr } from "date-fns/locale";
import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle } from "@/components/ui/dialog";
export default function AdminCalendrier() {
const [currentDate, setCurrentDate] = useState(new Date());
const [selectedSequence, setSelectedSequence] = useState<any>(null);
const [isDialogOpen, setIsDialogOpen] = useState(false);
const { data: sequences = [], isLoading } = trpc.sequences.list.useQuery();
const { data: formations = [] } = trpc.formations.list.useQuery();
const getFormationName = (formationId: number) => {
const formation = formations.find(f => f.id === formationId);
return formation?.nom || "Formation inconnue";
};
// Générer les jours du calendrier (incluant les jours du mois précédent/suivant pour remplir la grille)
const monthStart = startOfMonth(currentDate);
const monthEnd = endOfMonth(currentDate);
const calendarStart = startOfWeek(monthStart, { weekStartsOn: 1 }); // Commence le lundi
const calendarEnd = endOfWeek(monthEnd, { weekStartsOn: 1 });
const calendarDays = eachDayOfInterval({ start: calendarStart, end: calendarEnd });
// Obtenir les séquences pour un jour donné
const getSequencesForDay = (day: Date) => {
return sequences.filter(sequence => {
return sequence.dates.some((date: any) => {
const dateDebut = new Date(date.dateDebut);
return isSameDay(dateDebut, day);
});
});
};
const handlePreviousMonth = () => {
setCurrentDate(subMonths(currentDate, 1));
};
const handleNextMonth = () => {
setCurrentDate(addMonths(currentDate, 1));
};
const handleToday = () => {
setCurrentDate(new Date());
};
const handleSequenceClick = (sequence: any) => {
setSelectedSequence(sequence);
setIsDialogOpen(true);
};
const getPublicCibleLabel = (publicCible: string) => {
switch (publicCible) {
case "directeur": return "Directeur";
case "chef_service": return "Chef de service";
case "tous": return "Tous";
case "autre": return "Autre";
default: return publicCible;
}
};
const getStatutBadge = (statut: string) => {
switch (statut) {
case "ouverte": return "bg-green-100 text-green-800";
case "bloquee": return "bg-orange-100 text-orange-800";
case "terminee": return "bg-gray-100 text-gray-800";
default: return "bg-gray-100 text-gray-800";
}
};
return (
<DashboardLayout>
<div className="space-y-6">
<div>
<h1 className="text-3xl font-bold tracking-tight">Calendrier des séquences</h1>
<p className="text-muted-foreground">
Vue mensuelle de toutes les séquences de formation planifiées
</p>
</div>
<Card>
<CardHeader>
<div className="flex items-center justify-between">
<div>
<CardTitle className="text-2xl">
{format(currentDate, "MMMM yyyy", { locale: fr })}
</CardTitle>
<CardDescription>
{sequences.length} séquence(s) au total
</CardDescription>
</div>
<div className="flex gap-2">
<Button variant="outline" size="sm" onClick={handleToday}>
Aujourd'hui
</Button>
<Button variant="outline" size="icon" onClick={handlePreviousMonth}>
<ChevronLeft className="h-4 w-4" />
</Button>
<Button variant="outline" size="icon" onClick={handleNextMonth}>
<ChevronRight className="h-4 w-4" />
</Button>
</div>
</div>
</CardHeader>
<CardContent>
{isLoading ? (
<div className="text-center py-8 text-muted-foreground">Chargement...</div>
) : (
<div className="border rounded-lg overflow-hidden">
{/* En-tête des jours de la semaine */}
<div className="grid grid-cols-7 bg-muted">
{["Lun", "Mar", "Mer", "Jeu", "Ven", "Sam", "Dim"].map(day => (
<div key={day} className="p-2 text-center text-sm font-medium">
{day}
</div>
))}
</div>
{/* Grille du calendrier */}
<div className="grid grid-cols-7 auto-rows-fr">
{calendarDays.map((day, index) => {
const daySequences = getSequencesForDay(day);
const isCurrentMonth = isSameMonth(day, currentDate);
const isToday = isSameDay(day, new Date());
return (
<div
key={index}
className={`min-h-[120px] border-t border-r p-2 ${
!isCurrentMonth ? "bg-muted/30" : ""
} ${isToday ? "bg-primary/5" : ""}`}
>
<div className={`text-sm font-medium mb-1 ${
!isCurrentMonth ? "text-muted-foreground" : ""
} ${isToday ? "text-primary font-bold" : ""}`}>
{format(day, "d")}
</div>
<div className="space-y-1">
{daySequences.map(sequence => (
<button
key={sequence.id}
onClick={() => handleSequenceClick(sequence)}
className="w-full text-left p-1 rounded text-xs bg-primary/10 hover:bg-primary/20 transition-colors"
>
<div className="font-medium truncate">{sequence.nom}</div>
<div className="text-muted-foreground truncate">
{getFormationName(sequence.formationId)}
</div>
</button>
))}
</div>
</div>
);
})}
</div>
</div>
)}
</CardContent>
</Card>
{/* Dialog de détails de la séquence */}
<Dialog open={isDialogOpen} onOpenChange={setIsDialogOpen}>
<DialogContent className="max-w-2xl">
<DialogHeader>
<DialogTitle>{selectedSequence?.nom}</DialogTitle>
<DialogDescription>
{selectedSequence && getFormationName(selectedSequence.formationId)}
</DialogDescription>
</DialogHeader>
{selectedSequence && (
<div className="space-y-4">
<div className="grid grid-cols-2 gap-4">
<div>
<p className="text-sm font-medium text-muted-foreground">Lieu</p>
<p>{selectedSequence.lieu}</p>
</div>
<div>
<p className="text-sm font-medium text-muted-foreground">Public cible</p>
<p>{getPublicCibleLabel(selectedSequence.publicCible)}</p>
</div>
<div>
<p className="text-sm font-medium text-muted-foreground">Formateur</p>
<p>{selectedSequence.formateur || "-"}</p>
</div>
<div>
<p className="text-sm font-medium text-muted-foreground">Capacité</p>
<p>{selectedSequence.nbInscrits || 0} / {selectedSequence.capaciteMax}</p>
</div>
<div>
<p className="text-sm font-medium text-muted-foreground">Statut</p>
<span className={`inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium ${getStatutBadge(selectedSequence.statut)}`}>
{selectedSequence.statut}
</span>
</div>
</div>
<div>
<p className="text-sm font-medium text-muted-foreground mb-2">Dates de formation</p>
<div className="space-y-2">
{selectedSequence.dates.map((date: any) => (
<div key={date.id} className="p-2 bg-muted rounded">
<p className="font-medium">Date {date.ordre}</p>
<p className="text-sm">
Du {format(new Date(date.dateDebut), "PPP 'à' HH:mm", { locale: fr })}
</p>
<p className="text-sm">
au {format(new Date(date.dateFin), "PPP 'à' HH:mm", { locale: fr })}
</p>
</div>
))}
</div>
</div>
</div>
)}
</DialogContent>
</Dialog>
</div>
</DashboardLayout>
);
}

318
client/src/pages/AdminRappels.tsx
View File

@@ -1,318 +0,0 @@
import { useState } from "react";
import DashboardLayout from "@/components/DashboardLayout";
import { Button } from "@/components/ui/button";
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card";
import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, DialogTrigger } from "@/components/ui/dialog";
import { Input } from "@/components/ui/input";
import { Label } from "@/components/ui/label";
import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "@/components/ui/table";
import { Textarea } from "@/components/ui/textarea";
import { Switch } from "@/components/ui/switch";
import { trpc } from "@/lib/trpc";
import { Plus, Pencil, Trash2, Bell, BellOff } from "lucide-react";
import { toast } from "sonner";
export default function AdminRappels() {
const [isCreateDialogOpen, setIsCreateDialogOpen] = useState(false);
const [isEditDialogOpen, setIsEditDialogOpen] = useState(false);
const [formData, setFormData] = useState({
nom: "",
joursAvant: 15,
emailTemplate: "",
actif: true,
});
const [editingId, setEditingId] = useState<number | null>(null);
const { data: rappels = [], isLoading, refetch } = trpc.rappels.list.useQuery();
const createMutation = trpc.rappels.create.useMutation();
const updateMutation = trpc.rappels.update.useMutation();
const deleteMutation = trpc.rappels.delete.useMutation();
const resetForm = () => {
setFormData({
nom: "",
joursAvant: 15,
emailTemplate: "",
actif: true,
});
setEditingId(null);
};
const handleCreate = async () => {
try {
await createMutation.mutateAsync(formData);
toast.success("Rappel créé avec succès");
setIsCreateDialogOpen(false);
resetForm();
refetch();
} catch (error: any) {
toast.error(error.message || "Erreur lors de la création du rappel");
}
};
const handleEdit = (rappel: any) => {
setFormData({
nom: rappel.nom,
joursAvant: rappel.joursAvant,
emailTemplate: rappel.emailTemplate,
actif: rappel.actif,
});
setEditingId(rappel.id);
setIsEditDialogOpen(true);
};
const handleUpdate = async () => {
if (!editingId) return;
try {
await updateMutation.mutateAsync({ id: editingId, ...formData });
toast.success("Rappel mis à jour avec succès");
setIsEditDialogOpen(false);
resetForm();
refetch();
} catch (error: any) {
toast.error(error.message || "Erreur lors de la mise à jour du rappel");
}
};
const handleDelete = async (id: number) => {
if (!confirm("Êtes-vous sûr de vouloir supprimer ce rappel ?")) return;
try {
await deleteMutation.mutateAsync({ id });
toast.success("Rappel supprimé avec succès");
refetch();
} catch (error: any) {
toast.error(error.message || "Erreur lors de la suppression du rappel");
}
};
const templateExemple = `Bonjour {{prenom}} {{nom}},
Nous vous rappelons que votre formation "{{formationNom}}" - {{sequenceNom}} aura lieu dans {{joursAvant}} jours.
📅 Date : {{dateDebut}}
📍 Lieu : {{lieu}}
👨‍🏫 Formateur : {{formateur}}
Cordialement,
L'équipe Formation Manager Itinova`;
return (
<DashboardLayout>
<div className="space-y-6">
<div className="flex items-center justify-between">
<div>
<h1 className="text-3xl font-bold tracking-tight">Rappels automatiques</h1>
<p className="text-muted-foreground">
Configurez les rappels envoyés automatiquement avant les formations
</p>
</div>
<Dialog open={isCreateDialogOpen} onOpenChange={setIsCreateDialogOpen}>
<DialogTrigger asChild>
<Button onClick={() => resetForm()}>
<Plus className="mr-2 h-4 w-4" />
Nouveau rappel
</Button>
</DialogTrigger>
<DialogContent className="max-w-2xl">
<DialogHeader>
<DialogTitle>Créer un rappel</DialogTitle>
<DialogDescription>
Configurez un nouveau rappel automatique à envoyer avant les formations
</DialogDescription>
</DialogHeader>
<div className="space-y-4">
<div>
<Label htmlFor="nom">Nom du rappel</Label>
<Input
id="nom"
placeholder="Ex: Rappel J-15"
value={formData.nom}
onChange={(e) => setFormData({ ...formData, nom: e.target.value })}
/>
</div>
<div>
<Label htmlFor="joursAvant">Jours avant la formation</Label>
<Input
id="joursAvant"
type="number"
min="1"
placeholder="15"
value={formData.joursAvant}
onChange={(e) => setFormData({ ...formData, joursAvant: parseInt(e.target.value) || 0 })}
/>
<p className="text-sm text-muted-foreground mt-1">
Nombre de jours avant la première date de formation
</p>
</div>
<div>
<Label htmlFor="emailTemplate">Template d'email</Label>
<Textarea
id="emailTemplate"
placeholder={templateExemple}
value={formData.emailTemplate}
onChange={(e) => setFormData({ ...formData, emailTemplate: e.target.value })}
rows={10}
/>
<p className="text-sm text-muted-foreground mt-1">
Variables disponibles : {"{{"} prenom {"}}"}, {"{{"} nom {"}}"}, {"{{"} formationNom {"}}"}, {"{{"} sequenceNom {"}}"}, {"{{"} dateDebut {"}}"}, {"{{"} lieu {"}}"}, {"{{"} formateur {"}}"}, {"{{"} joursAvant {"}}"}
</p>
</div>
<div className="flex items-center space-x-2">
<Switch
id="actif"
checked={formData.actif}
onCheckedChange={(checked) => setFormData({ ...formData, actif: checked })}
/>
<Label htmlFor="actif">Activer ce rappel</Label>
</div>
<div className="flex justify-end gap-2">
<Button variant="outline" onClick={() => setIsCreateDialogOpen(false)}>
Annuler
</Button>
<Button onClick={handleCreate} disabled={createMutation.isPending}>
{createMutation.isPending ? "Création..." : "Créer"}
</Button>
</div>
</div>
</DialogContent>
</Dialog>
</div>
<Card>
<CardHeader>
<CardTitle>Liste des rappels</CardTitle>
<CardDescription>
Gérez les rappels automatiques envoyés aux apprenants avant les formations
</CardDescription>
</CardHeader>
<CardContent>
{isLoading ? (
<div className="text-center py-8 text-muted-foreground">Chargement...</div>
) : rappels.length === 0 ? (
<div className="text-center py-8 text-muted-foreground">
Aucun rappel configuré. Créez votre premier rappel pour commencer.
</div>
) : (
<Table>
<TableHeader>
<TableRow>
<TableHead>Nom</TableHead>
<TableHead>Jours avant</TableHead>
<TableHead>Statut</TableHead>
<TableHead className="text-right">Actions</TableHead>
</TableRow>
</TableHeader>
<TableBody>
{rappels.map((rappel) => (
<TableRow key={rappel.id}>
<TableCell className="font-medium">{rappel.nom}</TableCell>
<TableCell>J-{rappel.joursAvant}</TableCell>
<TableCell>
{rappel.actif ? (
<span className="inline-flex items-center gap-1 text-green-600">
<Bell className="h-4 w-4" />
Actif
</span>
) : (
<span className="inline-flex items-center gap-1 text-gray-500">
<BellOff className="h-4 w-4" />
Inactif
</span>
)}
</TableCell>
<TableCell className="text-right">
<div className="flex justify-end gap-2">
<Button
variant="outline"
size="sm"
onClick={() => handleEdit(rappel)}
>
<Pencil className="h-4 w-4" />
</Button>
<Button
variant="outline"
size="sm"
onClick={() => handleDelete(rappel.id)}
>
<Trash2 className="h-4 w-4" />
</Button>
</div>
</TableCell>
</TableRow>
))}
</TableBody>
</Table>
)}
</CardContent>
</Card>
{/* Dialog de modification */}
<Dialog open={isEditDialogOpen} onOpenChange={setIsEditDialogOpen}>
<DialogContent className="max-w-2xl">
<DialogHeader>
<DialogTitle>Modifier le rappel</DialogTitle>
<DialogDescription>
Modifiez les paramètres du rappel automatique
</DialogDescription>
</DialogHeader>
<div className="space-y-4">
<div>
<Label htmlFor="edit-nom">Nom du rappel</Label>
<Input
id="edit-nom"
placeholder="Ex: Rappel J-15"
value={formData.nom}
onChange={(e) => setFormData({ ...formData, nom: e.target.value })}
/>
</div>
<div>
<Label htmlFor="edit-joursAvant">Jours avant la formation</Label>
<Input
id="edit-joursAvant"
type="number"
min="1"
placeholder="15"
value={formData.joursAvant}
onChange={(e) => setFormData({ ...formData, joursAvant: parseInt(e.target.value) || 0 })}
/>
<p className="text-sm text-muted-foreground mt-1">
Nombre de jours avant la première date de formation
</p>
</div>
<div>
<Label htmlFor="edit-emailTemplate">Template d'email</Label>
<Textarea
id="edit-emailTemplate"
value={formData.emailTemplate}
onChange={(e) => setFormData({ ...formData, emailTemplate: e.target.value })}
rows={10}
/>
<p className="text-sm text-muted-foreground mt-1">
Variables disponibles : {"{{"} prenom {"}}"}, {"{{"} nom {"}}"}, {"{{"} formationNom {"}}"}, {"{{"} sequenceNom {"}}"}, {"{{"} dateDebut {"}}"}, {"{{"} lieu {"}}"}, {"{{"} formateur {"}}"}, {"{{"} joursAvant {"}}"}
</p>
</div>
<div className="flex items-center space-x-2">
<Switch
id="edit-actif"
checked={formData.actif}
onCheckedChange={(checked) => setFormData({ ...formData, actif: checked })}
/>
<Label htmlFor="edit-actif">Activer ce rappel</Label>
</div>
<div className="flex justify-end gap-2">
<Button variant="outline" onClick={() => setIsEditDialogOpen(false)}>
Annuler
</Button>
<Button onClick={handleUpdate} disabled={updateMutation.isPending}>
{updateMutation.isPending ? "Mise à jour..." : "Mettre à jour"}
</Button>
</div>
</div>
</DialogContent>
</Dialog>
</div>
</DashboardLayout>
);
}

2
client/src/pages/AdminRapportPublicCible.tsx
View File

@@ -62,7 +62,6 @@ export default function AdminRapportPublicCible() {
const labels = {
directeur: "Directeur",
chef_service: "Chef de service",
tous: "Tous",
autre: "Autre",
};
return labels[publicCible as keyof typeof labels] || "Autre";
@@ -72,7 +71,6 @@ export default function AdminRapportPublicCible() {
const colors = {
directeur: "bg-blue-100 text-blue-800",
chef_service: "bg-green-100 text-green-800",
tous: "bg-purple-100 text-purple-800",
autre: "bg-gray-100 text-gray-800",
};
return colors[publicCible as keyof typeof colors] || colors.autre;

2
client/src/pages/AdminSequenceInscrits.tsx
View File

@@ -21,7 +21,6 @@ export default function AdminSequenceInscrits() {
const colors = {
directeur: "bg-blue-100 text-blue-800",
chef_service: "bg-green-100 text-green-800",
tous: "bg-purple-100 text-purple-800",
autre: "bg-gray-100 text-gray-800",
};
return colors[publicCible as keyof typeof colors] || colors.autre;
@@ -31,7 +30,6 @@ export default function AdminSequenceInscrits() {
const labels = {
directeur: "Directeur",
chef_service: "Chef de service",
tous: "Tous",
autre: "Autre",
};
return labels[publicCible as keyof typeof labels] || "Autre";

67
client/src/pages/AdminSequences.tsx
View File

@@ -1,7 +1,5 @@
import { useState, useMemo } from "react";
import DashboardLayout from "@/components/DashboardLayout";
import { FormateurCombobox } from "@/components/FormateurCombobox";
import { CapacityProgressBar } from "@/components/CapacityProgressBar";
import { Button } from "@/components/ui/button";
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card";
import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, DialogTrigger } from "@/components/ui/dialog";
@@ -36,8 +34,7 @@ export default function AdminSequences() {
formationId: "",
nom: "",
lieu: "",
publicCible: "autre" as "directeur" | "chef_service" | "tous" | "autre",
formateur: "",
publicCible: "autre" as "directeur" | "chef_service" | "autre",
capaciteMax: "12",
dateBlocage: "",
statut: "ouverte" as "ouverte" | "bloquee" | "terminee",
@@ -91,7 +88,6 @@ export default function AdminSequences() {
nom: "",
lieu: "",
publicCible: "autre",
formateur: "",
capaciteMax: "12",
dateBlocage: "",
statut: "ouverte",
@@ -143,7 +139,6 @@ export default function AdminSequences() {
nom: sequence.nom || "",
lieu: sequence.lieu || "",
publicCible: sequence.publicCible || "autre",
formateur: sequence.formateur || "",
capaciteMax: sequence.capaciteMax?.toString() || "12",
dateBlocage: safeFormatDate(sequence.dateBlocage),
statut: sequence.statut || "ouverte",
@@ -169,7 +164,6 @@ export default function AdminSequences() {
nom: formData.nom,
lieu: formData.lieu,
publicCible: formData.publicCible,
formateur: formData.formateur || undefined,
capaciteMax: parseInt(formData.capaciteMax),
dateBlocage: formData.dateBlocage,
statut: formData.statut,
@@ -298,7 +292,6 @@ export default function AdminSequences() {
const colors = {
directeur: "bg-blue-100 text-blue-800",
chef_service: "bg-green-100 text-green-800",
tous: "bg-purple-100 text-purple-800",
autre: "bg-gray-100 text-gray-800",
};
return colors[publicCible as keyof typeof colors] || colors.autre;
@@ -308,7 +301,6 @@ export default function AdminSequences() {
const labels = {
directeur: "Directeur",
chef_service: "Chef de service",
tous: "Tous",
autre: "Autre",
};
return labels[publicCible as keyof typeof labels] || "Autre";
@@ -331,7 +323,7 @@ export default function AdminSequences() {
Nouvelle Séquence
</Button>
</DialogTrigger>
<DialogContent className="max-w-4xl max-h-[90vh] overflow-y-auto">
<DialogContent className="max-w-3xl max-h-[90vh] overflow-y-auto">
<DialogHeader>
<DialogTitle>Créer une nouvelle séquence</DialogTitle>
<DialogDescription>
@@ -386,7 +378,7 @@ export default function AdminSequences() {
<Label htmlFor="publicCible">Public cible *</Label>
<Select
value={formData.publicCible}
onValueChange={(value: "directeur" | "chef_service" | "tous" | "autre") => setFormData({ ...formData, publicCible: value })}
onValueChange={(value: "directeur" | "chef_service" | "autre") => setFormData({ ...formData, publicCible: value })}
>
<SelectTrigger id="publicCible">
<SelectValue placeholder="Sélectionner le public cible" />
@@ -394,22 +386,10 @@ export default function AdminSequences() {
<SelectContent>
<SelectItem value="directeur">Directeur</SelectItem>
<SelectItem value="chef_service">Chef de service</SelectItem>
<SelectItem value="tous">Tous</SelectItem>
<SelectItem value="autre">Autre</SelectItem>
</SelectContent>
</Select>
</div>
</div>
<div className="grid grid-cols-2 gap-4">
<div className="space-y-2">
<Label htmlFor="formateur">Formateur</Label>
<FormateurCombobox
value={formData.formateur}
onChange={(value) => setFormData({ ...formData, formateur: value })}
placeholder="Sélectionner un formateur (optionnel)"
/>
</div>
<div className="space-y-2">
<Label htmlFor="capaciteMax">Capacité maximale *</Label>
@@ -637,7 +617,6 @@ export default function AdminSequences() {
<TableHead>Dates</TableHead>
<TableHead>Lieu</TableHead>
<TableHead>Public cible</TableHead>
<TableHead>Formateur</TableHead>
<TableHead>Capacité</TableHead>
<TableHead>Statut</TableHead>
<TableHead className="text-right">Actions</TableHead>
@@ -664,13 +643,7 @@ export default function AdminSequences() {
{getPublicCibleLabel(sequence.publicCible)}
</span>
</TableCell>
<TableCell className="max-w-xs truncate">{sequence.formateur || "-"}</TableCell>
<TableCell>
<CapacityProgressBar
current={sequence.nbInscrits || 0}
max={sequence.capaciteMax}
/>
</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)}`}>
{sequence.statut}
@@ -712,7 +685,7 @@ export default function AdminSequences() {
{/* Dialog d'édition */}
<Dialog open={isEditOpen} onOpenChange={setIsEditOpen}>
<DialogContent className="max-w-4xl max-h-[90vh] overflow-y-auto">
<DialogContent className="max-w-3xl max-h-[90vh] overflow-y-auto">
<DialogHeader>
<DialogTitle>Modifier la séquence</DialogTitle>
<DialogDescription>
@@ -761,6 +734,21 @@ export default function AdminSequences() {
/>
</div>
<div className="space-y-2">
<Label htmlFor="edit-capaciteMax">Capacité maximale *</Label>
<Input
id="edit-capaciteMax"
type="number"
min="1"
max="50"
value={formData.capaciteMax}
onChange={(e) => setFormData({ ...formData, capaciteMax: e.target.value })}
required
/>
</div>
</div>
<div className="grid grid-cols-2 gap-4">
<div className="space-y-2">
<Label htmlFor="edit-publicCible">Public cible *</Label>
<Select
@@ -778,9 +766,7 @@ export default function AdminSequences() {
</SelectContent>
</Select>
</div>
</div>
<div className="grid grid-cols-2 gap-4">
<div className="space-y-2">
<Label htmlFor="edit-formateur">Formateur</Label>
<FormateurCombobox
@@ -789,19 +775,6 @@ export default function AdminSequences() {
placeholder="Sélectionner un formateur (optionnel)"
/>
</div>
<div className="space-y-2">
<Label htmlFor="edit-capaciteMax">Capacité maximale *</Label>
<Input
id="edit-capaciteMax"
type="number"
min="1"
max="50"
value={formData.capaciteMax}
onChange={(e) => setFormData({ ...formData, capaciteMax: e.target.value })}
required
/>
</div>
</div>
<div className="grid grid-cols-2 gap-4">

9
client/src/pages/Inscription.tsx
View File

@@ -68,15 +68,12 @@ export default function Inscription() {
const publicCibleMap: Record<string, string> = {
"directeur": "directeur",
"chef_service": "chef_service",
"tous": "tous",
"autre": "autre"
};
// Si le public cible est "tous", ne pas afficher d'alerte
if (selectedSequence.publicCible !== "tous" && publicCibleMap[selectedSequence.publicCible] !== formData.fonction) {
if (publicCibleMap[selectedSequence.publicCible] !== formData.fonction) {
const publicCibleLabel = selectedSequence.publicCible === "directeur" ? "Directeurs" :
selectedSequence.publicCible === "chef_service" ? "Chefs de service" :
selectedSequence.publicCible === "tous" ? "Tous" : "Autre";
selectedSequence.publicCible === "chef_service" ? "Chefs de service" : "Autre";
const fonctionLabel = formData.fonction === "directeur" ? "Directeur" :
formData.fonction === "chef_service" ? "Chef de service" : "Autre";
@@ -303,7 +300,7 @@ export default function Inscription() {
</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" : sequence.publicCible === "tous" ? "Tous" : "Autre"}</span>
<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" />