browser: delay automatic search preview
[sheet.git] / searchlocal.js
index eb284b7a53d3ffe53736e5b84079672364d9f2d8..6c37fc901362c7f2fbb5b9a4c3d2138e8cb729a6 100644 (file)
@@ -1,3 +1,5 @@
+var filterupdate;
+
 function filtercell(el, set, action) {
        switch (action) {
                case 'focus':
@@ -54,6 +56,8 @@ function filterrows(table, match, action) {
 }
 
 function filtertable(query, action) {
+       filterupdate = undefined;
+       if (query === undefined) query = document.getElementById('search').q.value;
        var table = document.getElementsByTagName('TABLE')[0];
 
        if (!action) {
@@ -67,7 +71,12 @@ function filtertable(query, action) {
                query = match[2];
        }
 
-       if (document.querySelector('.b-a-'+query)) {
+       if (query == '' && action == 'add') {
+               // restore all columns if explicitly adding all ("+")
+               filtercols(table, function(){return true}, 'add');
+               // continue to restore rows
+       }
+       if (/^[a-z_]+$/.test(query) && document.querySelector('.b-a-'+query)) {
                // column if class b-a-* exists
                var match = function(th) {
                        return new RegExp('-'+query+'\\b').test(th.className);
@@ -81,6 +90,14 @@ function filtertable(query, action) {
                        return row.cells[0].title.match(query, 'i');
                };
        }
+       else if (numquery = /^([<>])(\d+)$/.exec(query)) {
+               // support percentage if numeric comparison
+               var match = function(row) {
+                       var pct = row.cells[row.cells.length - 1].textContent;
+                       pct -= numquery[2]; // compare to query
+                       return numquery[1] == '<' ? pct < 0 : pct >= 0;
+               };
+       }
        else if (action == 'focus' && query.length <= 1) {
                // prevent superfluous highlighting
                var match = false;
@@ -115,7 +132,8 @@ function prependsearch(target) {
                        newelement('input', {
                                type: 'search',
                                name: 'q',
-                               onkeyup: "filtertable(this.value, 'focus')",
+                               onkeyup: "if (!filterupdate) filterupdate = "
+                                       + "window.setTimeout(filtertable, 300, undefined, 'focus')",
                        }),
                        newelement('input', {
                                type: 'button',