Merge pull request #9 from nemrutco/adding-new-abilities

add ability to request and response filters from Global Filter

README.md

@@ -110,7 +110,6 @@ new NovaGlobalFilter([
 ```
 
 To listen `Global Filter` on any `Custom Card`s:
-
 ```js
 ...
 created() {
@@ -122,6 +121,39 @@ created() {
 ...
 ```
 
+To request all filter states from `Global Filter` on any `Custom Card`s:
+```js
+...
+created() {
+  Nova.$on("global-filter-request");
+},
+...
+```
+
+To request spesific filters state from `Global Filter` on any `Custom Card`s:
+```js
+...
+created() {
+  Nova.$on("global-filter-request", [
+      "App\\Nova\\Filters\\DateFilter",
+      "App\\Nova\\Filters\\CountryFilter"
+  ]);
+},
+...
+```
+
+To receive filters state from `Global Filter` on any `Custom Card`s:
+```js
+...
+created() {
+  Nova.$on("global-filter-response", filters => {
+    // Do your thing with the filters
+    console.log(filters);
+  });
+},
+...
+```
+
 ## Good to know
 
 - Basic functionality of this package is that it listens all the asigned filters. Once a value of a filter is changed, it emits as `Nova.$on('global-filter-changed', [changed filter and value])`. So any card that listens to this event will recieve the filter and its value.
@@ -132,8 +164,7 @@ created() {
 
 Cheers
 
-## Credits
-
+- [Nemrut Creative Studio]('https://nemrut.co)
 - [Muzaffer Dede](https://github.com/muzafferdede)
 - [All Contributors](../../contributors)
 

resources/js/components/FilterBehavior.js

@@ -12,9 +12,6 @@ export default {
             }
             this.fetch();
         });
-        Nova.$on("global-filter-reset", filters => {
-            this.$router.go(this.$router.currentRoute)
-        });
     },
 
     methods: {

resources/js/components/GlobalFilter.vue

@@ -84,6 +84,18 @@ export default {
     this.$parent.$el.classList.remove("w-5/6");
     this.$parent.$el.classList.add("w-full");
   },
+  created() {
+    Nova.$on("global-filter-request", filterClasses => {
+      let filters = this.card.filters !== undefined ? this.card.filters : [];
+
+      if (filterClasses && filterClasses.length) {
+        filters = filters.filter(filter =>
+          filterClasses.includes(filter.class)
+        );
+      }
+      Nova.$emit("global-filter-response", filters);
+    });
+  },
   methods: {
     handleChange(filter, event) {
       let value = event;
@@ -103,8 +115,8 @@ export default {
       filter.currentValue = value;
       Nova.$emit("global-filter-changed", filter);
     },
-    resetFilters(filters) {
-      Nova.$emit("global-filter-reset", filters);
+    resetFilters() {
+      this.$router.go(this.$router.currentRoute);
     }
   }
 };