1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
|
/*global Bloodhound */
define(
['page/events', 'features'],
function (events, features) {
function withMailTagging () {
this.updateTags = function(mail, tags) {
this.trigger(document, events.mail.tags.update, {ident: mail.ident, tags: tags});
};
this.attachTagCompletion = function() {
if(!features.isEnabled('tags')) {
return;
}
this.tagCompleter = new Bloodhound({
datumTokenizer: function(d) { return [d.value]; },
queryTokenizer: function(q) { return [q.trim()]; },
remote: {
url: '/tags?q=%QUERY',
filter: function(pr) { return _.map(pr, function(pp) { return {value: pp.name}; }); }
}
});
this.tagCompleter.initialize();
this.select('newTagInput').typeahead({
hint: true,
highlight: true,
minLength: 1
}, {
source: this.tagCompleter.ttAdapter()
});
};
this.createNewTag = function() {
if(features.isEnabled('createNewTag')) {
var tagsCopy = this.attr.mail.tags.slice();
tagsCopy.push(this.select('newTagInput').val());
this.tagCompleter.clear();
this.tagCompleter.clearPrefetchCache();
this.tagCompleter.clearRemoteCache();
this.updateTags(this.attr.mail, _.uniq(tagsCopy));
this.trigger(document, events.dispatchers.tags.refreshTagList);
}
};
this.after('displayMail', function () {
this.on(this.select('newTagInput'), 'typeahead:selected typeahead:autocompleted', this.createNewTag);
});
};
return withMailTagging;
}
);
|