Riso: Ris Italia, altre modifiche grafiche

Lista Utenti da Verificare

src/components/CMyProfileTutorial/CMyProfileTutorial.ts

@@ -15,6 +15,7 @@ import { CMyFieldDb } from '@/components/CMyFieldDb'
 import { CMyCircuit } from '@/components/CMyCircuit'
 import { CMySelect } from '@/components/CMySelect'
 import { CMyUserOnlyView } from '@/components/CMyUserOnlyView'
+import { CMyUser } from '@/components/CMyUser'
 import { CUserInfoAccount } from '@/components/CUserInfoAccount'
 import { useI18n } from '@/boot/i18n'
 import { useRoute, useRouter } from 'vue-router'
@@ -31,7 +32,8 @@ export default defineComponent({
   name: 'CMyProfileTutorial',
   components: {
     CSendCoins, CSaldo, CUserInfoAccount,
-    CMySelectCity, CMyFieldRec, CSkill, CMyUserOnlyView, CTitleBanner, CMySelect, CMyFieldDb, CMyCircuit
+    CMySelectCity, CMyFieldRec, CMyUser,
+    CSkill, CMyUserOnlyView, CTitleBanner, CMySelect, CMyFieldDb, CMyCircuit
   },
   emits: ['setCmd'],
   props: {
@@ -72,6 +74,8 @@ export default defineComponent({
 
     const filtroutente = ref(<any[]>[])
 
+    const usersList = ref({ show: false, title: '', list: [] })
+
     const stepTut = computed(() => userStore.my.profile.stepTutorial)
     const noNameSurname = computed(() => userStore.my.profile.noNameSurname)
 
@@ -79,6 +83,10 @@ export default defineComponent({
       return costanti.MAINCARDS.filter((rec: any) => shared_consts.TABLES_INSERT_ALMOST_ONE_TO_ENABLE_CIRCUIT.includes(rec.table))
     })
 
+    const userstoverify = computed(() => {
+      return userStore.my.profile.userstoverify
+    })
+
     const strProv = computed(() => {
 
       if (contact.value && contact.value.profile.resid_province) {
@@ -542,6 +550,8 @@ export default defineComponent({
       card,
       askToConfirmSkipItalia,
       circuititalia,
+      usersList,
+      userstoverify,
     }
   },
 })

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">