- Chart Maps Nationality

- Username lowercase
- Statistics
- Telegram

src/components/CCardStat/CCardStat.scss

@@ -0,0 +1,13 @@
+.my-card-stat {
+  width: 100%;
+  max-width: 200px;
+  min-width: 120px;
+  padding: 1rem 1rem;
+  @media (max-width: 718px) {
+    // PER VERSIONE MOBILE
+    max-width: 150px;
+    padding: 0;
+  }
+
+  box-shadow: none;
+}

src/components/CCardStat/CCardStat.ts

@@ -0,0 +1,23 @@
+import Vue from 'vue'
+import { Component, Prop, Watch } from 'vue-property-decorator'
+
+import { tools } from '../../store/Modules/tools'
+import { toolsext } from '@src/store/Modules/toolsext'
+import MixinBase from '@src/mixins/mixin-base'
+
+@Component({
+  name: 'CCardState'
+})
+
+export default class CCardStat extends MixinBase {
+  @Prop({ required: true, default: '' }) public mytext
+  @Prop({ required: true, default: 0 }) public myval
+  @Prop({ required: false, default: 'primary' }) public mycol
+
+  get getsize() {
+    if (tools.isMobile())
+      return '130px'
+    else
+      return '150px'
+  }
+}

src/components/CCardStat/CCardStat.vue

@@ -0,0 +1,19 @@
+<template>
+  <div class="row justify-between q-pa-xs-sm">
+    <div style="font-size:1rem; padding-right: 8px;">
+      {{mytext}}
+    </div>
+    <div>
+      <q-badge :color="mycol">{{ myval }}</q-badge>
+    </div>
+  </div>
+
+
+</template>
+
+<script lang="ts" src="./CCardStat.ts">
+</script>
+
+<style lang="scss" scoped>
+  @import './CCardStat.scss';
+</style>

src/components/CCardStat/index.ts

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

src/components/CCopyBtn/CCopyBtn.scss

@@ -0,0 +1,47 @@
+$heightBtn: 100%;
+$grayshadow: #555;
+
+.text-subtitle-gallery {
+  font-size: 1rem;
+  font-weight: 400;
+  line-height: 1.75rem;
+  letter-spacing: .00937em;
+  text-shadow: .1rem .1rem .1rem $grayshadow;
+}
+
+@media (max-width: 718px) {
+  // PER VERSIONE MOBILE
+  .text-subtitle-gallery {
+    font-size: 1rem;
+  }
+}
+
+.myimg {
+  border-radius: 10px !important;
+  height: 200px;
+}
+
+.myimg-view {
+  border-radius: 5px !important;
+  height: 80px;
+}
+
+.q-img {
+  &__image {
+    border-radius: 10px !important;
+  }
+}
+
+.my-card-gallery {
+  width: 100%;
+  max-width: 300px;
+  min-width: 200px;
+  padding: 1rem 1rem;
+  height: 350px;
+}
+
+.my-card-gallery-view {
+  width: 100px;
+  height: 100px;
+  padding: 0.5rem 0.5rem;
+}

src/components/CCopyBtn/CCopyBtn.ts

@@ -0,0 +1,25 @@
+import Vue from 'vue'
+import { Component, Prop, Watch } from 'vue-property-decorator'
+
+import { tools } from '../../store/Modules/tools'
+import { toolsext } from '@src/store/Modules/toolsext'
+
+@Component({
+  name: 'CCopyBtn'
+})
+
+export default class CCopyBtn extends Vue {
+  public $t
+  public $q
+  @Prop({ required: false, default: '' }) public title: string
+  @Prop({ required: true }) public texttocopy: string
+
+  get tools() {
+    return tools
+  }
+
+  public copytoclip() {
+    tools.copyStringToClipboard(this, this.texttocopy)
+  }
+
+}

src/components/CCopyBtn/CCopyBtn.vue

@@ -0,0 +1,20 @@
+<template>
+  <div class="column q-pa-sm cursor-pointer" @click="copytoclip">
+    <q-field outlined bottom-slots :label="title" stack-label class="text-center">
+      <template v-slot:prepend>
+        <q-btn round dense flat icon="far fa-copy" />
+      </template>
+
+      <template v-slot:control>
+        <div class="self-center full-width no-outline text-center wrapword text-h5" tabindex="0">{{texttocopy}}</div>
+      </template>
+    </q-field>
+  </div>
+</template>
+
+<script lang="ts" src="./CCopyBtn.ts">
+</script>
+
+<style lang="scss" scoped>
+  @import './CCopyBtn.scss';
+</style>

src/components/CCopyBtn/index.ts

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

src/components/CGallery/CGallery.ts

@@ -7,14 +7,14 @@ import { IGallery, IImgGallery } from '../../model/GlobalStore'
 import { CMyPage } from '../CMyPage'
 import GlobalModule from '../../store/Modules/GlobalStore'
 import { GlobalStore } from '../../store/Modules'
-import { copyToClipboard } from 'quasar'
+import MixinBase from '../../mixins/mixin-base'
 
 @Component({
   name: 'CGallery',
   components: { CMyPage }
 })
 
-export default class CGallery extends Vue {
+export default class CGallery extends MixinBase {
   @Prop({ required: true }) public edit: boolean
   @Prop({ required: true }) public gall: IGallery
   @Prop({ required: true }) public listimages: IImgGallery[]
@@ -173,9 +173,7 @@ export default class CGallery extends Vue {
 
   public copytoclipboard(rec) {
     const filename = this.getfullname(rec)
-    copyToClipboard(filename).then(() => {
-      tools.showNotif(this.$q, this.$t('dialog.copyclipboard') + ' \'' + filename + '\'')
-    })
+    tools.copyStringToClipboard(this, filename)
   }
 
   public async deleteFile(rec) {

src/components/CGeoChart/CGeoChart.ts

@@ -0,0 +1,69 @@
+import Vue from 'vue'
+import { Component, Prop, Watch } from 'vue-property-decorator'
+
+import { tools } from '../../store/Modules/tools'
+import { toolsext } from '@src/store/Modules/toolsext'
+
+@Component({})
+
+/**
+ *
+ * 150 - Europe  154 - Northern Europe  GG, JE, AX, DK, EE, FI, FO, GB, IE, IM, IS, LT, LV, NO, SE, SJ
+ * 155 - Western Europe  AT, BE, CH, DE, DD, FR, FX, LI, LU, MC, NL
+ * 151 - Eastern Europe  BG, BY, CZ, HU, MD, PL, RO, RU, SU, SK, UA
+ * 039 - Southern Europe  AD, AL, BA, ES, GI, GR, HR, IT, ME, MK, MT, RS, PT, SI, SM, VA, YU
+ * 019 - Americas  021 - Northern America  BM, CA, GL, PM, US
+ * 029 - Caribbean  AG, AI, AN, AW, BB, BL, BS, CU, DM, DO, GD, GP, HT, JM, KN, KY, LC, MF, MQ, MS, PR, TC, TT, VC, VG, VI
+ * 013 - Central America  BZ, CR, GT, HN, MX, NI, PA, SV
+ * 005 - South America  AR, BO, BR, CL, CO, EC, FK, GF, GY, PE, PY, SR, UY, VE
+ *
+ */
+
+export default class CGeoChart extends Vue {
+
+  public $t
+  public $q
+  public data: any[] = []
+  public mydatafixed: any[] = []
+  public tab = 'world'
+
+  public myoptionsWorld = {
+    legend: { textStyle: { color: 'blue', fontSize: 16 } },
+    backgroundColor: '#81d4fa',
+    colorAxis: { colors: ['#ffd986', '#009524'] },
+
+  }
+  public myoptionsEurope = {
+    region: '039',
+    legend: { textStyle: { color: 'blue', fontSize: 16 } },
+    backgroundColor: '#81d4fa',
+    colorAxis: { colors: ['#ffd986', '#009524'] },
+  }
+
+  @Prop({ required: true }) public mydata: any []
+
+  get tools() {
+    return tools
+  }
+
+  public mounted() {
+    this.mydatafixed = []
+    let alldata: any[]
+
+    for (const rec of this.mydata) {
+      alldata = []
+      alldata.push(tools.getNationsByNationality(rec._id))
+      alldata.push(rec.count)
+
+      this.mydatafixed.push(alldata)
+    }
+  }
+
+  get getmydatafixed() {
+    if (!!this.mydatafixed)
+      return this.mydatafixed
+    else
+      return [['Italy', 1]]
+  }
+
+}

src/components/CGeoChart/CGeoChart.vue

@@ -0,0 +1,41 @@
+<template>
+  <div class="q-pa-sm" style="width: 100%;">
+    <!--<line-chart :data="mydata"></line-chart>-->
+
+    <div class="q-gutter-y-md" style="max-width: 1200px">
+      <q-tabs
+        v-model="tab"
+        dense
+        class="text-grey"
+        active-color="primary"
+        indicator-color="primary"
+        align="justify"
+        narrow-indicator
+      >
+        <q-tab name="world" label="World"></q-tab>
+        <q-tab name="europe" label="Europe"></q-tab>
+
+      </q-tabs>
+
+      <q-tab-panels v-model="tab" animated>
+        <q-tab-panel name="world">
+          <geo-chart :data="getmydatafixed" :library="myoptionsWorld"></geo-chart>
+        </q-tab-panel>
+        <q-tab-panel name="europe">
+          <geo-chart :data="getmydatafixed" :library="myoptionsEurope"></geo-chart>
+        </q-tab-panel>
+      </q-tab-panels>
+    </div>
+
+
+    <!--<line-chart :data="chartData"></line-chart>-->
+
+  </div>
+</template>
+
+<script lang="ts" src="./CGeoChart.ts">
+</script>
+
+<style lang="scss" scoped>
+  @import './CGeoChart.scss';
+</style>

src/components/CGeoChart/index.ts

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

src/components/CLineChart/CLineChart.ts

@@ -0,0 +1,43 @@
+import Vue from 'vue'
+import { Component, Prop, Watch } from 'vue-property-decorator'
+
+import { tools } from '../../store/Modules/tools'
+import { toolsext } from '@src/store/Modules/toolsext'
+
+@Component({
+
+})
+
+export default class CLineChart extends Vue {
+  public $t
+  public $q
+  public mydatafixed = {}
+  @Prop({ required: false, default: '' }) public mydata: any[]
+  @Prop({ required: false, default: false }) public sum: boolean
+  @Prop({ required: false, default: '' }) public title: string
+  @Prop({ required: false, default: null }) public mycolors
+
+  get tools() {
+    return tools
+  }
+
+  public mounted() {
+    this.mydatafixed = {}
+
+    let somma = 0
+
+    for (const rec of this.mydata) {
+      if (this.sum) {
+        somma += rec.count
+      } else {
+        somma = rec.count
+      }
+      this.mydatafixed[rec._id] = somma
+    }
+  }
+
+  get getmydata() {
+    return this.mydatafixed
+  }
+
+}

src/components/CLineChart/CLineChart.vue

@@ -0,0 +1,12 @@
+<template>
+  <div class="q-pa-sm">
+    <line-chart :title="title" :data="getmydata" :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/CListNationality/CListNationality.scss

@@ -0,0 +1,15 @@
+.flag_icon{
+  max-height: 40px;
+}
+
+.label_count{
+  font-size: 1.15rem;
+  font-weight: bold;
+}
+
+
+.clitemnat{
+  height: 40px;
+  padding: 2px 2px !important;
+}
+

src/components/CListNationality/CListNationality.ts

@@ -0,0 +1,21 @@
+import Vue from 'vue'
+import { Component, Prop, Watch } from 'vue-property-decorator'
+
+import { tools } from '../../store/Modules/tools'
+import { toolsext } from '@src/store/Modules/toolsext'
+import MixinBase from '@src/mixins/mixin-base'
+
+@Component({
+
+})
+
+export default class CListNationality extends MixinBase {
+  @Prop({ required: true }) public mydata: any []
+
+  get getsize() {
+    if (tools.isMobile())
+      return '130px'
+    else
+      return '150px'
+  }
+}

src/components/CListNationality/CListNationality.vue

@@ -0,0 +1,45 @@
+<template>
+  <div class="row">
+    <div class="column animazione">
+      <div class="text-center">{{$t('pages.statusreg.nationality')}}</div>
+      <transition-group name="fade" mode="out-in"
+                        appear
+                        enter-active-class="animazione fadeIn"
+                        leave-active-class="animazione fadeOut">
+        <q-item v-for="(nat, index) in mydata" :key="nat._id" class="clitemnat">
+            <q-item-section avatar>
+              <q-avatar v-if="tools.geticon(nat._id)"
+                        :class="tools.geticon(nat._id)" class="flag_icon">
+
+              </q-avatar>
+              <q-avatar v-else color="primary" text-color="white" class="text-center">
+                {{ tools.capitalize(nat._id) }}
+              </q-avatar>
+            </q-item-section>
+
+            <q-item-section>
+              <q-item-label>{{ tools.getNationsByNationality(nat._id) }}</q-item-label>
+            </q-item-section>
+
+            <q-item-section side>
+              <q-item-label class="label_count">
+                <div class="justify-center">{{ nat.count }}
+                  <q-chip outline color="green" text-color="white" icon-right="fas fa-user-plus" size="xs"></q-chip>
+                </div>
+              </q-item-label>
+
+            </q-item-section>
+        </q-item>
+
+      </transition-group>
+    </div>
+
+  </div>
+</template>
+
+<script lang="ts" src="./CListNationality.ts">
+</script>
+
+<style lang="scss" scoped>
+  @import './CListNationality.scss';
+</style>

src/components/CListNationality/index.ts

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

src/components/CNextZoom/CNextZoom.vue

@@ -12,9 +12,6 @@
                               appear
                               enter-active-class="animazione fadeIn"
                               leave-active-class="animazione fadeOut">
-              <div>
-                Mancano: {{ nextconf }}
-              </div>
               <q-item v-for="(confer, index) in listacalzoom" :key="confer._id" class="q-mb-xs animated" v-ripple>
 
                 <q-item-section avatar>
@@ -25,10 +22,17 @@
                   </q-avatar>
                 </q-item-section>
 
-                <q-item-section>
-                  <q-item-label class="title">{{ confer.title }} </q-item-label>
-                  <q-item-label class="id_conf">ID: {{ confer.id_conf_zoom }} </q-item-label>
-                  <q-item-label class="note">ID: {{ confer.note }} </q-item-label>
+                <q-item-section class="text-center">
+                  <q-item-label class="title">{{ confer.title }}</q-item-label>
+                  <q-item-label class="id_conf">ID: {{ confer.id_conf_zoom }}</q-item-label>
+                  <q-item-label class="note">
+                    <q-chip
+                      style="background-color: lightblue !important;"
+                      text-color="black"
+
+                    >{{ confer.note }}
+                    </q-chip>
+                  </q-item-label>
                 </q-item-section>
 
                 <q-item-section side>

src/components/CSignIn/CSignIn.ts

@@ -107,6 +107,8 @@ export default class CSignIn extends Vue {
   public submit() {
     // console.log('submit LOGIN')
 
+    this.signin.username = tools.removespaces(this.signin.username)
+
     this.$v.signin.$touch()
 
     if (this.$v.signin.$error) {

src/components/CSignUp/CSignUp.ts

@@ -16,9 +16,9 @@ import 'vue-country-code/dist/vue-country-code.css'
 import { serv_constants } from '@src/store/Modules/serv_constants'
 
 import VueCountryCode from 'vue-country-code'
-import { CTitleBanner } from '../CTitleBanner'
 import { registereduser } from '../../validation'
 import MixinBase from '../../mixins/mixin-base'
+import { CTitleBanner } from '../CTitleBanner'
 
 Vue.use(VueCountryCode)
 // import {Loading, QSpinnerFacebook, QSpinnerGears} from 'quasar'
@@ -179,6 +179,8 @@ export default class CSignUp extends MixinBase {
   public submitOk() {
     this.$v.signup.$touch()
 
+    this.signup.username = tools.removespaces(this.signup.username)
+
     this.duplicate_email = false
     this.duplicate_username = false
 

src/components/CSignUpNotevole/CSignUpNotevole.ts

@@ -16,9 +16,10 @@ import 'vue-country-code/dist/vue-country-code.css'
 import { serv_constants } from '@src/store/Modules/serv_constants'
 
 import VueCountryCode from 'vue-country-code'
-import { CTitleBanner } from '../CTitleBanner'
 import { registereduser } from '../../validation'
 import MixinBase from '../../mixins/mixin-base'
+import { CTitleBanner } from '../CTitleBanner'
+import { PagePolicy } from '../PagePolicy'
 
 Vue.use(VueCountryCode)
 // import {Loading, QSpinnerFacebook, QSpinnerGears} from 'quasar'
@@ -27,7 +28,7 @@ Vue.use(VueCountryCode)
   name: 'CSignUp',
   mixins: [validationMixin],
   validations,
-  components: { Logo, CTitleBanner }
+  components: { Logo, CTitleBanner, PagePolicy }
 })
 
 export default class CSignUpNotevole extends MixinBase {
@@ -35,6 +36,7 @@ export default class CSignUpNotevole extends MixinBase {
   @Prop({ required: false, default: false }) public showcell: boolean
   @Prop({ required: false, default: false }) public showaportador: boolean
   @Prop({ required: false, default: false }) public shownationality: boolean
+
   public $v
   public $q
   public $t: any
@@ -43,6 +45,7 @@ export default class CSignUpNotevole extends MixinBase {
 
   public duplicate_email: boolean = false
   public duplicate_username: boolean = false
+  public showdisclaimer: boolean = false
 
   public options = [
     { label: 'Sono già registrato sulla Chat di Ayni', value: true, color: 'green' },
@@ -211,6 +214,8 @@ export default class CSignUpNotevole extends MixinBase {
   public submitOk() {
     this.$v.signup.$touch()
 
+    this.signup.username = tools.removespaces(this.signup.username)
+
     this.duplicate_email = false
     this.duplicate_username = false
 
@@ -224,8 +229,10 @@ export default class CSignUpNotevole extends MixinBase {
       return
     }
 
-    this.signup.name = tools.CapitalizeAllWords(this.signup.name)
-    this.signup.surname = tools.CapitalizeAllWords(this.signup.surname)
+    this.signup.name = tools.CapitalizeAllWords(this.signup.name).trim()
+    this.signup.surname = tools.CapitalizeAllWords(this.signup.surname).trim()
+    this.signup.profile.cell = tools.removespaces(this.signup.profile.cell).trim()
+    this.signup.profile.intcode_cell = this.signup.profile.intcode_cell.trim()
 
     this.$q.loading.show({ message: this.$t('reg.incorso') })
 
@@ -257,12 +264,26 @@ export default class CSignUpNotevole extends MixinBase {
     this.signup.username = value.trim()
   }
 
+  get nuovareg() {
+    return (this.signup.aportador_solidario !== tools.APORTADOR_NONE)
+  }
+
   get getplaceholdercell() {
-    return this.$t('reg.cellreg')
+    if (this.signup.aportador_solidario !== tools.APORTADOR_NONE)
+      return this.$t('reg.cell')
+    else
+      return this.$t('reg.cellreg')
   }
 
   get regvisibile() {
     return true
     // return this.signup.already_registered || (!this.signup.already_registered && this.signup.aportador_solidario)
   }
+
+  get gettitlereg() {
+    if (!this.nuovareg)
+      return this.$t('pages.SignUp_alreadylista')
+    else
+      return this.$t('pages.SignUp')
+  }
 }

src/components/CSignUpNotevole/CSignUpNotevole.vue

@@ -2,20 +2,37 @@
   <div>
     <div class="text-center">
       <p>
-        <logo></logo>
-        <CTitleBanner :title="$t('pages.SignUp')"></CTitleBanner>
+        <logo mystyle="height:200px;"></logo>
+        <CTitleBanner :title="gettitlereg"></CTitleBanner>
       </p>
     </div>
 
+    <q-banner
+      v-if="!nuovareg"
+      rounded
+      class="bg-primary text-white"
+      style="text-align: center; font-size:1rem;">
+      <span class="mybanner" v-html="$t('reg.reg_lista_prec')"></span>
+    </q-banner>
+
+    <br>
+    <q-banner
+      v-if="!nuovareg"
+      rounded
+      class="bg-warning text-black"
+      style="text-align: center; font-size:1rem;">
+      <span class="mybanner">{{ $t('reg.nuove_registrazioni')}}</span>
+    </q-banner>
+
     <!--Prova URL :  {{env('PROVA_PAOLO')}}-->
 
     <div class="q-gutter-sm">
 
       <!--<q-option-group-->
-        <!--:options="options"-->
-        <!--label="Notifications"-->
-        <!--type="radio"-->
-        <!--v-model="signup.already_registered"-->
+      <!--:options="options"-->
+      <!--label="Notifications"-->
+      <!--type="radio"-->
+      <!--v-model="signup.already_registered"-->
       <!--&gt;</q-option-group>-->
 
       <!--<q-toggle dark color="green"
@@ -51,6 +68,7 @@
           @blur="$v.signup.email.$touch"
           :error="$v.signup.email.$error"
           :error-message="errorMsg('email', $v.signup.email)"
+          @keydown.space="(event) => event.preventDefault()"
           maxlength="50"
           debounce="1000"
           :label="$t('reg.email')">
@@ -175,11 +193,19 @@
           :preferredCountries="tools.getprefCountries"
           :placeholder="getplaceholdercell"
           maxlength="20"
-          :enabledCountryCode="true"
+          autocomplete="off"
+          mode="international"
+          :enabledCountryCode="false"
           inputClasses="clCell"
           wrapperClasses="clCellCode">
         </vue-tel-input>
 
+        <br>
+        <div class="text-center">
+          <q-btn rounded size="sm" color="positive" @click="showdisclaimer = true">
+            {{$t('privacy_policy')}}
+          </q-btn>
+        </div>
 
         <q-checkbox
           v-model="signup.terms"
@@ -220,6 +246,32 @@
 
     -->
 
+    <q-dialog v-model="showdisclaimer">
+      <q-card :style="`min-width: `+ tools.myheight_dialog() + `px;`">
+        <q-toolbar class="bg-primary text-white">
+          <q-toolbar-title>
+            Policy
+          </q-toolbar-title>
+          <q-btn flat round color="white" icon="close" v-close-popup></q-btn>
+        </q-toolbar>
+        <q-card-section class="inset-shadow">
+          <PagePolicy
+            owneremail="ayni.gifteconomy@gmail.com"
+            SiteName="Ayni"
+            ownerDataName="Ayni"
+            managerData="Ayni"
+            includeData="dati anagrafici (ragione sociale, nome, cognome), recapiti (telefono, indirizzo email)"
+            url="ayni.gifteconomy@gmail.com"
+            lastdataupdate="16 Gennaio 2020"
+            country="Italia"
+          >
+
+          </PagePolicy>
+        </q-card-section>
+      </q-card>
+
+    </q-dialog>
+
   </div>
 </template>
 

src/components/CStatus/CStatus.scss

@@ -19,3 +19,13 @@
 }
 
 li {}
+
+.landing__footer-icons {
+  font-size: 3rem
+}
+
+.icon_contact:hover {
+  // border-color: white;
+  border-width: .0625rem;
+}
+

src/components/CStatus/CStatus.ts

@@ -8,11 +8,12 @@ import MixinBase from '../../mixins/mixin-base'
 import { CTitleBanner, CMyFieldDb } from '@components'
 import { CMyInnerPage } from '../CMyInnerPage'
 import { tools } from '../../store/Modules/tools'
+import { CVerifyTelegram } from '../CVerifyEmail'
+import { CVerifyEmail } from '../CVerifyTelegram'
 
-import { copyToClipboard } from 'quasar'
 
 @Component({
-  components: { CTitleBanner, CMyFieldDb, CMyInnerPage  }
+  components: { CTitleBanner, CMyFieldDb, CMyInnerPage, CVerifyTelegram, CVerifyEmail }
 })
 
 export default class CStatus extends MixinBase {
@@ -21,7 +22,26 @@ export default class CStatus extends MixinBase {
   public step = 1
   public NUMSTEP_START = 3
 
+  get numpayment() {
+    if (UserStore.state.my.profile)
+      if (UserStore.state.my.profile.paymenttypes)
+        return UserStore.state.my.profile.paymenttypes.length
+
+    return 0
+  }
+
   public arrsteps = [
+    {
+      title: 'steps.chat_biblio',
+      descr: 'steps.chat_biblio_long',
+      page: '',
+      funccheck(index) {
+        return true
+      },
+      funccheck_error(index) {
+        return false
+      }
+    },
     {
       title: 'steps.zoom',
       descr: 'steps.zoom_long',
@@ -39,7 +59,7 @@ export default class CStatus extends MixinBase {
       page: '/mydream',
       funccheck(index) {
         if (UserStore.state.my.profile.my_dream)
-          if (UserStore.state.my.profile.my_dream.length > 10)
+          if (UserStore.state.my.profile.my_dream.length > 20)
             return true
 
         return false
@@ -65,7 +85,18 @@ export default class CStatus extends MixinBase {
       descr: 'steps.paymenttype_long',
       page: '',
       funccheck(index) {
-        return this.numpayment >= 2
+        let ispaypal = false
+        if (UserStore.state.my.profile.paymenttypes) {
+          if (UserStore.state.my.profile.paymenttypes.includes('paypal')) {
+            if (UserStore.state.my.profile.email_paypal)
+              ispaypal = true
+          }
+          if (UserStore.state.my.profile)
+            if (UserStore.state.my.profile.paymenttypes)
+              return (UserStore.state.my.profile.paymenttypes.length >= 2) && ispaypal
+
+        }
+        return false
       },
       funccheck_error(index) {
         return true
@@ -127,20 +158,20 @@ export default class CStatus extends MixinBase {
       },
     },
 
-/*
-      sharemovement: 'Condivido il movimento',
-      sharemovement_long: 'Condivido il movimento con almeno 2 amici e li guido alla registrazione e agli zoom',
-      enter_prog: 'entro in Programmazione',
-      enter_prog_long: 'entro in programmazione, e vengo aggiunto al Mandala, ed entro così nella chat corrispondente.',
-      collaborate: 'Collaborazione',
-      collaborate_long: 'Continuo a collaborare con il miei compagni, per arrivare al giorno della programmazione dove si attiverà il mio Mandala',
-      dono: 'Dono',
-      dono_long: 'Faccio il mio dono al proprietario della Bigliettera',
-      support: 'Sostengo il movimento',
-      support_long: 'Continuo a sostenere il movimento partecipando attivamente! Organizzando zoom e partecipando, sostenendo, informando, aiutando e diffondendo',
-      ricevo_dono: 'Ricevo il mio dono e CELEBRO',
-      ricevo_dono_long: 'Ricevo il mio dono e CELEBRO',
-*/
+    /*
+          sharemovement: 'Condivido il movimento',
+          sharemovement_long: 'Condivido il movimento con almeno 2 amici e li guido alla registrazione e agli zoom',
+          enter_prog: 'entro in Programmazione',
+          enter_prog_long: 'entro in programmazione, e vengo aggiunto al Mandala, ed entro così nella chat corrispondente.',
+          collaborate: 'Collaborazione',
+          collaborate_long: 'Continuo a collaborare con il miei compagni, per arrivare al giorno della programmazione dove si attiverà il mio Mandala',
+          dono: 'Dono',
+          dono_long: 'Faccio il mio dono al proprietario della Bigliettera',
+          support: 'Sostengo il movimento',
+          support_long: 'Continuo a sostenere il movimento partecipando attivamente! Organizzando zoom e partecipando, sostenendo, informando, aiutando e diffondendo',
+          ricevo_dono: 'Ricevo il mio dono e CELEBRO',
+          ricevo_dono_long: 'Ricevo il mio dono e CELEBRO',
+    */
 
   ]
 
@@ -149,7 +180,7 @@ export default class CStatus extends MixinBase {
       this.step = 2
       if (this.TelegVerificato) {
         this.step = 3
-        for (let indstep = 0; indstep < this.arrsteps.length; indstep++){
+        for (let indstep = 0; indstep < this.arrsteps.length; indstep++) {
           if (this.arrsteps[indstep].funccheck(indstep)) {
             this.step++
           }
@@ -159,16 +190,13 @@ export default class CStatus extends MixinBase {
         // }
       }
     }
-    console.log('step', this.step)
+    // console.log('step', this.step)
   }
 
   public mounted() {
     this.setstep()
   }
 
-  get TelegCode() {
-    return UserStore.state.my.profile.teleg_checkcode
-  }
   get TelegVerificato() {
     return UserStore.state.my.profile.teleg_id > 0
   }
@@ -195,20 +223,6 @@ export default class CStatus extends MixinBase {
     return ' (' + this.numpayment + ' ' + this.$t('reg.selected') + ')'
   }
 
-  get numpayment() {
-    if (UserStore.state.my.profile)
-      if (UserStore.state.my.profile.paymenttypes)
-        return UserStore.state.my.profile.paymenttypes.length
-
-    return 0
-  }
-
-  get getLinkBotTelegram() {
-    const link = this.getValDb('TELEG_BOT_LINK', false)
-    // console.log('link', link)
-    return link
-  }
-
   get getlaststep() {
     return this.arrsteps.length + this.NUMSTEP_START - 1
   }
@@ -220,6 +234,7 @@ export default class CStatus extends MixinBase {
 
     return 0
   }
+
   public getnuminvitati_attivi() {
     if (UserStore.state.my)
       if (UserStore.state.my.calcstat)
@@ -245,10 +260,7 @@ export default class CStatus extends MixinBase {
   }
 
   public copylink() {
-    copyToClipboard(this.getRefLink).then(() => {
-      tools.showNotif(this.$q, this.$t('dialog.copyclipboard') + ' \'' + this.getRefLink + '\'')
-    })
-
+    tools.copyStringToClipboard(this, this.getRefLink)
   }
 
   public getiferror(checkerror, value) {
@@ -263,4 +275,46 @@ export default class CStatus extends MixinBase {
     return 'fas fa-exclamation-triangle'
   }
 
+  get listasel() {
+    return UserStore.state.my.profile.paymenttypes
+  }
+
+  get isselectPaypal() {
+    if (UserStore.state.my.profile) {
+      // console.log('pay', UserStore.state.my.profile.paymenttypes)
+      if (UserStore.state.my.profile.paymenttypes) {
+        if (UserStore.state.my.profile.paymenttypes.includes('paypal')) {
+          return true
+        }
+      }
+
+      return false
+    }
+
+  }
+
+  get TelegramBiblio() {
+    return 'https://t.me/joinchat/AL2qKExZKvenLgpVhOyefQ'
+  }
+
+  public geticonstep(title) {
+    if (title === 'steps.chat_biblio') {
+      return 'settings'
+    } else {
+      return 'check-circle'
+    }
+  }
+
+  public geticoncolor(title) {
+    if (title === 'steps.chat_biblio') {
+      return 'blue'
+    } else {
+      return 'green'
+    }
+  }
+
+  get TelegCode() {
+    return UserStore.state.my.profile.teleg_checkcode
+  }
+
 }

src/components/CStatus/CStatus.vue

@@ -4,6 +4,7 @@
                   mystyle="" myclass="myshad" :canopen="true">
 
       <div class="q-pa-xs">
+
         <q-stepper
           v-model="step"
           vertical
@@ -21,15 +22,9 @@
             :error="!isEmailVerified"
             :error-icon="geterricon(true)"
           >
-            <q-chip v-if="isEmailVerified" color="positive" text-color="white" icon="mail">
-              {{ `Email ` + $t('pages.statusreg.verified') }}
-            </q-chip>
-            <q-chip v-else color="negative" text-color="white" icon="">
-              {{ `Email ` + $t('pages.statusreg.nonverified') }}
-            </q-chip>
-            <div v-if="!isEmailVerified" v-html="$t('components.authentication.email_verification.link_sent')">
+            <CVerifyEmail>
 
-            </div>
+            </CVerifyEmail>
 
             <q-stepper-navigation v-if="isEmailVerified">
               <q-btn @click="step = 2" color="primary" :label="$t('dialog.avanti')"></q-btn>
@@ -47,28 +42,14 @@
             <q-chip v-if="TelegVerificato" color="positive" text-color="white" icon="fab fa-telegram">
               {{ telegramtext }}
             </q-chip>
-            <q-chip v-else color="negative" text-color="white" icon="">
+            <q-chip v-else color="negative" text-color="white" icon="email">
               {{ telegramtext }}
             </q-chip>
 
-            <div v-if="TelegCode" class="text-h4 text-center">
-              {{ $t('reg.teleg_auth') }} Telegram: {{TelegCode}}
-            </div>
+            <CVerifyTelegram v-if="TelegCode || !TelegVerificato">
+
+            </CVerifyTelegram>
 
-            <div v-if="!TelegVerificato" class="q-pa-sm q-gutter-sm">
-              <strong>{{ $t('components.authentication.telegram.open')}}</strong>
-              <div class="q-ma-sm">
-                <q-btn color="primary" icon="fab fa-telegram" :label="$t('components.authentication.telegram.openbot')"
-                       type="a"
-                       :href="getLinkBotTelegram" target="_blank"></q-btn>
-                <br>
-              </div>
-              <strong>{{ $t('components.authentication.telegram.ifclose')}}</strong>
-              <div class="q-my-sm">
-                <q-img src="statics/images/ayni_bot.jpg" class="" alt="AYNI BOT" style="height: 100px; width: 250px;">
-                </q-img>
-              </div>
-            </div>
 
             <q-stepper-navigation>
               <q-btn v-if="TelegVerificato" @click="step = 3" color="primary" :label="$t('dialog.avanti')"></q-btn>
@@ -80,7 +61,8 @@
             :key="mystep.title"
             :name="NUMSTEP_START + index"
             :title="gettextstep(mystep)"
-            icon="check-circle"
+            :icon="geticonstep(mystep.title)"
+            :done-color="geticoncolor(mystep.title)"
             :done="mystep.funccheck(index)"
             :error="getiferror(mystep.funccheck_error(index), mystep.funccheck(index))"
             :error-icon="geterricon(mystep.funccheck(index))"
@@ -89,13 +71,25 @@
               <div v-if="mystep.descr">
                 <div v-html="$t(mystep.descr)"></div>
               </div>
-              <CMyFieldDb :title="$t('reg.paymenttype')"
-                          table="users"
-                          mykey="profile"
-                          mysubkey="paymenttypes"
-                          :type="tools.FieldType.multiselect"
-                          jointable="paymenttypes">
-              </CMyFieldDb>
+              <div>
+
+                <CMyFieldDb :title="$t('reg.paymenttype')"
+                            table="users"
+                            mykey="profile"
+                            mysubkey="paymenttypes"
+                            :type="tools.FieldType.multiselect"
+                            jointable="paymenttypes">
+                </CMyFieldDb>
+
+                <CMyFieldDb v-if="isselectPaypal" :title="$t('reg.email_paypal')"
+                            table="users"
+                            mykey="profile"
+                            mysubkey="email_paypal"
+                            :type="tools.FieldType.string">
+                </CMyFieldDb>
+
+
+              </div>
             </div>
             <div v-else-if="mystep.title === 'steps.dream'">
               <div v-if="mystep.descr">
@@ -109,6 +103,18 @@
               >
               </CMyFieldDb>
             </div>
+            <div v-else-if="mystep.title === 'steps.chat_biblio'" >
+              <div v-if="mystep.descr">
+                <div v-html="$t(mystep.descr)"></div>
+              </div>
+              <br><strong>Entra in Chat BiblioBacheca, cliccando qui:</strong>
+
+              <div class="landing__footer-icons row flex-center margin_buttons">
+                <a v-if="!!TelegramBiblio" :href="TelegramBiblio" target="_blank">
+                  <i aria-hidden="true" class="q-icon fab fa-telegram icon_contact links"></i></a>
+              </div>
+
+            </div>
             <div v-else-if="mystep.title === 'steps.zoom'">
               <div v-if="mystep.descr">
                 <div v-html="$t(mystep.descr)"></div>
@@ -147,19 +153,6 @@
                 </div>
               </CTitleBanner>
 
-              <CTitleBanner class="q-pa-xs" title="Prossimi Incontri" bgcolor="bg-primary"
-                            clcolor="text-white"
-                            myclass="myshad" canopen="true" :visible="false">
-                <div v-if="mystep.page">
-                  <CMyInnerPage :path=mystep.page>
-                    <div v-if="mystep.descr">
-                      <div v-html="$t(mystep.descr)"></div>
-                    </div>
-                  </CMyInnerPage>
-                </div>
-
-              </CTitleBanner>
-
 
             </div>
             <div v-else-if="mystep.title === 'steps.sharemovement'">

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>

src/components/CVerifyEmail/CVerifyTelegram.ts

@@ -0,0 +1,40 @@
+import Vue from 'vue'
+import { Component, Prop, Watch } from 'vue-property-decorator'
+
+import { tools } from '../../store/Modules/tools'
+import { toolsext } from '@src/store/Modules/toolsext'
+import MixinBase from '@src/mixins/mixin-base'
+import { UserStore } from '../../store'
+import { CCopyBtn } from '../CCopyBtn'
+
+@Component({
+  name: 'CCardState',
+  components: { CCopyBtn }
+})
+
+export default class CVerifyTelegram extends MixinBase {
+  public $t
+  public $q
+
+  get TelegCode() {
+    if (UserStore.state.my.profile) {
+      return UserStore.state.my.profile.teleg_checkcode
+    }else {
+      return 0
+    }
+  }
+
+  get TelegVerificato() {
+    return UserStore.state.my.profile.teleg_id > 0
+  }
+
+  get getLinkBotTelegram() {
+    const link = this.getValDb('TELEG_BOT_LINK', false)
+    // console.log('link', link)
+    return link
+  }
+  get isEmailVerified() {
+    return UserStore.state.my.verified_email
+  }
+
+}

src/components/CVerifyEmail/CVerifyTelegram.vue

@@ -0,0 +1,39 @@
+<template>
+  <div class="text-center q-gutter-sm q-ma-sm clBorderWarning">
+    <div v-if="TelegCode > 0">
+      <div class="text-h5 text-center text-red">
+        {{ $t('reg.teleg_auth') }} Telegram:
+      </div>
+
+      <CCopyBtn :title="$t('reg.click_per_copiare')" :texttocopy="TelegCode">
+
+      </CCopyBtn>
+
+      <div class="text-h6 text-center" v-html="$t('reg.teleg_torna_sul_bot')">
+      </div>
+    </div>
+
+    <div v-if="!TelegVerificato" class="q-pa-sm q-gutter-sm">
+      <div v-if="!TelegCode"><strong>{{ $t('components.authentication.telegram.open')}}</strong></div>
+      <div class="q-ma-md">
+        <q-btn color="primary" icon="fab fa-telegram" :label="$t('components.authentication.telegram.openbot')"
+               type="a"
+               :href="getLinkBotTelegram" target="_blank"></q-btn>
+        <br>
+      </div>
+      <strong>{{ $t('components.authentication.telegram.ifclose')}}</strong>
+      <div class="q-my-sm">
+        <q-img src="statics/images/ayni_bot.jpg" class="" alt="AYNI BOT" style="height: 100px; width: 250px;">
+        </q-img>
+      </div>
+    </div>
+
+  </div>
+</template>
+
+<script lang="ts" src="./CVerifyTelegram.ts">
+</script>
+
+<style lang="scss" scoped>
+  @import './CVerifyTelegram.scss';
+</style>

src/components/CVerifyEmail/index.ts

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

src/components/CVerifyTelegram/CVerifyEmail.ts

@@ -0,0 +1,21 @@
+import Vue from 'vue'
+import { Component, Prop, Watch } from 'vue-property-decorator'
+
+import { tools } from '../../store/Modules/tools'
+import { toolsext } from '@src/store/Modules/toolsext'
+import MixinBase from '@src/mixins/mixin-base'
+import { UserStore } from '../../store'
+
+@Component({
+  components: {  }
+})
+
+export default class CVerifyEmail extends MixinBase {
+  public $t
+  public $q
+
+  get isEmailVerified() {
+    return UserStore.state.my.verified_email
+  }
+
+}

src/components/CVerifyTelegram/CVerifyEmail.vue

@@ -0,0 +1,25 @@
+<template>
+  <div class="text-center q-gutter-sm q-ma-sm clBorderWarning">
+    <q-chip v-if="isEmailVerified" color="positive" text-color="white" icon="email">
+      {{ `Email ` + $t('pages.statusreg.verified') }}
+    </q-chip>
+    <q-chip v-else color="negative" text-color="white" icon="email">
+      {{ `Email ` + $t('pages.statusreg.nonverified') }}
+    </q-chip>
+    <div v-if="!isEmailVerified" v-html="$t('components.authentication.email_verification.link_sent')">
+
+    </div>
+    <div v-if="!isEmailVerified" v-html="$t('components.authentication.email_verification.se_non_ricevo')">
+
+    </div>
+
+
+  </div>
+</template>
+
+<script lang="ts" src="./CVerifyEmail.ts">
+</script>
+
+<style lang="scss" scoped>
+  @import './CVerifyEmail.scss';
+</style>

src/components/CVerifyTelegram/index.ts

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

src/components/PagePolicy/PagePolicy.vue

@@ -264,7 +264,6 @@ y solicite su transmisión a otro propietario, si es técnicamente posible. </p>
         </div>
 
 
-        <Footer></Footer>
     </q-page>
 
 </template>

src/components/index.ts

@@ -44,3 +44,8 @@ export * from './CStatusReg'
 export * from './CCardState'
 export * from './CMyInnerPage'
 export * from './CNextZoom'
+export * from './CCardStat'
+export * from './CCopyBtn'
+export * from './CVerifyTelegram'
+export * from './CVerifyEmail'
+export * from './CLineChart'

src/components/logo/logo.ts

@@ -1,5 +1,5 @@
 import Vue from 'vue'
-import { Component } from 'vue-property-decorator'
+import { Component, Prop } from 'vue-property-decorator'
 import { tools } from '@src/store/Modules/tools'
 import { toolsext } from '@src/store/Modules/toolsext'
 
@@ -7,6 +7,8 @@ import { toolsext } from '@src/store/Modules/toolsext'
   name: 'Logo'
 })
 export default class Logo extends Vue {
+  @Prop({ required: false, default: '' }) public mystyle: boolean
+
   get logoimg() {
     return '../../' + tools.getimglogo()
   }

src/components/logo/logo.vue

@@ -1,6 +1,6 @@
 <template>
     <div id="logo">
-        <img id="logoimg" :alt="logoalt" :src=logoimg>
+        <img id="logoimg" :alt="logoalt" :src=logoimg :style="mystyle">
     </div>
 </template>
 <script lang="ts" src="./logo.ts">