Page History

<form id="filterForm" action="">
  select:
  <input id="filterSelect" size="50" type="text" list="selects" name="select" >
  <datalist id="selects">
    <option value="Name">Name only</option>
    <option value="Name, Short Description">Name and Short Description</option>
    <option value="Name, Short Description, Iteration">With Iteration</option>
    <option value="Name, Short Description, Iteration, Creation Date">With Iteration and Creation Date</option>
  </datalist>
  where:
  <input id="filterWhere" size="50" type="text" list="wheres" name="where">
  <datalist id="wheres">
    <option value="$<Iteration>=[Facade]">Facade</option>
    <option value="$<Iteration>=[Filled]">Filled</option>
    <option value="$<Iteration>=[Finished]">Finished</option>
  </datalist>
  <input type="submit" value="Submit">
  <input type="reset" value="Reset">
</form>
<script>
AJS.toInit(function() {
	var urlParams = new URLSearchParams(window.location.search);

	var originalSelect = urlParams.get('filtered:select');
	var originalWhere = urlParams.get('customWhere');

    $("#filterSelect").val(originalSelect);
    $("#filterWhere").val(originalWhere);

	 function appendToQueryString( queryString, queryParam ) {
       if(queryString.trim())
       {
		 queryString=queryString + "&" + queryParam;
       }
	   else
       {
		 queryString="?"+queryParam;
       }
       return queryString;		    
	 };
	 $('#filterForm').submit(function(evt) {
	  evt.preventDefault();

      var tableId = "filtered";
      var $initialWhere = "${initialwhere}"
	  var $select = $('#filterSelect').val();
	  var $where = $('#filterWhere').val();
	  console.debug($select);
	  console.debug($where);

	  var $queryString="";
	  if ($select.trim())
	  {
	   var $encodedSelect = encodeURI($select);
       var $selectQueryParam = tableId + ":"+"select"+"="+$encodedSelect;
       $queryString=appendToQueryString($queryString, $selectQueryParam);
	  }

	  if ($where.trim())
	  {
	   var $encodedCustomWhere = encodeURI($where);
       var $customWhereQueryParam = "customWhere"+"="+$encodedCustomWhere;
	   var $encodedWhere = encodeURI($initialWhere + " AND " + $where);
       var $whereQueryParam = tableId + ":"+"where"+"="+$encodedWhere;
       $queryString = appendToQueryString($queryString, $whereQueryParam);
       $queryString = appendToQueryString($queryString, $customWhereQueryParam );
	  }
	  $action = window.location.href.split('?')[0] + $queryString;
	  $('#filterForm').attr('action', $action);
	  console.debug($action);
      window.location.href=$action;
 });
});
</script>