added implementation for multi event listening

Author: jonasjabari

app/concepts/matestack/ui/core/async/async.js

@@ -45,9 +45,19 @@ const componentDef = {
   },
   created: function () {
     const self = this
-    matestackEventHub.$on(this.componentConfig["rerender_on"], self.rerender)
-    matestackEventHub.$on(this.componentConfig["show_on"], self.show)
-    matestackEventHub.$on(this.componentConfig["hide_on"], self.hide)
+    if(this.componentConfig["show_on"] != undefined){
+      this.showing = false
+      var show_events = this.componentConfig["show_on"].split(",")
+      show_events.forEach(show_event => matestackEventHub.$on(show_event.trim(), self.show));
+    }
+    if(this.componentConfig["hide_on"] != undefined){
+      var hide_events = this.componentConfig["hide_on"].split(",")
+      hide_events.forEach(hide_event => matestackEventHub.$on(hide_event.trim(), self.hide));
+    }
+    if(this.componentConfig["rerender_on"] != undefined){
+      var rerender_events = this.componentConfig["rerender_on"].split(",")
+      rerender_events.forEach(rerender_event => matestackEventHub.$on(rerender_event.trim(), self.rerender));
+    }
     if(this.componentConfig["show_on"] != undefined){
       this.showing = false
     }
@@ -68,6 +78,18 @@ const componentDef = {
     matestackEventHub.$off(this.componentConfig["rerender_on"], self.rerender);
     matestackEventHub.$off(this.componentConfig["show_on"], self.show);
     matestackEventHub.$off(this.componentConfig["hide_on"], self.hide);
+    if(this.componentConfig["show_on"] != undefined){
+      var shown_events = this.componentConfig["show_on"].split(",")
+      shown_events.forEach(show_event => matestackEventHub.$off(show_event.trim(), self.show));
+    }
+    if(this.componentConfig["hide_on"] != undefined){
+      var hiden_events = this.componentConfig["hide_on"].split(",")
+      hiden_events.forEach(hide_event => matestackEventHub.$off(hide_event.trim(), self.hide));
+    }
+    if(this.componentConfig["rerender_on"] != undefined){
+      var rerender_events = this.componentConfig["rerender_on"].split(",")
+      rerender_events.forEach(rerender_event => matestackEventHub.$off(rerender_event.trim(), self.rerender));
+    }
   },
 }
 

app/concepts/matestack/ui/core/form/form.js

@@ -104,6 +104,19 @@ const componentDef = {
       }
     },
     perform: function(){
+      const self = this
+      if (self.componentConfig["emit"] != undefined) {
+        matestackEventHub.$emit(self.componentConfig["emit"]);
+      }
+      if (self.componentConfig["min_defer"] != undefined) {
+        setTimeout(function () {
+          self.sendRequest()
+        }, parseInt(self.componentConfig["min_defer"]));
+      } else {
+        this.sendRequest()
+      }
+    },
+    sendRequest: function(){
       const self = this
       let payload = {}
       payload[self.componentConfig["for"]] = self.data

app/concepts/matestack/ui/core/transition/transition.js

@@ -1,6 +1,7 @@
 import Vue from 'vue/dist/vue.esm'
 import Vuex from 'vuex'
 import componentMixin from '../component/component'
+import matestackEventHub from '../js/event-hub'
 
 const componentDef = {
   mixins: [componentMixin],
@@ -14,6 +15,19 @@ const componentDef = {
   }),
   methods: {
     navigateTo: function(url){
+      const self = this
+      if (self.componentConfig["emit"] != undefined) {
+        matestackEventHub.$emit(self.componentConfig["emit"]);
+      }
+      if (self.componentConfig["min_defer"] != undefined) {
+        setTimeout(function () {
+          self.performNavigation(url)
+        }, parseInt(self.componentConfig["min_defer"]));
+      } else {
+        this.performNavigation(url)
+      }
+    },
+    performNavigation: function(url){
       this.$store.dispatch('navigateTo', {url: url, backwards: false}).then((response) => {
         // self.asyncTemplate = response;
       })