Spanish Version to the HomePage

src/components/Header/Header.vue

@@ -75,10 +75,13 @@
                         stretch
                         flat
                         :label="langshort"
+                        auto-close
                 >
                     <q-list bordered>
-                        <q-item clickable v-ripple v-for="langrec in selectOpLang" :key="langrec.value"
+                        <q-item clickable v-ripple
-                                @click.native="lang = langrec.value">
+
+                                v-for="langrec in selectOpLang" :key="langrec.value"
+                                @click="lang = langrec.value">
                             <q-item-section avatar>
                                 <img :src="langrec.image" class="flagimg">
                             </q-item-section>

src/components/todos/SingleTodo/SingleTodo.ts

@@ -69,6 +69,7 @@ export default class SingleTodo extends Vue {
     this.updateClasses()
 
     console.log('this.percentageProgress', this.percentageProgress, 'this.itemtodo.progress', this.itemtodo.progress)
+    this.watchupdate('progress')
   }
 
 /*

src/components/todos/SubMenus/SubMenus.ts

@@ -1,5 +1,5 @@
 import Vue from 'vue'
-import { Component, Prop } from 'vue-property-decorator'
+import { Component, Prop, Watch } from 'vue-property-decorator'
 
 import { tools } from '@src/store/Modules/tools'
 import { UserStore } from '@store'

src/statics/i18n.js

@@ -71,7 +71,7 @@ const messages = {
         descr: 'Una soluzione meravigliosa per unire 2 realtà:<br>' +
           '1) Il <strong>Vivere soli</strong> in una casa grande.<br>' +
           '2) l\'avere bisogno di un <strong>alloggio</strong> temporaneo.<br>' +
-          'Tante persone <strong>Anziane</strong> (e non) abitano da sole e vorrebbero continuare a vivere nella propria abitazione, ma hanno difficoltà a farlo.<br>' +
+          'Tante persone, soprattutto <strong>Anziane</strong> (ma non solo), <strong>abitano da sole</strong> e vorrebbero continuare a vivere nella propria abitazione, ma hanno difficoltà a farlo.<br>' +
           'Altre persone invece hanno bisogno di una <strong>stanza</strong>, per scelta o per necessita, ed in cambio sono disponibili a ' +
           '<strong>contribuire alle spese</strong> per le utenze domestiche o magari <strong>aiutare</strong> la persona anziana a <strong>fare la spesa</strong>, cucinare, <strong>pulire casa</strong> oppure offrendogli semplicemente <strong>compagnia</strong>.<br>' +
           'Tramite questo strumento, le persone potranno mettersi in contatto e decidere in che forma <strong>co-abitare</strong>. Le <strong>recensioni</strong> rilasciate ed il <strong>dettaglio</strong> dei profili utenti, ' +
@@ -79,23 +79,23 @@ const messages = {
 
       },
       freecollabora: {
-        title: 'Chi può Collaborare con Noi?',
+        title: 'Chi può Collaborare?',
         descr: 'Tutti coloro che sono in linea con <strong>Princìpi Etici</strong> e ricerca del <strong>Benessere Globale del Pianeta</strong><br>' +
-          'Sono i benvenuti:' +
+          'Pertanto sono i benvenuti:' +
           '<ul class="mylist" style="padding-left: 20px;">' +
-          '<li><strong>Associazioni, Ecovillaggi, Comunità</strong></li>' +
+          '<li><strong>Associazioni no-profit, Ecovillaggi, Comunità</strong></li>' +
           '<li>Gruppi che intendono promuovere <strong>Progetti Sociali Innovativi</strong> per una <strong>Decrescita Felice</strong></li>' +
           '<li>Chi gestisce un <strong>Gruppo di Acquisto Solidale (G.A.S.) </strong></li>' +
           '<li>Chi gestisce una <strong>Banca del Tempo</strong></li>' +
-          '<li><strong>Chiunque voglia aiutare</strong>, nella forma che ritiene più opportuna.</li>' +
+          '<li><strong>Chiunque voglia partecipare</strong>, nella forma che ritiene più opportuna.</li>' +
           '</ul>',
       },
       freesostieni: {
         title: 'Come Sostenere il progetto?',
         descr: '<ul class="mylist" style="padding-left: 20px;">' +
-          '<li><strong>Condividendo</strong> il progetto a Gruppi, Comunità, Associazioni No-profit, G.A.S.</li>' +
+          '<li><strong>Condividendolo</strong> a tutti coloro che vogliono far parte insieme della crescita e sviluppo di una Nuova Era</li>' +
-          '<li>Rispondendo attivamente ai <strong>Sondaggi Popolari</strong> e lasciando <strong>Feedback</strong></li>' +
+          '<li>Rispondendo ai <strong>Sondaggi Popolari</strong> e lasciando <strong>Feedback</strong></li>' +
-          '<li>Effettuando piccole <strong>donazioni</strong> (<strong>anche 1€</strong>) per le spese di gestione dei Server.<br>' +
+          '<li>Tramite una <strong>donazione</strong> (<strong>anche 1€</strong> ) per le spese.<br>' +
           '</ul>',
       },
       multiplatform: {
@@ -107,7 +107,8 @@ const messages = {
         title: 'Gratuita, Open Source e Niente Pubblicità',
         descr: 'Vedo un <strong>futuro</strong> dove non si utilizzerà più denaro. Dove le persone si <strong>aiuteranno</strong> a vicenda e non avranno bisogno di "possedere" cose, ma le <strong>condivideranno</strong> con gli altri.<br>' +
           'Questa App <strong>non è in vendita</strong>, non ha scopi commerciali, <strong>non ha prezzo</strong> ed appartiene al <strong>Popolo del Nuovo Mondo</strong>. A me il compito di gestirla e proteggerla. ' +
-          'Verranno accettate solo donazioni Libere di privati ed Associazioni no-profit, in linea con i Principi, che serviranno per coprire le spese. <strong>Grazie a Tutti per il sostegno</strong>. '
+          'Verranno accettate solo donazioni Libere di privati ed Associazioni no-profit, in linea con i Principi, che serviranno per coprire le spese.<br>' +
+          '<strong>Grazie a Tutti per il sostegno</strong>. '
       },
     },
     pages: {
@@ -253,7 +254,95 @@ const messages = {
       myDescriz: '',
       sottoTitoloApp: 'El primer Verdadero Social',
       sottoTitoloApp2: 'Libre, justo y Solidario',
-      sottoTitoloApp3: 'Donde vive Conciencia y Ayuda comunitaria'
+      sottoTitoloApp3: 'Donde vive Conciencia y Ayuda comunitaria',
+      sottoTitoloApp4: 'Gratis y sin publicidad',
+    },
+    homepage: {
+      descrapp_title1: 'Unidos para evolucionar y experimentar',
+      descrapp_pag1: 'Redescubra cómo el valor de <strong> Compartir </strong> y <strong> Cooperación </strong> puede ayudarnos a encontrar el profundo ' +
+        'sentido de la <strong> Vida </strong>, perdido en esta sociedad consumista, y mostrando esos <strong> Principios Naturales Saludables </strong> y la <strong> Hermandad Humana </strong>' +
+        'que toda la población antigua conocía bien.',
+      descrapp_pag2: 'Ha llegado el momento de utilizar las nuevas herramientas <strong> tecnológicas </strong> en nuestro <strong> favor </strong>, para <strong> liberarnos </strong> ' +
+        'tan lentamente desde la <strong> esclavitud </strong> de <strong> "Trabaja para generar dinero" </strong> y transformando nuestra <strong> Capacidad </strong> en' +
+        '<strong> Recursos humanos </strong> para poder apoyar y vivir en <strong> Armonia </strong> con otros.',
+      freesocial: {
+        title: 'Free Social',
+        descr: 'Una comunidad organizada por <strong> Categorías </strong>, donde puedes unirte a <strong> Grupos temáticos </strong>, ' +
+          'Compartir <strong> experiencias </strong> y combinar habilidades para organizar y apoyar <strong> proyectos innovadores </strong> para la gente. ' +
+          'Los desarrollos <strong> éticos </strong> como <strong>:<br>Auto-producción </strong>, <strong> Sostenibilidad </strong>, ' +
+          'la Buena <strong> Salud natural </strong> y <strong> Respeto por el Medio Ambiente </strong> y para todos los <strong> Seres vivos </strong> de este' +
+          '<Strong> Planeta </strong>. Cualquiera puede expresar su <strong> consentimiento o disidencia </strong> participando en <strong> Encuestas Interactivas </strong> ' +
+          'y llevar a cabo juntos los <strong> Cambios </strong> necesarios para nuestra sociedad.',
+      },
+      freetalent: {
+        title: 'Free Talent',
+        descr: 'Comparte tus <strong> Talentos </strong> y <strong> Habilidades </strong>, ' +
+          'en lugar de dinero, ganarás <strong> Tiempo </strong>. <br>' +
+          '<strong> "1 hora" </strong> se convierte en una moneda de intercambio, igual para todos, adultos y mayores, hombres y mujeres. <br>' +
+          'Puedes usar estos <strong>"Créditos de tiempo"</strong> para satisfacer tus necesidades, buscando en <strong> Habilidades disponibles </strong>. <br> ' +
+          'En Dar y Recibir, crearemos así vínculos de <strong> Amistad, Solidaridad y Cooperación </strong> de los que el Ser Humano necesita para poder expresar' +
+          'totalmente. <br> <br>' +
+          'Este proyecto apunta a difundir esta realidad, que ya existe desde hace muchos años y se llama <strong> "Banco de tiempo" </strong>. ' +
+          'Las <strong> secretarías </strong> dispersas por todo el mundo, servirán para dar mayor <strong> fiabilidad </strong> y <strong> confianza </strong> en el intercambio de talentos entre personas desconocidas. ' +
+          'Así crearemos una <strong> red de confianza </strong> en el vecindario, como ya se practica en numerosos <strong> Ecoaldeas </strong> y en la Comunidades del mundo.',
+      },
+      freegas: {
+        title: 'Free G.A.S. (G.C.S.)',
+        descr: '¿Le gustaría usar una aplicación que le permita comprar productos locales directamente desde el <strong> Productor </strong>? <br> '+
+          'Con <strong> Grupos de Compra Solidarios </strong> evitamos intermediarios innecesarios, obteniendo muchos beneficios, incluyendo: <br>' +
+          '<ul class = "mylist" style = "padding-left: 20px;"> <li> <strong> Superior Quality </strong> del producto </li>' +
+          '<li> Opiniones <strong> de consumidores </strong> favorecerá a los productores con intenciones saludables </li>' +
+          '<li> Posibilidad de interactuar con el Productor </li>' +
+          '<li> Abierto a relaciones entre personas, compartiendo <strong> Recetas </strong> y <strong> Consejos </strong> preciosos </li>' +
+          '<li> <strong> Ahorros </strong> de dinero (precios al por mayor) </li>' +
+          '<li> Mejorando el <strong> Territorio </strong> y la Economía <strong> Local </strong> </li>' +
+          '<li> Condiciones <strong> Justa </strong> para Trabajadores </li>' +
+          '<li> Reducido <strong> Impacto Ambiental </strong> </ul>',
+      },
+      freeliving: {
+        title: 'Free Living',
+        descr: 'Una maravillosa solución para combinar 2 realidades: <br> '+
+          '1) El <strong> Vivir solo </strong> en una casa grande. <br>' +
+          '2) necesitar un <strong> alojamiento temporal </strong>. <br>' +
+          'Muchas personas especialmente <strong> Mayores </strong> (pero no solo) <strong>viven solas</strong> y les gustaría seguir viviendo en su propia casa, pero tienen dificultades para hacerlo. <br>' +
+          'Otras personas necesitan una <strong>Habitación</strong>, por elección o por necesidad, y a cambio están disponibles en' +
+          '<strong> contribuir a los gastos </strong> para los billetes de casa o tal vez <strong> ayuda </strong> a la persona mayor para <strong> ir de compras </strong>, cocinar, <strong> limpiar casa </strong> o simplemente ofreciéndole <strong> compañía </strong>. <br> '+
+          'A través de esta herramienta, las personas pueden ponerse en contacto y decidir en qué forma <strong> co-habitar </strong>. Los <strong> comentarios </strong> publicados y el <strong> detalle </strong> de los perfiles de usuario, '+
+          'ayudará a elegir a la persona más en <strong> armonía </strong>.'
+
+      },
+      freecollabora: {
+        title: '¿Quién puede colaborar?',
+        descr: 'Todos aquellos que están en línea con <strong> Principios éticos </strong> y la investigación de <strong> Bienestar Global del Planeta </strong> <br> '+
+          'Por eso son bienvenidos:' +
+          '<ul class = "mylist" style = "padding-left: 20px;">' +
+          '<li> <strong> Asociaciones sin ánimo de lucro, Ecoaldeas, Comunidades </strong> </li>' +
+          '<li> Grupos que desean promover <strong> Proyectos sociales innovadores </strong> para <strong> Feliz Decrecimiento </strong> </li>' +
+          '<li> Quién administra un <strong> Grupo de Compra Solidario (G.C.S.) </strong> </li>' +
+          '<li> Quién administra un <strong> Banco de Tiempo </strong> </li>' +
+          '<li> <strong> Cualquier persona que quiera participar </strong>, en la forma que considere más apropiada. </li>' +
+          '</ul>',
+      },
+      freesostieni: {
+        title: '¿Cómo apoyar el proyecto?',
+        descr: '<ul class="mylist" style="padding-left: 20px;">' +
+          '<li> <strong> Compartiéndolo </strong> a todos aquellos que quieran unirse en el crecimiento y desarrollo de una Nueva Era </li> '+
+          '<li> Respondiendo a <strong> Encuestas populares </strong> y dejando <strong> Comentarios </strong> </li>' +
+          '<li> A través de una <strong> donación </strong> (<strong> incluso € 1 </strong>) para los gastos. <br>' +
+          '</ul>',
+      },
+      multiplatform: {
+        title: 'Multi-plataforma',
+        descr: 'Compatible con Google Chrome, Firefox, Safari, iOS, Android y PC. La aplicación se instala fácilmente, sin pasar por el store. '+
+          'para compartirlo, necesita solo el nombre del sitio web: <strong> www.freeplanet.app </strong>',
+      },
+      free: {
+        title: 'Libre, Código Abierto y Sin Publicidad',
+        descr: 'Veo un <strong> futuro </strong> en el que ya no usarás dinero. Donde las personas <strong> se ayudarán unos a otros </strong> y no necesiten "poseer" cosas, pero <strong> compartirán </strong> con otros. <br> '+
+          'Esta aplicación <strong> no está a la venta </strong>, no tiene un propósito comercial, <strong> no tiene precio </strong> y pertenece a <strong> la Gente del Nuevo Mundo </strong>. A mí la tarea de gestionarlo y protegerlo. '+
+          'Solo se aceptarán donaciones de particulares y asociaciones sin änimo de lucro, en línea con los Principios, que se utilizarán para cubrir los gastos. <br>' +
+          '<strong> Gracias a todos por el apoyo </strong>. '
+      },
     },
     pages: {
       home: 'Principal',
@@ -391,7 +480,95 @@ const messages = {
       myDescriz: '',
       sottoTitoloApp: 'The first Real Social',
       sottoTitoloApp2: 'Free, Fair and solidarity',
-      sottoTitoloApp3: 'Where the conscience and community help live'
+      sottoTitoloApp3: 'Where the conscience and community help live',
+      sottoTitoloApp4: 'Free and without advertising',
+    },
+    homepage: {
+      descrapp_title1: 'Uniti per Evolvere e Sperimentare',
+      descrapp_pag1: 'Riscopri come il valore della <strong>Condivisione</strong> e della <strong>Cooperazione</strong>, possa aiutarci a ritrovare il profondo ' +
+        'senso della <strong>Vita</strong>, perduto in questa società consumista, e riporti quei <strong>Sani Pricìpi Naturali</strong> ed Umani di <strong>Fratellanza</strong>' +
+        ' che intere popolazioni antiche conoscevano bene.',
+      descrapp_pag2: 'E\' giunta l\'ora di utilizzare i nuovi strumenti <strong>Tecnologici</strong> a nostro <strong>favore</strong>, per <strong>Liberarci</strong> ' +
+        'così piano piano dalla <strong>schiavitù</strong> del <strong>"Lavoro per generare Denaro"</strong> e trasformando le nostre <strong>Capacitá</strong> in ' +
+        '<strong>Risorse Umane</strong> per poterci sostenere e vivere in <strong>Armonia</strong> con gli altri.',
+      freesocial: {
+        title: 'Free Social',
+        descr: 'Una Community organizzata per <strong>Categorie</strong>, dove potrai unirti a <strong>Gruppi Tematici</strong>, ' +
+          'Condividere <strong>Esperienze</strong> e unire Competenze per organizzare e sostenere <strong>Progetti Innovativi</strong> per il Popolo. ' +
+          'Verranno evidenziati sviluppi <strong>Etici</strong> come l\'<strong>Auto-Produzione</strong>, la <strong>Sostenibilitá</strong>, ' +
+          'la Buona <strong>Salute Naturale</strong> e il <strong>Rispetto per l\'Ambiente</strong> e per tutti gli <strong>Esseri Viventi</strong> di questo ' +
+          '<strong>Pianeta</strong>. Chiunque potrá esprimere il proprio <strong>Consenso o Dissenso</strong> partecipando a <strong>Sondaggi Interattivi</strong>' +
+          ' e realizzare insieme i <strong>Cambiamenti</strong> necessari alla nostra Società.',
+      },
+      freetalent: {
+        title: 'Free Talent',
+        descr: 'Condividi i tuoi <strong>Talenti</strong> e <strong>Abilità</strong>, ' +
+          'al posto del denaro guadagnagnerai <strong>Tempo</strong>.<br> ' +
+          '<strong>"1 ora"</strong> diventa moneta di scambio, uguale per tutti, per adulti ed anziani, uomini e donne.<br>' +
+          'Potrai utilizzare questi tuoi <strong>"Crediti Tempo"</strong> per soddisfare le tue necessità, cercando nelle <strong>Competenze Disponibili</strong>.<br>' +
+          'Nel Dare e Ricevere, si creeranno così legami di <strong>Amicizia, Solidarietà e Cooperazione</strong> di cui l\'Essere Umano ha bisogno per potersi esprimere ' +
+          'pienamente.<br><br>' +
+          'Questo progetto vuole diffondere, in maniera informatizzata, questa realtà che gia esiste da tanti anni, e viene chiamata <strong>"Banca del Tempo"</strong>. ' +
+          'Le <strong>segreterie</strong> sparse in tutto il mondo, serviranno a dare maggiore <strong>affidabilità</strong> e <strong>fiducia</strong> negli scambi di talenti tra persone sconosciute. ' +
+          'Creeremo così una <strong>rete di fiducia</strong> nel vicinato, come giá viene praticato in numerosi <strong>Ecovillaggi</strong> e Comunità del mondo. ',
+      },
+      freegas: {
+        title: 'Free G.A.S.',
+        descr: 'Ti piacerebbe utilizzare una App che ti permetta facilmente di acquistare Prodotti Locali direttamente dal <strong>Produttore</strong>?<br>' +
+          'Con i <strong>Gruppi di Acquisto Solidale</strong> si evitano intermediazioni inutili, ottenendo parecchi benefici tra cui:<br>' +
+          '<ul class="mylist" style="padding-left: 20px;"><li><strong>Qualitá Superiore</strong> del prodotto</li>' +
+          '<li>Le <strong>Recensioni</strong> dei consumatori favoriranno i Produttori con Sani Intenti</li>' +
+          '<li>Possiblità d\'interagire con il Produttore</li>' +
+          '<li>Apertura alle Relazioni tra persone, condividendo <strong>Ricette</strong> e <strong>Consigli</strong> preziosi</li>' +
+          '<li><strong>Risparmio</strong> di soldi (prezzi all\'Ingrosso)</li>' +
+          '<li>Valorizzare il <strong>Territorio</strong> e l\'Economia <strong>Locale</strong></li>' +
+          '<li>Condizioni <strong>Eque</strong> per i Lavoratori</li>' +
+          '<li>Ridotto <strong>Impatto Ambientale</strong></ul>',
+      },
+      freeliving: {
+        title: 'Free Living',
+        descr: 'Una soluzione meravigliosa per unire 2 realtà:<br>' +
+          '1) Il <strong>Vivere soli</strong> in una casa grande.<br>' +
+          '2) l\'avere bisogno di un <strong>alloggio</strong> temporaneo.<br>' +
+          'Tante persone <strong>Anziane</strong> (e non) abitano da sole e vorrebbero continuare a vivere nella propria abitazione, ma hanno difficoltà a farlo.<br>' +
+          'Altre persone invece hanno bisogno di una <strong>stanza</strong>, per scelta o per necessita, ed in cambio sono disponibili a ' +
+          '<strong>contribuire alle spese</strong> per le utenze domestiche o magari <strong>aiutare</strong> la persona anziana a <strong>fare la spesa</strong>, cucinare, <strong>pulire casa</strong> oppure offrendogli semplicemente <strong>compagnia</strong>.<br>' +
+          'Tramite questo strumento, le persone potranno mettersi in contatto e decidere in che forma <strong>co-abitare</strong>. Le <strong>recensioni</strong> rilasciate ed il <strong>dettaglio</strong> dei profili utenti, ' +
+          'aiuterà nella scelta della persona più in <strong>sintonia</strong>.'
+
+      },
+      freecollabora: {
+        title: 'Chi può Collaborare?',
+        descr: 'Tutti coloro che sono in linea con <strong>Princìpi Etici</strong> e ricerca del <strong>Benessere Globale del Pianeta</strong><br>' +
+          'Pertanto sono i benvenuti:' +
+          '<ul class="mylist" style="padding-left: 20px;">' +
+          '<li><strong>Associazioni no-profit, Ecovillaggi, Comunità</strong></li>' +
+          '<li>Gruppi che intendono promuovere <strong>Progetti Sociali Innovativi</strong> per una <strong>Decrescita Felice</strong></li>' +
+          '<li>Chi gestisce un <strong>Gruppo di Acquisto Solidale (G.A.S.) </strong></li>' +
+          '<li>Chi gestisce una <strong>Banca del Tempo</strong></li>' +
+          '<li><strong>Chiunque voglia partecipare</strong>, nella forma che ritiene più opportuna.</li>' +
+          '</ul>',
+      },
+      freesostieni: {
+        title: 'Come Sostenere il progetto?',
+        descr: '<ul class="mylist" style="padding-left: 20px;">' +
+          '<li><strong>Condividendolo</strong> a tutti coloro che vogliono far parte insieme della crescita e sviluppo di una Nuova Era</li>' +
+          '<li>Rispondendo ai <strong>Sondaggi Popolari</strong> e lasciando <strong>Feedback</strong></li>' +
+          '<li>Tramite una <strong>donazione</strong> (<strong>anche 1€</strong> ) per le spese.<br>' +
+          '</ul>',
+      },
+      multiplatform: {
+        title: 'Multi-piattaforma',
+        descr: 'E\' Compatibile con Google Chrome, Firefox, Safari, iOS, Android e PC. L\'Applicazione s\'installa facilmente, senza passare dallo store. ' +
+          'basta condividere il nome del sito <strong>www.freeplanet.app</strong>',
+      },
+      free: {
+        title: 'Gratuita, Open Source e Niente Pubblicità',
+        descr: 'Vedo un <strong>futuro</strong> dove non si utilizzerà più denaro. Dove le persone si <strong>aiuteranno</strong> a vicenda e non avranno bisogno di "possedere" cose, ma le <strong>condivideranno</strong> con gli altri.<br>' +
+          'Questa App <strong>non è in vendita</strong>, non ha scopi commerciali, <strong>non ha prezzo</strong> ed appartiene al <strong>Popolo del Nuovo Mondo</strong>. A me il compito di gestirla e proteggerla. ' +
+          'Verranno accettate solo donazioni Libere di privati ed Associazioni no-profit, in linea con i Principi, che serviranno per coprire le spese.<br>' +
+          '<strong>Grazie a Tutti per il sostegno</strong>. '
+      },
     },
     pages: {
       home: 'Dashboard',