github-mirror/discourse
2
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2024-12-01 03:23:37 +08:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

tag-chooser input detects when bound tags list has changed

Browse Source
This commit is contained in:
Neil Lalonde 2016-06-06 14:16:06 -04:00
parent fe595f1653
commit a3f1daca5d
1 changed files with 20 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
app/assets/javascripts/discourse/components/tag-chooser.js.es6
View File

@ -18,6 +18,20 @@ export default Ember.TextField.extend({
this.set('tags', tags); this.set('tags', tags);
}.observes('value'), }.observes('value'),
_tagsChanged: function() {
const $tagChooser = this.$(),
val = this.get('value');
if ($tagChooser && val !== this.get('tags')) {
if (this.get('tags')) {
const data = this.get('tags').map((t) => {return {id: t, text: t};});
$tagChooser.select2('data', data);
} else {
$tagChooser.select2('data', []);
}
}
}.observes('tags'),
_initializeTags: function() { _initializeTags: function() {
const site = this.site, const site = this.site,
self = this, self = this,
@ -27,7 +41,7 @@ export default Ember.TextField.extend({
tags: true, tags: true,
placeholder: I18n.t(this.get('placeholderKey') || 'tagging.choose_for_topic'), placeholder: I18n.t(this.get('placeholderKey') || 'tagging.choose_for_topic'),
maximumInputLength: this.siteSettings.max_tag_length, maximumInputLength: this.siteSettings.max_tag_length,
maximumSelectionSize: this.siteSettings.max_tags_per_topic, maximumSelectionSize: self.get('unlimitedTagCount') ? null : this.siteSettings.max_tags_per_topic,
initSelection(element, callback) { initSelection(element, callback) {
const data = []; const data = [];
@ -78,7 +92,11 @@ export default Ember.TextField.extend({
url: Discourse.getURL("/tags/filter/search"), url: Discourse.getURL("/tags/filter/search"),
dataType: 'json', dataType: 'json',
data: function (term) { data: function (term) {
return { q: term, limit: self.siteSettings.max_tag_search_results, filterForInput: true, categoryId: self.get('categoryId') }; const d = { q: term, limit: self.siteSettings.max_tag_search_results, categoryId: self.get('categoryId') };
if (!self.get('everyTag')) {
d.filterForInput = true;
}
return d;
}, },
results: function (data) { results: function (data) {
if (self.siteSettings.tags_sort_alphabetically) { if (self.siteSettings.tags_sort_alphabetically) {