nathalie/pedi2
3
3
Fork 1
Code Issues Pull requests 1 Projects Releases Wiki Activity

Arreglada nav bar de ollas

Browse source
This commit is contained in:
Alejandro Tasistro 2025-08-12 14:54:17 -03:00
parent 5aadfe6753
commit 7ade1b18f1
2 changed files with 10 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
resources/js/components/comunes/NavBar.vue
View file

@ -14,7 +14,7 @@
<burger/> <burger/>
</div> </div>
<div class="navbar-menu" :class="{'is-active': burger_activa}"> <div class="navbar-menu" :class="{'is-active': burger_activa}">
<div class="navbar-start is-flex is-justify-content-center is-flex-grow-1"> <div class="navbar-start is-flex is-justify-content-center is-flex-grow-1 hide-below-1024">
<div v-if="mostrarAviso" class="is-absolute-center is-flex is-align-items-center navbar-item"> <div v-if="mostrarAviso" class="is-absolute-center is-flex is-align-items-center navbar-item">
<span class="tag is-warning is-size-6"> <span class="tag is-warning is-size-6">
Monto superado Monto superado

12
resources/js/components/ollas/OllasNavBarBrand.vue
View file

@ -6,10 +6,14 @@ export default {
name: "OllasNavBarBrand", name: "OllasNavBarBrand",
components: { ChismosaDropdown }, components: { ChismosaDropdown },
computed: { computed: {
...mapGetters('ollas', ["montoTotal", "montoSuperado"]),
...mapGetters('pedido', ["pedidoDefinido"]), ...mapGetters('pedido', ["pedidoDefinido"]),
...mapGetters('ollas', ["montoTotal"]), ...mapState('login', ["rol"]),
...mapState('ui', ["burger_activa"]), ...mapState('ui', ["burger_activa"]),
...mapState('pedido', ["nombre"]), ...mapState('pedido', ["nombre"]),
mostrarAviso() {
return this.pedidoDefinido && this.rol === 'ollas' && this.montoSuperado;
}
}, },
methods: { methods: {
...mapActions('ollas', ["getMontoPorOlla"]), ...mapActions('ollas', ["getMontoPorOlla"]),
@ -22,12 +26,14 @@ export default {
</script> </script>
<template> <template>
<div class="navbar-item hide-below-1024"> <div class="navbar-item">
<p v-if="pedidoDefinido">{{ `${nombre}` }}</p>
<chismosa-dropdown <chismosa-dropdown
v-if="pedidoDefinido" v-if="pedidoDefinido"
class="hide-above-1023" class="hide-above-1023"
ariaControls="mobile"/> ariaControls="mobile"/>
<span v-if="mostrarAviso" class="tag is-warning is-size-6">
Monto superado
</span>
</div> </div>
</template> </template>