import Modal from '../../components/common/modals';
import Template from './templates/global-permissions-users.hbs';
import '../../components/common/select-list';

function getSearchUrl (permission, project) {
  var url = baseUrl + '/api/permissions/users?ps=100&permission=' + permission;
  if (project) {
    url = url + '&projectId=' + project;
  }
  return url;
}

function getExtra (permission, project) {
  var extra = { permission: permission };
  if (project) {
    extra.projectId = project;
  }
  return extra;
}

export default Modal.extend({
  template: Template,

  onRender: function () {
    this._super();
    new window.SelectList({
      el: this.$('#global-permissions-users'),
      width: '100%',
      readOnly: false,
      focusSearch: false,
      format: function (item) {
        return item.name + '<br><span class="note">' + item.login + '</span>';
      },
      queryParam: 'q',
      searchUrl: getSearchUrl(this.options.permission, this.options.project),
      selectUrl: baseUrl + '/api/permissions/add_user',
      deselectUrl: baseUrl + '/api/permissions/remove_user',
      extra: getExtra(this.options.permission, this.options.project),
      selectParameter: 'login',
      selectParameterValue: 'login',
      parse: function (r) {
        this.more = false;
        return r.users;
      }
    });
  },

  onDestroy: function () {
    this.options.refresh();
    this._super();
  }
});