diff --git a/client/src/pages/AdminSequences.tsx b/client/src/pages/AdminSequences.tsx index 4febfd5..f33f490 100644 --- a/client/src/pages/AdminSequences.tsx +++ b/client/src/pages/AdminSequences.tsx @@ -9,7 +9,7 @@ import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@ import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "@/components/ui/table"; import { Badge } from "@/components/ui/badge"; import { trpc } from "@/lib/trpc"; -import { Calendar, Edit, Eye, Plus, Trash2, X, Bell } from "lucide-react"; +import { Calendar, Edit, Eye, Plus, Trash2, X, Bell, Maximize2, Minimize2 } from "lucide-react"; import FormateurCombobox from "@/components/FormateurCombobox"; import CapacityProgressBar from "@/components/CapacityProgressBar"; import { toast } from "sonner"; @@ -32,6 +32,7 @@ export default function AdminSequences() { const [filterStatut, setFilterStatut] = useState("all"); const [filterPublicCible, setFilterPublicCible] = useState("all"); const [sortBy, setSortBy] = useState<"date" | "lieu" | "capacite">("date"); + const [isCompactView, setIsCompactView] = useState(false); const [formData, setFormData] = useState({ formationId: "", @@ -366,14 +367,32 @@ export default function AdminSequences() { Créez et gérez les séquences de formation avec leurs dates

- - - - - +
+ + + + + + Créer une nouvelle séquence @@ -564,7 +583,8 @@ export default function AdminSequences() {
-
+ + {/* Filtres */} @@ -677,9 +697,13 @@ export default function AdminSequences() { Nom Dates Rappels configurés - Lieu - Formateur - Public cible + {!isCompactView && ( + <> + Lieu + Formateur + Public cible + + )} Capacité Statut Actions @@ -701,37 +725,38 @@ export default function AdminSequences() { -
+
{sequence.dates.map((date: any) => ( -
-
Date {date.ordre}:
-
- {date.rappels && date.rappels.length > 0 ? ( - date.rappels.map((rappel: any) => ( - - - {rappel.nom} - - )) - ) : ( - Aucun rappel - )} -
+
+ {date.rappels && date.rappels.length > 0 ? ( + date.rappels.map((rappel: any) => ( + + + {rappel.nom} + + )) + ) : ( + Aucun rappel + )}
))}
- {sequence.lieu} - {sequence.formateur?.nom || "-"} - + {!isCompactView && ( + <> + {sequence.lieu} + {sequence.formateur?.nom || "-"} + {getPublicCibleLabel(sequence.publicCible)} - + + + )}