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

Logica de infoTags movida a modulo ui

Browse source
This commit is contained in:
Alejandro Tasistro 2025-06-16 17:05:18 -03:00
parent d9747c9280
commit a16487cc3f
2 changed files with 10 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
resources/js/components/comunes/InfoTags.vue
View file

@ -1,13 +1,14 @@
<script> <script>
import { mapActions, mapState } from "vuex"; import { mapActions, mapMutations, mapState } from "vuex";
export default { export default {
name: "InfoTags", name: "InfoTags",
computed: { computed: {
...mapState("ui", ["canasta_actual"]) ...mapState("ui", ["canasta_actual", "show_tags"])
}, },
methods: { methods: {
...mapActions("ui", ["getCanastaActual"]), ...mapActions("ui", ["getCanastaActual"]),
...mapMutations("ui", ["toggleTags"])
}, },
async mounted() { async mounted() {
await this.getCanastaActual(); await this.getCanastaActual();
@ -19,7 +20,6 @@ export default {
return { return {
nombreCanasta: "", nombreCanasta: "",
fechaCanasta: "", fechaCanasta: "",
visible: true,
} }
}, },
} }
@ -27,14 +27,14 @@ export default {
<template> <template>
<div> <div>
<div v-if="!visible" class="info-tab" @click="visible = true"> <div v-if="!show_tags" class="info-tab" @click="toggleTags">
<button class="button is-borderless" type="button"> <button class="button is-borderless" type="button">
<span class="icon"> <span class="icon">
<i class="fas fa-info-circle"></i> <i class="fas fa-info-circle"></i>
</span> </span>
</button> </button>
</div> </div>
<div v-if="visible" class="box sticky-tags"> <div v-if="show_tags" class="box sticky-tags">
<div class="field is-grouped is-grouped-multiline"> <div class="field is-grouped is-grouped-multiline">
<div class="control"> <div class="control">
<div class="tags has-addons"> <div class="tags has-addons">
@ -48,7 +48,7 @@ export default {
<span class="tag is-danger">{{ fechaCanasta }}</span> <span class="tag is-danger">{{ fechaCanasta }}</span>
</div> </div>
</div> </div>
<button class="delete" type="button" @click="visible = false"></button> <button class="delete" type="button" @click="toggleTags"></button>
</div> </div>
</div> </div>
</div> </div>

4
resources/js/store/modules/ui.js vendored
View file

@ -1,6 +1,7 @@
const state = { const state = {
show_chismosa: false, show_chismosa: false,
show_devoluciones: false, show_devoluciones: false,
show_tags: true,
migas: [{ nombre: 'Pedidos', action: 'pedido/resetear' }], migas: [{ nombre: 'Pedidos', action: 'pedido/resetear' }],
canasta_actual: null, canasta_actual: null,
}; };
@ -15,6 +16,9 @@ const mutations = {
toggleDevoluciones(state) { toggleDevoluciones(state) {
state.show_devoluciones = !state.show_devoluciones; state.show_devoluciones = !state.show_devoluciones;
}, },
toggleTags(state) {
state.show_tags = !state.show_tags;
},
addMiga(state, miga) { addMiga(state, miga) {
state.migas.push(miga); state.migas.push(miga);
}, },