fixed collection filter due to internal input component adjustments

Author: jonasjabari

lib/matestack/ui/vue_js/components/collection/filter.js

@@ -11,7 +11,9 @@ const componentDef = {
       var url;
       var filter = this.data
       for (var key in this.data) {
-        url = queryParamsHelper.updateQueryParams(this.props["id"] + "-filter-" + key, JSON.stringify(this.data[key]), url)
+        if(this.data[key] != null){
+          url = queryParamsHelper.updateQueryParams(this.props["id"] + "-filter-" + key, JSON.stringify(this.data[key]), url)
+        }
       }
       url = queryParamsHelper.updateQueryParams(this.props["id"] + "-offset", 0, url)
       window.history.pushState({matestackApp: true, url: url}, null, url);
@@ -22,7 +24,6 @@ const componentDef = {
       for (var key in this.data) {
         url = queryParamsHelper.updateQueryParams(this.props["id"] + "-filter-" + key, null, url)
         this.data[key] = null;
-        this.$forceUpdate();
       }
       this.initValues();
       window.history.pushState({matestackApp: true, url: url}, null, url);
@@ -34,7 +35,7 @@ const componentDef = {
     var queryParamsObject = queryParamsHelper.queryParamsToObject()
     Object.keys(queryParamsObject).forEach(function(key){
       if (key.startsWith(self.props["id"] + "-filter-")){
-        self.data[key.replace(self.props["id"] + "-filter-", "")] = queryParamsObject[key]
+        self.data[key.replace(self.props["id"] + "-filter-", "")] = JSON.parse(queryParamsObject[key])
       }
     })
   }