cnm/src/root/home/home.vue

<template>
  <q-page>
    <CMyPage title="">
            <span>{{
                setmeta({
                  title: 'Home',
                  description: $t('msg.myAppDescription'),
                  keywords: $t('msg.keywords_base')
                })
              }}
            </span>

      <div class="landing">
        <div v-if="!isLogged">
          <div style="height: 15px;">
          </div>
          <div class="text-center">
            <q-img src="statics/images/background.jpg" class="logo"></q-img>
          </div>
        </div>

        <div v-if="!tools.sito_online(true)" class="row text-h4 text-center bg-warning">
          {{ $t('otherpages.sito_offline') }}
        </div>

        <div v-if="isLogged">
          <CVerifyEmail v-if="!isEmailVerified">

          </CVerifyEmail>

          <!--<CVerifyTelegram v-if="TelegCode || !TelegVerificato">

          </CVerifyTelegram>-->

        </div>
        <div v-else>
          <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>

          <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>
        </div>

        <q-tabs
          v-model="tab"
          dense
          class="bg-blue text-white shadow-2"
          indicator-color="white"
          align="center"
          narrow-indicator
          :breakpoint="350"
          @input="changetab"
        >
          <q-tab name="guida" icon="fas fa-check" :label="$t('pages.home')"></q-tab>
          <!--<q-tab name="zoom" icon="fas fa-video" :label="$t('pages.nextzoom')"></q-tab>-->
          <!--<q-tab name="statistiche" icon="fas fa-chart-line" :label="$t('pages.status')"></q-tab>-->

        </q-tabs>

        <q-tab-panels v-model="tab" animated>
          <q-tab-panel name="guida">
            <div v-if="isLogged">

            </div>

          </q-tab-panel>
          <q-tab-panel name="zoom">
            <CNextZoom>

            </CNextZoom>

          </q-tab-panel>
          <q-tab-panel name="statistiche">
            <CStatusReg>

            </CStatusReg>

          </q-tab-panel>
        </q-tab-panels>

        <CECommerce>

        </CECommerce>


      </div>
    </CMyPage>
  </q-page>
</template>

<script lang="ts" src="./home.ts">
</script>

<style lang="scss" scoped>
  @import './home.scss';
</style>