@5minds/node-red-dashboard-2-processcube-dynamic-table 1.1.12-feature-97dafa-m0bbptcq → 1.1.12

package/nodes/dynamic-table.js

@@ -12,21 +12,15 @@ module.exports = function (RED) {
         const evts = {
             onAction: true,
             beforeSend: function (msg) {
-                // TODO: mm - hier ist es einen msg
                 if (Array.isArray(msg)) return msg;
-
-                // TODO: mm - begin
-                // hier ist es NUR noch data
-                data = (
+                data = RED.util.evaluateNodeProperty(
                     config.data,
                     config.data_type,
                     node,
                     msg
                 );
 
-                // msg.payload = data; mm ???
                 return data;
-                // TODO: - end
             },
             onInput: function (msg, send, done) {
                 base.stores.data.save(base, node, msg);

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@5minds/node-red-dashboard-2-processcube-dynamic-table",
-    "version": "1.1.12-feature-97dafa-m0bbptcq",
+    "version": "1.1.12",
     "description": "A ui component for showing dynamic Data with actions in a table",
     "keywords": [
         "processcube",

package/resources/ui-dynamic-table.umd.js

@@ -1,2 +1,2 @@
-(function(){"use strict";try{if(typeof document<"u"){var a=document.createElement("style");a.appendChild(document.createTextNode("h1[data-v-1a137cb8]{margin-bottom:10px}h2[data-v-1a137cb8]{margin-top:1.5rem;margin-bottom:.75rem}h3[data-v-1a137cb8]{margin-top:1rem}p[data-v-1a137cb8]{margin-bottom:5px}ul li[data-v-1a137cb8]{list-style-type:circle;list-style-position:inside;margin-left:15px}pre[data-v-1a137cb8]{padding:12px;margin:12px;background-color:#eee}code[data-v-1a137cb8]{font-size:.825rem;color:#ae0000}input[data-v-1a137cb8]{padding:12px;margin:12px;background-color:#eee}.task-div[data-v-1a137cb8]{padding:8px;margin:16px;border:solid;border-radius:4px;border-color:#303030}.action-button-container[data-v-1a137cb8]{width:100%;display:flex;justify-content:center}")),document.head.appendChild(a)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
-(function(o,a){typeof exports=="object"&&typeof module<"u"?a(exports,require("vuex"),require("vue")):typeof define=="function"&&define.amd?define(["exports","vuex","vue"],a):(o=typeof globalThis<"u"?globalThis:o||self,a(o["ui-dynamic-table"]={},o.vuex,o.Vue))})(this,function(o,a,t){"use strict";const p=(e,n)=>{const i=e.__vccOpts||e;for(const[r,s]of n)i[r]=s;return i},m={name:"UIDynamicTable",inject:["$socket"],props:{id:{type:String,required:!0},props:{type:Object,default:()=>({})},state:{type:Object,default:()=>({enabled:!0,visible:!0})}},computed:{...a.mapState("data",["messages"])},data(){return{search:"",actions:[],tasks:[],headers:[]}},mounted(){this.$socket.on("widget-load:"+this.id,e=>{this.initialize(e),this.$store.commit("data/bind",{widgetId:this.id,data:e})}),this.$socket.on("msg-input:"+this.id,e=>{this.initialize(e),this.$store.commit("data/bind",{widgetId:this.id,data:e})}),this.$socket.emit("widget-load",this.id)},unmounted(){var e,n;(e=this.$socket)==null||e.off("widget-load"+this.id),(n=this.$socket)==null||n.off("msg-input:"+this.id)},methods:{send(e,n){const i=[];i[n]=e,this.$socket.emit("widget-action",this.id,i)},actionFn(e,n){const i=this.messages[this.id];i.payload=n,this.send(i,this.actions.findIndex(r=>r.label===e.label))},initialize(e){this.messages[this.id]=e,this.tasks=e,this.actions=this.props.options,this.headers=this.props.columns.map(n=>({title:n.label,key:n.value})),this.headers.push({title:"Actions",align:"center",key:"actions"})},conditionCheck(e,n){if(e=="")return!0;try{return new Function("row",`return ${e}`)(n)}catch(i){return console.error("Error evaluating condition:",i),!1}}}};function f(e,n,i,r,s,d){const u=t.resolveComponent("v-text-field"),b=t.resolveComponent("v-toolbar"),g=t.resolveComponent("v-btn"),h=t.resolveComponent("v-container"),k=t.resolveComponent("v-alert"),x=t.resolveComponent("v-data-table");return t.openBlock(),t.createBlock(x,{headers:s.headers,items:s.tasks,search:s.search,class:"full-width-table"},{top:t.withCtx(()=>[t.createVNode(b,{flat:"",class:"py-2"},{default:t.withCtx(()=>[t.createVNode(u,{class:"mx-3",modelValue:s.search,"onUpdate:modelValue":n[0]||(n[0]=c=>s.search=c),label:"Search","prepend-inner-icon":"mdi-magnify",variant:"outlined","hide-details":"","single-line":""},null,8,["modelValue"])]),_:1})]),"item.actions":t.withCtx(({item:c})=>[t.createVNode(h,{class:"action-button-container"},{default:t.withCtx(()=>[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(s.actions,(l,y)=>(t.openBlock(),t.createBlock(h,{style:{padding:"0px",display:"inline",width:"fit-content",margin:"0px"}},{default:t.withCtx(()=>[d.conditionCheck(l.condition,c)?(t.openBlock(),t.createBlock(g,{style:{margin:"0px 2px"},key:y,size:"small",onClick:C=>d.actionFn(l,c)},{default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(l.label),1)]),_:2},1032,["onClick"])):t.createCommentVNode("",!0)]),_:2},1024))),256))]),_:2},1024)]),"no-data":t.withCtx(()=>[t.createVNode(k,{text:"No Data",style:{margin:"12px"}})]),_:1},8,["headers","items","search"])}const _=p(m,[["render",f],["__scopeId","data-v-1a137cb8"]]);o.UIDynamicTable=_,Object.defineProperty(o,Symbol.toStringTag,{value:"Module"})});
+(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode("h1[data-v-a11ee5eb]{margin-bottom:10px}h2[data-v-a11ee5eb]{margin-top:1.5rem;margin-bottom:.75rem}h3[data-v-a11ee5eb]{margin-top:1rem}p[data-v-a11ee5eb]{margin-bottom:5px}ul li[data-v-a11ee5eb]{list-style-type:circle;list-style-position:inside;margin-left:15px}pre[data-v-a11ee5eb]{padding:12px;margin:12px;background-color:#eee}code[data-v-a11ee5eb]{font-size:.825rem;color:#ae0000}input[data-v-a11ee5eb]{padding:12px;margin:12px;background-color:#eee}.task-div[data-v-a11ee5eb]{padding:8px;margin:16px;border:solid;border-radius:4px;border-color:#303030}.action-button-container[data-v-a11ee5eb]{width:100%;display:flex;justify-content:center}")),document.head.appendChild(e)}}catch(a){console.error("vite-plugin-css-injected-by-js",a)}})();
+(function(o,a){typeof exports=="object"&&typeof module<"u"?a(exports,require("vuex"),require("vue")):typeof define=="function"&&define.amd?define(["exports","vuex","vue"],a):(o=typeof globalThis<"u"?globalThis:o||self,a(o["ui-dynamic-table"]={},o.vuex,o.Vue))})(this,function(o,a,t){"use strict";const h=(e,n)=>{const i=e.__vccOpts||e;for(const[r,s]of n)i[r]=s;return i},m={name:"UIDynamicTable",inject:["$socket"],props:{id:{type:String,required:!0},props:{type:Object,default:()=>({})},state:{type:Object,default:()=>({enabled:!0,visible:!0})}},computed:{...a.mapState("data",["messages"])},data(){return{search:"",actions:[],tasks:[],headers:[]}},mounted(){this.$socket.on("widget-load:"+this.id,e=>{this.initialize(e),this.$store.commit("data/bind",{widgetId:this.id,data:e})}),this.$socket.on("msg-input:"+this.id,e=>{this.initialize(e),this.$store.commit("data/bind",{widgetId:this.id,data:e})}),this.$socket.emit("widget-load",this.id)},unmounted(){var e,n;(e=this.$socket)==null||e.off("widget-load"+this.id),(n=this.$socket)==null||n.off("msg-input:"+this.id)},methods:{send(e,n){const i=[];i[n]=e,this.$socket.emit("widget-action",this.id,i)},actionFn(e,n){const i=this.messages[this.id];i.payload=n,this.send(i,this.actions.findIndex(r=>r.label===e.label))},initialize(e){this.tasks=e,this.actions=this.props.options,this.headers=this.props.columns.map(n=>({title:n.label,key:n.value})),this.headers.push({title:"Actions",align:"center",key:"actions"})},conditionCheck(e,n){if(e=="")return!0;try{return new Function("row",`return ${e}`)(n)}catch(i){return console.error("Error evaluating condition:",i),!1}}}};function f(e,n,i,r,s,d){const u=t.resolveComponent("v-text-field"),k=t.resolveComponent("v-toolbar"),b=t.resolveComponent("v-btn"),p=t.resolveComponent("v-container"),x=t.resolveComponent("v-alert"),g=t.resolveComponent("v-data-table");return t.openBlock(),t.createBlock(g,{headers:s.headers,items:s.tasks,search:s.search,class:"full-width-table"},{top:t.withCtx(()=>[t.createVNode(k,{flat:"",class:"py-2"},{default:t.withCtx(()=>[t.createVNode(u,{class:"mx-3",modelValue:s.search,"onUpdate:modelValue":n[0]||(n[0]=c=>s.search=c),label:"Search","prepend-inner-icon":"mdi-magnify",variant:"outlined","hide-details":"","single-line":""},null,8,["modelValue"])]),_:1})]),"item.actions":t.withCtx(({item:c})=>[t.createVNode(p,{class:"action-button-container"},{default:t.withCtx(()=>[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(s.actions,(l,y)=>(t.openBlock(),t.createBlock(p,{style:{padding:"0px",display:"inline",width:"fit-content",margin:"0px"}},{default:t.withCtx(()=>[d.conditionCheck(l.condition,c)?(t.openBlock(),t.createBlock(b,{style:{margin:"0px 2px"},key:y,size:"small",onClick:C=>d.actionFn(l,c)},{default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(l.label),1)]),_:2},1032,["onClick"])):t.createCommentVNode("",!0)]),_:2},1024))),256))]),_:2},1024)]),"no-data":t.withCtx(()=>[t.createVNode(x,{text:"No Data",style:{margin:"12px"}})]),_:1},8,["headers","items","search"])}const _=h(m,[["render",f],["__scopeId","data-v-a11ee5eb"]]);o.UIDynamicTable=_,Object.defineProperty(o,Symbol.toStringTag,{value:"Module"})});

package/ui/components/UIDynamicTable.vue

@@ -73,8 +73,6 @@ export default {
             });
         });
         this.$socket.on('msg-input:' + this.id, (data) => {
-
-            // TODO: MM - kommt hier data? oder eine Message an?
             this.initialize(data);
             this.$store.commit('data/bind', {
                 widgetId: this.id,
@@ -102,11 +100,6 @@ export default {
             );
         },
         initialize(tasks) {
-            // TODO: MM - start
-            // es sind nur die Tasks, sollte doch aber die Message mit Rows sein, oder?
-            // msg.payload ??
-            this.messages[this.id] = tasks;
-            // TODO: MM - end
             this.tasks = tasks;
             this.actions = this.props.options;