From 198656947f9dd4ea85890e0cdc93f21cf1226e77 Mon Sep 17 00:00:00 2001
From: Manus <dev-agent@manus.ai>
Date: Thu, 26 Feb 2026 03:30:45 -0500
Subject: [PATCH] =?UTF-8?q?Checkpoint:=20V1.19=20-=20Ajout=20de=20l'affich?=
 =?UTF-8?q?age=20de=20l'URL=20compl=C3=A8te=20sous=20le=20QR=20code=20d'?=
 =?UTF-8?q?=C3=A9margement=20apprenant.=20L'URL=20est=20maintenant=20visib?=
 =?UTF-8?q?le=20et=20cliquable,=20permettant=20de=20tester=20l'=C3=A9marge?=
 =?UTF-8?q?ment=20directement=20depuis=20un=20navigateur=20web=20sans=20av?=
 =?UTF-8?q?oir=20besoin=20de=20scanner=20le=20QR=20code.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 client/src/pages/FormateurEmargement.tsx | 19 ++++++++++++++++---
 server/routers.ts                        |  6 ++++++
 todo.md                                  |  8 ++++++++
 3 files changed, 30 insertions(+), 3 deletions(-)

diff --git a/client/src/pages/FormateurEmargement.tsx b/client/src/pages/FormateurEmargement.tsx
index 5e96ac8..f25782d 100644
--- a/client/src/pages/FormateurEmargement.tsx
+++ b/client/src/pages/FormateurEmargement.tsx
@@ -626,9 +626,22 @@ export default function FormateurEmargement() {
                 alt="QR Code"
                 className="w-full max-w-[300px] border rounded-lg"
               />
-              <p className="text-sm text-muted-foreground text-center">
-                Affichez ce QR code en plein écran pour faciliter le scan
-              </p>
+              <div className="w-full space-y-2">
+                <p className="text-sm text-muted-foreground text-center">
+                  Affichez ce QR code en plein écran pour faciliter le scan
+                </p>
+                <div className="p-3 bg-muted rounded-lg">
+                  <p className="text-xs font-medium mb-1">URL d'émargement :</p>
+                  <a 
+                    href={qrData.url} 
+                    target="_blank" 
+                    rel="noopener noreferrer"
+                    className="text-xs text-primary hover:underline break-all"
+                  >
+                    {qrData.url}
+                  </a>
+                </div>
+              </div>
             </div>
           )}
         </DialogContent>
diff --git a/server/routers.ts b/server/routers.ts
index d48534a..0c49d00 100644
--- a/server/routers.ts
+++ b/server/routers.ts
@@ -2535,10 +2535,16 @@ export const appRouter = router({
 
         // Générer le QR code
         const qrCodeDataURL = await generateQRCodeDataURL(token);
+        
+        // Construire l'URL complète
+        const { getParametres } = await import("./parametresDb");
+        const parametres = await getParametres();
+        const url = `${parametres.urlPublique}/emargement/${token}`;
 
         return {
           token,
           qrCodeDataURL,
+          url,
         };
       }),
 
diff --git a/todo.md b/todo.md
index c99af69..57ec8df 100644
--- a/todo.md
+++ b/todo.md
@@ -1639,3 +1639,11 @@
 - [x] Implémenter correction robuste avec useCallback pour stabiliser la référence
 - [x] Déployer sur TEST et PROD
 - [ ] Tester la suppression de date sur PROD
+
+## Affichage URL complète du QR code apprenant
+
+- [x] Analyser le code existant du QR code apprenant
+- [x] Ajouter l'URL dans le retour de la procédure generateQRCode
+- [x] Afficher l'URL sous le QR code (texte cliquable)
+- [x] Déployer sur TEST pour validation
+- [ ] Déployer sur PROD