Modales et boutons dans Dokos

Les modales dans Dokos sont des fenêtres contextuelles qui permettent d'effectuer des actions spécifiques sans quitter la page en cours. Elles sont couramment utilisées pour confirmer des actions, saisir des informations supplémentaires ou afficher des détails.

Comportement des boutons dans les modales

Boutons d'action standard

Dans les modales, les boutons sont organisés dans le pied de la fenêtre et suivent une logique claire pour guider l'utilisateur :

• Boutons primaires : Utilisés pour les actions principales (ex. : Enregistrer, Valider). Ils sont mis en évidence pour attirer l'attention.
• Boutons secondaires : Utilisés pour les actions alternatives (ex. : Annuler, Fermer).
• Boutons de danger : Utilisés pour les actions destructives (ex. : Supprimer, Archiver). Ils sont colorés en rouge pour alerter l'utilisateur.

Exemple d'utilisation

Prenons l'exemple de la suppression d'un Client dans Dokos :

1. Vous sélectionnez un client dans la liste.
2. Vous cliquez sur le bouton Supprimer.
3. Une modale s'ouvre pour confirmer l'action.
4. Le bouton Supprimer apparaît en rouge (danger) pour indiquer qu'il s'agit d'une action irréversible.
5. Si vous cliquez sur Supprimer, une alerte supplémentaire (frappe.warn) s'affiche pour confirmer votre choix.

      
flowchart TD
    A[Cliquer sur Supprimer] --> B[Modale de confirmation]
    B --> C{Bouton Supprimer en rouge}
    C -->|Cliquer| D[Alerte frappe.warn]
    D --> E{Confirmer ?}
    E -->|Oui| F[Suppression définitive]
    E -->|Non| G[Annulation]

    

Actions destructives et alertes

Les actions destructives (comme Supprimer ou Annuler) sont désormais accompagnées d'une alerte visuelle pour éviter les erreurs :

• Couleur rouge : Le bouton est coloré en rouge pour indiquer un risque.
• Alerte frappe.warn : Une confirmation supplémentaire est demandée avant d'exécuter l'action.

Exemple avec un document

Imaginons que vous souhaitez annuler un Bon de commande :

1. Ouvrez le bon de commande concerné.
2. Cliquez sur le menu Actions puis sur Annuler.
3. Une modale s'ouvre avec un bouton Annuler en rouge.
4. Si vous cliquez sur ce bouton, une alerte s'affiche pour confirmer votre choix.
5. Si vous confirmez, le bon de commande est annulé.

Personnalisation des boutons

Si vous souhaitez personnaliser l'apparence ou le comportement des boutons dans les modales, vous pouvez le faire via des scripts personnalisés ou des configurations avancées. Consultez la section Personnaliser l'interface pour plus de détails.

Bonnes pratiques

• Vérifiez toujours les actions destructives avant de les confirmer.
• Utilisez les boutons de danger uniquement pour les actions irréversibles.
• Testez les modales dans un environnement de développement avant de les déployer en production.

::: tip Astuce Pour éviter les suppressions accidentelles, Dokos propose désormais une alerte supplémentaire pour les actions critiques. Profitez de cette sécurité pour travailler en toute sérénité ! :::