Merge pull request #116 from abes-esr/ITEM-218-appuyer-sur-entrer-fai…

…t-planter-l'-EMAIL-premiere-connexion Item 218 appuyer sur entrer fait planter l' email premiere connexion
abes-esr · Sep 17, 2024 · c9f5329 · c9f5329
2 parents fee4c02 + 92bd313
commit c9f5329
Showing 1 changed file with 26 additions and 21 deletions.
diff --git a/src/components/Email.vue b/src/components/Email.vue
@@ -5,7 +5,10 @@
       <span v-else>Modifier les informations de votre compte</span>
     </v-card-title>
     <v-card-text>
-      <v-form ref="form" class="pt-5">
+      <v-form
+        ref="form"
+        class="pt-5"
+        @submit.prevent="validate()">
         <span>
           Votre adresse mail est obligatoire pour utiliser l'application. Pour ajouter plusieurs adresses mail, séparez-les par des points virgules ;
         </span>
@@ -17,7 +20,7 @@
           id="email"
           v-model="emailModel"
           :rules="rules"
-          @keyup.enter="validate()">
+          >
         </v-text-field>
       </v-form>
       <v-alert
@@ -80,25 +83,27 @@ onMounted(() => {
   emailModel.value = props.email;
 });
 
-function validate() {
-  if(!props.email){
-    itemService.creerEmail(props.userId, emailModel.value)
-      .then(result => {
-        emits('validate', result.data.email);
-      })
-      .catch(err => {
-        messageError.value = err.response.data.message;
-        throw err;
-      });
-  } else {
-    itemService.modifierEmail(props.userId, emailModel.value)
-      .then(result => {
-        emits('validate', result.data.email);
-      })
-      .catch(err => {
-        messageError.value = err.response.data.message;
-        throw err;
-      });
+async function validate() {
+  if(!isDisabled.value) {
+    if (!props.email) {
+      itemService.creerEmail(props.userId, emailModel.value)
+        .then(result => {
+          emits('validate', result.data.email);
+        })
+        .catch(err => {
+          messageError.value = err.response.data.message;
+          throw err;
+        });
+    } else {
+      itemService.modifierEmail(props.userId, emailModel.value)
+        .then(result => {
+          emits('validate', result.data.email);
+        })
+        .catch(err => {
+          messageError.value = err.response.data.message;
+          throw err;
+        });
+    }
   }
 }
 </script>