@5minds/node-red-dashboard-2-processcube-dynamic-table 2.0.1-feature-d958b6-mcew1who → 2.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
(function(){"use strict";try{if(typeof document<"u"){var t=document.createElement("style");t.appendChild(document.createTextNode("h1{margin-bottom:10px}h2{margin-top:1.5rem;margin-bottom:.75rem}h3{margin-top:1rem}p{margin-bottom:5px}ul li{list-style-type:circle;list-style-position:inside;margin-left:15px}pre{padding:12px;margin:12px;background-color:#eee}code{font-size:.825rem;color:#ae0000}input{padding:12px;margin:12px;background-color:#eee}.task-div{padding:8px;margin:16px;border:solid;border-radius:4px;border-color:#303030}.action-button-container{width:100%;display:flex;justify-content:center}.full-width-table{--v-table-header-height: 40px !important;background-color:#fff;border-radius:0 0 8px 8px}.full-width-table .v-toolbar,.full-width-table .v-table__wrapper .v-alert--variant-flat{background:unset!important;color:unset!important}.full-width-table :deep(thead th){border-bottom:4px solid rgb(var(--v-theme-primary))!important;font-weight:700!important;font-size:16px!important}.full-width-table :deep(tbody){background-color:unset!important;--widget-row-height: 40px !important;font-size:16px}.search-input :deep(.v-field__outline__end){border:none!important}.search-input :deep(.v-field__outline__start){border:none!important}.search-input :deep(.v-field__outline){display:none!important}.search-input :deep(.v-label){font-size:14px!important}.search-input :deep(.v-field){border-radius:0 0 0 8px;border-bottom:2px solid rgb(var(--v-theme-primary))!important;border-left:2px solid rgb(var(--v-theme-primary))!important;border-right:none!important;border-top:none!important;transition:border-width .1s ease-in-out;margin-bottom:8px}.search-input :deep(.v-field__input){font-size:18px;font-weight:400;font-style:normal;padding:4px 8px}.search-input:focus-within :deep(.v-field){border-bottom:4px solid rgb(var(--v-theme-primary))!important;border-left:4px solid rgb(var(--v-theme-primary))!important}.search-input:focus-within :deep(.v-field__input){background-color:#f6f5fa;border-radius:0 8px 0 5px}.action-button{border-radius:8px;background-color:transparent!important;border-color:rgb(var(--v-theme-primary));border:2px solid;color:rgb(var(--v-theme-primary));padding:8px}.ui-dynamic-table-container{border-radius:8px;border-bottom:4px solid rgb(var(--v-theme-primary));box-shadow:0 4px 16px -3px #00000080}.ui-dynamic-table-title-default{background:linear-gradient(131deg,#18181a 26.76%,#242326 100.16%);padding:32px;color:#fff;font-size:36px;font-weight:700;border-radius:8px 8px 0 0;margin-top:0;border:2px solid #f6f5fa;border-bottom:none;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.ui-dynamic-table-title-default hr{border:4px solid rgb(var(--v-theme-primary));border-radius:2px}.ui-dynamic-table-title-minimal{padding:16px;margin-top:0;border:2px solid #f6f5fa;border-bottom:none}.ui-dynamic-table-title-outside{padding-bottom:24px;padding-top:24px;font-size:24px;font-weight:700}.reload-button{border-radius:8px!important;background-color:transparent!important;border-color:rgb(var(--v-theme-primary))!important;border:2px solid!important;color:rgb(var(--v-theme-primary))!important;padding:8px!important;min-height:36px!important;font-weight:500!important}.reload-button:hover{background-color:rgba(var(--v-theme-primary),.08)!important}.reload-button:disabled{opacity:.6!important}.reload-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}h1[data-v-
|
|
2
|
-
(function(l,s){typeof exports=="object"&&typeof module<"u"?s(exports,require("vuex"),require("vue")):typeof define=="function"&&define.amd?define(["exports","vuex","vue"],s):(l=typeof globalThis<"u"?globalThis:l||self,s(l["ui-dynamic-table"]={},l.vuex,l.Vue))})(this,function(l,s,t){"use strict";const m=(e,n)=>{const i=e.__vccOpts||e;for(const[a,o]of n)i[a]=o;return i},y={name:"UIDynamicTableTitleText",props:{style:{type:String,default(){return"default"}},title:{type:String,default(){return""}},customStyles:{type:String,default(){return""}},titleIcon:{type:String,default(){return""}}},computed:{typeSpecificStyling(){return`ui-dynamic-table-title-${this.style}`}}},_={key:0},f=["src"],k={key:1};function u(e,n,i,a,o,c){return i.title.length>0?(t.openBlock(),t.createElementBlock("div",_,[t.createElementVNode("h3",{class:t.normalizeClass(c.typeSpecificStyling),style:{display:"flex",gap:"25px","align-items":"center"}},[t.createElementVNode("div",{style:t.normalizeStyle({width:"fit-content",display:i.style==="default"?"":"flex"})},[i.titleIcon.length>0?(t.openBlock(),t.createElementBlock("img",{key:0,src:i.titleIcon,style:{"padding-right":"16px"}},null,8,f)):t.createCommentVNode("",!0),t.createElementVNode("span",{style:t.normalizeStyle(i.customStyles)},t.toDisplayString(i.title),5),i.style==="default"?(t.openBlock(),t.createElementBlock("hr",k)):t.createCommentVNode("",!0)],4)],2)])):t.createCommentVNode("",!0)}const x={name:"UIDynamicTable",components:{UIDynamicTableTitleText:m(y,[["render",u]])},inject:["$socket"],props:{id:{type:String,required:!0},props:{type:Object,default:()=>({})},state:{type:Object,default:()=>({enabled:!0,visible:!0})}},computed:{...s.mapState("data",["messages"])},data(){return{search:"",actions:[],tasks:[],headers:[],isReloading:!1}},mounted(){this.$socket.on("widget-load:"+this.id,e=>{this.initialize(e),this.$store.commit("data/bind",{widgetId:this.id,msg:e})}),this.$socket.on("msg-input:"+this.id,e=>{Array.isArray(e)&&(e=e.filter(n=>n._client.socketId==this.$socket.id)[0]),this.initialize(e),this.messages[this.id]=e,this.$store.commit("data/bind",{widgetId:this.id,msg: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(a=>a.label===e.label))},initialize(e){this.tasks=e.payload,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}},reloadData(){this.isReloading=!0,this.$socket.emit("widget-load",this.id),setTimeout(()=>{this.isReloading=!1},1e3)}}},g={class:"ui-dynamic-table-container"};function b(e,n,i,a,o,c){const T=t.resolveComponent("UIDynamicTableTitleText"),S=t.resolveComponent("v-text-field"),V=t.resolveComponent("v-icon"),h=t.resolveComponent("v-btn"),w=t.resolveComponent("v-toolbar"),p=t.resolveComponent("v-container"),N=t.resolveComponent("v-alert"),I=t.resolveComponent("v-data-table");return t.openBlock(),t.createElementBlock("div",g,[i.props.title_text&&i.props.title_text.length>0?(t.openBlock(),t.createBlock(T,{key:0,title:i.props.title_text,style:t.normalizeStyle(i.props.title_style||"default"),customStyles:i.props.title_custom_text_styling||"",titleIcon:i.props.title_icon||""},null,8,["title","style","customStyles","titleIcon"])):t.createCommentVNode("",!0),t.createVNode(I,{headers:o.headers,items:o.tasks,search:o.search,class:"full-width-table"},{top:t.withCtx(()=>[t.createVNode(w,{flat:"",class:"pb-
|
|
1
|
+
(function(){"use strict";try{if(typeof document<"u"){var t=document.createElement("style");t.appendChild(document.createTextNode("h1{margin-bottom:10px}h2{margin-top:1.5rem;margin-bottom:.75rem}h3{margin-top:1rem}p{margin-bottom:5px}ul li{list-style-type:circle;list-style-position:inside;margin-left:15px}pre{padding:12px;margin:12px;background-color:#eee}code{font-size:.825rem;color:#ae0000}input{padding:12px;margin:12px;background-color:#eee}.task-div{padding:8px;margin:16px;border:solid;border-radius:4px;border-color:#303030}.action-button-container{width:100%;display:flex;justify-content:center}.full-width-table{--v-table-header-height: 40px !important;background-color:#fff;border-radius:0 0 8px 8px}.full-width-table .v-toolbar,.full-width-table .v-table__wrapper .v-alert--variant-flat{background:unset!important;color:unset!important}.full-width-table :deep(thead th){border-bottom:4px solid rgb(var(--v-theme-primary))!important;font-weight:700!important;font-size:16px!important}.full-width-table :deep(tbody){background-color:unset!important;--widget-row-height: 40px !important;font-size:16px}.search-input :deep(.v-field__outline__end){border:none!important}.search-input :deep(.v-field__outline__start){border:none!important}.search-input :deep(.v-field__outline){display:none!important}.search-input :deep(.v-label){font-size:14px!important}.search-input :deep(.v-field){border-radius:0 0 0 8px;border-bottom:2px solid rgb(var(--v-theme-primary))!important;border-left:2px solid rgb(var(--v-theme-primary))!important;border-right:none!important;border-top:none!important;transition:border-width .1s ease-in-out;margin-bottom:8px}.search-input :deep(.v-field__input){font-size:18px;font-weight:400;font-style:normal;padding:4px 8px}.search-input:focus-within :deep(.v-field){border-bottom:4px solid rgb(var(--v-theme-primary))!important;border-left:4px solid rgb(var(--v-theme-primary))!important}.search-input:focus-within :deep(.v-field__input){background-color:#f6f5fa;border-radius:0 8px 0 5px}.action-button{border-radius:8px;background-color:transparent!important;border-color:rgb(var(--v-theme-primary));border:2px solid;color:rgb(var(--v-theme-primary));padding:8px}.ui-dynamic-table-container{border-radius:8px;border-bottom:4px solid rgb(var(--v-theme-primary));box-shadow:0 4px 16px -3px #00000080}.ui-dynamic-table-title-default{background:linear-gradient(131deg,#18181a 26.76%,#242326 100.16%);padding:32px;color:#fff;font-size:36px;font-weight:700;border-radius:8px 8px 0 0;margin-top:0;border:2px solid #f6f5fa;border-bottom:none;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.ui-dynamic-table-title-default hr{border:4px solid rgb(var(--v-theme-primary));border-radius:2px}.ui-dynamic-table-title-minimal{padding:16px;margin-top:0;border:2px solid #f6f5fa;border-bottom:none}.ui-dynamic-table-title-outside{padding-bottom:24px;padding-top:24px;font-size:24px;font-weight:700}.reload-button{border-radius:8px!important;background-color:transparent!important;border-color:rgb(var(--v-theme-primary))!important;border:2px solid!important;color:rgb(var(--v-theme-primary))!important;padding:8px!important;min-height:36px!important;font-weight:500!important}.reload-button:hover{background-color:rgba(var(--v-theme-primary),.08)!important}.reload-button:disabled{opacity:.6!important}.reload-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}h1[data-v-b10ad88c]{margin-bottom:10px}h2[data-v-b10ad88c]{margin-top:1.5rem;margin-bottom:.75rem}h3[data-v-b10ad88c]{margin-top:1rem}p[data-v-b10ad88c]{margin-bottom:5px}ul li[data-v-b10ad88c]{list-style-type:circle;list-style-position:inside;margin-left:15px}pre[data-v-b10ad88c]{padding:12px;margin:12px;background-color:#eee}code[data-v-b10ad88c]{font-size:.825rem;color:#ae0000}input[data-v-b10ad88c]{padding:12px;margin:12px;background-color:#eee}.task-div[data-v-b10ad88c]{padding:8px;margin:16px;border:solid;border-radius:4px;border-color:#303030}.action-button-container[data-v-b10ad88c]{width:100%;display:flex;justify-content:center}.full-width-table[data-v-b10ad88c]{--v-table-header-height: 40px !important;background-color:#fff;border-radius:0 0 8px 8px}.full-width-table .v-toolbar[data-v-b10ad88c],.full-width-table .v-table__wrapper .v-alert--variant-flat[data-v-b10ad88c]{background:unset!important;color:unset!important}.full-width-table[data-v-b10ad88c] thead th{border-bottom:4px solid rgb(var(--v-theme-primary))!important;font-weight:700!important;font-size:16px!important}.full-width-table[data-v-b10ad88c] tbody{background-color:unset!important;--widget-row-height: 40px !important;font-size:16px}.search-input[data-v-b10ad88c] .v-field__outline__end,.search-input[data-v-b10ad88c] .v-field__outline__start{border:none!important}.search-input[data-v-b10ad88c] .v-field__outline{display:none!important}.search-input[data-v-b10ad88c] .v-label{font-size:14px!important}.search-input[data-v-b10ad88c] .v-field{border-radius:0 0 0 8px;border-bottom:2px solid rgb(var(--v-theme-primary))!important;border-left:2px solid rgb(var(--v-theme-primary))!important;border-right:none!important;border-top:none!important;transition:border-width .1s ease-in-out;margin-bottom:8px}.search-input[data-v-b10ad88c] .v-field__input{font-size:18px;font-weight:400;font-style:normal;padding:4px 8px}.search-input[data-v-b10ad88c]:focus-within .v-field{border-bottom:4px solid rgb(var(--v-theme-primary))!important;border-left:4px solid rgb(var(--v-theme-primary))!important}.search-input[data-v-b10ad88c]:focus-within .v-field__input{background-color:#f6f5fa;border-radius:0 8px 0 5px}.action-button[data-v-b10ad88c]{border-radius:8px;background-color:transparent!important;border-color:rgb(var(--v-theme-primary));border:2px solid;color:rgb(var(--v-theme-primary));padding:8px}.ui-dynamic-table-container[data-v-b10ad88c]{border-radius:8px;border-bottom:4px solid rgb(var(--v-theme-primary));box-shadow:0 4px 16px -3px #00000080}.ui-dynamic-table-title-default[data-v-b10ad88c]{background:linear-gradient(131deg,#18181a 26.76%,#242326 100.16%);padding:32px;color:#fff;font-size:36px;font-weight:700;border-radius:8px 8px 0 0;margin-top:0;border:2px solid #f6f5fa;border-bottom:none;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.ui-dynamic-table-title-default hr[data-v-b10ad88c]{border:4px solid rgb(var(--v-theme-primary));border-radius:2px}.ui-dynamic-table-title-minimal[data-v-b10ad88c]{padding:16px;margin-top:0;border:2px solid #f6f5fa;border-bottom:none}.ui-dynamic-table-title-outside[data-v-b10ad88c]{padding-bottom:24px;padding-top:24px;font-size:24px;font-weight:700}.reload-button[data-v-b10ad88c]{border-radius:8px!important;background-color:transparent!important;border-color:rgb(var(--v-theme-primary))!important;border:2px solid!important;color:rgb(var(--v-theme-primary))!important;padding:8px!important;min-height:36px!important;font-weight:500!important}.reload-button[data-v-b10ad88c]:hover{background-color:rgba(var(--v-theme-primary),.08)!important}.reload-button[data-v-b10ad88c]:disabled{opacity:.6!important}.reload-spin[data-v-b10ad88c]{animation:spin-b10ad88c 1s linear infinite}@keyframes spin-b10ad88c{0%{transform:rotate(0)}to{transform:rotate(360deg)}}")),document.head.appendChild(t)}}catch(r){console.error("vite-plugin-css-injected-by-js",r)}})();
|
|
2
|
+
(function(l,s){typeof exports=="object"&&typeof module<"u"?s(exports,require("vuex"),require("vue")):typeof define=="function"&&define.amd?define(["exports","vuex","vue"],s):(l=typeof globalThis<"u"?globalThis:l||self,s(l["ui-dynamic-table"]={},l.vuex,l.Vue))})(this,function(l,s,t){"use strict";const m=(e,n)=>{const i=e.__vccOpts||e;for(const[a,o]of n)i[a]=o;return i},y={name:"UIDynamicTableTitleText",props:{style:{type:String,default(){return"default"}},title:{type:String,default(){return""}},customStyles:{type:String,default(){return""}},titleIcon:{type:String,default(){return""}}},computed:{typeSpecificStyling(){return`ui-dynamic-table-title-${this.style}`}}},_={key:0},f=["src"],k={key:1};function u(e,n,i,a,o,c){return i.title.length>0?(t.openBlock(),t.createElementBlock("div",_,[t.createElementVNode("h3",{class:t.normalizeClass(c.typeSpecificStyling),style:{display:"flex",gap:"25px","align-items":"center"}},[t.createElementVNode("div",{style:t.normalizeStyle({width:"fit-content",display:i.style==="default"?"":"flex"})},[i.titleIcon.length>0?(t.openBlock(),t.createElementBlock("img",{key:0,src:i.titleIcon,style:{"padding-right":"16px"}},null,8,f)):t.createCommentVNode("",!0),t.createElementVNode("span",{style:t.normalizeStyle(i.customStyles)},t.toDisplayString(i.title),5),i.style==="default"?(t.openBlock(),t.createElementBlock("hr",k)):t.createCommentVNode("",!0)],4)],2)])):t.createCommentVNode("",!0)}const x={name:"UIDynamicTable",components:{UIDynamicTableTitleText:m(y,[["render",u]])},inject:["$socket"],props:{id:{type:String,required:!0},props:{type:Object,default:()=>({})},state:{type:Object,default:()=>({enabled:!0,visible:!0})}},computed:{...s.mapState("data",["messages"])},data(){return{search:"",actions:[],tasks:[],headers:[],isReloading:!1}},mounted(){this.$socket.on("widget-load:"+this.id,e=>{this.initialize(e),this.$store.commit("data/bind",{widgetId:this.id,msg:e})}),this.$socket.on("msg-input:"+this.id,e=>{Array.isArray(e)&&(e=e.filter(n=>n._client.socketId==this.$socket.id)[0]),this.initialize(e),this.messages[this.id]=e,this.$store.commit("data/bind",{widgetId:this.id,msg: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(a=>a.label===e.label))},initialize(e){this.tasks=e.payload,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}},reloadData(){this.isReloading=!0,this.$socket.emit("widget-load",this.id),setTimeout(()=>{this.isReloading=!1},1e3)}}},g={class:"ui-dynamic-table-container"};function b(e,n,i,a,o,c){const T=t.resolveComponent("UIDynamicTableTitleText"),S=t.resolveComponent("v-text-field"),V=t.resolveComponent("v-icon"),h=t.resolveComponent("v-btn"),w=t.resolveComponent("v-toolbar"),p=t.resolveComponent("v-container"),N=t.resolveComponent("v-alert"),I=t.resolveComponent("v-data-table");return t.openBlock(),t.createElementBlock("div",g,[i.props.title_text&&i.props.title_text.length>0?(t.openBlock(),t.createBlock(T,{key:0,title:i.props.title_text,style:t.normalizeStyle(i.props.title_style||"default"),customStyles:i.props.title_custom_text_styling||"",titleIcon:i.props.title_icon||""},null,8,["title","style","customStyles","titleIcon"])):t.createCommentVNode("",!0),t.createVNode(I,{headers:o.headers,items:o.tasks,search:o.search,class:"full-width-table"},{top:t.withCtx(()=>[t.createVNode(w,{flat:"",class:"pb-4 pt-8"},{default:t.withCtx(()=>[t.createVNode(S,{class:"mx-3 search-input",modelValue:o.search,"onUpdate:modelValue":n[0]||(n[0]=r=>o.search=r),label:"Suchen","prepend-inner-icon":"mdi-magnify",variant:"outlined","hide-details":"","single-line":""},null,8,["modelValue"]),t.createVNode(h,{class:"reload-button ml-2 mr-8",onClick:c.reloadData,disabled:o.isReloading,size:"small",variant:"outlined"},{default:t.withCtx(()=>[t.createVNode(V,{left:"",class:t.normalizeClass({"reload-spin":o.isReloading})},{default:t.withCtx(()=>[t.createTextVNode("mdi-refresh")]),_:1},8,["class"]),t.createTextVNode(" Neu Laden ")]),_:1},8,["onClick","disabled"])]),_:1})]),"item.actions":t.withCtx(({item:r})=>[t.createVNode(p,{class:"action-button-container"},{default:t.withCtx(()=>[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(o.actions,(d,B)=>(t.openBlock(),t.createBlock(p,{style:{padding:"0px",display:"inline",width:"fit-content",margin:"0px"}},{default:t.withCtx(()=>[c.conditionCheck(d.condition,r)?(t.openBlock(),t.createBlock(h,{style:{margin:"0px 2px"},class:"action-button",key:B,size:"small",onClick:z=>c.actionFn(d,r)},{default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(d.label),1)]),_:2},1032,["onClick"])):t.createCommentVNode("",!0)]),_:2},1024))),256))]),_:2},1024)]),"no-data":t.withCtx(()=>[t.createVNode(N,{text:"No Data",style:{margin:"12px"}})]),_:1},8,["headers","items","search"])])}const C=m(x,[["render",b],["__scopeId","data-v-b10ad88c"]]);l.UIDynamicTable=C,Object.defineProperty(l,Symbol.toStringTag,{value:"Module"})});
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
:titleIcon="props.title_icon || ''" />
|
|
6
6
|
<v-data-table :headers="headers" :items="tasks" :search="search" class="full-width-table">
|
|
7
7
|
<template v-slot:top>
|
|
8
|
-
<v-toolbar flat class="pb-
|
|
8
|
+
<v-toolbar flat class="pb-4 pt-8">
|
|
9
9
|
<v-text-field class="mx-3 search-input" v-model="search" label="Suchen"
|
|
10
10
|
prepend-inner-icon="mdi-magnify" variant="outlined" hide-details single-line></v-text-field>
|
|
11
11
|
<v-btn class="reload-button ml-2 mr-8" @click="reloadData" :disabled="isReloading" size="small"
|