2.5 KiB
Page de Signature pour les Salariés
📄 Fichiers créés
1. /app/signature-salarie/page.tsx
Page principale qui charge le composant de signature dans un Suspense
2. /app/signature-salarie/SignatureSalarieContent.tsx
Composant client qui affiche le formulaire DocuSeal
3. Modification du /middleware.ts
Ajout de /signature-salarie aux pages publiques (pas d'authentification requise)
🎯 Fonctionnalités
✅ Page publique - Accessible sans authentification
✅ Sans Header/Sidebar - Design épuré comme dl-contrat-signe
✅ DocuSeal intégré - Widget de signature électronique
✅ Détection d'erreurs - Gestion des documents inexistants
✅ Safari iOS compatible - Classe CSS spéciale si nécessaire
✅ Événement de complétion - Log quand le formulaire est signé
🔗 Utilisation
La page est accessible via :
https://paie.odentas.fr/signature-salarie?docuseal_id=XXXXX
Où XXXXX est le slug DocuSeal du document à signer.
📱 Options DocuSeal configurées
- ✅ Langue française (
data-language="fr") - ✅ Pas de bouton d'envoi de copie (
data-with-send-copy-button="false") - ✅ Pas de ressoumission (
data-allow-to-resubmit="false") - ✅ Pas de signature tapée (
data-allow-typed-signature="false") - ✅ Mémorisation de la signature (
data-remember-signature="true") - ✅ Pas de titre (
data-with-title="false") - ✅ Message de complétion personnalisé
🔧 Messages d'erreur
Lien invalide
Si aucun docuseal_id n'est fourni dans l'URL, affiche :
"Le lien de signature est invalide ou incomplet. Veuillez vérifier le lien reçu par email."
Document inexistant
Si DocuSeal retourne une erreur "Unable to find form with slug", affiche :
"Ce document n'existe pas ou a été supprimé pour cause de modification. Dans ce cas, vous avez reçu un e-mail pour signer la nouvelle version."
🎨 Design
- Header simple avec logo Odentas centré
- Fond blanc épuré
- Conteneur max-width 4xl pour le formulaire
- Responsive et mobile-friendly
🚀 Déploiement
Aucune configuration supplémentaire nécessaire. Les fichiers sont prêts à être déployés.
📧 Intégration avec les emails
Pour utiliser cette page dans les emails de signature envoyés aux salariés, utilisez le lien :
<a href="https://paie.odentas.fr/signature-salarie?docuseal_id={{docuseal_slug}}">
Signer le document
</a>
Où {{docuseal_slug}} est le slug DocuSeal récupéré depuis l'API.