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

Busqueda funcionando con productos.js

Browse source
This commit is contained in:
Alejandro Tasistro 2025-05-21 18:23:35 -03:00
parent 0dc8f39f07
commit b76ecf57dc
2 changed files with 70 additions and 57 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -11,8 +11,10 @@
<p class="navbar-item"> <p class="navbar-item">
<slot name="subpedido"></slot> <slot name="subpedido"></slot>
</p> </p>
<pedidos-chismosa-dropdown v-if="this.$root.pedido != null" class="hide-above-1023" id="mobile"></pedidos-chismosa-dropdown> <pedidos-chismosa-dropdown v-if="this.$root.pedido != null" class="hide-above-1023"
<a role="button" class="navbar-burger" :class="{'is-active':burgerActiva}" aria-label="menu" aria-expanded="false" data-target="nav-bar" @click="toggleBurger"> id="mobile"></pedidos-chismosa-dropdown>
<a role="button" class="navbar-burger" :class="{'is-active':burgerActiva}" aria-label="menu"
aria-expanded="false" data-target="nav-bar" @click="toggleBurger">
<span aria-hidden="true"></span> <span aria-hidden="true"></span>
<span aria-hidden="true"></span> <span aria-hidden="true"></span>
<span aria-hidden="true"></span> <span aria-hidden="true"></span>
@ -26,11 +28,14 @@
<i class="fas fa-search"></i> <i class="fas fa-search"></i>
</span> </span>
</a> </a>
<input class="input is-small" type="text" placeholder="Harina" v-model="searchString" @keyup.enter="buscar" > <input class="input is-small" type="text" placeholder="Harina" v-model="searchString"
@keyup.enter="buscar">
</div> </div>
<pedidos-chismosa-dropdown v-if="this.$root.pedido != null" class="hide-below-1024" id="wide"></pedidos-chismosa-dropdown> <pedidos-chismosa-dropdown v-if="this.$root.pedido != null" class="hide-below-1024"
id="wide"></pedidos-chismosa-dropdown>
<div class="block navbar-item"> <div class="block navbar-item">
<a onclick="event.preventDefault(); document.getElementById('logout-form').submit();" class="text-a"> <a onclick="event.preventDefault(); document.getElementById('logout-form').submit();"
class="text-a">
Cerrar sesión Cerrar sesión
</a> </a>
<slot name="logout-form"></slot> <slot name="logout-form"></slot>
@ -42,6 +47,8 @@
<script> <script>
import ChismosaDropdown from '../pedidos/ChismosaDropdown.vue'; import ChismosaDropdown from '../pedidos/ChismosaDropdown.vue';
import {mapActions} from "vuex";
export default { export default {
components: {ChismosaDropdown}, components: {ChismosaDropdown},
data() { data() {
@ -51,12 +58,16 @@ export default {
} }
}, },
methods: { methods: {
...mapActions('productos', ["filtrarProductos"]),
toggleBurger() { toggleBurger() {
this.burgerActiva = !this.burgerActiva this.burgerActiva = !this.burgerActiva
}, },
buscar() { buscar() {
if (this.burgerActiva) this.toggleBurger() if (this.burgerActiva)
Event.$emit("filtrar-productos",'nombre',this.searchString) this.toggleBurger();
this.filtrarProductos({filtro: "nombre", valor: this.searchString});
Event.$emit('migas-agregar', {nombre: this.searchString});
} }
}, },
}; };

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

@ -42,7 +42,9 @@ const actions = {
commit('setProductos', response.data.data); commit('setProductos', response.data.data);
}, },
async filtrarProductos({ commit }, { filtro, valor }) { async filtrarProductos({ commit }, { filtro, valor }) {
const response = await axios.get("/api/productos"); const response = await axios.get("/api/productos", {
params: { [filtro]: valor }
});
commit('setFiltro', { clave: filtro, valor: valor }); commit('setFiltro', { clave: filtro, valor: valor });
commit('setProductos', response.data.data); commit('setProductos', response.data.data);
} }