manus-admin/formation-manager-itinova
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Checkpoint: Correction de l'affichage des signatures dans l'émargement :

Browse Source 
- Format modifié : "Prénom Nom a validé(e) le date et heure"
- Icône de signature agrandie (h-5 w-5) et plus visible avec hover bleu
- Ajout d'un title "Voir la signature" sur l'icône
- Espacement amélioré (ml-3)
This commit is contained in:
Manus
2026-01-27 07:44:50 -05:00
parent feb708bb3e
commit abca9956ff
2 changed files with 20 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
client/src/pages/FormateurEmargement.tsx
View File

@@ -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>