@5minds/node-red-dashboard-2-processcube-ui-page-navigation 1.1.0-develop-dff37e-m6242905 → 1.1.0-develop-13ceaf-m624nwgx

package/nodes/ui-page-navigation.js

@@ -2,7 +2,7 @@ module.exports = function (RED) {
     function UIPageNavigation(config) {
         // TODO: find a correct way to implement this. Only god knows why this is necessary and works
         const pageName = config.page;
-        config.page = '';
+        //config.page = '';
 
         function addConnectionCredentials(RED, msg, conn, config) {
             if (config.includeClientData) {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@5minds/node-red-dashboard-2-processcube-ui-page-navigation",
-    "version": "1.1.0-develop-dff37e-m6242905",
+    "version": "1.1.0-develop-13ceaf-m624nwgx",
     "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(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}`),t===e&&(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.props.page);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"})});
+(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

@@ -45,8 +45,8 @@ export default {
         const pageFromConfig = this.props.page;
         const currentPage = this.pages[this.$route.meta.id];
 
-        console.log(`created. pageFromConfig: ${pageFromConfig} currentPage: ${currentPage}`);
-        if (pageFromConfig === currentPage) {
+        console.log(`created. pageFromConfig: ${pageFromConfig} currentPage: ${currentPage.name}`);
+        if (pageFromConfig === currentPage.name) {
             console.log(`created page `);
             this.pageview();
         }
@@ -62,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,