/* global $, Vue, usrData, alerts */

// Vue Delete User instance

let vueDeleteUser = new Vue({
  el: '#modal-admin-users-delete',
  data: {
    loading: false
  },
  methods: {
    open: (ev) => {
      $('#modal-admin-users-delete').addClass('is-active')
    },
    cancel: (ev) => {
      $('#modal-admin-users-delete').removeClass('is-active')
    },
    deleteUser: (ev) => {
      vueDeleteUser.loading = true
      $.ajax('/admin/users/' + usrData._id, {
        dataType: 'json',
        method: 'DELETE'
      }).then((rData, rStatus, rXHR) => {
        vueDeleteUser.loading = false
        vueDeleteUser.cancel()
        window.location.assign('/admin/users')
      }, (rXHR, rStatus, err) => {
        vueDeleteUser.loading = false
        alerts.pushError('Error', rXHR.responseJSON.msg)
      })
    }
  }
})

$('.btn-deluser-prompt').on('click', vueDeleteUser.open)