yacine/edubox
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
root
2026-06-06 20:08:17 +00:00
parent 0a73a70820
commit a1883080d3
26 changed files with 1206 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files
server/app/dashboard/students/[id]/DeleteStudentDialog.tsx
+31
View File
@@ -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 { deleteStudent } from "./actions";
export function DeleteStudentDialog({ studentId, studentName }: { studentId: string; studentName: string }) {
const [open, setOpen] = useState(false);
return (
<>
<Button variant="destructive" onClick={() => setOpen(true)}>Supprimer</Button>
<Dialog open={open} onOpenChange={setOpen}>
<DialogContent>
<DialogHeader>
<DialogTitle>Supprimer l'étudiant</DialogTitle>
</DialogHeader>
<p>Êtes-vous sûr de vouloir supprimer <strong>{studentName}</strong> ? Cette action est irréversible.</p>
<div className="flex justify-end gap-2">
<Button variant="outline" onClick={() => setOpen(false)}>Annuler</Button>
<form action={deleteStudent}>
<input type="hidden" name="id" value={studentId} />
<Button type="submit" variant="destructive">Supprimer</Button>
</form>
</div>
</DialogContent>
</Dialog>
</>
);
}
server/app/dashboard/students/[id]/actions.ts
+60
View File
@@ -0,0 +1,60 @@
"use server";
import { prisma } from "@/lib/prisma";
import { getServerSession } from "next-auth/next";
import { authOptions } from "@/lib/auth-config";
import { redirect } from "next/navigation";
function generateCode(): string {
const chars = "ABCDEFGHJKLMNPQRSTUVWXYZ23456789";
let code = "";
for (let i = 0; i < 6; i++) {
code += chars.charAt(Math.floor(Math.random() * chars.length));
}
return code;
}
export async function deleteStudent(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.student.deleteMany({
where: {
id,
class: establishmentId ? { establishmentId } : undefined,
},
});
redirect("/dashboard/students");
}
export async function generateActivationCodeAction(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;
const student = await prisma.student.findFirst({
where: {
id,
class: establishmentId ? { establishmentId } : undefined,
},
});
if (!student) return;
await prisma.student.update({
where: { id },
data: { activationCode: generateCode() },
});
redirect(`/dashboard/students/${id}`);
}
server/app/dashboard/students/[id]/page.tsx
+61
View File
@@ -0,0 +1,61 @@
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 { Badge } from "@/components/ui/badge";
import { Button } from "@/components/ui/button";
import { Input } from "@/components/ui/input";
import { DeleteStudentDialog } from "./DeleteStudentDialog";
import { generateActivationCodeAction } from "./actions";
export const dynamic = "force-dynamic";
export default async function StudentDetailPage({ 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 student = await prisma.student.findFirst({
where: {
id: params.id,
class: establishmentId ? { establishmentId } : undefined,
},
include: { class: true },
});
if (!student) notFound();
return (
<div className="space-y-6">
<div className="flex items-center justify-between">
<h1 className="text-3xl font-bold">{student.firstName} {student.lastName}</h1>
<DeleteStudentDialog studentId={student.id} studentName={`${student.firstName} ${student.lastName}`} />
</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">Email :</span>
<span>{student.email}</span>
</div>
<div className="flex items-center gap-2">
<span className="text-sm font-medium text-muted-foreground">Classe :</span>
<Badge variant="secondary">{student.class.name} ({student.class.level})</Badge>
</div>
<div className="flex items-center gap-2">
<span className="text-sm font-medium text-muted-foreground">Code d'activation :</span>
{student.activationCode ? (
<Input value={student.activationCode} readOnly className="w-32 text-center font-mono" />
) : (
<form action={generateActivationCodeAction} className="flex items-center gap-2">
<input type="hidden" name="id" value={student.id} />
<Button type="submit" variant="outline" size="sm">Générer code</Button>
</form>
)}
</div>
</CardContent>
</Card>
</div>
);
}
server/app/dashboard/students/new/page.tsx
+100
View File
@@ -0,0 +1,100 @@
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 { Select } from "@/components/ui/select";
import { z } from "zod";
export const dynamic = "force-dynamic";
const schema = z.object({
firstName: z.string().min(2),
lastName: z.string().min(2),
email: z.string().email(),
classId: z.string().min(1),
});
function generateActivationCode(): string {
const chars = "ABCDEFGHJKLMNPQRSTUVWXYZ23456789";
let code = "";
for (let i = 0; i < 6; i++) {
code += chars.charAt(Math.floor(Math.random() * chars.length));
}
return code;
}
async function createStudent(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.student.create({
data: {
firstName: parsed.data.firstName,
lastName: parsed.data.lastName,
email: parsed.data.email,
classId: parsed.data.classId,
activationCode: generateActivationCode(),
},
});
redirect("/dashboard/students");
}
export default async function NewStudentPage() {
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 classes = await prisma.class.findMany({
where: establishmentId ? { establishmentId } : {},
orderBy: { name: "asc" },
});
return (
<div className="space-y-6 max-w-xl">
<h1 className="text-3xl font-bold">Nouvel étudiant</h1>
<Card>
<CardHeader>
<CardTitle>Créer un étudiant</CardTitle>
</CardHeader>
<CardContent>
<form action={createStudent} className="space-y-4">
<div className="space-y-2">
<label htmlFor="firstName" className="text-sm font-medium">Prénom</label>
<Input id="firstName" name="firstName" required minLength={2} />
</div>
<div className="space-y-2">
<label htmlFor="lastName" className="text-sm font-medium">Nom</label>
<Input id="lastName" name="lastName" required minLength={2} />
</div>
<div className="space-y-2">
<label htmlFor="email" className="text-sm font-medium">Email</label>
<Input id="email" name="email" type="email" required />
</div>
<div className="space-y-2">
<label htmlFor="classId" className="text-sm font-medium">Classe</label>
<Select id="classId" name="classId" required>
<option value="">Choisir une classe</option>
{classes.map((c) => (
<option key={c.id} value={c.id}>{c.name} ({c.level})</option>
))}
</Select>
</div>
<div className="flex justify-end">
<Button type="submit">Créer</Button>
</div>
</form>
</CardContent>
</Card>
</div>
);
}
server/app/dashboard/students/page.tsx
+9 -2
View File
@@ -3,8 +3,10 @@ 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 { Badge } from "@/components/ui/badge";
import { Button } from "@/components/ui/button";
import Link from "next/link";
export const dynamic = "force-dynamic";
@@ -22,7 +24,12 @@ export default async function StudentsPage() {
return (
<div className="space-y-6">
<h1 className="text-3xl font-bold">Étudiants</h1>
<div className="flex items-center justify-between">
<h1 className="text-3xl font-bold">Étudiants</h1>
<Link href="/dashboard/students/new">
<Button>Ajouter</Button>
</Link>
</div>
<Card>
<CardContent className="pt-6">
<Table>