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
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
|
/*
* Copyright (c) 2014 ThoughtWorks, Inc.
*
* Pixelated is free software: you can redistribute it and/or modify
* it under the terms of the GNU Affero General Public License as published by
* the Free Software Foundation, either version 3 of the License, or
* (at your option) any later version.
*
* Pixelated is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU Affero General Public License for more details.
*
* You should have received a copy of the GNU Affero General Public License
* along with Pixelated. If not, see <http://www.gnu.org/licenses/>.
*/
/*global Pixelated */
/*global _ */
define(
[
'flight/lib/component',
'page/events'
], function (defineComponent, events) {
'use strict';
return defineComponent(resultsHighlighter);
function resultsHighlighter(){
this.defaultAttrs({
keywords: []
});
this.getKeywordsSearch = function (event, data) {
this.attr.keywords = data.query.split(' ').map(function(keyword) {
return keyword.toLowerCase();
});
};
this.highlightResults = function (event, data) {
var domIdent = data.where;
if(this.attr.keywords) {
_.each(this.attr.keywords, function (keyword) {
$(domIdent).highlightRegex(new RegExp(keyword, 'i'), {
tagType: 'em',
className: 'search-highlight'
});
});
}
};
this.clearHighlights = function (event, data) {
this.attr.keywords = [];
_.each($('em.search-highlight'), function(highlighted) {
var jqueryHighlighted = $(highlighted);
var text = jqueryHighlighted.text();
jqueryHighlighted.replaceWith(text);
});
};
this.after('initialize', function () {
this.on(document, events.search.perform, this.getKeywordsSearch);
this.on(document, events.ui.tag.select, this.clearHighlights);
this.on(document, events.search.highlightResults, this.highlightResults);
});
}
});
|