Riso: Ris Italia, altre modifiche grafiche

Lista Utenti da Verificare

src/components/CMyProfileTutorial/CMyProfileTutorial.vue

@@ -206,9 +206,12 @@
                       <q-btn
                         :flat="isSalta(recstep.step)"
                         :disabled="isNextDisable()"
-                        @click="(isSalta(recstep.step))
-                            ? askToConfirmSkip(recstep.step) :
-                            ((recstep.indstep === numindstep) ? clickFinish() : $refs.stepper.next())
+                        @click="
+                          isSalta(recstep.step)
+                            ? askToConfirmSkip(recstep.step)
+                            : recstep.indstep === numindstep
+                            ? clickFinish()
+                            : $refs.stepper.next()
                         "
                         :color="isSalta(recstep.step) ? 'negative' : 'primary'"
                         :label="
@@ -239,6 +242,27 @@
       >
       </q-btn>
 
+      <q-banner
+        inline-actions
+        class="bg-blue text-white"
+        v-if="userstoverify.length > 0"
+      >
+        <span v-html="$t('tutorial.utenti_da_verificare')"></span>
+        <template v-slot:action>
+          <q-btn
+            :label="userstoverify.length + ' ' + $t('tutorial.utenti_da_verif_btn')"
+            class="q-my-sm"
+            rounded
+            icon="fas fa-users"
+            @click="
+              usersList.show = true;
+              usersList.title = $t('tutorial.utenti_da_verif_btn');
+            "
+          >
+          </q-btn>
+        </template>
+      </q-banner>
+
       <q-banner
         inline-actions
         class="bg-red text-white"
@@ -258,6 +282,27 @@
       </q-banner>
     </div>
   </div>
+  <q-dialog v-model="usersList.show">
+    <q-card class="dialog_card">
+      <q-toolbar class="bg-primary text-white">
+        <q-toolbar-title>
+          {{ usersList.title }}
+        </q-toolbar-title>
+        <q-btn flat round color="white" icon="close" v-close-popup></q-btn>
+      </q-toolbar>
+
+      <q-card-section class="inset-shadow">
+        <div v-for="(rec, i) in userstoverify" :key="i">
+          <CMyUser
+            :mycontact="rec"
+            :visu="costanti.ASK_TRUST"
+            @setCmd="tools.setCmd"
+          >
+          </CMyUser>
+        </div>
+      </q-card-section>
+    </q-card>
+  </q-dialog>
   <q-dialog v-model="showAccountInfo" full-height full-width>
     <q-card v-if="true">
       <q-toolbar class="bg-primary">