mirror of
https://github.com/discourse/discourse.git
synced 2025-09-06 10:50:21 +08:00
ac3f1ba3d6
Allows for a quick and easy group membership management on the user-administration page. Uses the select2 UI component to autosuggest other groups, remove existing ones and lock in automatic groups.
39 lines
No EOL
1.2 KiB
JavaScript
39 lines
No EOL
1.2 KiB
JavaScript
export default Ember.Component.extend({
|
|
tagName: 'div',
|
|
|
|
didInsertElement: function(){
|
|
this.$("input").select2({
|
|
multiple: true,
|
|
width: '100%',
|
|
query: function(opts){
|
|
opts.callback({
|
|
results: this.get("available").map(this._format)
|
|
});
|
|
}.bind(this)
|
|
}).on("change", function(evt) {
|
|
if (evt.added){
|
|
this.triggerAction({action: "groupAdded",
|
|
actionContext: this.get("available"
|
|
).findBy("id", evt.added.id)});
|
|
} else if (evt.removed) {
|
|
this.triggerAction({action:"groupRemoved",
|
|
actionContext: this.get("selected"
|
|
).findBy("id", evt.removed.id)});
|
|
}
|
|
}.bind(this));
|
|
|
|
Discourse.Group.findAll().then(function(groups){
|
|
this.set("available", groups.filterBy("automatic", false));
|
|
}.bind(this));
|
|
|
|
this.refreshOnReset();
|
|
},
|
|
|
|
_format: function(item){
|
|
return {"text": item.name, "id": item.id, "locked": item.automatic};
|
|
},
|
|
|
|
refreshOnReset: function() {
|
|
this.$("input").select2("data", this.get("selected").map(this._format));
|
|
}.observes("selected")
|
|
}); |
