Issue #16: Use window.history.pushState to filter without reload

fabiolb · Nov 28, 2015 · d9cfc51 · d9cfc51
1 parent 9743902
commit d9cfc51
Showing 1 changed file with 12 additions and 10 deletions.
diff --git a/ui/route.go b/ui/route.go
@@ -103,22 +103,24 @@ var htmlTable = `
 $(function(){
 	var $filter = $('#filter');
 
-	var params={};window.location.search.replace(/[?&]+([^=&]+)=([^&]*)/gi,function(str,key,value){params[key] = value;});
-	if (params.filter) {
-		$filter.val(params.filter);
-		$("td.route:not(:contains('"+params.filter+"'))").each(function() {
+	function doFilter(v) {
+		$("tr").show();
+		$filter.val(v);
+		if (!v || v == "") return;
+		$("td.route:not(:contains('"+v+"'))").each(function() {
 			$(this).parent("tr").hide();
 		});
 	}
 
+	var params={};window.location.search.replace(/[?&]+([^=&]+)=([^&]*)/gi,function(str,key,value){params[key] = value;});
+	doFilter(params.filter);
+
 	$filter.focus();
 	$filter.keyup(function() {
-		var url = window.location.href.split('?')[0];
-		if ($filter.val() != '') {
-			url +=  "?filter=" +$filter.val();
-		}
-		window.location = url;
-	})
+		var v = $filter.val();
+		window.history.pushState(null, null, "?filter=" +v);
+		doFilter(v);
+	});
 })
 </script>