@5minds/node-red-dashboard-2-processcube-ui-page-navigation 2.0.1 → 2.1.0-develop-fd8221-meblxjp4

package/LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2024 5Minds IT-Solutions GmbH & Co. KG
+Copyright (c) [45 * 45] [5Minds IT-Solutions GmbH & Co. KG]
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal
@@ -18,4 +18,4 @@ FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
+SOFTWARE.

package/nodes/ui-page-navigation.js

@@ -27,34 +27,29 @@ module.exports = function (RED) {
             }
             return msg;
         }
-
         const ui = page.getBase();
 
         const evts = {
-            onSocket: {
-                'ui-event': function (conn, id, msg) {
-                    if (config.event != 'any' && config.event != msg.topic) return;
-                    if (pageName != '' && pageName != msg.payload.page.name) return;
-                    const wNode = RED.nodes.getNode(node.id);
-                    if (!wNode) {
-                        console.log('ui-page-navigation node not found', id);
-                    }
+            'onSend': function (msg) {
+                console.log(`onSend: pageName ${pageName}, topic ${msg.topic}`);
+                if (config.event != 'any' && config.event != msg.topic) return;
+                if (pageName != '' && pageName != msg.payload.page.name) return;
+                const wNode = RED.nodes.getNode(node.id);
+                if (!wNode) {
+                    console.log('ui-page-navigation node not found', id);
+                }
 
-                    if (wNode) {
-                        msg = addConnectionCredentials(RED, msg, conn, ui);
-                        wNode.send(msg);
-                    }
-                },
+                if (wNode) {
+                    wNode.send(msg);
+                }
             },
         };
 
         ui.register(null, null, node, config, evts);
 
         node.on('close', function (removed, done) {
-            if (removed) {
-                // handle node being removed
-                ui.deregister(null, null, node);
-            }
+            ui.deregister(null, null, node);
+
             done();
         });
     }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@5minds/node-red-dashboard-2-processcube-ui-page-navigation",
-    "version": "2.0.1",
+    "version": "2.1.0-develop-fd8221-meblxjp4",
     "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 n={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,s){const a=this.pages[s],r=this.pages[e];console.log(`handler: ${a.name} ${r.name} --> ${this.pagename}`),this.trigger("$pageleave",a),this.trigger("$pageview",r)}}},created(){this.$dataTracker(this.id),this.page=this.pages[this.$route.meta.id],this.pageview()},unmounted(){this.pageleave()},methods:{pageview(){this.trigger("$pageview",this.page)},pageleave(){this.trigger("$pageleave",this.page)},trigger(e,s){const a=this.page.name==this.pagename;if(console.log(`trigger: fire ${a} ${e} ${s.name} ${this.pagename}`),!a)return;const r=this.createPayload(s);this.$socket.emit("ui-event",this.id,{topic:e,payload:r})},createPayload(e){return e={...e},e._groups=e._users,delete e._users,{page:e,query:this.$route.query}}}};t.UIPageNavigation=n,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 n={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,s){const a=this.pages[s],r=this.pages[e];console.log(`handler: ${a.name} ${r.name} --> ${this.pagename}`),this.trigger("$pageleave",a),this.trigger("$pageview",r)}}},created(){this.$dataTracker(this.id),this.page=this.pages[this.$route.meta.id],this.pageview()},unmounted(){this.pageleave()},methods:{pageview(){this.trigger("$pageview",this.page)},pageleave(){this.trigger("$pageleave",this.page)},trigger(e,s){const a=this.page.name==this.pagename;if(console.log(`trigger: fire ${a} ${e} ${s.name} ${this.pagename}`),!a)return;const r=this.createPayload(s);this.$socket.emit("widget-send",this.id,{topic:e,payload:r})},createPayload(e){return e={...e},e._groups=e._users,delete e._users,{page:e,query:this.$route.query}}}};t.UIPageNavigation=n,Object.defineProperty(t,Symbol.toStringTag,{value:"Module"})});

package/ui/components/UIPageNavigation.vue

@@ -72,7 +72,7 @@ export default {
             }
 
             const payload = this.createPayload(page);
-            this.$socket.emit('ui-event', this.id, {
+            this.$socket.emit('widget-send', this.id, {
                 topic: evt,
                 payload,
             });