fix Registrazione data

fix linkref fix controllo login
2020-01-20 01:48:34 +01:00
parent 218ccc0d58
commit 3442b5b45a
12 changed files with 448 additions and 297 deletions
--- a/src/App.scss
+++ b/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;
+}
--- a/src/db/i18n_website.js
+++ b/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',
-      myAppName: 'Notevole',
-      myAppDescription: 'Notevole',
-      keywords_base: 'Notevole',
+      myAppNameShort: 'Ayni',
+      myAppName: 'Ayni',
+      myAppDescription: 'Ayni',
+      keywords_base: 'Ayni',
      myDescriz: '',
-      sottoTitoloApp: 'Il Gioco del Dono',
-      sottoTitoloApp2: 'del Dare e Ricevere',
+      sottoTitoloApp: 'Gift Economy',
+      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',
-      myAppNameShort: 'Notevole',
+      myAppName: 'Ayni',
+      myAppNameShort: 'Ayni',
      myAppDescription: '',
      keywords_base: '',
      myDescriz: '',
@@ -101,9 +119,45 @@ const msg_website = {
    },
  },
  fr: {
-    homepage: {},
-    pages: {},
-    msg: {},
+    homepage: {
+      titlecontatti: 'CONTACTS',
+    },
+    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',
-      myAppNameShort: 'Notevole',
+      myAppName: 'Ayni',
+      myAppNameShort: 'Ayni',
      myAppDescription: '',
      keywords_base: '',
      myDescriz: '',
--- a/src/db/static_data.ts
+++ b/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') },
 ]

--- a/src/root/home/home.scss
+++ b/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;
+
+}
--- a/src/root/home/home.ts
+++ b/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() {
-    return UserStore.state.my.verified_email
+  get notevolerec() {
+    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
+  }
+
 }
--- a/src/root/home/home.vue
+++ b/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>
-                      <h2 class="text-h4 shadow text-italic q-pl-sm">
-                        {{$t('msg.sottoTitoloApp')}}
-                      </h2>
-                      <h2 class="text-h4 shadow-max text-italic q-pl-sm">
-                        {{$t('msg.sottoTitoloApp2')}}
-                      </h2>
+                      <div v-if="isLogged">
+
+                        <h2 class="text-h4 shadow text-italic q-pl-sm">
+                          {{$t('msg.sottoTitoloApp')}}
+                        </h2>
+                        <h2 class="text-h4 shadow-max text-italic q-pl-sm">
+                          {{$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"
-                                :img-src="getsrcbyimg('../../statics/images/background2.jpg')" alt="">
-                <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">
-                      <h1 class="text-h1 shadow-max">{{getappname}}</h1>
+              <div v-if="isLogged">
+                <q-carousel-slide name="second"
+                                  :img-src="getsrcbyimg('../../statics/images/background2.jpg')" alt="">
+                  <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">
+                        <h1 class="text-h1 shadow-max">{{getappname}}</h1>
+                      </div>
                    </div>
                  </div>
-                </div>
-                <div class="landing__arrow absolute-bottom text-center">
-                  <i aria-hidden="true"
-                     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 class="landing__arrow absolute-bottom text-center">
+                    <i aria-hidden="true"
+                       class="q-icon text-h2 text-white material-icons">expand_more</i>
                  </div>
-                  <div class="flex justify-end">
-                    <div class="q-gutter-xs testo-banda clgutter">
-                      <div class="text-h1 shadow-max">{{getappname}}</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">
+                      <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">
-                  <!--<i aria-hidden="true"-->
-                  <!--class="q-icon text-h2 text-white material-icons">expand_more</i>-->
-                </div>
-              </q-carousel-slide>
+                  <div class="landing__arrow absolute-bottom text-center">
+                    <!--<i aria-hidden="true"-->
+                    <!--class="q-icon text-h2 text-white material-icons">expand_more</i>-->
+                  </div>
+                </q-carousel-slide>
+              </div>
            </q-carousel>

          </div>
        </section>

+        <CStatusReg>
+
+        </CStatusReg>
+
        <div v-if="isLogged">
-          <div v-if="!isVerificato">
-            <CStatus></CStatus>
-          </div>
+          <CStatus></CStatus>
        </div>


-        <CTitleBanner class="q-pa-xs" :title="$t('text.how')" bgcolor="bg-primary" clcolor="text-white"
-                      mystyle="letter-spacing: 0.25rem; " 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>
+        <div v-if="!isLogged && static_data.functionality.ENABLE_REGISTRATION" align="center" style="margin:20px;">
+          <q-btn rounded size="lg" color="primary" @click="openrighttoolbar"
+          >{{$t('login.enter')}}
+          </q-btn>
+        </div>

-              <p class="cltexth4 text-blue-8">
-                E' un sistema Circolare Umano:<br>
-                "Con il minimo sforzo ottengo il massimo apporto".
-              </p>
-            </div>
-          </CImgText>
+        <div v-if="!isLogged && static_data.functionality.ENABLE_REGISTRATION" align="center" style="margin:20px;">
+          <q-btn rounded size="lg" color="primary" to="/signup">{{$t('reg.submit')}}
+          </q-btn>
+        </div>

-        </CTitleBanner>
-
-        <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 v-if="!isLogged">
+          <div style="margin-bottom: 50px;">

          </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"
-                      mystyle="letter-spacing: 0.25rem; " 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="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/>
+                <p class="cltexth4 text-blue-8">
+                  E' un sistema Circolare Umano:<br>
+                  "Con il minimo sforzo ottengo il massimo apporto".
+                </p>
              </div>
-            </q-list>
-          </div>
-        </CTitleBanner>
+            </CImgText>
+
+          </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"
-                      mystyle="letter-spacing: 0.125rem;">
+              </q-carousel>

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

--- a/src/root/testimonianze/testimonianze.vue
+++ b/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"