From bb27698e80459bb28d80f4dc69a55b2aea9212a4 Mon Sep 17 00:00:00 2001
From: ale <ale.tasistro@gmail.com>
Date: Fri, 20 Jun 2025 01:05:29 -0300
Subject: [PATCH] Contenidos de NavBar

---
 resources/js/components/admin/AdminNavBar.vue | 28 +++++++++++++++
 .../comisiones/ComisionesNavBar.vue           | 34 ++++++++++++++++++
 resources/js/components/ollas/OllasNavBar.vue | 36 +++++++++++++++++++
 .../js/components/pedidos/PedidosNavBar.vue   | 34 ++++++++++++++++++
 4 files changed, 132 insertions(+)
 create mode 100644 resources/js/components/admin/AdminNavBar.vue
 create mode 100644 resources/js/components/comisiones/ComisionesNavBar.vue
 create mode 100644 resources/js/components/ollas/OllasNavBar.vue
 create mode 100644 resources/js/components/pedidos/PedidosNavBar.vue

diff --git a/resources/js/components/admin/AdminNavBar.vue b/resources/js/components/admin/AdminNavBar.vue
new file mode 100644
index 0000000..10754fa
--- /dev/null
+++ b/resources/js/components/admin/AdminNavBar.vue
@@ -0,0 +1,28 @@
+<script>
+import { mapGetters, mapMutations, mapState } from "vuex";
+import Burger from "../comunes/Burger.vue";
+
+export default {
+    name: "AdminNavBar",
+    components: { Burger },
+    computed: {
+        ...mapState('ui', ["burger_activa"]),
+        ...mapGetters('admin', ["barrio"])
+    },
+    methods: {
+        ...mapMutations('ui', ["toggleBurger"]),
+    },
+}
+</script>
+
+<template>
+    <div class="navbar-item hide-below-1024">
+        <p>
+            {{`Barrio: ${barrio}`}}
+        </p>
+        <burger/>
+    </div>
+</template>
+
+<style scoped>
+</style>
diff --git a/resources/js/components/comisiones/ComisionesNavBar.vue b/resources/js/components/comisiones/ComisionesNavBar.vue
new file mode 100644
index 0000000..0659967
--- /dev/null
+++ b/resources/js/components/comisiones/ComisionesNavBar.vue
@@ -0,0 +1,34 @@
+<script>
+import { mapMutations, mapState } from "vuex";
+import Burger from "../comunes/Burger.vue";
+
+export default {
+    name: "ComisionesNavBar",
+    components: { Burger },
+    computed: {
+        ...mapState('ui', ["burger_activa"])
+    },
+    methods: {
+        ...mapMutations('ui', ["toggleBurger"]),
+    },
+    data() {
+        return {
+            nombre: '',
+        }
+    },
+    async mounted() {
+        const response = await axios.get('/user');
+        this.nombre = response.data.user;
+    }
+}
+</script>
+
+<template>
+    <div class="navbar-item hide-below-1024">
+        <p>{{ nombre }}</p>
+        <burger/>
+    </div>
+</template>
+
+<style scoped>
+</style>
diff --git a/resources/js/components/ollas/OllasNavBar.vue b/resources/js/components/ollas/OllasNavBar.vue
new file mode 100644
index 0000000..5ccb8c9
--- /dev/null
+++ b/resources/js/components/ollas/OllasNavBar.vue
@@ -0,0 +1,36 @@
+<script>
+import { mapGetters, mapMutations, mapState } from "vuex";
+import Burger from "../comunes/Burger.vue";
+import ChismosaDropdown from "../pedidos/ChismosaDropdown.vue";
+
+export default {
+    name: "OllasNavBar",
+    components: { Burger, ChismosaDropdown },
+    computed: {
+        ...mapGetters('pedido', ["pedidoDefinido"]),
+        ...mapState('pedido', ["nombre", "grupo_de_compra"]),
+        ...mapState('ui', ["burger_activa"])
+    },
+    methods: {
+        ...mapMutations('ui', ["toggleBurger"]),
+    }
+}
+</script>
+
+<template>
+    <div>
+        <div class="navbar-item hide-below-1024">
+            <p v-if="pedidoDefinido">{{ nombre }}</p>
+            <p v-else>{{ grupo_de_compra.nombre }}</p>
+        </div>
+        <chismosa-dropdown
+            v-if="pedidoDefinido"
+            class="hide-above-1023"
+            ariaControls="mobile"/>
+        <burger/>
+    </div>
+</template>
+
+<style scoped>
+
+</style>
diff --git a/resources/js/components/pedidos/PedidosNavBar.vue b/resources/js/components/pedidos/PedidosNavBar.vue
new file mode 100644
index 0000000..1424d52
--- /dev/null
+++ b/resources/js/components/pedidos/PedidosNavBar.vue
@@ -0,0 +1,34 @@
+<script>
+import { mapGetters, mapMutations, mapState } from "vuex";
+import ChismosaDropdown from "./ChismosaDropdown.vue";
+import Burger from "../comunes/Burger.vue";
+
+export default {
+    name: "PedidosNavBar",
+    components: { Burger, ChismosaDropdown },
+    computed: {
+        ...mapGetters('pedido', ["pedidoDefinido"]),
+        ...mapState('pedido', ["nombre", "grupo_de_compra"]),
+        ...mapState('ui', ["burger_activa"])
+    },
+    methods: {
+        ...mapMutations('ui', ["toggleBurger"]),
+    }
+}
+</script>
+
+<template>
+    <div class="navbar-item hide-below-1024">
+        <p v-if="pedidoDefinido">
+            {{ `Barrio: ${grupo_de_compra.nombre} - Núcleo: ${nombre}` }}
+        </p>
+        <chismosa-dropdown
+            v-if="pedidoDefinido"
+            class="hide-above-1023"
+            ariaControls="mobile"/>
+        <burger/>
+    </div>
+</template>
+
+<style scoped>
+</style>