- Nella Lavagna, cliccando sul nome dell'invitato, compaiono le sue informazioni sugli step rimasti, in dettaglio.

- Ogni utente puo' cosi scegliere di regalare un proprio invitato, cliccando sull'invitato, scrivendo l'username del destinatario e premendo il bottone 'Regala Invitato'.
Al destinatario gli arriverà un messaggio sul Bot Telegram che indica che gli è stato regalato un'invitato.

src/components/CNextZoom/CNextZoom.ts

@@ -9,10 +9,13 @@ import { CTitleBanner } from '@components'
 import { CCardState } from '../CCardState'
 import { UserStore } from '../../store/Modules'
 import { GlobalStore } from '../../store'
+import { CCopyBtn } from '../CCopyBtn'
+
+import { date } from 'quasar'
 
 @Component({
   name: 'CStatusReg',
-  components: { CTitleBanner, CCardState }
+  components: { CTitleBanner, CCardState, CCopyBtn }
 })
 
 export default class CNextZoom extends MixinBase {
@@ -27,4 +30,18 @@ export default class CNextZoom extends MixinBase {
       return tools.getstrTime(this.listacalzoom[0].date_start)
     }
   }
+
+  get showzoom() {
+    if (GlobalStore.state.calzoom.length > 0) {
+      const mydate = GlobalStore.state.calzoom.slice(-1)[0].date_start
+      const mydate_end = GlobalStore.state.calzoom.slice(-1)[0].date_end
+      const datenow = tools.getDateNow()
+      console.log('date.getDateDiff(datenow, mydate, \'minutes\')', date.getDateDiff(datenow, mydate, 'minutes'))
+      // if begin is in the past, take the day now
+      if ((date.getDateDiff(datenow, mydate, 'minutes') > -10) && (date.getDateDiff(datenow, mydate_end, 'minutes') < 0)) {
+        return true
+      }
+    }
+    return false
+  }
 }

src/components/CNextZoom/CNextZoom.vue

@@ -7,12 +7,16 @@
 
         <div class="flex flex-center">
 
-          <div class="column animazione">
+          <div class="row animazione justify-center q-gutter-md">
+            <q-btn v-if="showzoom" size="md" type="a" :href="tools.getLinkZoom()"
+                   target="_blank" rounded color="white" text-color="primary" icon="fas fa-video" :label="$t('steps.entra_zoom')">
+            </q-btn>
+
             <transition-group name="fade" mode="out-in"
                               appear
                               enter-active-class="animazione fadeIn"
                               leave-active-class="animazione fadeOut">
-              <q-item v-for="(confer, index) in listacalzoom" :key="confer._id" class="q-mb-xs animated" v-ripple>
+              <q-item v-for="(confer, index) in listacalzoom" :key="confer._id" class="q-mb-xs animated clBorderZoom q-pa-sm" v-ripple>
 
                 <q-item-section avatar>
                   <q-avatar v-if="tools.geticon(confer.lang)" :class="tools.geticon(confer.lang)" size="xs">