From abca9956ffc5c82f6fb77de2b63ddaeab7c2b522 Mon Sep 17 00:00:00 2001
From: Manus <dev-agent@manus.ai>
Date: Tue, 27 Jan 2026 07:44:50 -0500
Subject: [PATCH] =?UTF-8?q?Checkpoint:=20Correction=20de=20l'affichage=20d?=
 =?UTF-8?q?es=20signatures=20dans=20l'=C3=A9margement=20:=20-=20Format=20m?=
 =?UTF-8?q?odifi=C3=A9=20:=20"Pr=C3=A9nom=20Nom=20a=20valid=C3=A9(e)=20le?=
 =?UTF-8?q?=20date=20et=20heure"=20-=20Ic=C3=B4ne=20de=20signature=20agran?=
 =?UTF-8?q?die=20(h-5=20w-5)=20et=20plus=20visible=20avec=20hover=20bleu?=
 =?UTF-8?q?=20-=20Ajout=20d'un=20title=20"Voir=20la=20signature"=20sur=20l?=
 =?UTF-8?q?'ic=C3=B4ne=20-=20Espacement=20am=C3=A9lior=C3=A9=20(ml-3)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 client/src/pages/FormateurEmargement.tsx | 20 ++++++++++----------
 todo.md                                  | 13 ++++++++++---
 2 files changed, 20 insertions(+), 13 deletions(-)

diff --git a/client/src/pages/FormateurEmargement.tsx b/client/src/pages/FormateurEmargement.tsx
index bd2afa1..6e6df1e 100644
--- a/client/src/pages/FormateurEmargement.tsx
+++ b/client/src/pages/FormateurEmargement.tsx
@@ -269,9 +269,8 @@ export default function FormateurEmargement() {
                                   const presenceInfo = getPresenceInfo(inscrit.inscription.id, date.id, "matin");
                                   if (presenceInfo) {
                                     return (
-                                      <div className="flex items-center gap-2 ml-2 text-xs text-muted-foreground">
-                                        <span>• {inscrit.apprenant?.prenom} {inscrit.apprenant?.nom}</span>
-                                        <span>• {new Date(presenceInfo.heurePresence).toLocaleString("fr-FR", {
+                                      <div className="flex items-center gap-2 ml-3 text-xs text-muted-foreground">
+                                        <span>{inscrit.apprenant?.prenom} {inscrit.apprenant?.nom} a validé(e) le {new Date(presenceInfo.heurePresence).toLocaleString("fr-FR", {
                                           day: "2-digit",
                                           month: "2-digit",
                                           year: "numeric",
@@ -282,13 +281,14 @@ export default function FormateurEmargement() {
                                           <Button
                                             size="sm"
                                             variant="ghost"
-                                            className="h-5 w-5 p-0"
+                                            className="h-6 w-6 p-0 hover:bg-blue-100"
                                             onClick={() => {
                                               setSelectedSignature(presenceInfo.signatureUrl!);
                                               setShowSignatureDialog(true);
                                             }}
+                                            title="Voir la signature"
                                           >
-                                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" className="h-4 w-4 text-blue-600">
+                                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" className="h-5 w-5 text-blue-600">
                                               <path d="M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z"/>
                                             </svg>
                                           </Button>
@@ -329,9 +329,8 @@ export default function FormateurEmargement() {
                                   const presenceInfo = getPresenceInfo(inscrit.inscription.id, date.id, "apres_midi");
                                   if (presenceInfo) {
                                     return (
-                                      <div className="flex items-center gap-2 ml-2 text-xs text-muted-foreground">
-                                        <span>• {inscrit.apprenant?.prenom} {inscrit.apprenant?.nom}</span>
-                                        <span>• {new Date(presenceInfo.heurePresence).toLocaleString("fr-FR", {
+                                      <div className="flex items-center gap-2 ml-3 text-xs text-muted-foreground">
+                                        <span>{inscrit.apprenant?.prenom} {inscrit.apprenant?.nom} a validé(e) le {new Date(presenceInfo.heurePresence).toLocaleString("fr-FR", {
                                           day: "2-digit",
                                           month: "2-digit",
                                           year: "numeric",
@@ -342,13 +341,14 @@ export default function FormateurEmargement() {
                                           <Button
                                             size="sm"
                                             variant="ghost"
-                                            className="h-5 w-5 p-0"
+                                            className="h-6 w-6 p-0 hover:bg-blue-100"
                                             onClick={() => {
                                               setSelectedSignature(presenceInfo.signatureUrl!);
                                               setShowSignatureDialog(true);
                                             }}
+                                            title="Voir la signature"
                                           >
-                                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" className="h-4 w-4 text-blue-600">
+                                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" className="h-5 w-5 text-blue-600">
                                               <path d="M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z"/>
                                             </svg>
                                           </Button>
diff --git a/todo.md b/todo.md
index f544765..1d6577a 100644
--- a/todo.md
+++ b/todo.md
@@ -1314,8 +1314,15 @@
 
 ## Affichage des signatures dans l'émargement numérique
 
-- [ ] Modifier l'API pour récupérer les présences avec signatures
-- [ ] Afficher nom du signataire, date/heure et icône à côté de chaque puce matin/après-midi
-- [ ] Ajouter une modale pour visualiser la signature en grand format
+- [x] Modifier l'API pour récupérer les présences avec signatures
+- [x] Afficher nom du signataire, date/heure et icône à côté de chaque puce matin/après-midi
+- [x] Ajouter une modale pour visualiser la signature en grand format
 - [ ] Tester l'affichage sur smartphone
+- [x] Déployer sur le VPS
+
+## Correction affichage signature
+
+- [ ] Modifier le format d'affichage : "Prénom Nom a validé(e) le date et heure"
+- [ ] Rendre l'icône de signature plus visible (taille, couleur)
+- [ ] Tester l'affichage
 - [ ] Déployer sur le VPS