iobroker.vis-2-widgets-inventwo 0.3.1 → 0.3.2

package/README.md

@@ -39,6 +39,10 @@ Switches
     Placeholder for the next version (at the beginning of the line):
     ### **WORK IN PROGRESS**
 -->
+### 0.3.2 (2025-07-11)
+* Support font styles in table widget (#78)
+* Added border and shadow options for table widget (#78)
+
 ### 0.3.1 (2025-07-08)
 * Change build to vite
 

package/io-package.json

@@ -1,8 +1,21 @@
 {
   "common": {
     "name": "vis-2-widgets-inventwo",
-    "version": "0.3.1",
+    "version": "0.3.2",
     "news": {
+      "0.3.2": {
+        "en": "Support font styles in table widget (#78)\nAdded border and shadow options for table widget (#78)",
+        "de": "Unterstützt Schriftarten im Tabellen-Widget (#78)\nHinzufügen von Grenz- und Schattenoptionen für Tisch-Widget (#78)",
+        "ru": "Поддержка стилей шрифтов в виджете таблицы (#78)\nДобавлены параметры границы и тени для виджета таблицы (#78)",
+        "pt": "Suporte aos estilos de letra no widget de tabelas (# 78)\nOpções de contorno e sombra adicionadas para o elemento da tabela (# 78)",
+        "nl": "Lettertypestijlen in tabelwidget ondersteunen (#78)\nRand- en schaduwopties toegevoegd voor tabelwidget (#78)",
+        "fr": "Prise en charge des styles de police dans le widget de table (#78)\nAjout d'options bordure et ombre pour widget de table (#78)",
+        "it": "Supporta gli stili di carattere nel widget della tabella (#78)\nOpzioni di bordo e ombra aggiunti per widget di tabella (#78)",
+        "es": "Soporte estilos de fuentes en el widget de mesa (#78)\nOpciones de borde y sombra adicionales para el widget de mesa (#78)",
+        "pl": "Wsparcie stylów czcionek w tabeli widget (# 78)\nDodano opcje graniczne i cienie dla widżetu tabeli (# 78)",
+        "uk": "Підтримка стилів шрифту в настільному віджеті (#78)\nДодано межі та параметри тіні для настільного віджету (#78)",
+        "zh-cn": "表格部件中支持字体样式 (# 78)\n为表格部件添加边框和阴影选项(# 78)"
+      },
       "0.3.1": {
         "en": "Change build to vite",
         "de": "Umbau auf Vite",
@@ -16,19 +29,6 @@
         "uk": "Зміна побудови віта",
         "zh-cn": "更改构建为 vite"
       },
-      "0.3.0": {
-        "en": "Added new widget: Checkbox\nFixed issue with table widget and object values (#77)\nFixed translated text (#79)",
-        "de": "Neues Widget hinzugefügt: Checkbox\nProblem behoben mit Tabellen-Widget und Objektwerten (#77)\nText behoben (#79)",
-        "ru": "Добавлен новый виджет: Checkbox\nФиксированная проблема с виджетом таблицы и значениями объектов (#77)\nПереведенный текст (#79)",
-        "pt": "Adicionado novo elemento: caixa de seleção\nProblema corrigido com os valores do widget e objeto da tabela (#77)\nTexto traduzido corrigido (# 79)",
-        "nl": "Nieuw widget toegevoegd: selectievakje\nVast probleem met tabelwidget- en objectwaarden (#77)\nVaste vertaalde tekst (#79)",
-        "fr": "Ajout d'un nouveau widget: Checkbox\nProblème corrigé avec widget de table et valeurs objet (#77)\nTexte traduit corrigé (#79)",
-        "it": "Aggiunto nuovo widget: Checkbox\nProblema fisso con widget di tabella e valori oggetti (#77)\nTesto tradotto fisso (#79)",
-        "es": "Añadido nuevo widget: caja de verificación\nEdición fija con widget de mesa y valores de objeto (#77)\nTexto traducido fijo (#79)",
-        "pl": "Dodano nowy widget: Checkbox\nNaprawiono problem z widżetem tabeli i wartościami obiektu (# 77)\nNaprawiono przetłumaczony tekst (# 79)",
-        "uk": "Додано новий віджет: Checkbox\nВиправлено проблему з значеннями таблиці віджетів та об'єктів (#77)\nВиправлено перекладений текст (#79)",
-        "zh-cn": "添加新部件: 复选框\n表格部件和对象值的固定问题 (# 77)\n固定翻译文本 (# 79)"
-      },
       "0.2.2": {
         "en": "Fixed build issue",
         "de": "Fixed Build Problem",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "iobroker.vis-2-widgets-inventwo",
-  "version": "0.3.1",
+  "version": "0.3.2",
   "description": "ioBroker vis2 inventwo widgets",
   "author": "jkvarel <jk@inventwo.com>",
   "contributors": [

package/widgets/vis-2-widgets-inventwo/assets/InventwoWidgetTable-B94wpCGX.js

@@ -0,0 +1 @@
+import{j as l}from"./jsx-runtime-CmYjgQpa.js";import"./vis2Inventwo__loadShare__react__loadShare__-YKp8zW3_.js";import{v as o}from"./vis2Inventwo__loadShare___mf_0_mui_mf_1_material__loadShare__-CdzygBMm.js";import{I as z}from"./InventwoGeneric-Pwz_ixvQ.js";import{s as b}from"./styled-6hR4rQUz.js";import{t as W,a as x}from"./tableRowClasses-Db_EYm5P.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./vis2Inventwo__mf_v__runtimeInit__mf_v__-CKrTQn3L.js";import"./defaultTheme-CgtMi-7i.js";class C extends z{static getWidgetInfo(){return{id:"tplInventwoWidgetTable",visSet:"vis-2-widgets-inventwo",visWidgetLabel:"widget_table",visName:"widget_table",visAttrs:[{name:"common",fields:[{name:"oid",type:"id",label:"oid"},{name:"countColumns",type:"number",default:0,label:"count_columns",hidden:"data.countColumns > 0"},{name:"maxRows",type:"number",min:0,step:1,default:0,label:"max_rows"},{name:"showHead",type:"checkbox",default:!0,label:"show_head"}]},{name:"countColumns",indexFrom:1,indexTo:"countColumns",label:"attr_group_columns",fields:[{name:"columnKey",type:"text",label:"key"},{name:"columnTitle",type:"text",label:"title"},{name:"columnWidth",type:"slider",min:0,max:200,step:1,default:0,label:"width"},{name:"columnPrefix",type:"text",label:"prefix"},{name:"columnSuffix",type:"text",label:"suffix"},{name:"columnPlaceholder",type:"text",label:"placeholder"},{name:"columnTitleAlign",type:"select",options:[{value:"left",label:"left"},{value:"center",label:"center"},{value:"right",label:"right"}],default:"center",label:"title_align"},{name:"columnContentAlign",type:"select",options:[{value:"left",label:"left"},{value:"center",label:"center"},{value:"right",label:"right"}],default:"left",label:"content_align"},{name:"columnValueFormat",type:"select",options:[{value:"text",label:"Text"},{value:"number",label:"Number"},{value:"datetime",label:"datetime"}],default:"text",label:"format"},{name:"columnNumberDecimals",type:"number",label:"decimals",default:0,hidden:'data["columnValueFormat" + index] != "number"'},{name:"columnDatetimeFormat",type:"select",options:[{value:"datetime",label:"Datetime"},{value:"date",label:"Date"},{value:"time",label:"Time"}],default:"datetime",label:"datetime_format",hidden:'data["columnValueFormat" + index] != "datetime"'}]},{name:"attr_content_css_table",label:"attr_content_css_table",fields:[{type:"help",text:"vis_2_widgets_inventwo_colors"},{name:"backgroundHeader",type:"color",label:"background_header"},{name:"backgroundOddRow",type:"color",label:"background_odd_row"},{name:"backgroundEvenRow",type:"color",label:"background_even_row"},{type:"help",text:"vis_2_widgets_inventwo_heights"},{name:"headerHeight",type:"slider",min:0,max:100,step:1,default:50,label:"header_height"},{name:"columnHeight",type:"slider",min:0,max:100,step:1,default:50,label:"column_height"}]},{name:"attr_group_css_border",label:"attr_group_css_border",fields:[{label:"from_widget",name:"borderStyleFromWidget",type:"widget",tpl:"tplInventwoWidgetTable",all:!0},{name:"borderColor",type:"color",label:"border_color"},{name:"borderSizeTop",type:"slider",min:0,max:10,step:1,default:0,label:"size_top",hidden:"!!data.borderStyleFromWidget"},{name:"borderSizeBottom",type:"slider",min:0,max:10,step:1,default:0,label:"size_bottom",hidden:"!!data.borderStyleFromWidget"},{name:"borderSizeLeft",type:"slider",min:0,max:10,step:1,default:0,label:"size_left",hidden:"!!data.borderStyleFromWidget"},{name:"borderSizeRight",type:"slider",min:0,max:10,step:1,default:0,label:"size_right",hidden:"!!data.borderStyleFromWidget"},{name:"borderStyle",type:"select",options:[{value:"none",label:"none"},{value:"dashed",label:"dashed"},{value:"dotted",label:"dotted"},{value:"double",label:"double"},{value:"groove",label:"groove"},{value:"inset",label:"outset"},{value:"ridge",label:"ridge"},{value:"solid",label:"solid"}],default:"none",label:"border_style",hidden:"!!data.borderStyleFromWidget"}]},{name:"attr_group_css_outer_shadow",label:"attr_group_css_outer_shadow",fields:[{label:"from_widget",name:"outerShadowStyleFromWidget",type:"widget",tpl:"tplInventwoWidgetTable",all:!0},{name:"outerShadowColor",type:"color",label:"outer_shadow_color",default:"rgb(0,0,0)",hidden:"!!data.outerShadowStyleFromWidget"},{name:"outerShadowX",type:"slider",min:0,max:50,step:1,default:2,label:"x_offset",hidden:"!!data.outerShadowStyleFromWidget"},{name:"outerShadowY",type:"slider",min:0,max:50,step:1,default:2,label:"y_offset",hidden:"!!data.outerShadowStyleFromWidget"},{name:"outerShadowBlur",type:"slider",min:0,max:50,step:1,default:2,label:"blur",hidden:"!!data.outerShadowStyleFromWidget"},{name:"outerShadowSize",type:"slider",min:0,max:50,step:1,default:1,label:"size",hidden:"!!data.outerShadowStyleFromWidget"}]}],visDefaultStyle:{overflow:"visible"},visPrev:"widgets/vis-2-widgets-inventwo/img/vis-widget-inventwo-table.png"}}propertiesUpdate(){}componentDidMount(){super.componentDidMount(),this.propertiesUpdate()}static getI18nPrefix(){return"vis_2_widgets_inventwo_"}getWidgetInfo(){return C.getWidgetInfo()}onRxDataChanged(){this.propertiesUpdate()}onRxStyleChanged(){}onStateUpdated(f,y){}renderWidgetBody(f){super.renderWidgetBody(f),this.wrappedContent=!0;const y=this.state.rxData.oid,h=this.getValue(y);let r=null;if(h==null||h==="")return l.jsx("div",{children:"Keine Daten"});try{r=JSON.parse(h)}catch{return l.jsx("div",{children:"Invalides JSON"})}const p=[],S=[],n=this.getStyle("outerShadowStyleFromWidget",this.groupAttrs.attr_group_css_outer_shadow),s=this.getStyle("borderStyleFromWidget",this.groupAttrs.attr_group_css_border),T=b(o.TableRow)(()=>({[`&.${W.root}`]:{height:this.state.rxData.headerHeight+(Number.isNaN(Number(this.state.rxData.headerHeight))?"":"px")}})),w=b(o.TableCell)(()=>({[`&.${x.head}`]:{backgroundColor:this.state.rxData.backgroundHeader},[`&.${x.root}`]:{paddingTop:0,paddingBottom:0,fontSize:this.state.rxStyle["font-size"],color:this.state.rxStyle.color,textShadow:this.state.rxStyle["text-shadow"],fontFamily:this.state.rxStyle["font-family"],fontStyle:this.state.rxStyle["font-style"],fontVariant:this.state.rxStyle["font-variant"],fontWeight:this.state.rxStyle["font-weight"],lineHeight:this.state.rxStyle["line-height"],letterSpacing:this.state.rxStyle["letter-spacing"],wordSpacing:this.state.rxStyle["word-spacing"]}})),_=b(o.TableCell)(()=>({[`&.${x.root}`]:{paddingTop:0,paddingBottom:0,fontSize:this.state.rxStyle["font-size"],color:this.state.rxStyle.color,textShadow:this.state.rxStyle["text-shadow"],fontFamily:this.state.rxStyle["font-family"],fontStyle:this.state.rxStyle["font-style"],fontVariant:this.state.rxStyle["font-variant"],fontWeight:this.state.rxStyle["font-weight"],lineHeight:this.state.rxStyle["line-height"],letterSpacing:this.state.rxStyle["letter-spacing"],wordSpacing:this.state.rxStyle["word-spacing"]}})),F=b(o.TableRow)(()=>({"&:nth-of-type(odd)":{backgroundColor:this.state.rxData.backgroundOddRow},"&:nth-of-type(even)":{backgroundColor:this.state.rxData.backgroundEvenRow},[`&.${W.root}`]:{height:this.state.rxData.columnHeight+(Number.isNaN(Number(this.state.rxData.columnHeight))?"":"px")}}));if(r.length>0){const g=this.state.rxData.countColumns;if(g===0)Object.keys(r[0]).forEach((t,i)=>{p.push(l.jsx(w,{children:t},i))});else for(let t=1;t<=this.state.rxData.countColumns;t++){let i=this.state.rxData[`columnTitle${t}`];i===null&&(i=Object.keys(r[0])[t-1]);const d={textAlign:this.state.rxData[`columnTitleAlign${t}`]};this.state.rxData[`columnWidth${t}`]&&(d.width=`${this.state.rxData[`columnWidth${t}`]}${Number.isNaN(Number(this.state.rxData[`columnWidth${t}`]))?"":"px"}`),p.push(l.jsx(w,{style:d,children:i},t))}let m=this.state.rxData.maxRows;m<=0?m=r.length:m=Math.min(m,r.length);for(let t=0;t<m;t++){const i=r[t],d=[];if(g===0)Object.values(i).forEach((e,u)=>{typeof e=="object"&&e!==null&&(e=JSON.stringify(e)),d.push(l.jsx(_,{children:e},`${t}_${u}`))});else for(let e=1;e<=this.state.rxData.countColumns;e++){let u=this.state.rxData[`columnKey${e}`];const j=this.state.rxData[`columnPrefix${e}`],N=this.state.rxData[`columnSuffix${e}`],D=this.state.rxData[`columnPlaceholder${e}`],$=this.state.rxData[`columnValueFormat${e}`];u||(u=Object.keys(r[0])[e-1]);let a=i[u];if((a===null||a==="")&&D)a=D;else if($==="number")a=new Intl.NumberFormat(navigator.language,{minimumFractionDigits:this.state.rxData[`columnNumberDecimals${e}`]??0,maximumFractionDigits:this.state.rxData[`columnNumberDecimals${e}`]??0}).format(a);else if($==="datetime"&&a){const c=this.state.rxData[`columnDatetimeFormat${e}`];c==="datetime"?a=new Date(a).toLocaleString():c==="date"?a=new Date(a).toLocaleDateString():c==="time"&&(a=new Date(a).toLocaleTimeString())}typeof a=="object"&&a!==null&&(a=JSON.stringify(a)),d.push(l.jsxs(_,{style:{textAlign:this.state.rxData[`columnContentAlign${e}`]},children:[j,a,N]},`${t}_${e}`))}S.push(l.jsx(F,{sx:{"&:last-child td, &:last-child th":{border:0}},children:d},t))}}let v="";return n.outerShadowColor&&(v+=`${n.outerShadowX}px ${n.outerShadowY}px ${n.outerShadowBlur}px ${n.outerShadowSize}px ${n.outerShadowColor}`),l.jsx("div",{style:{boxShadow:`${v}`,overflow:"visible",height:"100%",borderColor:s.borderColor,borderTopWidth:`${s.borderSizeTop}px`,borderBottomWidth:`${s.borderSizeBottom}px`,borderLeftWidth:`${s.borderSizeLeft}px`,borderRightWidth:`${s.borderSizeRight}px`,borderStyle:s.borderStyle},children:l.jsx(o.TableContainer,{component:o.Paper,style:{height:"100%"},children:l.jsxs(o.Table,{children:[this.state.rxData.showHead&&l.jsx(o.TableHead,{children:l.jsx(T,{children:p})}),l.jsx(o.TableBody,{children:S})]})})})}}export{C as default};

package/widgets/vis-2-widgets-inventwo/assets/hostInit-DEl-5FFs.js

@@ -1,2 +1,2 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["../customWidgets.js","./vis2Inventwo__mf_v__runtimeInit__mf_v__-CKrTQn3L.js","./virtualExposes-Dex0lQav.js","./preload-helper-Dp1pzeXC.js"])))=>i.map(i=>d[i]);
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["../customWidgets.js","./vis2Inventwo__mf_v__runtimeInit__mf_v__-CKrTQn3L.js","./virtualExposes-C7-AORkG.js","./preload-helper-Dp1pzeXC.js"])))=>i.map(i=>d[i]);
 import{_ as i}from"./preload-helper-Dp1pzeXC.js";const r=i(()=>import("../customWidgets.js"),__vite__mapDeps([0,1,2,3]),import.meta.url);Promise.resolve(r).then(e=>Promise.resolve(e.__tla).then(e.init).catch(e.init));