Files
salvato.newfreeplanet/src/components/MyFooter/MyFooter.vue
Surya Paolo 4c9e5ae991 - Statistiche
- Menu e Sottomenu
- Lista ultimi Movimenti
2024-09-26 02:14:50 +02:00

97 lines
2.9 KiB
Vue
Executable File

<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="$q.dark.isActive ? `primary` : `primary`"
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-route-tab
v-if="site.confpages.showViewCircuits"
class="mylabfooter"
:label="$t('tabdown.circuits')"
:to="tools.updateLink('/circuits')"
icon="img: images/1ris_rosso_100.png"
/>
<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>