73 lines
2.6 KiB
JavaScript
73 lines
2.6 KiB
JavaScript
/* eslint-disable func-names, space-before-function-paren, no-var, wrap-iife, one-var, camelcase, one-var-declaration-per-line, quotes, object-shorthand, prefer-arrow-callback, comma-dangle, consistent-return, yoda, prefer-rest-params, prefer-spread, no-unused-vars, prefer-template, padded-blocks, max-len */
|
|
/* global Api */
|
|
|
|
(function() {
|
|
var slice = [].slice;
|
|
|
|
this.GroupsSelect = (function() {
|
|
function GroupsSelect() {
|
|
$('.ajax-groups-select').each((function(_this) {
|
|
return function(i, select) {
|
|
var all_available, skip_groups;
|
|
all_available = $(select).data('all-available');
|
|
skip_groups = $(select).data('skip-groups') || [];
|
|
return $(select).select2({
|
|
placeholder: "Search for a group",
|
|
multiple: $(select).hasClass('multiselect'),
|
|
minimumInputLength: 0,
|
|
query: function(query) {
|
|
var options = { all_available: all_available, skip_groups: skip_groups };
|
|
return Api.groups(query.term, options, function(groups) {
|
|
var data;
|
|
data = {
|
|
results: groups
|
|
};
|
|
return query.callback(data);
|
|
});
|
|
},
|
|
initSelection: function(element, callback) {
|
|
var id;
|
|
id = $(element).val();
|
|
if (id !== "") {
|
|
return Api.group(id, callback);
|
|
}
|
|
},
|
|
formatResult: function() {
|
|
var args;
|
|
args = 1 <= arguments.length ? slice.call(arguments, 0) : [];
|
|
return _this.formatResult.apply(_this, args);
|
|
},
|
|
formatSelection: function() {
|
|
var args;
|
|
args = 1 <= arguments.length ? slice.call(arguments, 0) : [];
|
|
return _this.formatSelection.apply(_this, args);
|
|
},
|
|
dropdownCssClass: "ajax-groups-dropdown",
|
|
// we do not want to escape markup since we are displaying html in results
|
|
escapeMarkup: function(m) {
|
|
return m;
|
|
}
|
|
});
|
|
};
|
|
})(this));
|
|
}
|
|
|
|
GroupsSelect.prototype.formatResult = function(group) {
|
|
var avatar;
|
|
if (group.avatar_url) {
|
|
avatar = group.avatar_url;
|
|
} else {
|
|
avatar = gon.default_avatar_url;
|
|
}
|
|
return "<div class='group-result'> <div class='group-name'>" + group.name + "</div> <div class='group-path'>" + group.path + "</div> </div>";
|
|
};
|
|
|
|
GroupsSelect.prototype.formatSelection = function(group) {
|
|
return group.name;
|
|
};
|
|
|
|
return GroupsSelect;
|
|
|
|
})();
|
|
|
|
}).call(this);
|