Registrazione: far comparire tutti i campi una volta inseriti... cosi comparirà l'errore

src/components/CMyElem/CMyElem.vue

@@ -442,7 +442,7 @@
       <div v-else-if="myel.type === shared_consts.ELEMTYPE.REGISTRATION">
         <div v-if="editOn" class="elemEdit">Registrazione</div>
 
-        <div v-if="true">
+        <div>
           <CRegistration />
         </div>
       </div>

src/components/CRegistration/CRegistration.vue

@@ -14,6 +14,15 @@
         :label="$t('reg.submit')"
       >
       </q-btn>
+      <q-btn
+        color="blue"
+        label="pippo"
+        type="a"
+        size="sm"
+        href="http://pippo.it"
+        target="_blank"
+      >
+      </q-btn>
     </div>
     <q-carousel
       v-if="start"
@@ -99,45 +108,38 @@
                 <div
                   v-if="site.confpages.enableRegMultiChoice"
                   style=""
-                  class="row q-ma-sm centermydiv2 q-pa-sm justify-center"
+                  class="column q-ma-sm centermydiv2 q-pa-sm justify-center"
                 >
-                  <span
-                    v-if="!invited"
-                    :class="
-                      ($q.dark.isActive ? `text-white` : `text-black`) +
-                      ` text-h7`
-                    "
-                    >Chiedi alla persona che ti ha invitato su RISO il suo
-                    <strong>Username</strong></span
-                  >
-                  <div class="row items-center">
-                    <div class="col-12">
                   <q-btn
                     rounded
                     type="a"
-                        class="flex-item-btn"
+                    class="col-xs-12 col-sm-6 flex-item-btn items-center"
                     icon="fab fa-telegram"
                     size="md"
                     color="primary"
-                        :href="invited ? tools.getLinkBotTelegram(invited, regexpire) : `/bot`"
+                    :href="
+                      invited
+                        ? tools.getLinkBotTelegram(invited, regexpire)
+                        : `/bot`
+                    "
                     :label="$t('reg.bytelegram')"
                   >
                     <q-badge color="red" align="bottom" floating
                       >Consigliato</q-badge
                     >
                   </q-btn>
-                    </div>
-                  </div>
                   <div
                     :class="
-                      $q.dark.isActive ? `text-white` : `text-black` + ` col-12`
+                      $q.dark.isActive
+                        ? `text-white`
+                        : `text-black` + ` col-12 text-center`
                     "
                   >
-                    oppure se non riesci ad installare Telegram:
+                    se non riesci ad installare Telegram:
                   </div>
                   <q-btn
                     rounded
-                    class="flex-item-btn"
+                    class="flex-item-btn col-xs-12 col-sm-6"
                     outline
                     icon="fas fa-envelope"
                     size="md"

src/components/CSignUp/CSignUp.ts

@@ -119,13 +119,13 @@ export default defineComponent({
     const site = computed(() => globalStore.site)
 
     const signup = reactive(<ISignupOptions>{
-      email: process.env.TEST_EMAIL || '',
+      email: '',
-      username: process.env.TEST_USERNAME || '',
+      username: '',
       name: '',
       surname: '',
-      password: process.env.TEST_PASSWORD || '',
+      password: '',
-      repeatPassword: process.env.TEST_PASSWORD || '',
+      repeatPassword: '',
-      terms: !process.env.PROD,
+      terms: false,
       profile: DefaultProfile,
       aportador_solidario: '',
     })

src/components/CSignUp/CSignUp.vue

@@ -71,6 +71,203 @@
           ></q-btn>
           <br /><br />
         </div>
+        <div v-else>
+          <div v-if="signup.terms">
+            <q-input
+              v-if="
+                showaportador &&
+                signup.aportador_solidario !== tools.APORTADOR_NONE
+              "
+              ref="inputAportador"
+              bg-color="lightblue"
+              :readonly="!!ap_iniziale"
+              v-model="signup.aportador_solidario"
+              rounded
+              outlined
+              @keyup.enter="
+                v$.aportador_solidario.$touch && !v$.aportador_solidario.$error
+                  ? $refs.inputEmail.focus()
+                  : null
+              "
+              @blur="v$.aportador_solidario.$touch"
+              :error="v$.aportador_solidario.$error"
+              :error-message="
+                tools.errorMsg('aportador_solidario', v$.aportador_solidario)
+              "
+              maxlength="20"
+              debounce="1000"
+              :label="$t('reg.aportador_solidario')"
+            >
+              <template v-slot:prepend>
+                <q-icon name="person" />
+              </template>
+            </q-input>
+            <div style="margin-top: 5px"></div>
+
+            <q-input
+              ref="inputEmail"
+              v-model="signup.email"
+              rounded
+              outlined
+              @update:model-value="changeemail()"
+              maxlength="50"
+              v-on:keyup.enter="!checkifDisabled ? $refs.carousel.next() : null"
+              debounce="2000"
+              :rules="[myRuleEmail]"
+              :label="$t('reg.email_reg')"
+            >
+              <template v-slot:prepend>
+                <q-icon name="email" />
+              </template>
+            </q-input>
+
+            <q-input
+              ref="inputUsername"
+              v-model="signup.username"
+              :readonly="
+                tools.getAskToVerifyReg() &&
+                !site.confpages.enableRegMultiChoice
+              "
+              rounded
+              outlined
+              @blur="v$.username.$touch"
+              @update:model-value="changeusername"
+              :error="v$.username.$error"
+              @keydown.space="(event) => event.preventDefault()"
+              @keyup.enter="
+                !v$.username.$error ? $refs.inputName.focus() : null
+              "
+              maxlength="20"
+              debounce="500"
+              :error-message="
+                tools.errorMsg('username', v$.username) ||
+                (isalreadyReg ? 'L\'Username è gia stato registrato!' : '')
+              "
+              :label="$t('reg.username_reg')"
+            >
+              <template v-slot:prepend>
+                <q-icon name="person" />
+              </template>
+            </q-input>
+
+            <div v-if="show_namesurname">
+              <q-input
+                ref="inputName"
+                v-model="signup.name"
+                rounded
+                outlined
+                @blur="v$.name.$touch"
+                :error="v$.name.$error"
+                maxlength="30"
+                debounce="1000"
+                @keyup.enter="$refs.inputSurname.focus()"
+                :error-message="tools.errorMsg('name', v$.name)"
+                :label="$t('reg.name_opt')"
+              >
+                <template v-slot:prepend>
+                  <q-icon name="person" />
+                </template>
+              </q-input>
+
+              <q-input
+                ref="inputSurname"
+                v-model="signup.surname"
+                rounded
+                outlined
+                :error="v$.surname.$error"
+                @blur="v$.surname.$touch"
+                maxlength="30"
+                debounce="1000"
+                v-on:keyup.enter="
+                  !checkifDisabled ? $refs.carousel.next() : null
+                "
+                :error-message="tools.errorMsg('surname', v$.surname)"
+                :label="$t('reg.surname_opt')"
+              >
+                <template v-slot:prepend>
+                  <q-icon name="person" />
+                </template>
+              </q-input>
+              <q-input
+                ref="inputPassword"
+                v-model="signup.password"
+                :type="typePassword"
+                rounded
+                outlined
+                @blur="v$.password.$touch"
+                :error="v$.password.$error"
+                :error-message="`${tools.errorMsg('password', v$.password)}`"
+                @keyup.enter="
+                  !v$.password.$error ? $refs.inputPassword2.focus() : null
+                "
+                maxlength="30"
+                debounce="1000"
+                :label="$t('reg.password_reg')"
+              >
+                <template v-slot:append>
+                  <q-btn
+                    tabindex="-1"
+                    :icon="
+                      typePassword === `password`
+                        ? `fas fa-eye-slash`
+                        : `fas fa-eye`
+                    "
+                    @click="showPassword"
+                  >
+                  </q-btn>
+                </template>
+                <template v-slot:prepend>
+                  <q-icon name="vpn_key" />
+                </template>
+              </q-input>
+            </div>
+
+            <q-input
+              ref="inputPassword2"
+              v-model="signup.repeatPassword"
+              :type="typePassword"
+              maxlength="30"
+              rounded
+              outlined
+              @blur="v$.repeatPassword.$touch"
+              :error="v$.repeatPassword.$error"
+              :error-message="`${tools.errorMsg(
+                'repeatpassword',
+                v$.repeatPassword
+              )}`"
+              v-on:keyup.enter="!checkifDisabled ? $refs.carousel.next() : null"
+              :label="$t('reg.repeatPassword')"
+            >
+              <template v-slot:append>
+                <q-btn
+                  tabindex="-1"
+                  :icon="
+                    typePassword === `password`
+                      ? `fas fa-eye-slash`
+                      : `fas fa-eye`
+                  "
+                  @click="showPassword"
+                >
+                </q-btn>
+              </template>
+              <template v-slot:prepend>
+                <q-icon name="vpn_key" />
+              </template>
+            </q-input>
+
+            <div class="column">
+              <q-btn
+                rounded
+                size="lg"
+                color="positive"
+                @click="submitOk"
+                :disabled="!allowSubmit()"
+                :label="$t('reg.submit')"
+              >
+              </q-btn>
+              <br>
+            </div>
+          </div>
           <div v-else>
             <q-carousel
               v-model="slide"
@@ -120,7 +317,8 @@
                     rounded
                     outlined
                     @keyup.enter="
-                    v$.aportador_solidario.$touch && !v$.aportador_solidario.$error
+                      v$.aportador_solidario.$touch &&
+                      !v$.aportador_solidario.$error
                         ? $refs.inputEmail.focus()
                         : null
                     "
@@ -393,18 +591,6 @@
                   <br />
                 </div>
 
-              <div class="column">
-                <q-btn
-                  rounded
-                  size="lg"
-                  color="positive"
-                  @click="submitOk"
-                  :disabled="!allowSubmit()"
-                  :label="$t('reg.submit')"
-                >
-                </q-btn>
-              </div>
-              <br />
                 <!--
                 Già registrato?
                 <q-btn
@@ -420,9 +606,11 @@
                 -->
               </q-carousel-slide>
             </q-carousel>
+          </div>
 
           <div class="row justify-center">
             <q-btn-toggle
+              v-if="!signup.terms"
               glossy
               v-model="slide"
               :options="[