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

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

@ -11,8 +11,10 @@
<p class="navbar-item">
<slot name="subpedido"></slot>
</p>
<pedidos-chismosa-dropdown v-if="this.$root.pedido != null" class="hide-above-1023" 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">
<pedidos-chismosa-dropdown v-if="this.$root.pedido != null" class="hide-above-1023"
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>
@ -26,11 +28,14 @@
<i class="fas fa-search"></i>
</span>
</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>
<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">
<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
</a>
<slot name="logout-form"></slot>
@ -42,8 +47,10 @@
<script>
import ChismosaDropdown from '../pedidos/ChismosaDropdown.vue';
import {mapActions} from "vuex";
export default {
components: { ChismosaDropdown },
components: {ChismosaDropdown},
data() {
return {
burgerActiva: false,
@ -51,12 +58,16 @@ export default {
}
},
methods: {
...mapActions('productos', ["filtrarProductos"]),
toggleBurger() {
this.burgerActiva = !this.burgerActiva
},
buscar() {
if (this.burgerActiva) this.toggleBurger()
Event.$emit("filtrar-productos",'nombre',this.searchString)
if (this.burgerActiva)
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);
},
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('setProductos', response.data.data);
}