Checkpoint: Ajout de l'authentification formateur et upload logo/signature pour attestations

## Authentification formateur
- Ajout du rôle "formateur" dans l'enum de la table users
- Ajout du champ formateurId pour lier un compte à un formateur
- Mise à jour de l'interface AdminUsers avec sélection du formateur
- Redirection automatique selon le rôle (admin → /admin, formateur → /formateur)
- Badges et filtres mis à jour pour inclure le rôle formateur

## Upload logo et signature
- Création du composant ImageUpload.tsx avec prévisualisation
- Création de l'endpoint /api/upload-image avec multer pour l'upload vers S3
- Intégration dans AdminAttestations.tsx
- Modification du service PDF pour inclure le logo (en haut à droite) et la signature (en bas)
- Mise à jour des procédures tRPC pour accepter logoUrl, logoS3Key, signatureUrl, signatureS3Key

server/_core/index.ts

@@ -7,6 +7,7 @@ import { registerOAuthRoutes } from "./oauth";
 import { appRouter } from "../routers";
 import { createContext } from "./context";
 import localAuthRouter from "./localAuth";
+import uploadImageRouter from "./uploadImage";
 import { serveStatic, setupVite } from "./vite";
 import { initRappelScheduler } from "../rappelScheduler";
 import { initRappelRetryScheduler } from "../rappelRetry";
@@ -40,6 +41,8 @@ async function startServer() {
   registerOAuthRoutes(app);
   // Local authentication under /api/auth/local
   app.use("/api/auth/local", localAuthRouter);
+  // Image upload under /api/upload-image
+  app.use("/api/upload-image", uploadImageRouter);
   // tRPC API
   app.use(
     "/api/trpc",

server/_core/uploadImage.ts

@@ -0,0 +1,67 @@
+import { Router } from "express";
+import multer from "multer";
+import { storagePut } from "../storage";
+import { randomBytes } from "crypto";
+
+const router = Router();
+
+// Configuration de multer pour gérer les uploads en mémoire
+const upload = multer({
+  storage: multer.memoryStorage(),
+  limits: {
+    fileSize: 5 * 1024 * 1024, // 5MB max
+  },
+  fileFilter: (req, file, cb) => {
+    // Vérifier que c'est bien une image
+    if (file.mimetype.startsWith("image/")) {
+      cb(null, true);
+    } else {
+      cb(new Error("Le fichier doit être une image"));
+    }
+  },
+});
+
+/**
+ * Route d'upload d'images vers S3
+ * POST /api/upload-image
+ * Body: multipart/form-data avec un champ "file"
+ */
+router.post("/", upload.single("file"), async (req, res) => {
+  try {
+    if (!req.file) {
+      return res.status(400).json({
+        success: false,
+        message: "Aucun fichier fourni",
+      });
+    }
+
+    const file = req.file;
+    
+    // Générer un nom de fichier unique
+    const randomSuffix = randomBytes(8).toString("hex");
+    const extension = file.originalname.split(".").pop() || "jpg";
+    const fileName = `attestations/${Date.now()}-${randomSuffix}.${extension}`;
+
+    // Upload vers S3
+    const result = await storagePut(
+      fileName,
+      file.buffer,
+      file.mimetype
+    );
+
+    return res.json({
+      success: true,
+      url: result.url,
+      s3Key: fileName,
+      message: "Image uploadée avec succès",
+    });
+  } catch (error) {
+    console.error("[UploadImage] Error:", error);
+    return res.status(500).json({
+      success: false,
+      message: "Erreur lors de l'upload de l'image",
+    });
+  }
+});
+
+export default router;

server/attestationService.ts

@@ -79,7 +79,19 @@ export async function genererAttestationPDF(inscriptionId: number): Promise<{ s3
     doc.on("error", reject);
 
     // Construction du PDF
-    try {
+    (async () => {
+      try {
+        // Logo en haut à droite si disponible
+        if (config?.logoUrl) {
+          try {
+            const logoResponse = await fetch(config.logoUrl);
+            const logoBuffer = Buffer.from(await logoResponse.arrayBuffer());
+            doc.image(logoBuffer, doc.page.width - 150, 50, { width: 100 });
+          } catch (error) {
+            console.error("Erreur lors du chargement du logo:", error);
+          }
+        }
+
       // Titre
       doc.fontSize(24).font("Helvetica-Bold").text("ATTESTATION DE FORMATION", { align: "center" });
       doc.moveDown(2);
@@ -125,18 +137,33 @@ export async function genererAttestationPDF(inscriptionId: number): Promise<{ s3
       doc.text(`Fait le ${format(new Date(), "dd MMMM yyyy", { locale: fr })}`, { align: "right" });
       doc.moveDown(3);
 
-      if (config?.nomSignataire) {
-        doc.text(config.nomSignataire, { align: "right" });
-      }
-      if (config?.fonctionSignataire) {
-        doc.text(config.fonctionSignataire, { align: "right" });
-      }
+        // Signature si disponible
+        if (config?.signatureUrl) {
+          try {
+            const signatureResponse = await fetch(config.signatureUrl);
+            const signatureBuffer = Buffer.from(await signatureResponse.arrayBuffer());
+            const signatureX = doc.page.width - 200;
+            const signatureY = doc.y;
+            doc.image(signatureBuffer, signatureX, signatureY, { width: 150, height: 50 });
+            doc.moveDown(3);
+          } catch (error) {
+            console.error("Erreur lors du chargement de la signature:", error);
+          }
+        }
 
-      doc.end();
-    } catch (error) {
-      doc.end();
-      reject(error);
-    }
+        if (config?.nomSignataire) {
+          doc.text(config.nomSignataire, { align: "right" });
+        }
+        if (config?.fonctionSignataire) {
+          doc.text(config.fonctionSignataire, { align: "right" });
+        }
+
+        doc.end();
+      } catch (error) {
+        doc.end();
+        reject(error);
+      }
+    })();
   });
 }
 

server/routers.ts

@@ -904,8 +904,9 @@ export const appRouter = router({
       email: z.string().email().optional(),
       username: z.string().min(3).optional(),
       password: z.string().min(6).optional(),
-      role: z.enum(["user", "admin"]).default("user"),
+      role: z.enum(["user", "admin", "formateur"]).default("user"),
       isActive: z.boolean().default(true),
+      formateurId: z.number().optional(),
     })).mutation(async ({ input }) => {
       await db.createUser(input);
       return { success: true };
@@ -917,8 +918,9 @@ export const appRouter = router({
       email: z.string().email().optional(),
       username: z.string().min(3).optional(),
       password: z.string().min(6).optional(),
-      role: z.enum(["user", "admin"]).optional(),
+      role: z.enum(["user", "admin", "formateur"]).optional(),
       isActive: z.boolean().optional(),
+      formateurId: z.number().optional(),
     })).mutation(async ({ input }) => {
       const { id, ...data } = input;
       await db.updateUser(id, data);
@@ -1821,6 +1823,10 @@ export const appRouter = router({
         nomSignataire: z.string().optional(),
         fonctionSignataire: z.string().optional(),
         texteAttestation: z.string().optional(),
+        logoUrl: z.string().optional(),
+        logoS3Key: z.string().optional(),
+        signatureUrl: z.string().optional(),
+        signatureS3Key: z.string().optional(),
       }))
       .mutation(async ({ input }) => {
         const { updateConfigAttestation } = await import("./attestationService");