diff --git a/.manus/db/db-query-1767798017521.json b/.manus/db/db-query-1767798017521.json new file mode 100644 index 0000000..1624295 --- /dev/null +++ b/.manus/db/db-query-1767798017521.json @@ -0,0 +1,13 @@ +{ + "query": "SHOW TABLES LIKE 'attestations';", + "command": "mysql --batch --raw --column-names --default-character-set=utf8mb4 --host gateway02.us-east-1.prod.aws.tidbcloud.com --port 4000 --user 4CrrYuB5tme73Qo.root --database 7PAT67UmWoxv8vwp8Bbcv6 --execute SHOW TABLES LIKE 'attestations';", + "rows": [ + { + "Tables_in_7PAT67UmWoxv8vwp8Bbcv6 (attestations)": "attestations" + } + ], + "messages": [], + "stdout": "Tables_in_7PAT67UmWoxv8vwp8Bbcv6 (attestations)\nattestations\n", + "stderr": "", + "execution_time_ms": 53 +} \ No newline at end of file diff --git a/client/src/App.tsx b/client/src/App.tsx index 561de3f..944af09 100644 --- a/client/src/App.tsx +++ b/client/src/App.tsx @@ -29,6 +29,7 @@ import AdminRappelsHistorique from "./pages/admin/AdminRappelsHistorique"; import AdminRappelsStats from "./pages/admin/AdminRappelsStats"; import AdminFormateurs from "./pages/admin/AdminFormateurs"; import AdminNotifications from "./pages/admin/AdminNotifications"; +import AdminAttestations from "./pages/admin/AdminAttestations"; import QuestionnaireReponse from "./pages/QuestionnaireReponse"; import Inscription from "./pages/Inscription"; import Login from "./pages/Login"; @@ -53,6 +54,7 @@ function Router() { + diff --git a/client/src/components/DashboardLayout.tsx b/client/src/components/DashboardLayout.tsx index b9026e7..bbbb23a 100644 --- a/client/src/components/DashboardLayout.tsx +++ b/client/src/components/DashboardLayout.tsx @@ -21,7 +21,7 @@ import { } from "@/components/ui/sidebar"; import { APP_LOGO, APP_TITLE, getLoginUrl } from "@/const"; import { useIsMobile } from "@/hooks/useMobile"; -import { LayoutDashboard, LogOut, PanelLeft, Users, GraduationCap, Calendar, CalendarDays, Bell, BarChart3, UserCog, Mail, Settings, TrendingUp, Building2, FileSpreadsheet, ClipboardList, ChevronDown, User } from "lucide-react"; +import { LayoutDashboard, LogOut, PanelLeft, Users, GraduationCap, Calendar, CalendarDays, Bell, BarChart3, UserCog, Mail, Settings, TrendingUp, Building2, FileSpreadsheet, ClipboardList, ChevronDown, User, FileText } from "lucide-react"; import { CSSProperties, useEffect, useRef, useState } from "react"; import { useLocation } from "wouter"; import { DashboardLayoutSkeleton } from './DashboardLayoutSkeleton'; @@ -57,6 +57,7 @@ const menuSections = [ { icon: Mail, label: "Templates d'emails", path: "/admin/email-templates" }, { icon: Settings, label: "Configuration SMTP", path: "/admin/email-config" }, { icon: Mail, label: "Notifications", path: "/admin/notifications" }, + { icon: FileText, label: "Attestations", path: "/admin/attestations" }, ] }, { diff --git a/client/src/pages/admin/AdminAttestations.tsx b/client/src/pages/admin/AdminAttestations.tsx new file mode 100644 index 0000000..33bbfa6 --- /dev/null +++ b/client/src/pages/admin/AdminAttestations.tsx @@ -0,0 +1,155 @@ +import { useState, useEffect } from "react"; +import { trpc } from "@/lib/trpc"; +import DashboardLayout from "@/components/DashboardLayout"; +import { Button } from "@/components/ui/button"; +import { Input } from "@/components/ui/input"; +import { Textarea } from "@/components/ui/textarea"; +import { Label } from "@/components/ui/label"; +import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"; +import { toast } from "sonner"; +import { FileText, Save } from "lucide-react"; + +export default function AdminAttestations() { + const { data: config, isLoading, refetch } = trpc.attestations.getConfig.useQuery(); + const updateConfig = trpc.attestations.updateConfig.useMutation(); + + const [formData, setFormData] = useState({ + nomSignataire: "", + fonctionSignataire: "", + texteAttestation: "", + }); + + // Mettre à jour le formulaire quand les données sont chargées + useEffect(() => { + if (config) { + setFormData({ + nomSignataire: config.nomSignataire || "", + fonctionSignataire: config.fonctionSignataire || "", + texteAttestation: config.texteAttestation || "", + }); + } + }, [config]); + + const handleSubmit = async (e: React.FormEvent) => { + e.preventDefault(); + + try { + await updateConfig.mutateAsync(formData); + toast.success("Configuration enregistrée avec succès"); + refetch(); + } catch (error) { + toast.error("Erreur lors de l'enregistrement"); + console.error(error); + } + }; + + if (isLoading) { + return ( + +
+

Chargement...

+
+ + ); + } + + return ( + +
+
+ +
+

Configuration des attestations

+

+ Personnalisez le contenu et la signature des attestations de formation +

+
+
+ +
+ + + Informations du signataire + + Ces informations apparaîtront en bas de l'attestation + + + +
+ + + setFormData({ ...formData, nomSignataire: e.target.value }) + } + placeholder="Ex: Jean Dupont" + /> +
+ +
+ + + setFormData({ ...formData, fonctionSignataire: e.target.value }) + } + placeholder="Ex: Directeur de la formation" + /> +
+ + + + + + Texte de l'attestation + + Personnalisez le texte principal de l'attestation. Utilisez les variables suivantes : +
    +
  • {'{{nomComplet}}'} - Nom complet de l'apprenant
    • +
  • {'{{nomFormation}}'} - Nom de la formation
    • +
  • {'{{dateDebut}}'} - Date de début de la formation
    • +
  • {'{{dateFin}}'} - Date de fin de la formation
    • +
+ + + +