Contenidos de NavBar

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>

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>

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>

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>