From 4b2ed9f90ea8cd79a2bce3653d0c1131264f323c Mon Sep 17 00:00:00 2001
From: ale <ale.tasistro@gmail.com>
Date: Sat, 21 Dec 2024 13:20:34 -0300
Subject: [PATCH] Generalizacion de tab-secciones

---
 resources/js/components/admin/Body.vue        |  5 ++++-
 .../js/components/admin/TabsSecciones.vue     | 20 +++++--------------
 2 files changed, 9 insertions(+), 16 deletions(-)

diff --git a/resources/js/components/admin/Body.vue b/resources/js/components/admin/Body.vue
index 5010fa6..32419ec 100644
--- a/resources/js/components/admin/Body.vue
+++ b/resources/js/components/admin/Body.vue
@@ -1,6 +1,6 @@
 <template>
     <div class="block ml-3 mr-3 is-max-widescreen is-max-desktop">
-        <admin-tabs-secciones></admin-tabs-secciones>
+        <admin-tabs-secciones :tabs="tabs" :tabInicial="tabActiva"></admin-tabs-secciones>
         <div class="block" id="pedidos-seccion"
             :class="seccionActiva === 'pedidos-seccion' ? 'is-active' : 'is-hidden'">
             <div class="block pb-6" id="pedidos-tabla-y-dropdown" v-show="hayPedidos">
@@ -52,6 +52,9 @@ export default {
             pedidos: [],
             bonosDeTransporte: 0,
             totalBonosBarriales: 0,
+            tabs: [{ id: "pedidos", nombre: "Pedidos" },
+                   { id: "bonos", nombre: "Bonos" },
+                   { id: "caracteristicas", nombre: "Caracteristicas opcionales" }],
             tabActiva: "pedidos",
             seccionActiva: "pedidos-seccion",
         }
diff --git a/resources/js/components/admin/TabsSecciones.vue b/resources/js/components/admin/TabsSecciones.vue
index 0444b08..7a2f88a 100644
--- a/resources/js/components/admin/TabsSecciones.vue
+++ b/resources/js/components/admin/TabsSecciones.vue
@@ -19,23 +19,13 @@
 
 <script>
 export default {
+    props: {
+      tabs: Array,
+      tabInicial: String,
+    },
     data() {
         return {
-            tabActiva: "pedidos",
-            tabs: [
-                {
-                    id: "pedidos",
-                    nombre: "Pedidos"
-                },
-                {
-                    id: "bonos",
-                    nombre: "Bonos"
-                },
-                {
-                    id: "caracteristicas",
-                    nombre: "Caracteristicas opcionales"
-                }
-            ]
+            tabActiva: this.tabInicial,
         }
     },
     methods: {