Added search.

Updated fixtures.

Author: neogeek

template.hbs

@@ -44,6 +44,11 @@
     padding: 2rem 1rem;
 }
 
+.search {
+    margin: 0 0 1rem 0;
+    width: 90%;
+}
+
 .menu {
     padding: 0;
 }
@@ -177,6 +182,8 @@
 
             <div class="col-md-3 hidden-sm hidden-xs">
 
+                <input type="text" class="form-control search" id="search-methods" placeholder="Search..." autocomplete="off">
+
                 <ul class="menu">
 
                     {{#each files}}
@@ -187,7 +194,7 @@
 
                         {{#each methods}}
 
-                        <li class="scope-{{#if isPrivate}}private{{else}}public{{/if}}">
+                        <li class="method-link scope-{{#if isPrivate}}private{{else}}public{{/if}}">
                             <a href="#{{uid}}" title="{{name}}">{{name}}</a>
                         </li>
 
@@ -410,6 +417,30 @@
         hljs.highlightBlock(this);
     });
 
+    var $methodLinks = $('.method-link');
+
+    $('#search-methods').on('keyup', function (e) {
+
+        var query = new RegExp(e.target.value.replace(' ', '|'), 'ig');
+
+        $methodLinks.each(function () {
+
+            var $this = $(this);
+
+            if (!$this.text().match(query)) {
+
+                $this.hide();
+
+            } else {
+
+                $this.show();
+
+            }
+
+        });
+
+    });
+
     $(window).on('scroll', handleScrollEvent);
 
     handleScrollEvent();

test/fixtures/documentation.html

@@ -42,6 +42,11 @@
     padding: 2rem 1rem;
 }
 
+.search {
+    margin: 0 0 1rem 0;
+    width: 90%;
+}
+
 .menu {
     padding: 0;
 }
@@ -171,6 +176,8 @@ <h1>
 
             <div class="col-md-3 hidden-sm hidden-xs">
 
+                <input type="text" class="form-control search" id="search-methods" placeholder="Search..." autocomplete="off">
+
                 <ul class="menu">
 
 
@@ -179,7 +186,7 @@ <h1>
                         <ul>
 
 
-                        <li class="scope-public">
+                        <li class="method-link scope-public">
                             <a href="#index.js-plugin" title="plugin">plugin</a>
                         </li>
 
@@ -330,6 +337,30 @@ <h3>Returns</h3>
         hljs.highlightBlock(this);
     });
 
+    var $methodLinks = $('.method-link');
+
+    $('#search-methods').on('keyup', function (e) {
+
+        var query = new RegExp(e.target.value.replace(' ', '|'), 'ig');
+
+        $methodLinks.each(function () {
+
+            var $this = $(this);
+
+            if (!$this.text().match(query)) {
+
+                $this.hide();
+
+            } else {
+
+                $this.show();
+
+            }
+
+        });
+
+    });
+
     $(window).on('scroll', handleScrollEvent);
 
     handleScrollEvent();