url_param: Implement param processing methods

src/utils/filter-containers.js

@@ -1,3 +1,23 @@
+let filterTimeout;
+
+function filterTimeoutCallback() {
+  let newHistory = encodeURI(document.querySelector('#filter').value);
+  history.pushState({}, '', '?filter=' + newHistory);
+}
+
+function filterHistory() {
+  if (typeof filterTimeout !== 'undefined') {
+    clearTimeout(filterTimeout);
+  }
+  filterTimeout = setTimeout(filterTimeoutCallback, 2000);
+}
+
+function filterMap(element) {
+  let component = element.split('&');
+  this[component[0]] = component[1];
+  return this;
+}
+
 export function filterContainers() {
 
   // Fetch DOM elements, break each word in input filter.
@@ -31,4 +51,29 @@ export function filterContainers() {
       containers[i].classList.add('show');
     }
   }
+  filterHistory();
+}
+
+export function filterOnLoad() {
+  let filterInput = document.querySelector('#filter');
+  if (!filterInput) {
+    setTimeout(filterOnLoad, 1000);
+    return;
+  }
+  let search = decodeURIComponent(location.search);
+  if (!search) {
+    return;
+  }
+
+  let searchObj = search
+    .substring(1)
+    .split('&')
+    .map(filterMap, {})[0];
+
+  if (searchObj.filter) {
+    filterInput.value = search;
+    console.log('about to call filterContainers');
+    console.log(typeof filterContainers);
+    filterContainers();
+  }
 }