support filling the javascript filter from url hash

[skip ci]

diff --git a/_includes/footer.html b/_includes/footer.html
index 45a1f462c3d45246ea9111d9b30d86332027c9db..1438833a22f98e8d9af94f38d9c6bc7bf2e2be41 100644 (file)
--- a/_includes/footer.html
+++ b/_includes/footer.html
@@ -3,6 +3,7 @@
         <script src="assets/js/sorttable.js"></script>
         <script src="assets/js/filtertable.js"></script>
         <script src="assets/js/jquery.timeago.js"></script>
+        <script src="assets/js/hashfill.js"></script>
         <script>
             $(function() {
               jQuery.timeago.settings.cutoff = 365*24*60*60*1000;

diff --git a/assets/js/hashfill.js b/assets/js/hashfill.js
new file mode 100644 (file)
index 0000000..a831703
--- /dev/null
+++ b/assets/js/hashfill.js
@@ -0,0 +1,32 @@
+(function(document, $) {
+    'use strict';
+
+    function readhash() {
+       var kv = window.location.hash.substr(1).split('&');
+       for(var i = 0; i < kv.length; i++) {
+           var p = kv[i].split('=');
+           var e = $(':input').filter(function(i, e) {
+               return (e.dataset||{}).name === p[0];
+           });
+           if (e && e[0]) {
+               e[0].value = decodeURIComponent(p[1].replace(/[+]/g, '%20'));
+               if ('createEvent' in document) {
+                   var ev = document.createEvent('HTMLEvents');
+                   ev.initEvent('input', true, false);
+                   e[0].dispatchEvent(ev);
+               }
+           }
+       }
+    }
+
+    if ('onhashchange' in window) {
+       $(window).bind('hashchange', readhash);
+    }
+
+    document.addEventListener('readystatechange', function() {
+       if (document.readyState === 'complete') {
+           readhash();
+       }
+    });
+
+})(document, $);

diff --git a/index.html b/index.html
index 696e6c6983896742e646e357e1b6632a7fb44c1c..cbfc91c40bf5789e6d489cfca36e0b691b0b687c 100644 (file)
--- a/index.html
+++ b/index.html
@@ -40,7 +40,7 @@ layout: default
 
         <hr>
 
-        <input type="search" class="light-table-filter form-control" data-table="sortable" placeholder="Filter" style="width: 100%">
+        <input type="search" class="light-table-filter form-control" data-table="sortable" data-name="q" placeholder="Filter" style="width: 100%">
         <table class="table table-striped table-condensed sortable">
             <thead>
                 <tr>