status del modulo

components/admin/AdminModulo.vue

@@ -2,13 +2,6 @@
   <div class="column is-4">
     <h3 class="is-size-4 mb-4">Administrador</h3>
 
-    <BotonDesactivar
-      :admin="admin"
-      :data="modulo"
-      tipo="módulo"
-      :cambiarStatus="cambiarStatus"
-    />
-
     <b-field label="Cambiar nombre del módulo" v-if="modulo.id_modulo">
       <b-input
         icon="list-status"
@@ -40,10 +33,8 @@
 
 <script>
 import axios from 'axios'
-import BotonDesactivar from '@/components/operador/BotonDesactivar'
 
 export default {
-  components: { BotonDesactivar },
   props: {
     admin: { type: Object, required: true },
     modulo: { type: Object, required: true },
@@ -66,23 +57,6 @@ export default {
       //   return false
       // return true
     },
-    cambiarStatus(dataSelect, status) {
-      const data = { id_modulo: dataSelect.id_modulo, activo: status }
-      this.updateIsLoading(true)
-
-      axios
-        .put(`${process.env.api}/modulo`, data)
-        .then((res) => {
-          this.buscar()
-          // this.obtenerCatalogoModulo(this.data[0].institucion.id_institucion)
-          this.updateIsLoading(false)
-          this.$alertsGenericos.imprimirMensaje(this.$buefy, res.data.message)
-        })
-        .catch((err) => {
-          this.updateIsLoading(false)
-          this.$alertsGenericos.imprimirError(this.$buefy, err)
-        })
-    },
     updateCarrito() {
       const data = {
         id_modulo: this.modulo.id_modulo,

components/admin/BuscarModulo.vue

@@ -50,7 +50,12 @@
     </div>
 
     <div class="columns">
-      <InfoModulo :modulo="modulo" />
+      <InfoModulo
+        :admin="admin"
+        :modulo="modulo"
+        :updateIsLoading="updateIsLoading"
+        :buscar="buscar"
+      />
 
       <AdminModulo
         :admin="admin"

components/admin/InfoModulo.vue

@@ -8,24 +8,27 @@
       </b-field>
 
       <b-field class="column" label="Status del Módulo">
-        <p
-          class="input"
-          v-for="(sA, i) in statusActivo"
-          :key="i"
-          :class="sA.tagType"
-          v-show="modulo.activo === sA.activo"
-        >
-          {{ sA.texto }}
-        </p>
+        <BotonDesactivar
+          :admin="admin"
+          :data="modulo"
+          tipo="módulo"
+          :cambiarStatus="cambiarStatus"
+        />
       </b-field>
     </div>
   </div>
 </template>
 
 <script>
+import axios from 'axios'
+import BotonDesactivar from '@/components/operador/BotonDesactivar'
 export default {
+  components: { BotonDesactivar },
   props: {
+    admin: { type: Object, required: true },
     modulo: { type: Object, required: true },
+    updateIsLoading: { type: Function, required: true },
+    buscar: { type: Function, required: true },
   },
   data() {
     return {
@@ -39,6 +42,24 @@ export default {
       ],
     }
   },
+  methods: {
+    cambiarStatus(dataSelect, status) {
+      const data = { id_modulo: dataSelect.id_modulo, activo: status }
+      this.updateIsLoading(true)
+
+      axios
+        .put(`${process.env.api}/modulo`, data)
+        .then((res) => {
+          this.buscar()
+          this.updateIsLoading(false)
+          this.$alertsGenericos.imprimirMensaje(this.$buefy, res.data.message)
+        })
+        .catch((err) => {
+          this.updateIsLoading(false)
+          this.$alertsGenericos.imprimirError(this.$buefy, err)
+        })
+    },
+  },
 }
 </script>