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
-
+
+
{/* 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)}
-
+
+ >
+ )}