github-mirror/discourse
2
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2025-06-04 08:36:05 +08:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

UX: confirmation before changing group membership in admin (#6426)

Browse Source
This commit is contained in:
Kyle Zhao
2018-10-02 12:34:08 +08:00
committed by Guo Xiang Tan
parent ab448ca8f3
commit d9bea66365
3 changed files with 79 additions and 55 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
app/assets/javascripts/select-kit/components/admin-group-selector.js.es6
View File

@ -1,4 +1,5 @@
import MultiSelectComponent from "select-kit/components/multi-select";
import computed from "ember-addons/ember-computed-decorators";
const { makeArray } = Ember;
export default MultiSelectComponent.extend({
@ -7,11 +8,13 @@ export default MultiSelectComponent.extend({
selected: null,
available: null,
allowAny: false,
buffer: null,
computeValues() {
return makeArray(this.get("selected")).map(s =>
this.valueForContentItem(s)
);
@computed("buffer")
values(buffer) {
return buffer === null
? makeArray(this.get("selected")).map(s => this.valueForContentItem(s))
: buffer;
},
computeContent() {
@ -25,33 +28,6 @@ export default MultiSelectComponent.extend({
},
mutateValues(values) {
if (values.length > this.get("selected").length) {
const newValues = values.filter(
v =>
!this.get("selected")
.map(s => this.valueForContentItem(s))
.includes(v)
);
newValues.forEach(value => {
const actionContext = this.get("available").findBy(
this.get("valueAttribute"),
parseInt(value, 10)
);
this.triggerAction({ action: "groupAdded", actionContext });
});
} else if (values.length < this.get("selected").length) {
const selected = this.get("selected").filter(
s => !values.includes(this.valueForContentItem(s))
);
selected.forEach(s => {
this.triggerAction({
action: "groupRemoved",
actionContext: this.valueForContentItem(s)
});
});
}
this.set("buffer", values);
}
});