101 lines
2.9 KiB
JavaScript
101 lines
2.9 KiB
JavaScript
import { observes } from 'ember-addons/ember-computed-decorators';
|
|
import TextField from 'discourse/components/text-field';
|
|
import userSearch from 'discourse/lib/user-search';
|
|
import { findRawTemplate } from 'discourse/lib/raw-templates';
|
|
|
|
export default TextField.extend({
|
|
@observes('usernames')
|
|
_update() {
|
|
if (this.get('canReceiveUpdates') === 'true')
|
|
this.didInsertElement({updateData: true});
|
|
},
|
|
|
|
didInsertElement(opts) {
|
|
this._super();
|
|
var self = this,
|
|
selected = [],
|
|
groups = [],
|
|
currentUser = this.currentUser,
|
|
includeMentionableGroups = this.get('includeMentionableGroups') === 'true',
|
|
includeGroups = this.get('includeGroups') === 'true',
|
|
allowedUsers = this.get('allowedUsers') === 'true';
|
|
|
|
function excludedUsernames() {
|
|
// hack works around some issues with allowAny eventing
|
|
const usernames = self.get('single') ? [] : selected;
|
|
|
|
if (currentUser && self.get('excludeCurrentUser')) {
|
|
return usernames.concat([currentUser.get('username')]);
|
|
}
|
|
return usernames;
|
|
}
|
|
|
|
this.$().val(this.get('usernames')).autocomplete({
|
|
template: findRawTemplate('user-selector-autocomplete'),
|
|
disabled: this.get('disabled'),
|
|
single: this.get('single'),
|
|
allowAny: this.get('allowAny'),
|
|
updateData: (opts && opts.updateData) ? opts.updateData : false,
|
|
|
|
dataSource: function(term) {
|
|
var results = userSearch({
|
|
term: term.replace(/[^a-zA-Z0-9_\-\.]/, ''),
|
|
topicId: self.get('topicId'),
|
|
exclude: excludedUsernames(),
|
|
includeGroups,
|
|
allowedUsers,
|
|
includeMentionableGroups
|
|
});
|
|
|
|
return results;
|
|
},
|
|
|
|
transformComplete: function(v) {
|
|
if (v.username || v.name) {
|
|
if (!v.username) { groups.push(v.name); }
|
|
return v.username || v.name;
|
|
} else {
|
|
var excludes = excludedUsernames();
|
|
return v.usernames.filter(function(item){
|
|
return excludes.indexOf(item) === -1;
|
|
});
|
|
}
|
|
},
|
|
|
|
onChangeItems: function(items) {
|
|
var hasGroups = false;
|
|
items = items.map(function(i) {
|
|
if (groups.indexOf(i) > -1) { hasGroups = true; }
|
|
return i.username ? i.username : i;
|
|
});
|
|
self.set('usernames', items.join(","));
|
|
self.set('hasGroups', hasGroups);
|
|
|
|
selected = items;
|
|
if (self.get('onChangeCallback')) self.sendAction('onChangeCallback');
|
|
},
|
|
|
|
reverseTransform: function(i) {
|
|
return { username: i };
|
|
}
|
|
|
|
});
|
|
},
|
|
|
|
willDestroyElement() {
|
|
this._super();
|
|
this.$().autocomplete('destroy');
|
|
},
|
|
|
|
// THIS IS A HUGE HACK TO SUPPORT CLEARING THE INPUT
|
|
@observes('usernames')
|
|
_clearInput: function() {
|
|
if (arguments.length > 1) {
|
|
if (Em.isEmpty(this.get("usernames"))) {
|
|
this.$().parent().find("a").click();
|
|
}
|
|
}
|
|
}
|
|
|
|
});
|