@5minds/node-red-dashboard-2-processcube-ui-page-navigation 1.1.0-develop-1d3817-m61xkysx → 1.1.0-develop-8af18a-m621maxu

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@5minds/node-red-dashboard-2-processcube-ui-page-navigation",
-    "version": "1.1.0-develop-1d3817-m61xkysx",
+    "version": "1.1.0-develop-8af18a-m621maxu",
     "description": "A node to handle the navigation between pages in the Node-RED Dashboard",
     "keywords": [
         "node-red",

package/resources/ui-page-navigation.umd.js

@@ -1 +1 @@
-(function(t,i){typeof exports=="object"&&typeof module<"u"?i(exports,require("vuex")):typeof define=="function"&&define.amd?define(["exports","vuex"],i):(t=typeof globalThis<"u"?globalThis:t||self,i(t["ui-page-navigation"]={},t.vuex))})(this,function(t,i){"use strict";const s={name:"DBUIEvent",inject:["$socket","$dataTracker"],props:{id:{type:String,required:!0},props:{type:Object,default:()=>({})}},data(){return{page:null}},computed:{...i.mapState("ui",["pages"])},watch:{"$route.meta.id":{handler(e,a){const o=this.createPayload(this.pages[a]);this.$socket.emit("ui-event",this.id,{topic:"$pageleave",payload:o});const r=this.createPayload(this.pages[e]);this.$socket.emit("ui-event",this.id,{topic:"$pageview",payload:r})}}},created(){this.$dataTracker(this.id),this.page=this.pages[this.$route.meta.id],this.pageview()},unmounted(){this.pageleave()},methods:{pageview(){this.trigger("$pageview")},pageleave(){this.trigger("$pageleave")},trigger(e){const a=this.createPayload(this.page);this.$socket.emit("ui-event",this.id,{topic:e,payload:a})},createPayload(e){return e={...e},e._groups=e._users,delete e._users,{page:e,query:this.$route.query}}}};t.UIPageNavigation=s,Object.defineProperty(t,Symbol.toStringTag,{value:"Module"})});
+(function(t,i){typeof exports=="object"&&typeof module<"u"?i(exports,require("vuex")):typeof define=="function"&&define.amd?define(["exports","vuex"],i):(t=typeof globalThis<"u"?globalThis:t||self,i(t["ui-page-navigation"]={},t.vuex))})(this,function(t,i){"use strict";const s={name:"DBUIEvent",inject:["$socket","$dataTracker"],props:{id:{type:String,required:!0},props:{type:Object,default:()=>({})}},data(){return{page:null}},computed:{...i.mapState("ui",["pages"])},watch:{"$route.meta.id":{handler(e,a){console.log(`route changed old: ${a} new:${e}`);const o=this.createPayload(this.pages[a]);this.$socket.emit("ui-event",this.id,{topic:"$pageleave",payload:o});const r=this.createPayload(this.pages[e]);this.$socket.emit("ui-event",this.id,{topic:"$pageview",payload:r})}}},created(){console.log("created"),this.$dataTracker(this.id),this.page=this.pages[this.$route.meta.id],this.pageview()},unmounted(){this.pageleave()},methods:{pageview(){this.trigger("$pageview")},pageleave(){this.trigger("$pageleave")},trigger(e){const a=this.createPayload(this.page);this.$socket.emit("ui-event",this.id,{topic:e,payload:a})},createPayload(e){return e={...e},e._groups=e._users,delete e._users,{page:e,query:this.$route.query}}}};t.UIPageNavigation=s,Object.defineProperty(t,Symbol.toStringTag,{value:"Module"})});

package/ui/components/UIPageNavigation.vue

@@ -19,6 +19,8 @@ export default {
     watch: {
         '$route.meta.id': {
             handler(val, oldVal) {
+
+                console.log(`route changed old: ${oldVal} new:${val}`);
                 // this only fire if we switch between two pages of the same layout type,
                 // the full component isn't torn down, so we can watch for changes
                 const oldMsg = this.createPayload(this.pages[oldVal]);
@@ -36,6 +38,7 @@ export default {
         },
     },
     created() {
+        console.log('created');
         // can't do this in setup as we have custom onInput function
         this.$dataTracker(this.id);
         this.page = this.pages[this.$route.meta.id];