- Chart Maps Nationality

- Username lowercase
- Statistics
- Telegram

src/components/CStatusReg/CStatusReg.ts

@@ -8,10 +8,14 @@ import { validations } from '../CSignUpNotevole/CSignUp-validate'
 import { CTitleBanner } from '@components'
 import { CCardState } from '../CCardState'
 import { UserStore } from '../../store/Modules'
+import { CCardStat } from '../CCardStat'
+import { CLineChart } from '../CLineChart'
+import { CGeoChart } from '../CGeoChart'
+import { CListNationality } from '../CListNationality'
 
 @Component({
   name: 'CStatusReg',
-  components: { CTitleBanner, CCardState }
+  components: { CTitleBanner, CCardState, CCardStat, CLineChart, CGeoChart, CListNationality }
 })
 
 export default class CStatusReg extends MixinBase {
@@ -26,6 +30,9 @@ export default class CStatusReg extends MixinBase {
     num_tot_lista: 0,
     num_reg_lista: 0,
     num_reg: 0,
+    num_teleg_attivo: 0,
+    email_non_verif: 0,
+    num_teleg_pending: 0,
     lastsreg: [],
     checkuser: { verified_email: false }
   }
@@ -124,9 +131,14 @@ export default class CStatusReg extends MixinBase {
       return 0
   }
 
-
   get visustat() {
     return this.datastat.num_reg > 0 || this.datastat.num_reg_lista > 0
   }
 
+  get telegnonattivi() {
+    return this.datastat.num_reg - this.datastat.num_teleg_attivo
+  }
+  get emailnonverif() {
+    return this.datastat.email_non_verif
+  }
 }

src/components/CStatusReg/CStatusReg.vue

@@ -10,8 +10,19 @@
           <CCardState :mytext="$t('pages.statusreg.reg')" :myval="datastat.num_reg" :myperc="100"></CCardState>
           <CCardState :mytext="$t('pages.statusreg.giainlista')" :isperc="true" :myval="datastat.num_reg_lista"
                       :myperc="perc_reg" :textadd="` / ` + datastat.num_tot_lista"></CCardState>
+          <div class="q-pa-xs ">
+            <CCardStat mytext="Partecipato in Zoom" :myval="datastat.num_part_zoom"></CCardStat>
+            <CCardStat mytext="Hanno scritto il Sogno" :myval="datastat.num_users_dream"></CCardStat>
+            <CCardStat v-if="emailnonverif" mytext="Email non Verificate" :myval="emailnonverif"
+                       mycol="negative"></CCardStat>
+            <CCardStat v-if="telegnonattivi" mytext="Telegram Non Attivi" :myval="telegnonattivi"
+                       mycol="negative"></CCardStat>
+            <CCardStat v-if="datastat.num_teleg_pending > 0" mytext="Telegram Pendenti"
+                       :myval="datastat.num_teleg_pending" mycol="negative"></CCardStat>
+          </div>
+
           <div class="column animazione">
-            <div class="text-center">Nuove Registrazioni:</div>
+            <div class="text-center">{{$t('pages.statusreg.newreg')}}</div>
             <transition-group name="fade" mode="out-in"
                               appear
                               enter-active-class="animazione fadeIn"
@@ -19,7 +30,8 @@
               <q-item v-for="(user, index) in lastsreg" :key="user.username" 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 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">
@@ -39,6 +51,22 @@
               </q-item>
             </transition-group>
           </div>
+
+          <CGeoChart :mydata="datastat.arr_nations">
+
+          </CGeoChart>
+          <div class="row text-center justify-center">
+            <CListNationality :mydata="datastat.arr_nations">
+
+            </CListNationality>
+            <CLineChart :mydata="datastat.reg_daily" title="Registrazioni Giornaliere">
+
+            </CLineChart>
+            <CLineChart :mydata="datastat.reg_daily" title="Registrazioni Totali" :sum="true"
+                        :mycolors="['#0b0', '#666']">
+
+            </CLineChart>
+          </div>
         </div>
       </CTitleBanner>
     </div>