bitbake: toastergui: libtoaster typeahead Add in results highlighter

Add a highlighter for the results in the typeahead, this highlights the
part of the results which is currently being matched. This is a modified
version of the bootstrap stock function with added escaping and the
addition of the details information.

(Bitbake rev: 3a6bad55a84d8d374a23f488ce42fed9b927c4f2)

Signed-off-by: Michael Wood <michael.g.wood@intel.com>
Signed-off-by: Ed Bartosh <ed.bartosh@linux.intel.com>
Signed-off-by: Richard Purdie <richard.purdie@linuxfoundation.org>
This commit is contained in:
Michael Wood 2015-08-04 22:46:40 +03:00 committed by Richard Purdie
parent aad380028f
commit e616c201a5
1 changed files with 8 additions and 4 deletions

View File

@ -56,10 +56,14 @@ var libtoaster = (function (){
return 1;
},
highlighter: function (item) {
if (item.hasOwnProperty('detail'))
/* Use jquery to escape the value as text into a span */
return $('<span></span>').text(item.name+' '+item.detail).get(0);
return $('<span></span>').text(item.name).get(0);
/* Use jquery to escape the item name and detail */
var current = $("<span></span>").text(item.name + ' '+item.detail);
current = current.html();
var query = this.query.replace(/[\-\[\]{}()*+?.,\\\^$|#\s]/g, '\\$&')
return current.replace(new RegExp('(' + query + ')', 'ig'), function ($1, match) {
return '<strong>' + match + '</strong>'
})
},
sorter: function (items) { return items; },
xhrUrl: xhrUrl,