54 lines
1.3 KiB
JavaScript
54 lines
1.3 KiB
JavaScript
import Component from "@ember/component";
|
|
import discourseComputed, {
|
|
on,
|
|
observes
|
|
} from "discourse-common/utils/decorators";
|
|
import { findRawTemplate } from "discourse/lib/raw-templates";
|
|
const { makeArray } = Ember;
|
|
|
|
export default Component.extend({
|
|
@discourseComputed("placeholderKey")
|
|
placeholder(placeholderKey) {
|
|
return placeholderKey ? I18n.t(placeholderKey) : "";
|
|
},
|
|
|
|
@observes("badgeNames")
|
|
_update() {
|
|
if (this.canReceiveUpdates === "true") {
|
|
this._initializeAutocomplete({ updateData: true });
|
|
}
|
|
},
|
|
|
|
@on("didInsertElement")
|
|
_initializeAutocomplete(opts) {
|
|
let selectedBadges;
|
|
|
|
$(this.element.querySelector("input")).autocomplete({
|
|
allowAny: false,
|
|
items: makeArray(this.badgeNames),
|
|
single: this.single,
|
|
updateData: opts && opts.updateData ? opts.updateData : false,
|
|
template: findRawTemplate("badge-selector-autocomplete"),
|
|
|
|
onChangeItems(items) {
|
|
selectedBadges = items;
|
|
this.set("badgeNames", items.join(","));
|
|
},
|
|
|
|
transformComplete(g) {
|
|
return g.name;
|
|
},
|
|
|
|
dataSource(term) {
|
|
return this.badgeFinder(term).then(badges => {
|
|
if (!selectedBadges) return badges;
|
|
|
|
return badges.filter(
|
|
badge => !selectedBadges.any(s => s === badge.name)
|
|
);
|
|
});
|
|
}
|
|
});
|
|
}
|
|
});
|