83 lines
2.8 KiB
Vue
83 lines
2.8 KiB
Vue
<template>
|
|
<v-app-bar color="primary" prominent>
|
|
<v-app-bar-nav-icon variant="text" @click.stop="drawer = !drawer"></v-app-bar-nav-icon>
|
|
<v-toolbar-title>Menu</v-toolbar-title>
|
|
<v-spacer></v-spacer>
|
|
<template v-if="$vuetify.display.mdAndUp">
|
|
<v-btn icon="mdi-magnify" variant="text"></v-btn>
|
|
<v-btn icon="mdi-filter" variant="text"></v-btn>
|
|
</template>
|
|
<v-btn icon="mdi-dots-vertical" variant="text"></v-btn>
|
|
</v-app-bar>
|
|
<v-navigation-drawer v-model="drawer"
|
|
:location="$vuetify.display.mobile ? 'bottom' : undefined"
|
|
temporary>
|
|
<v-list
|
|
density="compact"
|
|
nav
|
|
>
|
|
<v-list-item
|
|
v-for="item in menuItems"
|
|
:key="item.title"
|
|
:title="item.title"
|
|
:prepend-icon="item.icon"
|
|
@click="navigate(item.route)"
|
|
></v-list-item>
|
|
<v-list-item prepend-icon="mdi-cog" title="Administracion" @click="toggleAdminMenu()"></v-list-item>
|
|
<v-list-item>
|
|
<v-list v-if="showAdminMenu">
|
|
<v-list-item
|
|
v-for="item in menuAdminItems"
|
|
:key="item.title"
|
|
:title="item.title"
|
|
:prepend-icon="item.icon"
|
|
@click="navigateAdmin(item.route)"
|
|
></v-list-item>
|
|
</v-list>
|
|
</v-list-item>
|
|
</v-list>
|
|
</v-navigation-drawer>
|
|
</template>
|
|
|
|
<script>
|
|
import trytonIcon from '../assets/icons/tryton-icon.svg';
|
|
export default {
|
|
name: 'NavBar',
|
|
data: () => ({
|
|
drawer: false,
|
|
group: null,
|
|
showAdminMenu: false,
|
|
menuItems: [
|
|
{ title: 'Inicio', route: '/', icon: 'mdi-home'},
|
|
{ title: 'Comprar', route:'/comprar', icon: 'mdi-cart'},
|
|
],
|
|
menuAdminItems: [
|
|
{ title: 'Cuadrar tarro', route: '/cuadrar_tarro', icon: 'mdi-calculator'},
|
|
{ title: 'Cuadres de tarro', route: '/cuadres_de_tarro', icon: 'mdi-chart-bar'},
|
|
{ title: 'CSV Tryton', route: '/ventas_para_tryton', icon: 'mdi-file-table'},
|
|
{ title: 'Compra adm', route: '/compra_admin', icon: 'mdi-cart'},
|
|
{ title: 'Actualizar Productos De Tryton', route: '/sincronizar_productos_tryton', icon: 'trytonIcon'},
|
|
{ title: 'Actualizar Clientes De Tryton', route: '/sincronizar_clientes_tryton', icon: 'trytonIcon'},
|
|
{ title: 'Actualizar Ventas Tryton', route: '/sincronizar_ventas_tryton', icon: 'trytonIcon'}
|
|
],
|
|
}),
|
|
watch: {
|
|
group () {
|
|
this.drawer = false
|
|
},
|
|
},
|
|
methods: {
|
|
navigate(route) {
|
|
this.$router.push(route);
|
|
},
|
|
navigateAdmin(route) {
|
|
this.toggleAdminMenu();
|
|
this.navigate(route);
|
|
},
|
|
toggleAdminMenu() {
|
|
this.showAdminMenu = !this.showAdminMenu;
|
|
},
|
|
}
|
|
}
|
|
</script>
|