From 2356fe597a70951fb3a459af2873634c0a63a37a Mon Sep 17 00:00:00 2001
From: ale <ale.tasistro@gmail.com>
Date: Fri, 20 Jun 2025 01:05:44 -0300
Subject: [PATCH] Componentes para items de NavBar

---
 resources/js/components/comunes/Burger.vue   | 30 ++++++++++++++
 resources/js/components/pedidos/Buscador.vue | 42 ++++++++++++++++++++
 2 files changed, 72 insertions(+)
 create mode 100644 resources/js/components/comunes/Burger.vue
 create mode 100644 resources/js/components/pedidos/Buscador.vue

diff --git a/resources/js/components/comunes/Burger.vue b/resources/js/components/comunes/Burger.vue
new file mode 100644
index 0000000..bea3367
--- /dev/null
+++ b/resources/js/components/comunes/Burger.vue
@@ -0,0 +1,30 @@
+<script>
+import { mapMutations, mapState } from "vuex";
+
+export default {
+    name: "Burger",
+    computed: {
+        ...mapState('ui', ["burger_activa"])
+    },
+    methods: {
+        ...mapMutations('ui', ["toggleBurger"]),
+    }
+}
+</script>
+
+<template>
+    <a role="button"
+       class="navbar-burger"
+       :class="{'is-active': burger_activa}"
+       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>
+    </a>
+</template>
+
+<style scoped>
+</style>
diff --git a/resources/js/components/pedidos/Buscador.vue b/resources/js/components/pedidos/Buscador.vue
new file mode 100644
index 0000000..739674f
--- /dev/null
+++ b/resources/js/components/pedidos/Buscador.vue
@@ -0,0 +1,42 @@
+<script>
+import { mapActions, mapMutations } from "vuex";
+
+export default {
+    name: "Buscador",
+    methods: {
+        ...mapActions('productos', ["filtrarProductos"]),
+        ...mapMutations('ui', ["addMiga", "popUltimaBusqueda", "toggleBurger"]),
+        buscar() {
+            if (this.burger_activa)
+                this.toggleBurger();
+            this.filtrarProductos({ filtro: "nombre", valor: this.searchString });
+            this.popUltimaBusqueda();
+            this.addMiga({ nombre: this.searchString });
+        }
+    },
+    data() {
+        return {
+            searchString: "",
+        }
+    },
+}
+</script>
+
+<template>
+    <div class="navbar-item field has-addons mt-1 mr-3 mb-1">
+        <a class="button is-small has-text-dark-grey" @click.capture="buscar">
+                        <span class="icon">
+                          <i class="fas fa-search"></i>
+                        </span>
+        </a>
+        <input class="input is-small"
+               type="text"
+               placeholder="Harina"
+               v-model="searchString"
+               @keyup.enter="buscar">
+    </div>
+</template>
+
+<style scoped>
+
+</style>