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

Solo se muestra en pedido

Browse source
This commit is contained in:
Alejandro Tasistro 2025-05-21 18:39:56 -03:00
parent 2f7ee48930
commit 59b6c29508
2 changed files with 56 additions and 45 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

94
resources/js/components/pedidos/NavMigas.vue
View file

@ -1,55 +1,59 @@
<template>
<nav class="breadcrumb is-centered has-background-danger-light is-fixed-top" aria-label="breadcrumbs" v-show="visible">
<ul class="mt-4">
<li v-for="(miga, i) in migas" :key="i" :class="{'is-active': i == migaActiva}">
<a :href="miga.href" v-text="miga.nombre"
:class="{'has-text-danger': i != migaActiva}"></a>
</li>
</ul>
</nav>
<nav v-if="pedidoDefinido" class="breadcrumb is-centered has-background-danger-light is-fixed-top"
aria-label="breadcrumbs" v-show="visible">
<ul class="mt-4">
<li v-for="(miga, i) in migas" :key="i" :class="{'is-active': i == migaActiva}">
<a :href="miga.href" v-text="miga.nombre"
:class="{'has-text-danger': i != migaActiva}"></a>
</li>
</ul>
</nav>
</template>
<script>
export default {
data() {
return {
initial: [{ nombre: 'Categorías', href: '/productos' }],
migas: [{ nombre: 'Categorías', href: '/productos' }],
}
},
computed: {
visible: function() {
return this.migas.length > 0
},
migaActiva: function() {
return this.migas.length-1
}
},
mounted() {
Event.$on('migas-setear-como-inicio', (miga) => {
this.migas = [];
this.migas.push(miga);
});
Event.$on('migas-agregar', (miga) => {
this.migas.push(miga);
});
Event.$on('migas-reset', () => {
this.migas = this.initial;
});
Event.$on('migas-pop', () => {
this.migas.pop();
});
}
}
import { mapGetters } from "vuex";
export default {
data() {
return {
initial: [{ nombre: 'Categorías', href: '/productos' }],
migas: [{ nombre: 'Categorías', href: '/productos' }],
}
},
computed: {
...mapGetters('pedido', ["pedidoDefinido"]),
visible: function () {
return this.migas.length > 0
},
migaActiva: function () {
return this.migas.length - 1
}
},
mounted() {
Event.$on('migas-setear-como-inicio', (miga) => {
this.migas = [];
this.migas.push(miga);
});
Event.$on('migas-agregar', (miga) => {
this.migas.push(miga);
});
Event.$on('migas-reset', () => {
this.migas = this.initial;
});
Event.$on('migas-pop', () => {
this.migas.pop();
});
}
}
</script>
<style>
nav.breadcrumb.is-fixed-top {
position: fixed;
left: 0;
right: 0;
top: 3.25rem;
height: 2.75rem;
z-index: 5;
position: fixed;
left: 0;
right: 0;
top: 3.25rem;
height: 2.75rem;
z-index: 5;
}
</style>

7
resources/js/store/modules/pedido.js vendored
View file

@ -45,9 +45,16 @@ const actions = {
async modificarDevoluciones({ commit }, { monto, notas }) {}
};
const getters = {
pedidoDefinido() {
return state.lastFetch !== null;
},
}
export default {
namespaced: true,
state,
mutations,
actions,
getters,
};