newfreeplanet_OLD/src/components/MyFooter/MyFooter.vue

<template>
  <q-footer
    v-if="tools.isUserOk() && site && site.confpages"
    :class="($q.dark.isActive ? `bg-black` : `bg-white`) + ` small-screen-only`"
    bordered
  >
    <q-toolbar>
      <q-toolbar-title>
        <q-tabs
          dense
          :class="
            ($q.dark.isActive
              ? `text-white bg-black`
              : `text-grey-10 bg-white`) + ` mylabfooter mysmalltabs`
          "
          style="padding: 0px !important"
          content-class="mysmalltabs"
          active-color="white"
          active-bg-color="blue"
          no-caps
          indicator-color="transparent"
        >
          <q-route-tab
            v-if="site.confpages.showButtHome"
            to="/"
            class="mylabfooter"
            :label="$t('tabdown.home')"
            icon="fas fa-home"
          />
          <!--<q-route-tab
            v-if="site.confpages.showViewGroups"
            class="mylabfooter"
            :label="$t('tabdown.groups')"
            to="/groups"
            icon="fas fa-users"
          />-->
          <q-route-tab
            v-if="site.confpages.showViewEventi"
            class="mylabfooter"
            :label="$t('tabdown.eventi')"
            to="/events"
            icon="fas fa-calendar-week"
          />
          <q-img
            v-if="site.confpages.showViewCircuits"
            src="images/1ris_rosso_100.png"
            round
            flat
            :style="currentPath === '/circuits' ? `background-color: lightblue`: ''"
            class="img_in_tab"
            @click="naviga(tools.updateLink('/circuits'))"
          ></q-img>
          <q-route-tab
            v-if="site.confpages.showViewUsers"
            class="mylabfooter"
            :label="$t('tabdown.friends')"
            to="/friends"
            icon="fas fa-user-friends"
          />
          <q-route-tab
            v-if="site.confpages.showViewBooking"
            class="mylabfooter"
            :label="$t('tabdown.bookings')"
            to="/admin/eventlist"
            icon="fas fa-calendar-plus"
          />
          <q-route-tab
            v-if="site.confpages.showViewCart"
            class="mylabfooter"
            :label="$t('tabdown.showViewCart')"
            to="/checkout"
            icon="fas fa-shopping-cart"
          />
          <q-route-tab
            v-if="site.confpages.showViewOrders"
            class="mylabfooter"
            :label="$t('tabdown.showViewOrders')"
            to="/orderinfo"
            icon="fas fa-clipboard-list"
          />
          <q-route-tab
            v-if="site.confpages.showViewProfile"
            class="mylabfooter"
            :label="$t('tabdown.profile')"
            @click="globalStore.rightDrawerOpen = true"
            :icon="getMyImg() ? `img: ` + getMyImg() : `fas fa-user`"
          />
        </q-tabs>
      </q-toolbar-title>
    </q-toolbar>
  </q-footer>
</template>

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

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