Add search bar for rpc docs

Author: n1rna

_includes/js/main.js

@@ -64,3 +64,34 @@ $(function() {
     drawer.toggleClass("js-hidden");
   });
 });
+
+// Search functionality
+var toggleDrawers = function(show){
+  $(".toc header").each(function(){
+    var header = $(this);
+    var drawer = header.find(".toc-drawer");
+    if (show) {
+      drawer.removeClass("js-hidden");
+    } else {
+      drawer.addClass("js-hidden");
+    }
+  });
+};
+
+$(function() {
+  $("#searchbar").on('input', function(){
+    var query = $(this).val();
+    if (query.length > 1) {
+      toggleDrawers(true);
+      $(".leaf-article").each(function(){
+        $(this).show();
+        if ($(this).text().indexOf(query) == -1) {
+          $(this).hide();
+        }
+      });
+    } else {
+      $(".leaf-article").each(function(){ $(this).show(); });
+      toggleDrawers(false);
+    }
+  })
+});

_layouts/doc.html

@@ -35,6 +35,7 @@ <h1>{{ custom_title | xml_escape }}</h1>
       {% if page.btcversion != "index" %}
         {% assign groups = site.doc | where:"btcversion", page.btcversion | group_by:"btcgroup" | sort: "name" %}
         <section class="toc">
+        <input id="searchbar" type="text" value="" placeholder="Search..."/>
         {% for group in groups %}
           {% if group.name != "index" %}
             <header>
@@ -45,7 +46,7 @@ <h3 class="toc-header">
               <div class="toc-drawer js-hide-on-start">
                 <ul>
                   {% for article in group.items %}
-                    <li><a href="{{article.url}}">{{article.name}}</a></li>
+                    <li class="leaf-article"><a href="{{article.url}}">{{article.name}}</a></li>
                   {% endfor %}
                 </ul>
               </div>