pcpuma_unam_operador/components/botones/BotonDesactivar.vue

<template>
  <b-field :label="labelDisabled ? 'Status' : ''">
    <b-button
      :disabled="disabled"
      :type="row.activo || row.mostrar ? 'is-success' : 'is-danger'"
      @click="
        $alertsGenericos.imprimirWarning(
          $buefy,
          msjWarning,
          llamarActivarDesactivar
        )
      "
      expanded
    >
      {{ row.activo || row.mostrar ? 'Activo' : 'Inactivo' }}
    </b-button>
  </b-field>
</template>

<script>
export default {
  props: {
    disabled: { type: Boolean, required: false, default: false },
    labelDisabled: { type: Boolean, required: false, default: false },
    activarDesactivar: { type: Function, required: true, default: () => {} },
    row: { type: Object, required: true, default: () => ({}) },
    msjWarning: { type: String, required: true, default: '' },
  },
  methods: {
    llamarActivarDesactivar() {
      this.activarDesactivar(this.row)
    },
  },
}
</script>