feat: add CRUD forms with Server Actions for establishments, users, classes, students

2026-06-06 20:08:17 +00:00
parent 0a73a70820
commit a1883080d3
26 changed files with 1206 additions and 16 deletions
@@ -0,0 +1,31 @@
+"use client";
+
+import { useState } from "react";
+import { Button } from "@/components/ui/button";
+import { Dialog, DialogContent, DialogHeader, DialogTitle } from "@/components/ui/dialog";
+import { deleteClass } from "./actions";
+
+export function DeleteClassDialog({ classId, className: name }: { classId: string; className: string }) {
+  const [open, setOpen] = useState(false);
+
+  return (
+    <>
+      <Button variant="destructive" onClick={() => setOpen(true)}>Supprimer</Button>
+      <Dialog open={open} onOpenChange={setOpen}>
+        <DialogContent>
+          <DialogHeader>
+            <DialogTitle>Supprimer la classe</DialogTitle>
+          </DialogHeader>
+          <p>Êtes-vous sûr de vouloir supprimer <strong>{name}</strong> ? Cette action est irréversible.</p>
+          <div className="flex justify-end gap-2">
+            <Button variant="outline" onClick={() => setOpen(false)}>Annuler</Button>
+            <form action={deleteClass}>
+              <input type="hidden" name="id" value={classId} />
+              <Button type="submit" variant="destructive">Supprimer</Button>
+            </form>
+          </div>
+        </DialogContent>
+      </Dialog>
+    </>
+  );
+}
@@ -0,0 +1,22 @@
+"use server";
+
+import { prisma } from "@/lib/prisma";
+import { getServerSession } from "next-auth/next";
+import { authOptions } from "@/lib/auth-config";
+import { redirect } from "next/navigation";
+
+export async function deleteClass(formData: FormData) {
+  const session = await getServerSession(authOptions);
+  if (!session?.user) redirect("/login");
+  if (!session.user.establishmentId && session.user.role !== "superadmin") redirect("/dashboard");
+
+  const id = formData.get("id") as string;
+  if (!id) return;
+
+  const establishmentId = session.user.establishmentId;
+  await prisma.class.deleteMany({
+    where: { id, ...(establishmentId ? { establishmentId } : {}) },
+  });
+
+  redirect("/dashboard/classes");
+}
@@ -0,0 +1,74 @@
+import { prisma } from "@/lib/prisma";
+import { getServerSession } from "next-auth/next";
+import { authOptions } from "@/lib/auth-config";
+import { redirect, notFound } from "next/navigation";
+import { Card, CardContent } from "@/components/ui/card";
+import { Table, TableHeader, TableBody, TableRow, TableHead, TableCell } from "@/components/ui/table";
+import { Badge } from "@/components/ui/badge";
+import { DeleteClassDialog } from "./DeleteClassDialog";
+
+export const dynamic = "force-dynamic";
+
+export default async function ClassDetailPage({ params }: { params: { id: string } }) {
+  const session = await getServerSession(authOptions);
+  if (!session?.user) redirect("/login");
+  if (!session.user.establishmentId && session.user.role !== "superadmin") redirect("/dashboard");
+
+  const establishmentId = session.user.establishmentId;
+  const cls = await prisma.class.findFirst({
+    where: { id: params.id, ...(establishmentId ? { establishmentId } : {}) },
+    include: { students: true },
+  });
+
+  if (!cls) notFound();
+
+  return (
+    <div className="space-y-6">
+      <div className="flex items-center justify-between">
+        <h1 className="text-3xl font-bold">{cls.name}</h1>
+        <DeleteClassDialog classId={cls.id} className={cls.name} />
+      </div>
+      <Card>
+        <CardContent className="pt-6 space-y-4">
+          <div className="flex items-center gap-2">
+            <span className="text-sm font-medium text-muted-foreground">Niveau :</span>
+            <Badge variant="secondary">{cls.level}</Badge>
+          </div>
+          <div className="flex items-center gap-2">
+            <span className="text-sm font-medium text-muted-foreground">Étudiants :</span>
+            <span>{cls.students.length}</span>
+          </div>
+        </CardContent>
+      </Card>
+
+      <h2 className="text-2xl font-bold">Étudiants</h2>
+      <Card>
+        <CardContent className="pt-6">
+          <Table>
+            <TableHeader>
+              <TableRow>
+                <TableHead>Nom</TableHead>
+                <TableHead>Email</TableHead>
+                <TableHead>Code activation</TableHead>
+              </TableRow>
+            </TableHeader>
+            <TableBody>
+              {cls.students.map((s) => (
+                <TableRow key={s.id}>
+                  <TableCell className="font-medium">{s.firstName} {s.lastName}</TableCell>
+                  <TableCell>{s.email}</TableCell>
+                  <TableCell>{s.activationCode || "-"}</TableCell>
+                </TableRow>
+              ))}
+              {cls.students.length === 0 && (
+                <TableRow>
+                  <TableCell colSpan={3} className="text-center text-muted-foreground">Aucun étudiant</TableCell>
+                </TableRow>
+              )}
+            </TableBody>
+          </Table>
+        </CardContent>
+      </Card>
+    </div>
+  );
+}
@@ -0,0 +1,67 @@
+import { prisma } from "@/lib/prisma";
+import { getServerSession } from "next-auth/next";
+import { authOptions } from "@/lib/auth-config";
+import { redirect } from "next/navigation";
+import { Card, CardHeader, CardTitle, CardContent } from "@/components/ui/card";
+import { Input } from "@/components/ui/input";
+import { Button } from "@/components/ui/button";
+import { z } from "zod";
+
+export const dynamic = "force-dynamic";
+
+const schema = z.object({
+  name: z.string().min(2),
+  level: z.string().min(1),
+});
+
+async function createClass(formData: FormData) {
+  "use server";
+  const session = await getServerSession(authOptions);
+  if (!session?.user) redirect("/login");
+  if (!session.user.establishmentId && session.user.role !== "superadmin") redirect("/dashboard");
+
+  const parsed = schema.safeParse(Object.fromEntries(formData));
+  if (!parsed.success) return;
+
+  await prisma.class.create({
+    data: {
+      name: parsed.data.name,
+      level: parsed.data.level,
+      establishmentId: session.user.establishmentId!,
+    },
+  });
+
+  redirect("/dashboard/classes");
+}
+
+export default async function NewClassPage() {
+  const session = await getServerSession(authOptions);
+  if (!session?.user) redirect("/login");
+  if (!session.user.establishmentId && session.user.role !== "superadmin") redirect("/dashboard");
+
+  return (
+    <div className="space-y-6 max-w-xl">
+      <h1 className="text-3xl font-bold">Nouvelle classe</h1>
+      <Card>
+        <CardHeader>
+          <CardTitle>Créer une classe</CardTitle>
+        </CardHeader>
+        <CardContent>
+          <form action={createClass} className="space-y-4">
+            <div className="space-y-2">
+              <label htmlFor="name" className="text-sm font-medium">Nom</label>
+              <Input id="name" name="name" required minLength={2} />
+            </div>
+            <div className="space-y-2">
+              <label htmlFor="level" className="text-sm font-medium">Niveau</label>
+              <Input id="level" name="level" required minLength={1} />
+            </div>
+            <div className="flex justify-end">
+              <Button type="submit">Créer</Button>
+            </div>
+          </form>
+        </CardContent>
+      </Card>
+    </div>
+  );
+}
@@ -3,7 +3,9 @@ import { getServerSession } from "next-auth/next";
 import { authOptions } from "@/lib/auth-config";
 import { redirect } from "next/navigation";
 import { Table, TableHeader, TableBody, TableRow, TableHead, TableCell } from "@/components/ui/table";
-import { Card, CardHeader, CardTitle, CardContent } from "@/components/ui/card";
+import { Card, CardContent } from "@/components/ui/card";
+import { Button } from "@/components/ui/button";
+import Link from "next/link";

 export const dynamic = "force-dynamic";

@@ -21,7 +23,12 @@ export default async function ClassesPage() {

  return (
    <div className="space-y-6">
-      <h1 className="text-3xl font-bold">Classes</h1>
+      <div className="flex items-center justify-between">
+        <h1 className="text-3xl font-bold">Classes</h1>
+        <Link href="/dashboard/classes/new">
+          <Button>Ajouter</Button>
+        </Link>
+      </div>
      <Card>
        <CardContent className="pt-6">
          <Table>