0431942f3d
This new iteration of select-kit focuses on following best principales and disallowing mutations inside select-kit components. A best effort has been made to avoid breaking changes, however if you content was a flat array, eg: ["foo", "bar"] You will need to set valueProperty=null and nameProperty=null on the component. Also almost every component should have an `onChange` handler now to decide what to do with the updated data. **select-kit will not mutate your data by itself anymore**
26 lines
609 B
JavaScript
26 lines
609 B
JavaScript
import { computed } from "@ember/object";
|
|
import Component from "@ember/component";
|
|
|
|
export default Component.extend({
|
|
tokenSeparator: "|",
|
|
|
|
nameProperty: "name",
|
|
valueProperty: "id",
|
|
|
|
groupChoices: computed("site.groups", function() {
|
|
return (this.site.groups || []).map(g => {
|
|
return { name: g.name, id: g.id.toString() };
|
|
});
|
|
}),
|
|
|
|
settingValue: computed("value", function() {
|
|
return (this.value || "").split(this.tokenSeparator).filter(Boolean);
|
|
}),
|
|
|
|
actions: {
|
|
onChangeGroupListSetting(value) {
|
|
this.set("value", value.join(this.tokenSeparator));
|
|
}
|
|
}
|
|
});
|