47 lines
2.4 KiB
Vue
Executable File
47 lines
2.4 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="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>
|