fix Registrazione data

fix linkref
fix controllo login

package-lock.json

@@ -1,5 +1,5 @@
 {
-  "name": "notevole",
+  "name": "ayni",
   "version": "0.0.2",
   "lockfileVersion": 1,
   "requires": true,

package.json

@@ -1,5 +1,5 @@
 {
-  "name": "notevole",
+  "name": "ayni",
   "version": "0.0.2",
   "private": true,
   "keywords": [
@@ -30,8 +30,8 @@
   "dependencies": {
     "@babel/plugin-transform-runtime": "^7.4.0",
     "@babel/runtime": "^7.0.0",
-    "@quasar/babel-preset-app": "^1.1.7",
+    "@quasar/babel-preset-app": "^1.1.8",
-    "@quasar/extras": "^1.4.0",
+    "@quasar/extras": "^1.4.2",
     "@types/googlemaps": "^3.38.0",
     "@types/lodash": "^4.14.142",
     "@types/vuelidate": "^0.7.0",
@@ -53,7 +53,7 @@
     "npm": "^6.10.0",
     "nprogress": "^0.2.0",
     "prerender-spa-plugin": "^3.4.0",
-    "quasar": "^1.7.0",
+    "quasar": "^1.7.4",
     "quasar-extras": "^2.0.8",
     "register-service-worker": "^1.0.0",
     "vee-validate": "^2.1.2",
@@ -91,7 +91,7 @@
     "@babel/plugin-syntax-dynamic-import": "^7.2.0",
     "@babel/plugin-syntax-import-meta": "^7.2.0",
     "@babel/preset-env": "^7.4.2",
-    "@quasar/app": "^1.4.5",
+    "@quasar/app": "^1.5.2",
     "@quasar/quasar-app-extension-qcalendar": "^1.3.13",
     "@quasar/quasar-app-extension-qmediaplayer": "^1.0.17",
     "@quasar/quasar-app-extension-qscroller": "^1.0.5",

quasar.conf.js

@@ -84,9 +84,9 @@ const extendPrerender = (config) => {
 module.exports = function (ctx) {
   return {
     htmlVariables: {
-      appName: 'Notevole',
+      appName: 'Ayni',
-      appDescription: 'Notevole',
+      appDescription: 'Ayni',
-      keywords: 'Notevole',
+      keywords: 'Ayni',
     },
     // Quasar looks for *.js files by default
     sourceFiles: {
@@ -180,7 +180,11 @@ module.exports = function (ctx) {
         'QIcon',
         'QIntersection',
         'QList',
+        'QRadio',
+        'QOptionGroup',
         'QBtnToggle',
+        'QStep',
+        'QStepperNavigation',
         'QStepper',
         'QItemLabel',
         'QItem',
@@ -290,9 +294,9 @@ module.exports = function (ctx) {
         // swSrc: 'src/sw.js',
       },
       manifest: {
-        name: 'Notevole',
+        name: 'Ayni',
         version: '0.0.2',
-        short_name: 'Notevole',
+        short_name: 'Ayni',
         description: '',
         display: 'standalone',
         orientation: 'portrait',

src/App.scss

@@ -27,11 +27,17 @@ ul li::before {
   display: inline-block;
   width: 1em;
   margin-left: 20px;
+  @media (max-width: 600px) {
+    margin-left: 5px;
+  }
 }
 
 li {
   color: #2f2c8b;
   font-size: 18px;
+  @media (max-width: 600px) {
+    font-size: 1rem;
+  }
 }
 
 h1 {
@@ -483,3 +489,31 @@ $heightBtn: 100%;
   margin: 12px 12px !important;
 }
 
+.fa-flag-it:before {
+  content: url('statics/icons/flag_it.svg');
+}
+
+.fa-flag-us:before {
+  content: url('statics/icons/flag_us.svg');
+}
+
+.fa-flag-es:before {
+  content: url('statics/icons/flag_es.svg');
+}
+
+.fa-flag-gb:before {
+  content: url('statics/icons/flag_gb.svg');
+}
+
+.fa-flag-de:before {
+  content: url('statics/icons/flag_de.svg');
+}
+
+.animazione {
+  animation-duration: 2s;
+  animation-fill-mode: both;
+}
+
+.wrapword {
+  overflow-wrap: break-word;
+}

src/db/i18n_website.js

@@ -7,6 +7,8 @@ const msg_website = {
       SignUp: 'Registrazione',
       SignUp2: 'Registrazione',
       SignIn: 'Login',
+      status: 'Statistiche',
+      requestresetpwd: 'Richiesta Reset Password',
       vreg: 'Verifica Reg',
       dashboard:'La tua Lavagna',
       testimonial: 'Testimonianze',
@@ -22,15 +24,22 @@ const msg_website = {
       evento: 'Evento',
       eventodef: 'Evento:',
       prova: 'prova',
+      statusreg: {
+        reg:'Partecipanti',
+        giainlista:'Gia in Lista',
+        newreg:'Nuove Registrazioni:',
+        verified:'Verificata',
+        nonverified:'Non Verificata',
+      }
     },
     msg: {
-      myAppNameShort: 'Notevole',
+      myAppNameShort: 'Ayni',
-      myAppName: 'Notevole',
+      myAppName: 'Ayni',
-      myAppDescription: 'Notevole',
+      myAppDescription: 'Ayni',
-      keywords_base: 'Notevole',
+      keywords_base: 'Ayni',
       myDescriz: '',
-      sottoTitoloApp: 'Il Gioco del Dono',
+      sottoTitoloApp: 'Gift Economy',
-      sottoTitoloApp2: 'del Dare e Ricevere',
+      sottoTitoloApp2: 'Dare e Ricevere',
       sottoTitoloApp3: '',
       sottoTitoloApp4: '',
     },
@@ -63,6 +72,8 @@ const msg_website = {
       SignUp: 'Registro',
       SignUp2: 'Registro',
       SignIn: 'Login',
+      status: 'Statistica',
+      requestresetpwd: 'Solicitud de restablecimiento de contraseña',
       vreg: 'Verifica Reg',
       dashboard:'Tu Tablero',
       testimonial: 'Opiniones',
@@ -71,10 +82,17 @@ const msg_website = {
       Admin: 'Admin',
       Test1: 'Test1',
       Test2: 'Test2',
+      statusreg: {
+        reg:'Participantes',
+        giainlista:'Gia in Lista',
+        newreg:'Nuevas inscripciones :',
+        verified:'Verificada',
+        nonverified:'No Verificada',
+      }
     },
     msg: {
-      myAppName: 'Notevole',
+      myAppName: 'Ayni',
-      myAppNameShort: 'Notevole',
+      myAppNameShort: 'Ayni',
       myAppDescription: '',
       keywords_base: '',
       myDescriz: '',
@@ -101,9 +119,45 @@ const msg_website = {
     },
   },
   fr: {
-    homepage: {},
+    homepage: {
-    pages: {},
+      titlecontatti: 'CONTACTS',
-    msg: {},
+    },
+    pages: {
+      home: 'Home',
+      profile: 'Votre profil',
+      payment: 'paiements',
+      SignUp: 'Inscription',
+      SignUp2: 'Inscription',
+      SignIn: 'Login',
+      status: 'État actuel',
+      requestresetpwd: 'Demande de réinitialisation du mot de passe',
+      vreg: 'Vérifier l\'inscription',
+      dashboard:'Votre tableau de bord',
+      testimonial: 'Commentaires',
+      Test: 'Test',
+      Category: 'Categorie',
+      Admin: 'Admin',
+      Test1: 'Test1',
+      Test2: 'Test2',
+      statusreg: {
+        reg:'Participants',
+        giainlista:'Gia in Lista',
+        newreg:'Nouvelles inscriptions:',
+        verified:'Vérifié',
+        nonverified:'Non Vérifié',
+      }
+    },
+    msg: {
+      myAppName: 'Ayni',
+      myAppNameShort: 'Ayni',
+      myAppDescription: '',
+      keywords_base: '',
+      myDescriz: '',
+      sottoTitoloApp: '..',
+      sottoTitoloApp2: '..',
+      sottoTitoloApp3: '..',
+      sottoTitoloApp4: '',
+    },
     text: {
       dashboard: {
         madegift: 'Avez-vous fait votre cadeau?'
@@ -119,6 +173,8 @@ const msg_website = {
       SignUp: 'Registration',
       SignUp2: 'Registration',
       SignIn: 'Login',
+      status: 'Current state',
+      requestresetpwd: 'Password Reset Request',
       vreg: 'Check Registration',
       dashboard:'Your Dashboard',
       testimonial: 'Reviews',
@@ -127,10 +183,17 @@ const msg_website = {
       Admin: 'Admin',
       Test1: 'Test1',
       Test2: 'Test2',
+      statusreg: {
+        reg:'Participants',
+        giainlista:'Gia in Lista',
+        newreg:'New registrations:',
+        verified:'Verified',
+        nonverified:'Not Verified',
+      }
     },
     msg: {
-      myAppName: 'Notevole',
+      myAppName: 'Ayni',
-      myAppNameShort: 'Notevole',
+      myAppNameShort: 'Ayni',
       myAppDescription: '',
       keywords_base: '',
       myDescriz: '',

src/db/static_data.ts

@@ -11,7 +11,7 @@ const functionality: IFunctionality = {
   PWA: false,
   SHOW_USER_MENU: true, // Cambiare con true
   SHOW_PROFILE: true,
-  ENABLE_REGISTRATION: false, // Cambiare con true
+  ENABLE_REGISTRATION: true, // Cambiare con true
   SHOW_NEWSLETTER: false,
   SHOW_ONLY_POLICY: true,
   ENABLE_TODOS_LOADING: false,
@@ -230,14 +230,15 @@ const baseroutes: IListRoutes[] = [
     infooter: true
   },
   {
-    active: true,
+    active: false,
     order: 30,
     path: '/testimonial',
     materialIcon: 'fas fa-comments',
     name: 'pages.testimonial',
     component: () => import('@/root/testimonianze/testimonianze.vue'),
     inmenu: true,
-    infooter: true
+    infooter: true,
+    onlyif_logged: true
   },
   {
     active: true,
@@ -362,7 +363,8 @@ const baseroutes: IListRoutes[] = [
     inmenu: false,
     infooter: true
   },
-  { active: true, order: 1000, path: '/vreg', name: 'Verify Reg', component: () => import('@/views/login/vreg/vreg.vue') },
+  { active: true, order: 1000, path: '/vreg', name: 'pages.vreg', component: () => import('@/views/login/vreg/vreg.vue') },
+  { active: true, order: 1000, path: '/requestresetpwd', name: 'pages.requestresetpwd', component: () => import('@/views/requestresetpwd/requestresetpwd.vue') },
   { active: true, order: 1000, path: '/offline', name: 'Offline', component: () => import('@/views/offline/offline.vue') },
 ]
 

src/root/home/home.scss

@@ -123,7 +123,7 @@ h4 {
 }
 
 .landing__header {
-  height: 18vh
+  height: 10vh
 }
 
 .landing__arrow {
@@ -468,3 +468,10 @@ body.mobile .landing:before {
   font-size: 1.15rem;
   font-weight: 500;
 }
+
+.mlvalue {
+  margin: 5px 5px;
+  font-weight: bold;
+  font-size: 1rem;
+
+}

src/root/home/home.ts

@@ -1,6 +1,6 @@
 import Vue from 'vue'
 import { Component } from 'vue-property-decorator'
-import { GlobalStore, UserStore } from '@store'
+import { GlobalStore, UserStore, NotevoleStore } from '@store'
 
 import { Logo } from '../../components/logo'
 
@@ -12,8 +12,10 @@ import { tools } from '@src/store/Modules/tools'
 import { func_tools, toolsext } from '@src/store/Modules/toolsext'
 import { Screen } from 'quasar'
 import MixinMetaTags from '@src/mixins/mixin-metatags'
-import { CCardCarousel, CImgText, CTitleBanner, CStatus } from '@components'
+import { CCardCarousel, CImgText, CTitleBanner, CStatus, CStatusReg } from '@components'
 import MixinBase from '@src/mixins/mixin-base'
+import { static_data } from '@src/db/static_data'
+import { INotData } from '@src/model'
 
 // Vue.use(VueScrollReveal, {
 //   class: 'v-scroll-reveal', // A CSS class applied to elements with the v-scroll-reveal directive; useful for animation overrides.
@@ -30,7 +32,7 @@ import MixinBase from '@src/mixins/mixin-base'
 
 @Component({
   mixins: [MixinBase],
-  components: { Logo, Footer, CMyPage, CCardCarousel, CTitleBanner, CImgText, CStatus }
+  components: { Logo, Footer, CMyPage, CCardCarousel, CTitleBanner, CImgText, CStatus, CStatusReg }
 })
 export default class Home extends MixinBase {
   public text: string = ''
@@ -54,13 +56,15 @@ export default class Home extends MixinBase {
   public arrvideo_yt = []
   public arrvideo_mp4 = []
 
+
+
   public arrsteps = [
     {
       label: '1',
       value: 0,
       title: {
         it: '<strong>Passo 1 - Contributore Finanziario</strong><br><br>' +
-        'A) Capisco come funziona. Condivido il gioco ad altre 2 persone che vogliono partecipare.<br>' +
+        'A) Capisco come funziona e lo condivido ad altre 2 persone che vogliono partecipare.<br>' +
         'B) Entro nella chat e dono i <strong>33€</strong> al gestore della Billettera.',
         es: '',
         enUs: ''
@@ -112,7 +116,7 @@ export default class Home extends MixinBase {
         it: '<strong>Passo 5</strong><br>' +
         'Aspetto, da parte delle 8 nuove Billettere, le donazioni di 231€, per un totale di <strong>1848€</strong>.<br>' +
         '<br>Ringrazio l\'<strong>Universo</strong> per il <strong>dono</strong> ricevuto e fornisco <strong>aiuto</strong> a chi ne ha bisogno.<br>' +
-        'Se desidero, posso <strong>ricominciare</strong> il gioco!',
+        'Se desidero, posso <strong>ricominciare</strong>!',
         es: '',
         enUs: ''
       },
@@ -165,14 +169,18 @@ export default class Home extends MixinBase {
     return tools.metafunc(this)
   }
 
-  get isVerified() {
+  get notevolerec() {
-    return UserStore.state.my.verified_email
+    return UserStore.state
   }
 
   get tools() {
     return tools
   }
 
+  get visuStatus() {
+    return !this.isVerificato || !this.TelegVerificato || UserStore.state.my.profile.paymenttypes.length === 0
+  }
+
   public mounted() {
 
     let primo = true
@@ -225,6 +233,10 @@ export default class Home extends MixinBase {
     return UserStore.state.isLogged
   }
 
+  get static_data() {
+    return static_data
+  }
+
   public mystilecard() {
     return {
       visibility: this.cardvisible,
@@ -319,4 +331,12 @@ export default class Home extends MixinBase {
     return UserStore.getters.isVerificato
   }
 
+  get TelegVerificato() {
+    return UserStore.state.my.profile.teleg_id > 0
+  }
+
+  public openrighttoolbar() {
+    GlobalStore.state.RightDrawerOpen = true
+  }
+
 }

src/root/home/home.vue

@@ -24,19 +24,18 @@
                                 :img-src="getsrcbyimg('../../statics/images/background.jpg')">
                 <div class="landing__header"></div>
                 <div class="landing__hero-content row justify-center q-gutter-xs clgutter">
-                  <div class="row">
-                    &nbsp;
-                  </div>
                   <div class="flex justify-end">
                     <div class="q-gutter-xs testo-banda clgutter">
                       <h1 class="text-h1 shadow-max">{{getappname}}</h1>
-                      <br>
+                      <div v-if="isLogged">
-                      <h2 class="text-h4 shadow text-italic q-pl-sm">
+
-                        {{$t('msg.sottoTitoloApp')}}
+                        <h2 class="text-h4 shadow text-italic q-pl-sm">
-                      </h2>
+                          {{$t('msg.sottoTitoloApp')}}
-                      <h2 class="text-h4 shadow-max text-italic q-pl-sm">
+                        </h2>
-                        {{$t('msg.sottoTitoloApp2')}}
+                        <h2 class="text-h4 shadow-max text-italic q-pl-sm">
-                      </h2>
+                          {{$t('msg.sottoTitoloApp2')}}
+                        </h2>
+                      </div>
                     </div>
                   </div>
                 </div>
@@ -45,252 +44,280 @@
                      class="q-icon text-h2 text-white material-icons">expand_more</i>
                 </div>
               </q-carousel-slide>
-              <q-carousel-slide name="second"
+              <div v-if="isLogged">
-                                :img-src="getsrcbyimg('../../statics/images/background2.jpg')" alt="">
+                <q-carousel-slide name="second"
-                <div class="landing__header"></div>
+                                  :img-src="getsrcbyimg('../../statics/images/background2.jpg')" alt="">
-                <div class="landing__hero2-content row justify-center q-gutter-xs clgutter">
+                  <div class="landing__header"></div>
-                  <div class="row">
+                  <div class="landing__hero2-content row justify-center q-gutter-xs clgutter">
-                    <logo></logo>
+                    <div class="row">
-                  </div>
+                      <logo></logo>
-                  <div class="flex justify-end">
+                    </div>
-                    <div class="q-gutter-xs testo-banda clgutter">
+                    <div class="flex justify-end">
-                      <h1 class="text-h1 shadow-max">{{getappname}}</h1>
+                      <div class="q-gutter-xs testo-banda clgutter">
+                        <h1 class="text-h1 shadow-max">{{getappname}}</h1>
+                      </div>
                     </div>
                   </div>
-                </div>
+                  <div class="landing__arrow absolute-bottom text-center">
-                <div class="landing__arrow absolute-bottom text-center">
+                    <i aria-hidden="true"
-                  <i aria-hidden="true"
+                       class="q-icon text-h2 text-white material-icons">expand_more</i>
-                     class="q-icon text-h2 text-white material-icons">expand_more</i>
-                </div>
-              </q-carousel-slide>
-              <q-carousel-slide name="third"
-                                :img-src="getsrcbyimg('../../statics/images/background3.jpg')">
-                <div class="landing__header"></div>
-                <div class="landing__hero2-content row justify-center q-gutter-xs clgutter">
-                  <div class="row">
-                    <logo></logo>
                   </div>
-                  <div class="flex justify-end">
+                </q-carousel-slide>
-                    <div class="q-gutter-xs testo-banda clgutter">
+                <q-carousel-slide name="third"
-                      <div class="text-h1 shadow-max">{{getappname}}</div>
+                                  :img-src="getsrcbyimg('../../statics/images/background3.jpg')">
+                  <div class="landing__header"></div>
+                  <div class="landing__hero2-content row justify-center q-gutter-xs clgutter">
+                    <div class="row">
+                      <logo></logo>
+                    </div>
+                    <div class="flex justify-end">
+                      <div class="q-gutter-xs testo-banda clgutter">
+                        <div class="text-h1 shadow-max">{{getappname}}</div>
+                      </div>
                     </div>
                   </div>
-                </div>
+                  <div class="landing__arrow absolute-bottom text-center">
-                <div class="landing__arrow absolute-bottom text-center">
+                    <!--<i aria-hidden="true"-->
-                  <!--<i aria-hidden="true"-->
+                    <!--class="q-icon text-h2 text-white material-icons">expand_more</i>-->
-                  <!--class="q-icon text-h2 text-white material-icons">expand_more</i>-->
+                  </div>
-                </div>
+                </q-carousel-slide>
-              </q-carousel-slide>
+              </div>
             </q-carousel>
 
           </div>
         </section>
 
+        <CStatusReg>
+
+        </CStatusReg>
+
         <div v-if="isLogged">
-          <div v-if="!isVerificato">
+          <CStatus></CStatus>
-            <CStatus></CStatus>
-          </div>
         </div>
 
 
-        <CTitleBanner class="q-pa-xs" :title="$t('text.how')" bgcolor="bg-primary" clcolor="text-white"
+        <div v-if="!isLogged && static_data.functionality.ENABLE_REGISTRATION" align="center" style="margin:20px;">
-                      mystyle="letter-spacing: 0.25rem; " myclass="myshad" canopen="true">
+          <q-btn rounded size="lg" color="primary" @click="openrighttoolbar"
-          <CImgText src="">
+          >{{$t('login.enter')}}
-            <q-icon name="fas fa-gift" size="lg" inverted color="primary"></q-icon>
+          </q-btn>
-            <div class="q-pa-sm" v-if="toolsext.isLang('it')">
+        </div>
-              <p class="cltexth4 text-green-8">È un gioco etico di <span class="boldhigh">Economia Circolare</span>
-                dove ognuno
-                entrando porta in dono <span class="boldhigh">33 €</span> ed esce con <span
-                  class="boldhigh">1848 €</span> alla fine del ciclo.</p>
-              <p class="cltexth4 text-red-8">E' uno scambio di Reciproco Aiuto</p>
 
-              <p class="cltexth4 text-blue-8">
+        <div v-if="!isLogged && static_data.functionality.ENABLE_REGISTRATION" align="center" style="margin:20px;">
-                E' un sistema Circolare Umano:<br>
+          <q-btn rounded size="lg" color="primary" to="/signup">{{$t('reg.submit')}}
-                "Con il minimo sforzo ottengo il massimo apporto".
+          </q-btn>
-              </p>
+        </div>
-            </div>
-          </CImgText>
 
-        </CTitleBanner>
+        <div v-if="!isLogged">
-
+          <div style="margin-bottom: 50px;">
-        <CTitleBanner class="q-pa-xs" :title="$t('text.step')" bgcolor="bg-positive" clcolor="text-white"
-                      mystyle="letter-spacing: 0.25rem; " canopen="true">
-          <div class="q-gutter-md">
-            <q-carousel
-              v-model="mysteps"
-              transition-prev="slide-right"
-              transition-next="slide-left"
-              swipeable
-              control-color="white"
-              padding
-              ref="mysteps"
-              height="400px"
-              class="bg-primary text-white shadow-1 rounded-borders"
-            >
-              <template v-slot:control>
-                <q-carousel-control
-                  position="top-left"
-                  class="q-gutter-xs"
-                  style="opacity: 0.6;">
-                  <q-btn
-                    push round color="white" text-color="black" icon="arrow_left"
-                    @click="$refs.mysteps.previous()"></q-btn>
-                </q-carousel-control>
-                <q-carousel-control
-                  position="top-right"
-                  class="q-gutter-xs"
-                  style="opacity: 0.6;">
-                  <q-btn
-                    push round color="white" text-color="black" icon="arrow_right"
-                    @click="$refs.mysteps.next()"></q-btn>
-                </q-carousel-control>
-              </template>
-              <q-carousel-slide v-for="(rec, index) in arrsteps" :key="index" :name="index"
-                                class="column no-wrap flex-center">
-                <div class="row no-wrap items-center justify-around q-gutter-lg">
-                  <q-icon :name="rec.myicon" size="56px"></q-icon>
-                  <q-icon v-if="rec.myicon2" :name="rec.myicon2" size="56px"></q-icon>
-                  <q-icon v-if="rec.myicon3" :name="rec.myicon3" size="56px"></q-icon>
-                  <q-img v-if="rec.myimg" :src="rec.myimg" style="height: 56px; width: 56px;"></q-img>
-                </div>
-                <div class="q-mt-md text-center step-text" v-html="gettitle_advise(rec)">
-                </div>
-              </q-carousel-slide>
-            </q-carousel>
-            <div class="row justify-center">
-              <q-btn-toggle
-                glossy
-                v-model="mysteps"
-                :options="arrsteps"
-              ></q-btn-toggle>
-            </div>
-          </div>
-        </CTitleBanner>
-
-        <section class="q-pa-sm bg-primary landing__swirl-bg text-center">
-          <div class="landing__features row justify-center column" style="max-width: 800px;">
-            <q-carousel
-              animated
-              swipeable
-              navigation
-              infinite
-              transition-next="slide-left"
-              transition-prev="slide-right"
-              v-model="slide_video"
-              ref="slide_video"
-              :height="heightgallvideo"
-              width="100%"
-            >
-              <template v-slot:control>
-                <q-carousel-control
-                  position="top-left"
-                  class="q-gutter-xs"
-                  style="opacity: 0.6;">
-                  <q-btn
-                    push round color="white" text-color="black" icon="keyboard_arrow_left"
-                    @click="$refs.slide_video.previous()"></q-btn>
-                </q-carousel-control>
-                <q-carousel-control
-                  position="top-right"
-                  class="q-gutter-xs"
-                  style="opacity: 0.6;">
-                  <q-btn
-                    push round color="white" text-color="black" icon="keyboard_arrow_right"
-                    @click="$refs.slide_video.next()"></q-btn>
-                </q-carousel-control>
-              </template>
-
-              <q-carousel-slide v-if="getvideonum_mp4 > 0" v-for="index in getvideonum_mp4" :name="`mp4_`+index" :key="index">
-
-                <div v-if="tools.getvideourl(index, false)"
-                     class="row justify-evenly items-center q-gutter-sm ">
-                  <div class="text-center">
-                    <div class="subtitle_small text-blue"
-                         v-html="tools.getvideotitle(index, false)"></div>
-
-                    <div class="">
-                      <q-media-player
-                        type="video"
-                        :sources="arrvideo_mp4[index]"
-                        :poster="tools.getvideoposter(index)"
-                      >
-                      </q-media-player>
-                    </div>
-                  </div>
-
-                </div>
-
-              </q-carousel-slide>
-
-              <q-carousel-slide v-if="getvideonum_youtube > 0" v-for="index in getvideonum_youtube" :name="`yt_`+index" :key="index">
-                <div v-if="tools.getvideourl(index, true)"
-                     class="row justify-evenly items-center q-gutter-sm ">
-
-                  <div class="text-center">
-                    <div class="subtitle_small text-blue" v-html="tools.getvideotitle(index, true)"></div>
-                    <div class="">
-                      <iframe
-                        :width="tools.getwidthscale(mythis(), getValDb('YT_W', false), 800)"
-                        :height="tools.getheightbywidth(mythis(), getValDb('YT_W', false), getValDb('YT_H', false), 800)"
-                        :src="arrvideo_yt[index]"
-                        frameborder="0"
-                        allowfullscreen
-                      ></iframe>
-                    </div>
-                  </div>
-
-                </div>
-
-              </q-carousel-slide>
-
-
-            </q-carousel>
 
           </div>
-        </section>
+        </div>
 
+        <div v-if="false">
+          <CTitleBanner class="q-pa-xs" :title="$t('text.how')" bgcolor="bg-primary" clcolor="text-white"
+                        mystyle=" " myclass="myshad" canopen="true">
+            <CImgText src="">
+              <q-icon name="fas fa-gift" size="lg" inverted color="primary"></q-icon>
+              <div class="q-pa-sm" v-if="toolsext.isLang('it')">
+                <p class="cltexth4 text-green-8">È un gioco etico di <span class="boldhigh">Economia Circolare</span>
+                  dove ognuno
+                  entrando porta in dono <span class="boldhigh">33 €</span> ed esce con <span
+                    class="boldhigh">1848 €</span> alla fine del ciclo.</p>
+                <p class="cltexth4 text-red-8">E' uno scambio di Reciproco Aiuto</p>
 
-        <CTitleBanner class="q-pa-xs" :title="$t('text.what')" bgcolor="bg-secondary" clcolor="text-white"
+                <p class="cltexth4 text-blue-8">
-                      mystyle="letter-spacing: 0.25rem; " canopen="true">
+                  E' un sistema Circolare Umano:<br>
-          <div class="q-mx-md cltexth4">
+                  "Con il minimo sforzo ottengo il massimo apporto".
-            1) Voglia di giocare, e desiderio di Donare 33 € per aiutare un'altra persona a realizzare i propri
+                </p>
-            sogni.<br><br>
-            2) L'impegno di seguire delle indicazioni nei tempi stabiliti all' interno di una chat, dove ogni
-            passaggio è spiegato e guidato.<br><br>
-            3) Parlare e condividere ai tuoi amici un messaggio dove spieghi questo sistema, impegnandoti così a trovare
-            2 persone interessate ad entrare.
-          </div>
-
-        </CTitleBanner>
-
-        <CTitleBanner cl ass="q-pa-xs" :title="$t('text.advise')" bgcolor="bg-primary" clcolor="text-white"
-                      mystyle="letter-spacing: 0.25rem; " myclass="myshad" canopen="true">
-          <div v-if="toolsext.isLang('it')">
-            <q-list dense bordered padding class="rounded-borders">
-              <div v-for="(rec, index) in advise" :key="index">
-                <q-item :class="rec.color">
-                  <q-item-section avatar>
-                    <q-icon :name="geticonlist(rec)" :color="rec.iconcolor" inverted></q-icon>
-                  </q-item-section>
-
-                  <q-item-section>
-                    <span v-html="gettitle_advise(rec)" :style="`color: `+rec.textcolor"></span>
-                  </q-item-section>
-                </q-item>
-                <q-separator spaced/>
               </div>
-            </q-list>
+            </CImgText>
-          </div>
+
-        </CTitleBanner>
+          </CTitleBanner>
+
+          <CTitleBanner class="q-pa-xs" :title="$t('text.step')" bgcolor="bg-positive" clcolor="text-white"
+                        mystyle=" " canopen="true">
+            <div class="q-gutter-md">
+              <q-carousel
+                v-model="mysteps"
+                transition-prev="slide-right"
+                transition-next="slide-left"
+                swipeable
+                control-color="white"
+                padding
+                ref="mysteps"
+                height="400px"
+                class="bg-primary text-white shadow-1 rounded-borders"
+              >
+                <template v-slot:control>
+                  <q-carousel-control
+                    position="top-left"
+                    class="q-gutter-xs"
+                    style="opacity: 0.6;">
+                    <q-btn
+                      push round color="white" text-color="black" icon="arrow_left"
+                      @click="$refs.mysteps.previous()"></q-btn>
+                  </q-carousel-control>
+                  <q-carousel-control
+                    position="top-right"
+                    class="q-gutter-xs"
+                    style="opacity: 0.6;">
+                    <q-btn
+                      push round color="white" text-color="black" icon="arrow_right"
+                      @click="$refs.mysteps.next()"></q-btn>
+                  </q-carousel-control>
+                </template>
+                <q-carousel-slide v-for="(rec, index) in arrsteps" :key="index" :name="index"
+                                  class="column no-wrap flex-center">
+                  <div class="row no-wrap items-center justify-around q-gutter-lg">
+                    <q-icon :name="rec.myicon" size="56px"></q-icon>
+                    <q-icon v-if="rec.myicon2" :name="rec.myicon2" size="56px"></q-icon>
+                    <q-icon v-if="rec.myicon3" :name="rec.myicon3" size="56px"></q-icon>
+                    <q-img v-if="rec.myimg" :src="rec.myimg" style="height: 56px; width: 56px;"></q-img>
+                  </div>
+                  <div class="q-mt-md text-center step-text" v-html="gettitle_advise(rec)">
+                  </div>
+                </q-carousel-slide>
+              </q-carousel>
+              <div class="row justify-center">
+                <q-btn-toggle
+                  glossy
+                  v-model="mysteps"
+                  :options="arrsteps"
+                ></q-btn-toggle>
+              </div>
+            </div>
+          </CTitleBanner>
+
+          <section class="q-pa-sm bg-primary landing__swirl-bg text-center">
+            <div class="landing__features row justify-center column" style="max-width: 800px;">
+              <q-carousel
+                animated
+                swipeable
+                navigation
+                infinite
+                transition-next="slide-left"
+                transition-prev="slide-right"
+                v-model="slide_video"
+                ref="slide_video"
+                :height="heightgallvideo"
+                width="100%"
+              >
+                <template v-slot:control>
+                  <q-carousel-control
+                    position="top-left"
+                    class="q-gutter-xs"
+                    style="opacity: 0.6;">
+                    <q-btn
+                      push round color="white" text-color="black" icon="keyboard_arrow_left"
+                      @click="$refs.slide_video.previous()"></q-btn>
+                  </q-carousel-control>
+                  <q-carousel-control
+                    position="top-right"
+                    class="q-gutter-xs"
+                    style="opacity: 0.6;">
+                    <q-btn
+                      push round color="white" text-color="black" icon="keyboard_arrow_right"
+                      @click="$refs.slide_video.next()"></q-btn>
+                  </q-carousel-control>
+                </template>
+
+                <q-carousel-slide v-if="getvideonum_mp4 > 0" v-for="index in getvideonum_mp4" :name="`mp4_`+index"
+                                  :key="index">
+
+                  <div v-if="tools.getvideourl(index, false)"
+                       class="row justify-evenly items-center q-gutter-sm ">
+                    <div class="text-center">
+                      <div class="subtitle_small text-blue"
+                           v-html="tools.getvideotitle(index, false)"></div>
+
+                      <div class="">
+                        <q-media-player
+                          type="video"
+                          :sources="arrvideo_mp4[index]"
+                          :poster="tools.getvideoposter(index)"
+                        >
+                        </q-media-player>
+                      </div>
+                    </div>
+
+                  </div>
+
+                </q-carousel-slide>
+
+                <q-carousel-slide v-if="getvideonum_youtube > 0" v-for="index in getvideonum_youtube"
+                                  :name="`yt_`+index"
+                                  :key="index">
+                  <div v-if="tools.getvideourl(index, true)"
+                       class="row justify-evenly items-center q-gutter-sm ">
+
+                    <div class="text-center">
+                      <div class="subtitle_small text-blue" v-html="tools.getvideotitle(index, true)"></div>
+                      <div class="">
+                        <iframe
+                          :width="tools.getwidthscale(mythis(), getValDb('YT_W', false), 800)"
+                          :height="tools.getheightbywidth(mythis(), getValDb('YT_W', false), getValDb('YT_H', false), 800)"
+                          :src="arrvideo_yt[index]"
+                          frameborder="0"
+                          allowfullscreen
+                        ></iframe>
+                      </div>
+                    </div>
+
+                  </div>
+
+                </q-carousel-slide>
 
 
-        <!--<CTitleBanner class="q-pa-xs" :title="$t('text.faq')" bgcolor="bg-info" clcolor="text-white"
+              </q-carousel>
-                      mystyle="letter-spacing: 0.125rem;">
 
-        </CTitleBanner>-->
+            </div>
+          </section>
 
 
-        <div v-if="!tools.isMobile()" style="margin: 60px 60px;"></div>
+          <CTitleBanner class="q-pa-xs" :title="$t('text.what')" bgcolor="bg-secondary" clcolor="text-white"
+                        mystyle=" " canopen="true">
+            <div class="q-mx-md cltexth4">
+              1) Voglia di giocare, e desiderio di Donare 33 € per aiutare un'altra persona a realizzare i propri
+              sogni.<br><br>
+              2) L'impegno di seguire delle indicazioni nei tempi stabiliti all' interno di una chat, dove ogni
+              passaggio è spiegato e guidato.<br><br>
+              3) Parlare e condividere ai tuoi amici un messaggio dove spieghi questo sistema, impegnandoti così a
+              trovare
+              2 persone interessate ad entrare.
+            </div>
+
+          </CTitleBanner>
+
+          <CTitleBanner cl ass="q-pa-xs" :title="$t('text.advise')" bgcolor="bg-primary" clcolor="text-white"
+                        mystyle=" " myclass="myshad" canopen="true">
+            <div v-if="toolsext.isLang('it')">
+              <q-list dense bordered padding class="rounded-borders">
+                <div v-for="(rec, index) in advise" :key="index">
+                  <q-item :class="rec.color">
+                    <q-item-section avatar>
+                      <q-icon :name="geticonlist(rec)" :color="rec.iconcolor" inverted></q-icon>
+                    </q-item-section>
+
+                    <q-item-section>
+                      <span v-html="gettitle_advise(rec)" :style="`color: `+rec.textcolor"></span>
+                    </q-item-section>
+                  </q-item>
+                  <q-separator spaced/>
+                </div>
+              </q-list>
+            </div>
+          </CTitleBanner>
+
+
+          <!--<CTitleBanner class="q-pa-xs" :title="$t('text.faq')" bgcolor="bg-info" clcolor="text-white"
+                        mystyle="letter-spacing: 0.125rem;">
+
+          </CTitleBanner>-->
+
+
+          <div v-if="!tools.isMobile()" style="margin: 60px 60px;"></div>
+
+        </div>
 
       </div>
     </CMyPage>

src/root/policy/policy.vue

@@ -7,13 +7,13 @@
                 keywords: 'Policy' } ) }}
             </span>
             <PagePolicy
-                    owneremail="notevole@freeplanet.app"
+                    owneremail="ayni.gifteconomy@gmail.com"
-                    SiteName="Notevole"
+                    SiteName="Ayni"
-                    ownerDataName="Notevole"
+                    ownerDataName="Ayni"
-                    managerData="Notevole"
+                    managerData="Ayni"
                     includeData="dati anagrafici (ragione sociale, nome, cognome), recapiti (telefono, indirizzo email)"
-                    url="notevole.freeplanet.app"
+                    url="ayni.gifteconomy@gmail.com"
-                    lastdataupdate="28 dicembre 2019"
+                    lastdataupdate="16 Gennaio 2020"
                     country="Italia"
             >
 

src/root/testimonianze/testimonianze.vue

@@ -9,7 +9,7 @@
             </span>
 
         <CTitleBanner class="q-pa-xs" :title="$t('text.testimonial')" bgcolor="bg-primary" clcolor="text-white"
-                      mystyle="letter-spacing: 0.25rem; " canopen="true">
+                      mystyle=" " canopen="true">
 
 
           <q-carousel
@@ -60,7 +60,7 @@
         </CTitleBanner>
 
         <CTitleBanner class="q-pa-xs" :title="`AUDIO`" bgcolor="bg-primary" clcolor="text-white"
-                      mystyle="letter-spacing: 0.25rem; " canopen="true">
+                      mystyle=" " canopen="true">
 
           <q-carousel
             v-model="myaudio"

yarn.lock

@@ -1130,12 +1130,12 @@
     promise-limit "^2.5.0"
     puppeteer "^1.7.0"
 
-"@quasar/app@^1.4.5":
+"@quasar/app@^1.5.2":
-  version "1.4.5"
+  version "1.5.2"
-  resolved "https://registry.yarnpkg.com/@quasar/app/-/app-1.4.5.tgz#e15cbd016125c1592b0cc391513b1c5220d80266"
+  resolved "https://registry.yarnpkg.com/@quasar/app/-/app-1.5.2.tgz#fbdf90ca691e2c41585a7a82dd6b225db47d8600"
-  integrity sha512-5AYgasw8HCOpT+89gWdJIyim0zsWw9y7wEYjHeg89I5aNGTJwskrXWV18dX2zLDWXXjd41UI2HbPMXqm/SNPJg==
+  integrity sha512-J3zCrN0PPHioGvMVwy2eggtb8ZvrN0XGa1PiyqIbU+mogW11OyupUyrJ1qHMIYvIW2nmM8bT2WZNySvKY8bi9A==
   dependencies:
-    "@quasar/babel-preset-app" "1.1.7"
+    "@quasar/babel-preset-app" "1.1.8"
     "@quasar/fastclick" "1.1.4"
     "@vue/preload-webpack-plugin" "1.1.1"
     autoprefixer "9.7.3"
@@ -1154,7 +1154,6 @@
     file-loader "^5.0.2"
     friendly-errors-webpack-plugin "1.7.0"
     fs-extra "8.1.0"
-    hash-sum "2.0.0"
     html-minifier "4.0.0"
     html-webpack-plugin "3.2.0"
     inquirer "7.0.1"
@@ -1200,10 +1199,10 @@
     webpack-node-externals "1.7.2"
     workbox-webpack-plugin "4.3.1"
 
-"@quasar/babel-preset-app@1.1.7", "@quasar/babel-preset-app@^1.1.7":
+"@quasar/babel-preset-app@1.1.8", "@quasar/babel-preset-app@^1.1.8":
-  version "1.1.7"
+  version "1.1.8"
-  resolved "https://registry.yarnpkg.com/@quasar/babel-preset-app/-/babel-preset-app-1.1.7.tgz#760fbe238b94d6f13f3e4105efd99753ab8f3b61"
+  resolved "https://registry.yarnpkg.com/@quasar/babel-preset-app/-/babel-preset-app-1.1.8.tgz#4c11cb2ac03c6544b0b5e8d5067145cc038d9e3f"
-  integrity sha512-xQELeIYLjez2/p5B6UkMN6JKV6T98f6wWiKbKNhhjnC3+YQ1sM1qnSjets/TJNqdQcZnGH4D67HuR0BFuw0mcg==
+  integrity sha512-vMtxqgJ3eR2aCHkSTL8zPItly2uu+e0nIG/hJCtZGRvaVuivzLjxttrd1scPPhs9HkjiKTErfMGV/XTZ/gzCew==
   dependencies:
     "@babel/core" "^7.5.5"
     "@babel/plugin-proposal-class-properties" "^7.5.5"
@@ -1225,10 +1224,10 @@
     babel-plugin-module-resolver "^3.2.0"
     babel-plugin-transform-imports "^1.0.0"
 
-"@quasar/extras@^1.4.0":
+"@quasar/extras@^1.4.2":
-  version "1.4.0"
+  version "1.4.2"
-  resolved "https://registry.yarnpkg.com/@quasar/extras/-/extras-1.4.0.tgz#e273e0610f4f22482ac49934ce4426260c08e49d"
+  resolved "https://registry.yarnpkg.com/@quasar/extras/-/extras-1.4.2.tgz#177f3cdbd7b604c8bf903946dbee7ebd3a0ecad4"
-  integrity sha512-ouhk4dWkPYWCjBZU+xN9/55O3Bszn1MDpFSFCtcGQXVe6VrmIvE/wE09YD+cp4PZdzsQZZiiTftziyoCzdy2Qg==
+  integrity sha512-lq2h18+IUs8M6weWRVoqzsPluENsBRdb4t2ePbsX0mjYz50Xpk1/K9isUotl7bDQDkJSwbshQKLOD7P1co0fTg==
 
 "@quasar/fastclick@1.1.4":
   version "1.1.4"
@@ -6624,11 +6623,6 @@ hash-base@^3.0.0:
     inherits "^2.0.1"
     safe-buffer "^5.0.1"
 
-hash-sum@2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/hash-sum/-/hash-sum-2.0.0.tgz#81d01bb5de8ea4a214ad5d6ead1b523460b0b45a"
-  integrity sha512-WdZTbAByD+pHfl/g9QSsBIIwy8IT+EsPiKDs0KNX+zSHhdDLFKdZu0BQHljvO+0QI/BasbMSUa8wYNCZTvhslg==
-
 hash-sum@^1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/hash-sum/-/hash-sum-1.0.2.tgz#33b40777754c6432573c120cc3808bbd10d47f04"
@@ -12026,10 +12020,10 @@ quasar-extras@^2.0.8:
   resolved "https://registry.yarnpkg.com/quasar-extras/-/quasar-extras-2.0.9.tgz#f3274f8cd8e054a76d0b52a2410ccf0cdfb197fd"
   integrity sha512-ifwaaop0GNuxlcD7Ams0X3f7S49es+2NlR/fI4YAMAOW70ZxTkD4QkAFsVhk7dNPcpPodSOTKAWDOPaO+MqsBg==
 
-quasar@^1.7.0:
+quasar@^1.7.4:
-  version "1.7.0"
+  version "1.7.4"
-  resolved "https://registry.yarnpkg.com/quasar/-/quasar-1.7.0.tgz#d0601938620eb072117392724cb4fafc3a0c89f6"
+  resolved "https://registry.yarnpkg.com/quasar/-/quasar-1.7.4.tgz#47d26c6fe158c129cdb3243221c443d0671c583f"
-  integrity sha512-xZ11IEhWzcLfvzeNaz4atZ1TrF4X4Zydw1GbF3U/kPMs3FNzdWRop375VHeau2yXkpKIttWYTb5zcGf1tvGV5A==
+  integrity sha512-gAp/q5Bn1lbBsKi7lZHZVNw/VI3EvUm5KwdRx7+O44RBb0i0P3oBib8HjpSzfQGaqdPogJFd7nQ/Az+jAfMYEA==
 
 query-string@^4.1.0:
   version "4.3.4"