Aggiunto messaggio nella registrazione, dicendo che occorre avere Telegram installato.

PASSARE TUTTI I _DOC e mettergli .lean() prima dello then()  -> velocizza le Query di Mongodb
"Floriterapia
costellazioni familiari
coach motivazionale
Tecniche Essene"
Inserimento Gruppi: anche il comune obbligatorio
Far comparire le ultime persone registrate
Mettere il controllo dell'abilitazione del BOT Telegram solo dopo che conosco il suo username, e cosi gli metto anche il contatto telegram.
risolto foto profilo di telegram che non si salvava in automatico
tolto il controllo della email
aggiunto msg se errore al server, installare altro browser.

src/components/CBigBtn/CBigBtn.vue

@@ -1,11 +1,11 @@
 <template>
   <div v-if="numcol === 3" class="col-xs-4 col-sm-4 col-md-3 col-lg-2">
     <div class="q-ma-sm">
-      <q-btn v-if="!small" class="mybox_3" :color="color" rounded push :to="to" v-bind="$attrs">
+      <q-btn v-if="!small" class="mybox_3" :color="color" rounded push :to="to" v-bind="$attrs" :style="tools.getbackgroundGradient(color, 180)">
         <q-icon class="q-ma-sm" :name="icon"/>
         <div class="q-ma-sm my-text_3 text-cls no-wrap"><span v-html="label"></span></div>
       </q-btn>
-      <q-btn v-if="small" class="mybox_small" :color="color" rounded push :to="to" v-bind="$attrs">
+      <q-btn v-if="small" class="mybox_small" :color="color" rounded push :to="to" v-bind="$attrs" :style="tools.getbackgroundGradient(color, 180)">
         <q-icon class="q-ma-sm" :name="icon" size="sm"/>
         <div class="q-ma-xs my-text-small text-cls no-wrap"><span v-html="label"></span></div>
       </q-btn>
@@ -13,11 +13,11 @@
   </div>
   <div v-else class="col-xs-6 col-sm-6 col-md-4 col-lg-3">
     <div class="q-ma-sm">
-      <q-btn v-if="!small" class="mybox" :color="color" rounded push :to="to" v-bind="$attrs">
+      <q-btn v-if="!small" class="mybox" :color="color" rounded push :to="to" v-bind="$attrs" :style="tools.getbackgroundGradient(color, 0)">
         <q-icon class="q-ma-sm" size="3rem" :name="icon"/>
         <div class="q-ma-sm text-h5 text-cls no-wrap"><span v-html="label"></span></div>
       </q-btn>
-      <q-btn v-if="small" class="mybox_small" :color="color" rounded push :to="to" v-bind="$attrs">
+      <q-btn v-if="small" class="mybox_small" :color="color" rounded push :to="to" v-bind="$attrs" :style="tools.getbackgroundGradient(color, 0)">
         <q-icon class="q-ma-sm" :name="icon" size="sm"/>
         <div class="q-ma-xs my-text-small text-cls no-wrap"><span v-html="label"></span></div>
       </q-btn>

src/components/CCardState/CCardState.vue

@@ -4,7 +4,7 @@
                 show-value
                 :font-size="fontsize"
                 :value="myperc"
-                :size="getsize"
+                :size="getsize()"
                 :thickness="0.25"
                 :color="mycolor"
                 track-color="grey-3"

src/components/CDashboard/CDashboard.ts

@@ -6,25 +6,37 @@ import { useRouter } from 'vue-router'
 import { useGlobalStore } from '../../store/globalStore'
 import { useI18n } from '../../boot/i18n'
 
+import { shared_consts } from '@src/common/shared_vuejs'
+import { costanti, IMainCard } from '@store/Modules/costanti'
+
 import { tools } from '@store/Modules/tools'
 
 export default defineComponent({
   name: 'CDashboard',
-  props: {
-  },
+  props: {},
   setup(props) {
 
     const userStore = useUserStore()
     const $router = useRouter()
     const globalStore = useGlobalStore()
-    const { t } = useI18n();
+    const { t } = useI18n()
 
-    const calcstat = computed(() => userStore.my.calcstat ? userStore.my.calcstat : {numUsersReg: 0, numMySkills: 0, numMyGoods: 0, numMyBachecas: 0} )
+    const calcstat = computed(() => userStore.my.calcstat ? userStore.my.calcstat : {
+      numUsersReg: 0,
+      numByTab: {},
+    })
+
+    const visustat = computed(() => {
+      // @ts-ignore
+      return costanti.MAINCARDS.filter((rec: IMainCard) => rec.visuonstat)
+    })
 
     return {
       userStore,
       tools,
-      calcstat
+      calcstat,
+      shared_consts,
+      visustat,
     }
   },
 })

src/components/CDashboard/CDashboard.vue

@@ -6,8 +6,13 @@
         <q-card class="no-shadow q-pa-sm">
           <q-item class="q-pb-none q-pt-xs">
             <q-item-section>
-              <q-item-label class="text-h4" style="font-weight: 500;letter-spacing: 3px;">{{ calcstat.numUsersReg }}</q-item-label>
-              <q-item-label :class="!$q.dark.isActive? 'text-grey-7':'text-white'" style="letter-spacing: 1px;">Persone Iscritte</q-item-label>
+              <q-item-label class="text-h4" style="font-weight: 500;letter-spacing: 3px;">{{
+                  calcstat.numUsersReg
+                }}
+              </q-item-label>
+              <q-item-label :class="!$q.dark.isActive? 'text-grey-7':'text-white'" style="letter-spacing: 1px;">Persone
+                Iscritte
+              </q-item-label>
             </q-item-section>
 
             <q-item-section side>
@@ -23,110 +28,29 @@
           </q-item>
         </q-card>
       </div>
-      <div class="col-md-3 col-lg-3 col-sm-12 col-xs-12 box_3" style="border-left: 1px solid #efefef;"
-           v-bind:class="{'border-top': $q.platform.is.mobile}">
+
+      <div v-for="(rec, index) of visustat" :class="`col-md-3 col-lg-3 col-sm-6 col-xs-6 text-` + rec.color"
+           style="border-left: 1px solid #efefef;" :key="index"
+      >
         <q-card class="no-shadow q-pa-sm">
           <q-item class="q-pb-none q-pt-xs">
             <q-item-section>
-              <q-item-label class="text-h4" style="font-weight: 500;letter-spacing: 3px;">{{ calcstat.numMyGoods }}</q-item-label>
-              <q-item-label :class="!$q.dark.isActive? 'text-grey-7':'text-white'" style="letter-spacing: 1px;">Beni</q-item-label>
+              <q-item-label class="text-h4" style="font-weight: 500;letter-spacing: 3px;">
+                {{ calcstat.numByTab[rec.table] }}
+              </q-item-label>
+              <q-item-label :class="!$q.dark.isActive? 'text-grey-7':'text-white'" style="letter-spacing: 1px;">
+                {{ rec.title }}
+              </q-item-label>
             </q-item-section>
 
             <q-item-section side>
-              <q-icon name="engineering" class="box_3" size="60px"></q-icon>
+              <q-icon :name="rec.icon" :class="`text-` + rec.color" size="60px"></q-icon>
             </q-item-section>
           </q-item>
           <q-item class="q-py-xs" style="min-height: unset">
             <q-item-section>
               <div class="progress-base q-my-sm">
-                <div class="progress-bar-3" style="width:100%"></div>
-              </div>
-            </q-item-section>
-          </q-item>
-        </q-card>
-      </div>
-      <div class="col-md-3 col-lg-3 col-sm-12 col-xs-12 box_3" style="border-left: 1px solid #efefef;"
-           v-bind:class="{'border-top': $q.platform.is.mobile}">
-        <q-card class="no-shadow q-pa-sm">
-          <q-item class="q-pb-none q-pt-xs">
-            <q-item-section>
-              <q-item-label class="text-h4" style="font-weight: 500;letter-spacing: 3px;">{{ calcstat.numMySkills }}</q-item-label>
-              <q-item-label :class="!$q.dark.isActive? 'text-grey-7':'text-white'" style="letter-spacing: 1px;">Servizi</q-item-label>
-            </q-item-section>
-
-            <q-item-section side>
-              <q-icon name="engineering" class="box_3" size="60px"></q-icon>
-            </q-item-section>
-          </q-item>
-          <q-item class="q-py-xs" style="min-height: unset">
-            <q-item-section>
-              <div class="progress-base q-my-sm">
-                <div class="progress-bar-3" style="width:100%"></div>
-              </div>
-            </q-item-section>
-          </q-item>
-        </q-card>
-      </div>
-      <div class="col-md-3 col-lg-3 col-sm-12 col-xs-12 box_3" style="border-left: 1px solid #efefef;"
-           v-bind:class="{'border-top': $q.platform.is.mobile}">
-        <q-card class="no-shadow q-pa-sm">
-          <q-item class="q-pb-none q-pt-xs">
-            <q-item-section>
-              <q-item-label class="text-h4" style="font-weight: 500;letter-spacing: 3px;">{{ calcstat.numMyBachecas }}</q-item-label>
-              <q-item-label :class="!$q.dark.isActive? 'text-grey-7':'text-white'" style="letter-spacing: 1px;">Eventi</q-item-label>
-            </q-item-section>
-
-            <q-item-section side>
-              <q-icon name="engineering" class="box_3" size="60px"></q-icon>
-            </q-item-section>
-          </q-item>
-          <q-item class="q-py-xs" style="min-height: unset">
-            <q-item-section>
-              <div class="progress-base q-my-sm">
-                <div class="progress-bar-3" style="width:100%"></div>
-              </div>
-            </q-item-section>
-          </q-item>
-        </q-card>
-      </div>
-      <div v-if="true" class="col-md-3 col-lg-3 col-sm-12 col-xs-12 box_1">
-        <q-card class="no-shadow q-pa-sm">
-          <q-item class="q-pb-none q-pt-xs">
-            <q-item-section>
-              <q-item-label class="text-h4" style="font-weight: 500;letter-spacing: 3px;">{{ calcstat.numGroups }}</q-item-label>
-              <q-item-label :class="!$q.dark.isActive? 'text-grey-7':'text-white'" style="letter-spacing: 1px;">Gruppi Creati</q-item-label>
-            </q-item-section>
-
-            <q-item-section side>
-              <q-icon name="fas fa-users" class="box_1" size="60px"></q-icon>
-            </q-item-section>
-          </q-item>
-          <q-item class="q-py-xs" style="min-height: unset">
-            <q-item-section>
-              <div class="progress-base q-my-sm">
-                <div class="progress-bar-1" style="width:100%"></div>
-              </div>
-            </q-item-section>
-          </q-item>
-        </q-card>
-      </div>
-      <div v-if="false" class="col-md-3 col-lg-3 col-sm-12 col-xs-12 box_2" style="border-left: 1px solid #efefef;"
-           v-bind:class="{'border-top': $q.platform.is.mobile}">
-        <q-card class="no-shadow q-pa-sm">
-          <q-item class="q-pb-none q-pt-xs">
-            <q-item-section>
-              <q-item-label class="text-h4" style="font-weight: 500;letter-spacing: 3px;">0</q-item-label>
-              <q-item-label :class="!$q.dark.isActive? 'text-grey-7':'text-white'" style="letter-spacing: 1px;">Uscite</q-item-label>
-            </q-item-section>
-
-            <q-item-section side>
-              <q-icon name="o_account_balance_wallet" class="box_2" size="60px"></q-icon>
-            </q-item-section>
-          </q-item>
-          <q-item class="q-py-xs" style="min-height: unset">
-            <q-item-section>
-              <div class="progress-base q-my-sm">
-                <div class="progress-bar-2" style="width:100%"></div>
+                <div class="progress-base" :style="tools.getbackgroundGradient(rec.color, 45)"></div>
               </div>
             </q-item-section>
           </q-item>

src/components/CFirstPageApp/CFirstPageApp.scss

@@ -7,5 +7,6 @@
 
 .errore{
   font-size: 1rem;
-  color: grey;
+  color: black;
+  background-color: white;
 }

src/components/CFirstPageApp/CFirstPageApp.vue

@@ -11,6 +11,9 @@
       </template>
       <span class="mybanner">Errore di Connessione al Server</span>
       <p v-if="globalStore.serverMsgError" class="errore">{{globalStore.getMsgServerError()}}</p>
+      <p v-if="tools.isCurrentUrlSignUp() && globalStore.isErroreDispositivoServer()" class="errore">Se l'Errore persiste, significa che questo browser non riesce a collegarsi col Server.<br>
+        Soluzione: Provare ad installare un altro browser:<br>
+        👉🏻 Clicca per installare <a href="https://play.google.com/store/apps/details?id=com.opera.browser&hl=it&gl=IT">Opera per Android</a>. </p>
 
       <q-btn
         size="md"

src/components/CLineChart/CLineChart.ts

@@ -0,0 +1,120 @@
+import Vue, { computed, defineComponent, onMounted, ref } from 'vue'
+
+import { tools } from '../../store/Modules/tools'
+import { useUserStore } from '@store/UserStore'
+import { useRouter } from 'vue-router'
+import { useGlobalStore } from '@store/globalStore'
+import { useI18n } from '@/boot/i18n'
+import { useQuasar } from 'quasar'
+
+import { Chart, ChartData, ChartOptions, registerables } from 'chart.js'
+
+import { LineChart, useLineChart } from 'vue-chart-3'
+
+
+Chart.register(...registerables)
+
+export default defineComponent({
+  name: 'CLineChart',
+  components: { LineChart },
+  props: {
+    mydata: { required: false, default: [] },
+    title: { required: false, default: false },
+    sum: { required: false, default: false },
+    color: { required: false, default: 'red' },
+    bordercolor: { required: false, default: 'red' },
+    mycolors: { required: false, default: null },
+    offset: { required: false, default: 0 },
+  },
+  setup(props, { emit }) {
+
+    const userStore = useUserStore()
+    const globalStore = useGlobalStore()
+    const { t } = useI18n()
+    const q = useQuasar()
+
+    const myarrlabel = ref(<any>[])
+    const myarrdata = ref(<any>[])
+    const myarrsum = ref(<any>[])
+
+    // @ts-ignore
+    const chartData = computed<ChartData<'line'>>(() => ({
+      labels: myarrlabel.value,
+      datasets: [
+        {
+          label: 'Totali',
+          data: myarrsum.value,
+          backgroundColor: tools.colourNameToHex('green'),
+        },
+        {
+          label: props.title,
+          data: myarrdata.value,
+          borderColor: tools.colourNameToHex('red'),
+          backgroundColor: tools.colourNameToHex(props.color),
+          fill: true,
+        },
+      ],
+    }))
+
+    const options = computed<ChartOptions<'line'>>(() => ({
+      elements: {
+        line: {
+          tension: 0.4
+        }
+      },
+      interaction: {
+        intersect: false
+      },
+    }))
+
+    const { lineChartProps, lineChartRef } = useLineChart({
+      chartData,
+      options,
+
+    })
+
+    function mounted() {
+      myarrdata.value = []
+      myarrlabel.value = []
+      myarrsum.value = []
+
+      let somma = 0
+      if (props.sum)
+        somma = props.offset
+
+      let rec: any
+
+      let ind = 1
+
+      for (rec of props.mydata) {
+        if (props.sum) {
+          somma += rec.count
+        } else {
+          somma = rec.count
+        }
+        //myarrlabel.value.push(rec._id)
+        myarrlabel.value.push(ind)
+        myarrdata.value.push(rec.count)
+        myarrsum.value.push(somma)
+        ind++
+      }
+    }
+
+    function getoffset() {
+      return props.offset
+    }
+
+    onMounted(mounted)
+
+    return {
+      tools,
+      getoffset,
+      q,
+      options,
+      lineChartProps,
+      lineChartRef,
+      myarrdata,
+      myarrlabel,
+    }
+  },
+})

src/components/CLineChart/CLineChart.vue

@@ -0,0 +1,19 @@
+<template>
+  <div>
+    <LineChart v-bind="lineChartProps" />
+    <!--<DoughnutChart ref="doughnutRef" :chartData="objdata" :options="options" />-->
+
+
+    <!--<line-chart :width="tools.getwidthscale($q, 350, 400)+`px`" :title="title" :data="getmydata()" :offset="getoffset()"
+                :round="0" :colors="mycolors"></line-chart>
+                -->
+
+  </div>
+</template>
+
+<script lang="ts" src="./CLineChart.ts">
+</script>
+
+<style lang="scss" scoped>
+@import './CLineChart.scss';
+</style>

src/components/CLineChart/index.ts

@@ -0,0 +1 @@
+export {default as CLineChart} from './CLineChart.vue'

src/components/CMainView/CMainView.ts

@@ -4,7 +4,7 @@ import { useRouter } from 'vue-router'
 import { useGlobalStore } from '@store/globalStore'
 import { useI18n } from '@/boot/i18n'
 import { tools } from '@store/Modules/tools'
-import { costanti } from '@store/Modules/costanti'
+import { costanti, IMainCard } from '@store/Modules/costanti'
 import { CBigBtn } from '@/components/CBigBtn'
 
 
@@ -22,11 +22,12 @@ export default defineComponent({
     const showInfo = ref(false)
 
     const cardsbig = computed(() => {
-      return costanti.MAINCARDS.filter((rec: any) => !rec.small)
+      // @ts-ignore
+      return costanti.MAINCARDS.filter((rec: IMainCard) => !rec.small && rec.visible)
     })
 
     const cardssmall = computed(() => {
-      return costanti.MAINCARDS.filter((rec: any) => rec.small)
+      return costanti.MAINCARDS.filter((rec: any) => rec.small && rec.visible)
     })
 
     return {

src/components/CMyFieldRec/CMyFieldRec.ts

@@ -85,6 +85,11 @@ export default defineComponent({
       tupe: Boolean,
       required: false,
       default: false,
+    },
+    fieldtype: {
+      tupe: String,
+      required: false,
+      default: '',
     }
   },
   components: { CMyPopupEdit },
@@ -141,7 +146,7 @@ export default defineComponent({
       console.log('showandsel CMyFieldDb', row, col, newval)
 
       if (newval !== valinitial)
-        setValDb($q, mykey.value, newval, col.fieldtype, false, props.table, mysubkey.value, props.id, props.indrec, mysubsubkey.value)
+        setValDb($q, mykey.value, newval, props.fieldtype || col.fieldtype, false, props.table, mysubkey.value, props.id, props.indrec, mysubsubkey.value)
     }
 
     function withBorder() {

src/components/CMyFieldRec/CMyFieldRec.vue

@@ -28,7 +28,7 @@
         :field="mykey"
         :subfield="mysubkey"
         :mysubsubkey="mysubsubkey"
-        :type="col.fieldtype"
+        :type="fieldtype || col.fieldtype"
         :serv="false"
         :disable="disable"
         :jointable="jointable"

src/components/CSignUp/CSignUp.ts

@@ -56,6 +56,11 @@ export default defineComponent({
       required: false,
       default: true,
     },
+    need_Telegram: {
+      type: Boolean,
+      required: false,
+      default: false,
+    },
   },
   setup(props, { emit }) {
     const $q = useQuasar()
@@ -289,6 +294,7 @@ export default defineComponent({
       signup,
       iamadult,
       v$,
+      t,
       allowSubmit,
       myRuleEmail,
     }

src/components/CSignUp/CSignUp.vue

@@ -4,6 +4,14 @@
       <p>
         <logo></logo>
         <CTitleBanner :title="$t('pages.SignUp')"></CTitleBanner>
+
+        <q-banner
+          rounded
+          class="bg-warning text-black"
+          style="text-align: center;"
+        >
+          <span class="mybanner" v-html="t('pages.need_Telegram')"></span>
+        </q-banner>
       </p>
     </div>
 

src/components/CStatusReg/CStatusReg.ts

@@ -0,0 +1,172 @@
+import {
+  computed,
+  defineComponent, onBeforeMount, onBeforeUnmount, onMounted, ref, toRef, toRefs, watch,
+} from 'vue'
+
+import { INotData } from '../../model/index'
+import MixinBase from '@src/mixins/mixin-base'
+import { CTitleBanner } from '@components'
+import { CCardState } from '../CCardState'
+import { CMyFieldRec } from '../CMyFieldRec'
+import { CCardStat } from '../CCardStat'
+import { CLineChart } from '@components'
+
+// import { CGeoChart } from '@components'
+// import { CListNationality } from '@components'
+
+
+import { tools } from '@store/Modules/tools'
+import { costanti } from '@costanti'
+import { useGlobalStore } from '@store/globalStore'
+import { useUserStore } from '@store/UserStore'
+import { useI18n } from '@/boot/i18n'
+
+export default defineComponent({
+  name: 'CStatusReg',
+  props: {},
+  components: { CTitleBanner, CCardState, CCardStat, CLineChart, CMyFieldRec },
+  setup(props, { attrs, slots, emit }) {
+    const { t } = useI18n()
+    const globalStore = useGlobalStore()
+    const userStore = useUserStore()
+
+    const NUMSEC_TO_POLLING = ref(300)
+    const MAXNUM_POLLING = ref(10)
+
+    const myloadingload = ref(false)
+    const eseguipolling = ref(false)
+    const polling = ref(<any>null)
+    const numpolled = ref(0)
+
+    const datastat = ref(<any>{
+      num_reg: 0,
+      num_passeggeri: 0,
+      num_imbarcati: 0,
+      num_teleg_attivo: 0,
+      email_non_verif: 0,
+      num_teleg_pending: 0,
+      lastsreg: [],
+      checkuser: { verified_email: false }
+    })
+
+    const visustat = computed(() => {
+      return datastat.value.num_reg! > 0
+    })
+
+    const telegnonattivi = computed(() => {
+      return datastat.value.num_reg! - datastat.value.num_teleg_attivo!
+    })
+
+    const emailnonverif = computed(() => {
+      return datastat.value.email_non_verif
+    })
+
+    const lastsreg = computed(() => {
+      return datastat.value.lastsreg
+    })
+
+    function checkifpolling() {
+      if (userStore.my.profile) {
+        if (!tools.isUserOk() && tools.appid() === tools.IDAPP_RISO)
+          NUMSEC_TO_POLLING.value = 10
+      }
+
+      if (eseguipolling.value) {
+        clearInterval(polling.value)
+        polling.value = null
+        if (numpolled.value > 100) {
+          NUMSEC_TO_POLLING.value = 60 * 5
+        }
+        if (numpolled.value < MAXNUM_POLLING.value) {
+          if (!polling.value) {
+            polling.value = setInterval(() => {
+              load()
+              numpolled.value++
+            }, NUMSEC_TO_POLLING.value * 1000)
+          }
+        }
+      }
+    }
+
+    function beforeDestroy() {
+      clearInterval(polling.value)
+    }
+
+    function created() {
+      if (tools.isManager()) {
+        MAXNUM_POLLING.value = 100
+      }
+      load()
+    }
+
+    async function load() {
+      // console.log('load')
+      myloadingload.value = true
+      datastat.value = await globalStore.getStatSite()
+
+      // console.log('datastat.value.lastsreg')
+      // console.table(datastat.value.lastsreg)
+
+      // console.log('newsstate')
+      // console.table('GlobalStore.state.serv_settings', GlobalStore.state.serv_settings)
+
+      eseguipolling.value = true
+
+      // console.log('eseguipolling', eseguipolling)
+      myloadingload.value = false
+
+      if (userStore.my) {
+        if (datastat.value.checkuser) {
+          if (datastat.value.checkuser.verified_email && !userStore.my.verified_email) {
+            userStore.my.verified_email = true
+            riaggiorna()
+          }
+          if (userStore.my.profile && datastat.value.checkuser.profile) {
+            if ((userStore.my.profile.teleg_id! <= 0 && datastat.value.checkuser.profile.teleg_id > 0) ||
+              (userStore.my.profile.teleg_id! !== datastat.value.checkuser.profile.teleg_id!)) {
+              userStore.my.profile.teleg_id = datastat.value.checkuser.profile.teleg_id
+              riaggiorna()
+            }
+            if ((userStore.my.profile.teleg_checkcode! <= 0 && datastat.value.checkuser.profile.teleg_checkcode > 0) ||
+              (userStore.my.profile.teleg_checkcode !== datastat.value.checkuser.profile.teleg_checkcode)) {
+              userStore.my.profile.teleg_checkcode = datastat.value.checkuser.profile.teleg_checkcode
+              riaggiorna()
+            }
+          }
+        }
+      }
+
+      checkifpolling()
+    }
+
+    function riaggiorna() {
+      // clearInterval(polling)
+      // polling = null
+      checkifpolling()
+    }
+
+    function calcperc(val1: number, valmax: number) {
+      if (valmax > 0)
+        return (val1 / valmax * 100)
+      else
+        return 0
+    }
+
+    created()
+
+    onBeforeUnmount(beforeDestroy)
+
+    return {
+      calcperc,
+      riaggiorna,
+      visustat,
+      telegnonattivi,
+      emailnonverif,
+      lastsreg,
+      datastat,
+      tools,
+      costanti,
+    }
+
+  }
+})

src/components/CStatusReg/CStatusReg.vue

@@ -0,0 +1,112 @@
+<template>
+  <div>
+    <div v-if="visustat">
+      <CTitleBanner class="q-pa-xs" :title="$t('pages.status')" bgcolor="bg-primary" clcolor="text-white"
+                    mystyle="" myclass="myshad" :canopen="true">
+
+
+        <div class="flex flex-center">
+
+          <CCardState :mytext="$t('pages.statusreg.reg')" :myval="datastat.num_reg"
+                      :myperc="100"></CCardState>
+
+          <div class="q-pa-xs" v-if="datastat.num_part_accepted > 1">
+            <CCardStat :mytext="$t('stat.accepted')" :myval="datastat.num_part_accepted"></CCardStat>
+            <!--<CCardStat :mytext="$t('stat.modalita_pagamento')"
+                       :myval="datastat.num_modalita_pagamento"></CCardStat>-->
+            <!--<CCardStat :mytext="$t('stat.requisiti')" :myval="datastat.num_requisiti"></CCardStat>-->
+            <!--<CCardStat :mytext="$t('stat.qualificati')" :myval="datastat.num_qualificati"></CCardStat>-->
+            <!--<CCardStat v-if="emailnonverif" :mytext="$t('stat.email_not_verif')" :myval="emailnonverif"
+                       mycol="negative"></CCardStat>
+            <CCardStat v-if="telegnonattivi" :mytext="$t('stat.telegram_non_attivi')"
+                       :myval="telegnonattivi"
+                       mycol="negative"></CCardStat>
+            <CCardStat v-if="datastat.num_teleg_pending > 0" :mytext="$t('stat.telegram_pendenti')"
+                       :myval="datastat.num_teleg_pending" mycol="negative"></CCardStat>-->
+          </div>
+
+          <div class="column animazione">
+            <div class="text-center">{{$t('pages.statusreg.newreg')}}</div>
+            <transition-group name="fade" mode="out-in"
+                              appear
+                              enter-active-class="animazione fadeIn"
+                              leave-active-class="animazione fadeOut">
+
+              <q-item v-for="(user, index) in lastsreg" :key="index" class="q-mb-xs animated"
+                      v-ripple>
+
+                <!--
+                <q-item-section avatar>
+                  <q-avatar v-if="tools.geticon(user.profile.nationality)"
+                            :class="tools.geticon(user.profile.nationality)">
+
+                  </q-avatar>
+                  <q-avatar v-else color="primary" text-color="white" class="text-center">
+                    {{ tools.capitalize(user.profile.nationality) }}
+                  </q-avatar>
+                </q-item-section>-->
+
+                <q-item-section>
+                  <q-item-label lines="1">
+                    <CMyFieldRec
+                      table="users"
+                      :id="user._id"
+                      :rec="user"
+                      field="username"
+                      :canEdit="false"
+                      :canModify="false"
+                      :type="costanti.FieldType.username_chip">
+                    </CMyFieldRec>
+
+                  </q-item-label>
+                </q-item-section>
+
+                <q-item-section side>
+                  <q-item-label>{{ tools.getstrDateTimeShort(user.date_reg) }}</q-item-label>
+                  <q-chip outline color="green" text-color="white" icon-right="fas fa-user-plus"
+                          size="xs"></q-chip>
+                </q-item-section>
+              </q-item>
+            </transition-group>
+          </div>
+
+          <!--<CGeoChart :mydata="datastat.arr_nations">
+
+          </CGeoChart>-->
+
+          <div class="row q-pa-sm text-center justify-center">
+            <!--
+            <div class="clBorderZoom">
+              <CListNationality :mydata="datastat.arr_nations">
+
+              </CListNationality>
+            </div>-->
+            <div class="clBorderTutor">
+              <CLineChart :mydata="datastat.reg_daily" :title="$t('stat.reg_daily')" color="blue" bordercolor="blue" :sum="true">
+
+              </CLineChart>
+
+              <!--<CLineChart :mydata="datastat.reg_weekly" :title="$t('stat.reg_weekly')" color="blue" bordercolor="green" :sum="true">
+
+              </CLineChart>-->
+
+
+              <!--<CLineChart :mydata="datastat.reg_daily" :title="$t('stat.reg_total')"
+                          :offset="datastat.numreg_untilday" :sum="true"
+                          :mycolors="['#0b0', '#666']">
+
+              </CLineChart>-->
+            </div>
+          </div>
+        </div>
+      </CTitleBanner>
+    </div>
+  </div>
+</template>
+
+<script lang="ts" src="./CStatusReg.ts">
+</script>
+
+<style lang="scss" scoped>
+  @import './CStatusReg.scss';
+</style>

src/components/CStatusReg/index.ts

@@ -0,0 +1 @@
+export {default as CStatusReg} from './CStatusReg.vue'

src/components/CUserNonVerif/CUserNonVerif.vue

@@ -4,9 +4,9 @@
 
     </CVerifyTelegram>
 
-    <CVerifyEmail v-if="!tools.isEmailVerified() && !tools.TelegVerificato()">
+    <!--<CVerifyEmail v-if="!tools.isEmailVerified() && !tools.TelegVerificato()">
 
-    </CVerifyEmail>
+    </CVerifyEmail>-->
     <div v-if="tools.isTelegOk()" class="centeritems">
       <q-banner inline-actions rounded class="bg-orange text-black">
         <template v-slot:avatar>

src/components/CVerifyTelegram/CVerifyTelegram.vue

@@ -21,7 +21,7 @@
                :href="tools.getLinkBotTelegram()" target="_blank"></q-btn>
         <br>
       </div>
-      <strong>{{ $t('components.authentication.telegram.ifclose', {botname: tools.getBotName() })}}</strong>
+      <strong v-if="!tools.TelegCode()">{{ $t('components.authentication.telegram.ifclose', {botname: tools.getBotName() })}}</strong>
       <div class="q-my-sm">
         <!--<q-img src="images/ayni_bot.jpg" class="" :alt="$t('ws.sitename')" style="height: 100px; width: 250px;">
         </q-img>-->

src/components/index.ts

@@ -28,6 +28,8 @@ export * from './CTitle'
 export * from './CTitleBanner'
 export * from './Footer'
 export * from './FormNewsletter'
+export * from './CLineChart'
+export * from './CStatusReg'
 export * from './Header'
 export * from './logo'
 export * from './testpao'