pcpuma_unam_operador/components/operador/BotonDesactivar.vue

<template>
  <b-field>
    <b-button
      :type="data.activo ? 'is-success' : 'is-danger'"
      @click="
        imprimirWarning(
          mensajeWarning,
          llamarCambiarStatus
        )
      "
    >
      {{ data.activo ? 'Activo' : 'Inactivo' }}
    </b-button>
  </b-field>
</template>

<script>
export default {
  props: {
    admin: { type: Object, required: true },
    data: { type: Object, required: true },
    cambiarStatus: { type: Function, required: true },
    imprimirWarning: { type: Function, require: true },
  },
  deta() {
    return {
      mensajeWarning:''
    }
  },
  methods: {
    //Al tener un componente global, la data hace referencia ya sea al módulo, carrito o equipo"
    llamarCambiarStatus() {
      if (this.data.activo) this.cambiarStatus(this.data, false)
      else this.cambiarStatus(this.data, true)
    },
  },
  created(){
    this.data.activo === true ? this.mensajeWarning = "¿Estás segur@ de querer desactivar a este operador?" : this.mensajeWarning = "¿Estás segur@ de querer activar a este operador?"
  }
}
</script>