@5minds/node-red-dashboard-2-processcube-ui-page-navigation 1.1.0-develop-d0ba19-m623rryu → 1.1.0-develop-4e0cc8-m624ex04

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@5minds/node-red-dashboard-2-processcube-ui-page-navigation",
-    "version": "1.1.0-develop-d0ba19-m623rryu",
+    "version": "1.1.0-develop-4e0cc8-m624ex04",
     "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,a){typeof exports=="object"&&typeof module<"u"?a(exports,require("vuex")):typeof define=="function"&&define.amd?define(["exports","vuex"],a):(t=typeof globalThis<"u"?globalThis:t||self,a(t["ui-page-navigation"]={},t.vuex))})(this,function(t,a){"use strict";const s={name:"DBUIEvent",inject:["$socket","$dataTracker"],props:{id:{type:String,required:!0},props:{type:Object,default:()=>({})}},data(){return{page:null}},computed:{...a.mapState("ui",["pages"])},watch:{"$route.meta.id":{handler(i,e){console.log(`route changed old: ${e} new:${i}`);const o=this.createPayload(this.pages[e]);this.$socket.emit("ui-event",this.id,{topic:"$pageleave",payload:o});const r=this.createPayload(this.pages[i]);this.$socket.emit("ui-event",this.id,{topic:"$pageview",payload:r})}}},created(){this.$dataTracker(this.id),this.props.page===this.pages[this.$route.meta.id]&&(console.log("created page "),this.pageview())},unmounted(){this.pageleave()},methods:{pageview(){this.trigger("$pageview")},pageleave(){this.trigger("$pageleave")},trigger(i){const e=this.createPayload(this.props.page);this.$socket.emit("ui-event",this.id,{topic:i,payload:e})},createPayload(i){let e={...i};return e._groups=e._users,delete e._users,{pageForPayload:e,query:this.$route.query}}}};t.UIPageNavigation=s,Object.defineProperty(t,Symbol.toStringTag,{value:"Module"})});
+(function(i,a){typeof exports=="object"&&typeof module<"u"?a(exports,require("vuex")):typeof define=="function"&&define.amd?define(["exports","vuex"],a):(i=typeof globalThis<"u"?globalThis:i||self,a(i["ui-page-navigation"]={},i.vuex))})(this,function(i,a){"use strict";const o={name:"DBUIEvent",inject:["$socket","$dataTracker"],props:{id:{type:String,required:!0},props:{type:Object,default:()=>({})}},data(){return{page:null}},computed:{...a.mapState("ui",["pages"])},watch:{"$route.meta.id":{handler(t,e){console.log(`route changed old: ${e} new:${t}`);const s=this.createPayload(this.pages[e]);this.$socket.emit("ui-event",this.id,{topic:"$pageleave",payload:s});const r=this.createPayload(this.pages[t]);this.$socket.emit("ui-event",this.id,{topic:"$pageview",payload:r})}}},created(){this.$dataTracker(this.id);const t=this.props.page,e=this.pages[this.$route.meta.id];console.log(`created. pageFromConfig: ${t} currentPage: ${e.name}`),t===e.name&&(console.log("created page "),this.pageview())},unmounted(){this.pageleave()},methods:{pageview(){this.trigger("$pageview")},pageleave(){this.trigger("$pageleave")},trigger(t){const e=this.createPayload(this.pages[this.$route.meta.id]);this.$socket.emit("ui-event",this.id,{topic:t,payload:e})},createPayload(t){let e={...t};return e._groups=e._users,delete e._users,{pageForPayload:e,query:this.$route.query}}}};i.UIPageNavigation=o,Object.defineProperty(i,Symbol.toStringTag,{value:"Module"})});

package/ui/components/UIPageNavigation.vue

@@ -42,7 +42,11 @@ export default {
         // can't do this in setup as we have custom onInput function
         this.$dataTracker(this.id);
 
-        if (this.props.page === this.pages[this.$route.meta.id]) {
+        const pageFromConfig = this.props.page;
+        const currentPage = this.pages[this.$route.meta.id];
+
+        console.log(`created. pageFromConfig: ${pageFromConfig} currentPage: ${currentPage.name}`);
+        if (pageFromConfig === currentPage.name) {
             console.log(`created page `);
             this.pageview();
         }
@@ -58,7 +62,7 @@ export default {
             this.trigger('$pageleave');
         },
         trigger(evt) {
-            const payload = this.createPayload(this.props.page);
+            const payload = this.createPayload(this.pages[this.$route.meta.id]);
             this.$socket.emit('ui-event', this.id, {
                 topic: evt,
                 payload,