- Rifatto Committ (era errato quello prima , avevo mischiato quello di brigitte...)

- Corretto Tragitto 6/7 Nave Sognatore...

src/root/home/home.ts

@@ -1,33 +1,48 @@
 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'
 
 import { Footer } from '../../components/Footer'
+import { CMyPage } from '../../components/CMyPage/index'
 
 import VueScrollReveal from 'vue-scroll-reveal'
 import { tools } from '@src/store/Modules/tools'
-import { toolsext } from '@src/store/Modules/toolsext'
+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,
+  CStatusReg,
+  CNextZoom,
+  CVerifyTelegram, CVerifyEmail
+} 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.
-  duration: 1200,
-  scale: 0.95,
-  distance: '10px',
-  rotate: {
-    x: 0,
-    y: 0,
-    z: 0
-  }
-  // mobile: true
-})
+// Vue.use(VueScrollReveal, {
+//   class: 'v-scroll-reveal', // A CSS class applied to elements with the v-scroll-reveal directive; useful for animation overrides.
+//   duration: 1200,
+//   scale: 0.95,
+//   distance: '10px',
+//   rotate: {
+//     x: 0,
+//     y: 0,
+//     z: 0
+//   }
+//   // mobile: true
+// })
 
 @Component({
-  components: { Logo, Footer }
+  mixins: [MixinBase],
+  components: { Logo, Footer, CMyPage, CCardCarousel, CTitleBanner, CImgText, CStatus, CStatusReg, CNextZoom, CVerifyTelegram, CVerifyEmail }
 })
-export default class Home extends Vue {
+export default class Home extends MixinBase {
   public text: string = ''
   public visibile: boolean = false
   public cardvisible: string = 'hidden'
@@ -38,30 +53,117 @@ export default class Home extends Vue {
   public $q
   public polling
   public slide = 'first'
-  public slide2 = 1
+  public slide_video = 'yt_1'
+  public mysteps = 0
+  public myaudio = 0
+  public mytestimonianze = 0
+  public tab = 'guida'
+  public slide2 = 0
   public animare: number = 0
-  public getImmagini = [
-    {
-      title: '', subtitle: '',
-      img: '../../statics/images/eventi_esterni/IMG_6035.jpg'
-    },
-    {
-      title: '', subtitle: '',
-      img: '../../statics/images/eventi_esterni/IMG_6037.jpg'
-    },
-    {
-      title: '', subtitle: '',
-      img: '../../statics/images/eventi_esterni/IMG_6401.jpg'
-    },
-    {
-      title: '', subtitle: '',
-      img: '../../statics/images/eventi_esterni/IMG_7203.jpg'
-    },
-    {
-      title: '', subtitle: '',
-      img: '../../statics/images/eventi_esterni/IMG_7209.jpg'
-    }
+  public endload: boolean = false
+  public indvideo: number = 0
+  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 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: ''
+      },
+      myicon: 'fas fa-donate',
+    },
+    {
+      label: '2',
+      value: 1,
+      title: {
+        it: '<strong>Passo 2 - Contributore solidale</strong><br><br>' +
+        'Invio il link per registrarsi alle mie 2 persone, che cosí verseranno i 33€.',
+        es: '',
+        enUs: ''
+      },
+      myicon: 'fas fa-user-friends',
+      myicon2: 'fas fa-coins'
+    },
+    {
+      label: '3',
+      value: 2,
+      title: {
+        it: '<strong>Passo 3 - Tesoriere/segretario</strong><br><br>' +
+        'Collaboro, aggiorno la lista dei doni, fornisco informazioni, ma anche conosco, condivido esperienze, passioni e sogni.',
+        es: '',
+        enUs: ''
+      },
+      myicon: 'fas fa-piggy-bank',
+      myicon2: 'far fa-laugh',
+      myicon3: 'far fa-comments'
+    },
+    {
+      label: '4',
+      value: 3,
+      title: {
+        it: '<strong>Passo 4 - Apertura tua Billettera</strong><br>' +
+        'Creo il mio gruppo Telegram nel quale entrano i miei 2 ospiti, i 2 ospiti dei miei 2 ospiti, che porteranno altre 8 persone (4x2).<br>' +
+        '<br>Ricevuti i 33€ da queste 8 persone (264€), mi tengo i mei <strong>iniziali 33€</strong> e <strong>dono 231 €</strong> alla Billettera "Mas Antigua".',
+        es: '',
+        enUs: ''
+      },
+      myicon: 'fab fa-whatsapp',
+      myicon2: 'fas fa-wallet'
+    },
+    {
+      label: '5',
+      value: 4,
+      title: {
+        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>!',
+        es: '',
+        enUs: ''
+      },
+      myicon: 'far fa-clock',
+      myicon2: 'fas fa-euro-sign',
+      myicon3: 'fas fa-praying-hands',
+      myimg: '/' + tools.getimglogo(),
+    }
+  ]
+
+  public advise = [
+    {
+      title: {
+        it: 'La forza di questo gioco sono le Persone e la Collaborazione.<br>Vincete la timidezza e scrivete agli amici su whatsapp, facebook, Telegram.',
+        es: '',
+        enUs: ''
+      },
+      color: 'white', icon: 'fas fa-hands-helping',
+      textcolor: 'black'
+    },
+    {
+      title: {
+        it: 'È un lavoro di squadra, dove ognuno fa la sua parte.',
+        es: '',
+        enUs: ''
+      },
+      color: 'white',
+      icon: 'fas fa-users',
+      textcolor: 'black'
+    },
+    {
+      title: {
+        it: 'E\' un\'opportunità di risentire vecchi amici, ed avere un intento comune, per risentirci e di riconnetterci.<br>',
+        es: '',
+        enUs: ''
+      },
+      color: 'white',
+      icon: 'fas fa-hand-holding-heart',
+      textcolor: 'black'
+    }
   ]
 
   constructor() {
@@ -70,25 +172,28 @@ export default class Home extends Vue {
     this.initprompt()
   }
 
-  get getappname(){
-    return this.$t('msg.myAppName')
+  public meta() {
+    return tools.metafunc(this)
   }
 
-  get heightgallery () {
-    if (Screen.width < 400) {
-      return '200px'
-    }else if (Screen.width < 600) {
-      return '300px'
-    } else {
-      return '600px'
-    }
+  get notevolerec() {
+    return UserStore.state
   }
 
   get tools() {
     return tools
   }
 
+  get TelegVerificato() {
+    return UserStore.state.my.profile.teleg_id > 0
+  }
+
+  get visuStatus() {
+    return !this.isVerificato || !this.TelegVerificato || UserStore.state.my.profile.paymenttypes.length === 0
+  }
+
   public mounted() {
+
     let primo = true
     const mytime = 10000
     this.polling = setInterval(() => {
@@ -99,38 +204,50 @@ export default class Home extends Vue {
       // console.log('this.firstClassSection', this.firstClassSection)
 
     }, mytime)
-  }
 
-  get appname() {
-    return process.env.APP_NAME
   }
 
   public beforeDestroy() {
-    console.log('beforeDestroy')
+    // console.log('beforeDestroy')
     clearInterval(this.polling)
   }
 
   public created() {
+    if (!!tools.getCookie(tools.TABBED_HOME)) {
+      this.tab = tools.getCookie(tools.TABBED_HOME)
+    }
     this.animare = process.env.DEV ? 0 : 8000
 
+    for (let index = 0; index <= tools.getvideonum(true); ++index) {
+      this.arrvideo_yt.push(tools.getvideoyt(index))
+    }
+    for (let index = 0; index <= tools.getvideonum(false); ++index) {
+      this.arrvideo_mp4.push(tools.getvideomp4src(index))
+    }
+
     GlobalStore.actions.prova()
+
+    this.endload = true
+  }
+
+  get getvideonum_youtube() {
+    return tools.getvideonum(true)
+  }
+
+  get getvideonum_mp4() {
+    return tools.getvideonum(false)
+  }
+
+  get heightgallvideo() {
+    return tools.heightgallvideo()
   }
 
   get isLogged() {
     return UserStore.state.isLogged
   }
 
-  public meta() {
-    return {
-      keywords: { name: 'keywords', content: 'Quasar website' },
-      // meta tags
-      meta: {
-        mykey: { name: 'mykey', content: 'Key 1' },
-        description: { name: 'description', content: 'Page 1' },
-        keywords: { name: 'keywords', content: 'Quasar website' },
-        equiv: { 'http-equiv': 'Content-Type', 'content': 'text/html; charset=UTF-8' }
-      }
-    }
+  get static_data() {
+    return static_data
   }
 
   public mystilecard() {
@@ -155,7 +272,7 @@ export default class Home extends Vue {
   }
 
   public initprompt() {
-    window.addEventListener('beforeinstallprompt', function (event) {
+    window.addEventListener('beforeinstallprompt', (event) => {
       // console.log('********************************   beforeinstallprompt fired')
       event.preventDefault()
       // console.log('§§§§§§§§§§§§§§§§§§§§  IMPOSTA DEFERRED PROMPT  !!!!!!!!!!!!!!!!!  ')
@@ -201,4 +318,46 @@ export default class Home extends Vue {
     }
 
   }
+
+  get getappname() {
+    return tools.getappname(this, false)
+  }
+
+  public gettitle_advise(rec) {
+    return rec.title[tools.getLocale()]
+  }
+
+  public geticonlist(rec) {
+    if (rec.icon) {
+      return rec.icon
+    } else {
+      return 'fas fa-info'
+    }
+
+  }
+
+  public getfileimgdown(rec) {
+    return rec.file[tools.getLocale()]
+  }
+
+  get isVerificato() {
+    return UserStore.getters.isVerificato
+  }
+
+  get isEmailVerified() {
+    return UserStore.state.my.verified_email
+  }
+
+  public openrighttoolbar() {
+    GlobalStore.state.RightDrawerOpen = true
+  }
+
+  get TelegCode() {
+    return UserStore.state.my.profile.teleg_checkcode
+  }
+
+  public changetab(val) {
+    tools.setCookie(tools.TABBED_HOME, val)
+  }
+
 }