myprojplanet_vite/src/components/CCheckIfIsLogged/CCheckIfIsLogged.vue

<template>
  <div v-if="!tools.isLogged()">
    <div class="q-pa-md q-gutter-sm">

      <div id="logo" class="text-center">
        <img id="logoimg" :src="tools.getimglogo()" alt="logo APP">
      </div>

      <q-banner rounded class="bg-primary text-white">
        <div class="text-h6 text-center">
          Accedi al menu inserendo le tue credenziali per entrare 🔑<br>
          <div class="text-center">
            <q-btn push color="white" text-color="blue" label="Clicca qui per Accedere" @click="tools.openrighttoolbar()"/>
          </div>
          <br>
          Entra anche nel <a href="https://riso.app/gruppi_territoriali"><strong>Canale e Gruppo Telegram di RISO</strong></a> scegliendo la tua provincia !
        </div>
        <br>
      </q-banner>
      <q-banner rounded class="bg-green-8 text-white">
        <div class="text-h6 text-center">
          Visualizza la pagina di Aiuto<br>
          <div class="text-center">
            <q-btn :color="$q.dark.isActive ? `black` : `white`" push glossy :text-color="$q.dark.isActive ? `white` : `black`" label="Pagina Aiuto" to="/faq"/>
          </div>
        </div>
      </q-banner>
    </div>

    <div
      v-if="!tools.isLogged() && site.confpages.enableReg && site.confpages.showRegButton"
      style="margin:20px; text-align: center;">

      <q-btn rounded size="lg" color="primary" @click="tools.openrighttoolbar()">{{ $t('login.enter') }}
      </q-btn>
    </div>

  </div>
</template>

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

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