Skip to content

Draft: Disable Submit button on form submission

Olivier Aubert requested to merge oaubert/endi:form-feedback into master

Constat: Dans le formulaire d'ajout de note de dépense, quand on clique sur Ajouter, il y a un temps de synchro avec le serveur (de l'ordre de 1 à 2 secondes). On a un feedback que l'opération s'est bien passée après le temps de synchro. On n'a aucun feedback immédiat de la prise en compte de l'appui sur le bouton "Ajouter", ce qui est plutôt déroutant. Et encore plus si on valide le formulaire (volontairement ou par erreur) via Entrée.

Suggestion: donner un feedback immédiat indiquant que l'action (Ajouter ou Modifier dans ce contexte) a été prise en compte. Le plus évident serait de passer le bouton d'ajout/modification en Disabled.

Je pense que le bon endroit est ce js_sources/src/base/behaviors/FormBehavior.js La proposition de ce merge request n'est clairement pas complète, car je ne gère pas le cas de validation par Entrée (qui doit déclencher uniquement onSubmitForm) - il faudrait pour cela récupérer la réf du bouton [type=submit]. Il faudrait de plus réactiver le bouton après succès, quand on ne ferme pas le formulaire.

Dans l'absolu, je définirais une méthode setFormSubmitStatus(status: bool) appelée aux bons moments pour désactiver/réactiver ce bouton. Mais vu le caractère générique de ce module, il va probablement y avoir des effets de bords que je n'ai pas en tête. Vu que ce fichier a été édité par une même personne, je pense que @tonthon a probablement les billes pour faire ce genre de modif plus efficacement/robustement que moi, ou me donner des pistes.

Edited by Majerti - Tjebbes

Merge request reports