123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102 |
- //= require ../lib/_lunr
- //= require ../lib/_jquery
- //= require ../lib/_jquery.highlight
- ;(function () {
- 'use strict';
- var content, searchResults;
- var highlightOpts = { element: 'span', className: 'search-highlight' };
- var searchDelay = 0;
- var timeoutHandle = 0;
- var index;
- function populate() {
- index = lunr(function(){
- this.ref('id');
- this.field('title', { boost: 10 });
- this.field('body');
- this.pipeline.add(lunr.trimmer, lunr.stopWordFilter);
- var lunrConfig = this;
- $('h1, h2').each(function() {
- var title = $(this);
- var body = title.nextUntil('h1, h2');
- lunrConfig.add({
- id: title.prop('id'),
- title: title.text(),
- body: body.text()
- });
- });
- });
- determineSearchDelay();
- }
- $(populate);
- $(bind);
- function determineSearchDelay() {
- if (index.tokenSet.toArray().length>5000) {
- searchDelay = 300;
- }
- }
- function bind() {
- content = $('.content');
- searchResults = $('.search-results');
- $('#input-search').on('keyup',function(e) {
- var wait = function() {
- return function(executingFunction, waitTime){
- clearTimeout(timeoutHandle);
- timeoutHandle = setTimeout(executingFunction, waitTime);
- };
- }();
- wait(function(){
- search(e);
- }, searchDelay);
- });
- }
- function search(event) {
- var searchInput = $('#input-search')[0];
- unhighlight();
- searchResults.addClass('visible');
- // ESC clears the field
- if (event.keyCode === 27) searchInput.value = '';
- if (searchInput.value) {
- var results = index.search(searchInput.value).filter(function(r) {
- return r.score > 0.0001;
- });
- if (results.length) {
- searchResults.empty();
- $.each(results, function (index, result) {
- var elem = document.getElementById(result.ref);
- searchResults.append("<li><a href='#" + result.ref + "'>" + $(elem).text() + "</a></li>");
- });
- highlight.call(searchInput);
- } else {
- searchResults.html('<li></li>');
- $('.search-results li').text('No Results Found for "' + searchInput.value + '"');
- }
- } else {
- unhighlight();
- searchResults.removeClass('visible');
- }
- }
- function highlight() {
- if (this.value) content.highlight(this.value, highlightOpts);
- }
- function unhighlight() {
- content.unhighlight(highlightOpts);
- }
- })();
|