@5minds/node-red-dashboard-2-processcube-ui-page-navigation 1.0.4-feature-da41cd-m62dtegr → 1.0.4-feature-10e043-m62ewane

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@5minds/node-red-dashboard-2-processcube-ui-page-navigation",
-    "version": "1.0.4-feature-da41cd-m62dtegr",
+    "version": "1.0.4-feature-10e043-m62ewane",
     "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"]),pagename(){return this.getProperty("pagename")}},watch:{"$route.meta.id":{handler(e,a){console.log(this.pagename());const o=this.createPayload(this.pages[a]);this.$socket.emit("ui-event",this.id,{topic:"$pageleave",payload:o});const n=this.createPayload(this.pages[e]);this.$socket.emit("ui-event",this.id,{topic:"$pageview",payload:n})}}},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){console.log(this.pagename());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"]),pagename(){return this.props.pagename}},watch:{"$route.meta.id":{handler(e,a){console.log(this.pagename);const o=this.createPayload(this.pages[a]);this.$socket.emit("ui-event",this.id,{topic:"$pageleave",payload:o});const n=this.createPayload(this.pages[e]);this.$socket.emit("ui-event",this.id,{topic:"$pageview",payload:n})}}},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){console.log(this.pagename);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

@@ -16,14 +16,13 @@ export default {
     computed: {
         ...mapState('ui', ['pages']),
         pagename () {
-            // use the globally available "getProperty" function
-            return this.getProperty('pagename')
+            return this.props.pagename;
         }
     },
     watch: {
         '$route.meta.id': {
             handler(val, oldVal) {
-                console.log(this.pagename());
+                console.log(this.pagename);
                 // 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]);
@@ -57,7 +56,7 @@ export default {
             this.trigger('$pageleave');
         },
         trigger(evt) {
-            console.log(this.pagename());
+            console.log(this.pagename);
             const payload = this.createPayload(this.page);
             this.$socket.emit('ui-event', this.id, {
                 topic: evt,