04a63cfaaa
This commit also: - removes [+ New Topic] behaviour from share, this feature has been duplicated in composer actions, months ago - introduces our new experimental spacing standard for css: eg: `s(2)` - introduces a new panel UI for modals
55 lines
1.5 KiB
JavaScript
55 lines
1.5 KiB
JavaScript
import {
|
|
on,
|
|
observes,
|
|
default as computed
|
|
} from "ember-addons/ember-computed-decorators";
|
|
import { findRawTemplate } from "discourse/lib/raw-templates";
|
|
|
|
export default Ember.Component.extend({
|
|
@computed("placeholderKey")
|
|
placeholder(placeholderKey) {
|
|
return placeholderKey ? I18n.t(placeholderKey) : "";
|
|
},
|
|
|
|
@observes("groupNames")
|
|
_update() {
|
|
if (this.get("canReceiveUpdates") === "true")
|
|
this._initializeAutocomplete({ updateData: true });
|
|
},
|
|
|
|
@on("didInsertElement")
|
|
_initializeAutocomplete(opts) {
|
|
let selectedGroups;
|
|
let groupNames = this.get("groupNames");
|
|
|
|
this.$("input").autocomplete({
|
|
allowAny: false,
|
|
items: _.isArray(groupNames)
|
|
? groupNames
|
|
: Ember.isEmpty(groupNames)
|
|
? []
|
|
: [groupNames],
|
|
single: this.get("single"),
|
|
fullWidthWrap: this.get("fullWidthWrap"),
|
|
updateData: opts && opts.updateData ? opts.updateData : false,
|
|
onChangeItems: items => {
|
|
selectedGroups = items;
|
|
this.set("groupNames", items.join(","));
|
|
},
|
|
transformComplete: g => {
|
|
return g.name;
|
|
},
|
|
dataSource: term => {
|
|
return this.get("groupFinder")(term).then(groups => {
|
|
if (!selectedGroups) return groups;
|
|
|
|
return groups.filter(group => {
|
|
return !selectedGroups.any(s => s === group.name);
|
|
});
|
|
});
|
|
},
|
|
template: findRawTemplate("group-selector-autocomplete")
|
|
});
|
|
}
|
|
});
|