@rstoenescu thx 4reply
I also believe it’s not a framework issue.
It’s the Admin’s layout and Client’s layout code. Can u help me to investigate?
<template>
<q-layout view="hHh LpR fFf">
<q-layout-header>
<q-toolbar color="primary">
<q-toolbar-title>
Delivery
</q-toolbar-title>
<q-btn
flat
round
dense
to="/admin/orders"
:icon="hasNotification ? 'far fa-bell' : 'far fa-bell-slash'"
:class="{
'animate-blink': hasNotification
}"
/>
<q-btn @click="drawer = !drawer" flat round dense icon="menu" />
</q-toolbar>
</q-layout-header>
<q-page-container>
<router-view />
</q-page-container>
<q-fab
class="fixed"
style="right: 18px; bottom: 18px"
color="primary"
direction="up"
>
<q-fab-action
color="primary"
@click.prevent="createStatus"
icon="watch_later"
>
<q-tooltip anchor="center left" self="center right" :offset="[20, 0]">Criar Status</q-tooltip>
</q-fab-action>
<q-fab-action
color="primary"
@click.prevent="createCategory"
icon="table_chart"
>
<q-tooltip anchor="center left" self="center right" :offset="[20, 0]">Criar Categoria</q-tooltip>
</q-fab-action>
<q-fab-action
color="primary"
@click.prevent="createProduct"
icon="add_shopping_cart"
>
<q-tooltip anchor="center left" self="center right" :offset="[20, 0]">Criar Produto</q-tooltip>
</q-fab-action>
<q-fab-action
color="primary"
@click.prevent="createUser"
icon="person"
>
<q-tooltip anchor="center left" self="center right" :offset="[20, 0]">Criar Administrador</q-tooltip>
</q-fab-action>
</q-fab>
<q-layout-drawer v-model="drawer" side="right">
<q-list highlight>
<q-item to="/admin/categories">Listar Categorias</q-item>
<q-item to="/admin/orders">Listar Pedidos</q-item>
<q-item to="/admin/products">Listar Produtos</q-item>
<q-item to="/admin/status">Listar Status</q-item>
<q-item to="/admin/settings">Configuração</q-item>
<q-item>Logout</q-item>
</q-list>
</q-layout-drawer>
</q-layout>
</template>
<script>
export default {
name: 'Admin',
data () {
return {
drawer: false,
hasNotification: true
}
},
methods: {
createCategory () {
this.$router.push(`/admin/categories/create`)
},
createProduct () {
this.$router.push(`/admin/products/create`)
},
createUser () {
this.$router.push(`/admin/create`)
},
createStatus () {
this.$router.push(`/admin/status/create`)
}
}
}
</script>
<style>
</style>
<template>
<q-layout view="hHh LpR fFf">
<q-layout-header>
<q-toolbar color="primary">
<q-toolbar-title>
Delivery
</q-toolbar-title>
<q-btn
flat
round
dense
to="/"
:icon="hasNotification ? 'far fa-bell' : 'far fa-bell-slash'"
:class="{
'animate-blink': hasNotification
}"
/>
<q-btn @click="drawer = !drawer" flat round dense icon="menu" />
</q-toolbar>
</q-layout-header>
<q-page-container>
<router-view />
</q-page-container>
<q-fab
class="fixed"
style="right: 18px; bottom: 18px"
color="primary"
direction="up"
>
<q-fab-action
color="primary"
to="/"
icon="add_shopping_cart"
>
<q-tooltip anchor="center left" self="center right" :offset="[20, 0]">Novo Pedido</q-tooltip>
</q-fab-action>
</q-fab>
<q-layout-drawer v-model="drawer" side="right">
<q-list highlight>
<q-item to="/account/create">Criar Conta</q-item>
<q-item to="/account">Minha Conta</q-item>
<q-item to="/orders">Meus Pedidos</q-item>
<q-item>Logout</q-item>
</q-list>
</q-layout-drawer>
</q-layout>
</template>
<script>
export default {
name: 'Client',
data () {
return {
drawer: false,
hasNotification: false
}
},
methods: {}
}
</script>
<style>
</style>