NRuby

1
Search = function(data, input, result) {
2
  this.data = data;
3
  this.input = input;
4
  this.result = result;
5

6
  this.current = null;
7
  this.view = this.result.parentNode;
8
  this.searcher = new Searcher(data.index);
9
  this.init();
10
}
11

12
Search.prototype = Object.assign({}, Navigation, new function() {
13
  var suid = 1;
14

15
  this.init = function() {
16
    var _this = this;
17
    var observer = function(e) {
18
      switch(e.keyCode) {
19
        case 38: // Event.KEY_UP
20
        case 40: // Event.KEY_DOWN
21
          return;
22
      }
23
      _this.search(_this.input.value);
24
    };
25
    this.input.addEventListener('keyup', observer);
26
    this.input.addEventListener('click', observer); // mac's clear field
27

28
    this.searcher.ready(function(results, isLast) {
29
      _this.addResults(results, isLast);
30
    })
31

32
    this.initNavigation();
33
    this.setNavigationActive(false);
34
  }
35

36
  this.search = function(value, selectFirstMatch) {
37
    value = value.trim().toLowerCase();
38
    if (value) {
39
      this.setNavigationActive(true);
40
    } else {
41
      this.setNavigationActive(false);
42
    }
43

44
    if (value == '') {
45
      this.lastQuery = value;
46
      this.result.innerHTML = '';
47
      this.result.setAttribute('aria-expanded', 'false');
48
      this.setNavigationActive(false);
49
    } else if (value != this.lastQuery) {
50
      this.lastQuery = value;
51
      this.result.setAttribute('aria-busy',     'true');
52
      this.result.setAttribute('aria-expanded', 'true');
53
      this.firstRun = true;
54
      this.searcher.find(value);
55
    }
56
  }
57

58
  this.addResults = function(results, isLast) {
59
    var target = this.result;
60
    if (this.firstRun && (results.length > 0 || isLast)) {
61
      this.current = null;
62
      this.result.innerHTML = '';
63
    }
64

65
    for (var i=0, l = results.length; i < l; i++) {
66
      var item = this.renderItem.call(this, results[i]);
67
      item.setAttribute('id', 'search-result-' + target.childElementCount);
68
      target.appendChild(item);
69
    };
70

71
    if (this.firstRun && results.length > 0) {
72
      this.firstRun = false;
73
      this.current = target.firstChild;
74
      this.current.classList.add('search-selected');
75
    }
76
    //TODO: ECMAScript
77
    //if (jQuery.browser.msie) this.$element[0].className += '';
78

79
    if (isLast) this.result.setAttribute('aria-busy', 'false');
80
  }
81

82
  this.move = function(isDown) {
83
    if (!this.current) return;
84
    var next = isDown ? this.current.nextElementSibling : this.current.previousElementSibling;
85
    if (next) {
86
      this.current.classList.remove('search-selected');
87
      next.classList.add('search-selected');
88
      this.input.setAttribute('aria-activedescendant', next.getAttribute('id'));
89
      this.scrollIntoView(next, this.view);
90
      this.current = next;
91
      this.input.value = next.firstChild.firstChild.text;
92
      this.input.select();
93
    }
94
    return true;
95
  }
96

97
  this.hlt = function(html) {
98
    return this.escapeHTML(html).
99
      replace(/\u0001/g, '<em>').
100
      replace(/\u0002/g, '</em>');
101
  }
102

103
  this.escapeHTML = function(html) {
104
    return html.replace(/[&<>]/g, function(c) {
105
      return '&#' + c.charCodeAt(0) + ';';
106
    });
107
  }
108

109
});
110

111