Richiesta Cambio Password: ti manda il codice a 6 cifre e poterlo inserire sulla APP.

src/views/requestresetpwd/requestresetpwd.vue

@@ -1,60 +1,88 @@
 <template>
-  <form @submit.prevent.stop="submit" class="row justify-center text-center padding">
+  <form
+    v-if="!emailinviata()"
+    @submit.prevent.stop="submit"
+    class="row justify-center text-center padding"
+  >
     <div class="q-gutter-sm q-ma-sm">
-
-      <div v-if="!emailinviata()">
+      <div>
         <q-banner
           rounded
           class="bg-primary text-white"
-          style="text-align: center;">
+          style="text-align: center"
+        >
           <span class="mybanner">{{ $t('reset.title_reset_pwd') }}</span>
         </q-banner>
-        <br>
+        <br />
 
         <q-input
           ref="emailRef"
           v-model="form.email"
-          rounded outlined
+          rounded
+          outlined
           autocomplete="email"
           maxlength="50"
           debounce="1000"
           :error="v$.email.$error"
-          :error-message="tools.errorMsg( 'email', v$.email)"
-          :label="$t('reg.email')">
-
+          :error-message="tools.errorMsg('email', v$.email)"
+          :label="$t('reg.email')"
+        >
           <template v-slot:prepend>
-            <q-icon name="email"/>
+            <q-icon name="email" />
           </template>
-
         </q-input>
 
-        <br>
+        <br />
 
         <div class="center q-ma-sm">
           <q-btn
-            rounded size="lg" color="primary" type="submit" :disable="v$.$error || v$.$invalid">{{ $t('reset.send_reset_pwd') }}
+            rounded
+            size="lg"
+            color="primary"
+            type="submit"
+            :disable="v$.$error || v$.$invalid"
+            >{{ $t('reset.send_reset_pwd') }}
           </q-btn>
         </div>
-
       </div>
-      <div v-else>
-        <q-banner
-          rounded
-          class="bg-positive text-white"
-          style="text-align: center;">
-          <span class="mybanner">{{ $t('reset.email_sent') }}</span>
-        </q-banner>
-        <br>
-
-        <div>
-          <strong>{{ $t('reset.check_email') }}</strong>
-        </div>
-
-      </div>
-
-
     </div>
   </form>
+  <div v-else>
+    <q-banner rounded class="bg-positive text-white" style="text-align: center">
+      <span class="mybanner">{{ $t('reset.email_sent') }}</span>
+    </q-banner>
+    <br />
+
+    <div>
+      <strong>{{ $t('reset.check_email') }}</strong>
+    </div>
+
+    <br>
+    <q-input
+      v-model="form.tokenforgot_code"
+      rounded
+      outlined
+      label="Inserisci il codice a 6 cifre"
+      debounce="1000"
+      :maxlength="6"
+      type="number"
+    >
+    </q-input>
+
+    <br /><br />
+
+    <div class="center q-ma-sm">
+      <q-btn
+        @click="checkCode"
+        rounded
+        size="lg"
+        color="primary"
+        type="submit"
+        :disable="v$.$error || v$.$invalid"
+        >{{ $t('reset.confirmcode_reset') }}
+      </q-btn>
+    </div>
+  </div>
 </template>
 
 <script lang="ts" src="./requestresetpwd.ts">