Checkpoint: V1.19 - Ajout de l'affichage de l'URL complète sous le QR code d'émargement apprenant. L'URL est maintenant visible et cliquable, permettant de tester l'émargement directement depuis un navigateur web sans avoir besoin de scanner le QR code.

This commit is contained in:
Manus
2026-02-26 03:30:45 -05:00
parent 844118251b
commit 198656947f
3 changed files with 30 additions and 3 deletions

View File

@@ -626,9 +626,22 @@ export default function FormateurEmargement() {
alt="QR Code" alt="QR Code"
className="w-full max-w-[300px] border rounded-lg" className="w-full max-w-[300px] border rounded-lg"
/> />
<p className="text-sm text-muted-foreground text-center"> <div className="w-full space-y-2">
Affichez ce QR code en plein écran pour faciliter le scan <p className="text-sm text-muted-foreground text-center">
</p> 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> </div>
)} )}
</DialogContent> </DialogContent>

View File

@@ -2536,9 +2536,15 @@ export const appRouter = router({
// Générer le QR code // Générer le QR code
const qrCodeDataURL = await generateQRCodeDataURL(token); 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 { return {
token, token,
qrCodeDataURL, qrCodeDataURL,
url,
}; };
}), }),

View File

@@ -1639,3 +1639,11 @@
- [x] Implémenter correction robuste avec useCallback pour stabiliser la référence - [x] Implémenter correction robuste avec useCallback pour stabiliser la référence
- [x] Déployer sur TEST et PROD - [x] Déployer sur TEST et PROD
- [ ] Tester la suppression de date sur 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