pcpuma_unam_operador/components/botones/BotonUpdatePassword.vue

<template>
  <b-field>
    <b-button
      type="is-link"
      :disabled="!operador.activo"
      @click="
        $alertsGenericos.imprimirWarning(
          $buefy,
          `¿Estas segur@ de querer reenviar la contraseña de este ${campo}?`,
          updatePassword
        )
      "
    >
      Reenviar Contraseña
    </b-button>
  </b-field>
</template>

<script>
import axios from 'axios'

export default {
  props: {
    updateIsLoading: { type: Function, required: true, default: () => {} },
    operador: { type: Object, required: true, default: () => ({}) },
    campo: { type: String, required: true, default: '' },
  },
  methods: {
    updatePassword() {
      const data = {
        id_operador: this.operador.id_operador,
      }

      this.updateIsLoading(true)
      axios
        .put(
          `${process.env.api}/operador/update-password`,
          data,
          this.$getToken.token()
        )
        .then((res) => {
          this.updateIsLoading(false)
          this.$alertsGenericos.imprimirMensaje(this.$buefy, res.data.message)
        })
        .catch((err) => {
          this.updateIsLoading(false)
          this.$alertsGenericos.imprimirError(
            this.$buefy,
            this.$router,
            err.response.data
          )
        })
    },
  },
}
</script>

<style></style>