import { insertAt } from '@/utils/array';
import { get, clone } from '@/utils/object';

export default {
  _availableActions() {
    const out = this._standardActions;

    insertAt(out, 2, {
      action:     'deactivate',
      label:      'Deactivate',
      icon:       'icon icon-copy',
      enabled:    true,
      bulkable:   true,
      bulkAction: 'deactivateBulk',

    });

    return out;
  },

  deactivate() {
    return async() => {
      console.log('Deactivate user ', this.name); // eslint-disable-line no-console
      const url = get(this, 'links.self');

      const data = clone(this);

      data.enabled = false;
      try {
        await this.$dispatch('cluster/request', {
          url, data, method: 'PUT'
        }, { root: true });
      } catch (err) {
        this.$dispatch('growl/fromError', { title: 'Error deactivating user', err }, { root: true });
      }
    };
  },
  deactivateBulk() {
    return (items) => {
      items.forEach((item) => {
        this.deactivate(item);
      });
    };
  },

  state() {
    if ( this.enabled ) {
      return 'active';
    }

    return 'inactive';
  }
};