2017-01-12 04:27:41 +00:00
|
|
|
/* eslint-disable func-names, space-before-function-paren, no-var, prefer-rest-params, wrap-iife, one-var, vars-on-top, one-var-declaration-per-line, comma-dangle, object-shorthand, no-else-return, prefer-template, quotes, prefer-arrow-callback, no-param-reassign, no-cond-assign, max-len */
|
2017-05-19 21:22:46 +00:00
|
|
|
import Api from './api';
|
2016-12-14 05:26:26 +00:00
|
|
|
|
2017-10-26 11:03:44 +00:00
|
|
|
export default class NamespaceSelect {
|
|
|
|
constructor(opts) {
|
|
|
|
var fieldName, showAny;
|
|
|
|
this.dropdown = $(opts.dropdown);
|
|
|
|
showAny = true;
|
|
|
|
fieldName = 'namespace_id';
|
|
|
|
if (this.dropdown.attr('data-field-name')) {
|
|
|
|
fieldName = this.dropdown.data('fieldName');
|
2016-07-24 20:45:11 +00:00
|
|
|
}
|
2017-10-26 11:03:44 +00:00
|
|
|
if (this.dropdown.attr('data-show-any')) {
|
|
|
|
showAny = this.dropdown.data('showAny');
|
2016-07-24 20:45:11 +00:00
|
|
|
}
|
2017-10-26 11:03:44 +00:00
|
|
|
this.dropdown.glDropdown({
|
|
|
|
filterable: true,
|
|
|
|
selectable: true,
|
|
|
|
filterRemote: true,
|
|
|
|
search: {
|
|
|
|
fields: ['path']
|
|
|
|
},
|
|
|
|
fieldName: fieldName,
|
|
|
|
toggleLabel: function(selected) {
|
|
|
|
if (selected.id == null) {
|
|
|
|
return selected.text;
|
|
|
|
} else {
|
|
|
|
return selected.kind + ": " + selected.full_path;
|
|
|
|
}
|
|
|
|
},
|
|
|
|
data: function(term, dataCallback) {
|
|
|
|
return Api.namespaces(term, function(namespaces) {
|
|
|
|
var anyNamespace;
|
|
|
|
if (showAny) {
|
|
|
|
anyNamespace = {
|
|
|
|
text: 'Any namespace',
|
|
|
|
id: null
|
|
|
|
};
|
|
|
|
namespaces.unshift(anyNamespace);
|
|
|
|
namespaces.splice(1, 0, 'divider');
|
|
|
|
}
|
|
|
|
return dataCallback(namespaces);
|
|
|
|
});
|
|
|
|
},
|
|
|
|
text: function(namespace) {
|
|
|
|
if (namespace.id == null) {
|
|
|
|
return namespace.text;
|
|
|
|
} else {
|
|
|
|
return namespace.kind + ": " + namespace.full_path;
|
|
|
|
}
|
|
|
|
},
|
|
|
|
renderRow: this.renderRow,
|
2017-10-26 11:04:42 +00:00
|
|
|
clicked(options) {
|
|
|
|
const { e } = options;
|
|
|
|
return e.preventDefault();
|
|
|
|
},
|
2017-10-26 11:03:44 +00:00
|
|
|
});
|
|
|
|
}
|
|
|
|
}
|