Test Adapter Material Design Widgets v0.2.x

[Scrounger]

@darkiop sagte in Test Adapter Material Design Widgets v0.2.x:

Hier ein Beispiel. Ich habe mit deinem Widget eine recht flexible View erstellt. Die OIDs werden durch einen DP gesetzt - darunter ist auch ein Wert 'deaktiviert'. Anhand der OIDs bzw. dem Wert deaktiviert befülle ich einen weiteren DP mit einem Text der dann als VIS Bindung in das Legenden-Textfeld geschrieben wird.

Gäbe es jetzt noch einen DP über den ich die OIDs von der VIS aus aktivieren/deaktivieren kann, könnte man den Fehler vermeiden. Das ist natürlich nur kosmetik, das Log macht natürlich nicht weg. Ich hatte die lezten Wochen aber so einen Tick und hab mein Log-File aufgeräumt und drauf geachtet das nur das geschriebn wird was auch wirklich gebraucht wird

Ok ich glaub ich hab es verstanden. Also du hast quasi ein Chart mit 3 Datensätze und die Datensätze kannst du dynamisch ändern?
Und wie geht das? Also was trägst du in dein OID ein. Idee find ich recht interessant, weil dann nicht alle Daten geladen werden müssten.

Andere Frage, Farben mit transparenz-Werten angeben zu können (rgba()) wäre ein VIS Thema oder?

Geht doch schon längst

@MarEhg sagte in Test Adapter Material Design Widgets v0.2.x:

1. Kann man die Farbe der Y-Achse eines Datensatzes anpassen?
   In meinem Fall hätte ich gern die linke Y-Achse in 'grün'.

Geht jetzt doch:

[darkiop]

@Scrounger sagte in Test Adapter Material Design Widgets v0.2.x:

Ok ich glaub ich hab es verstanden. Also du hast quasi ein Chart mit 3 Datensätze und die Datensätze kannst du dynamisch ändern?
Und wie geht das? Also was trägst du in dein OID ein. Idee find ich recht interessant, weil dann nicht alle Daten geladen werden müssten.

So wird ein Chart halt sehr flexibel. Wenn ich das für alle meine Werte umsetze spare ich sicher 10-15 Views ...

Über die Bindings:

Hier der View. Der Legendentext wird in einem Skript geschrieben (wenn OID = 4711, dann text ....):

Spoiler

{
 "settings": {
   "style": {
     "background_class": ""
   },
   "theme": "black-tie",
   "sizex": "",
   "sizey": "",
   "gridSize": "10",
   "snapType": 2,
   "useBackground": false
 },
 "widgets": {
   "e00001": {
     "tpl": "tplHtml",
     "data": {
       "g_fixed": true,
       "g_visibility": false,
       "g_css_font_text": true,
       "g_css_background": false,
       "g_css_shadow_padding": false,
       "g_css_border": false,
       "g_gestures": false,
       "g_signals": false,
       "visibility-cond": "==",
       "visibility-val": 1,
       "visibility-groups-action": "hide",
       "refreshInterval": "0",
       "signals-cond-0": "==",
       "signals-val-0": true,
       "signals-icon-0": "/vis.0/main-2020/lowbattery.png",
       "signals-icon-size-0": 0,
       "signals-blink-0": false,
       "signals-horz-0": 0,
       "signals-vert-0": 0,
       "signals-hide-edit-0": false,
       "signals-cond-1": "==",
       "signals-val-1": true,
       "signals-icon-1": "/vis.0/main-2020/lowbattery.png",
       "signals-icon-size-1": 0,
       "signals-blink-1": false,
       "signals-horz-1": 0,
       "signals-vert-1": 0,
       "signals-hide-edit-1": false,
       "signals-cond-2": "==",
       "signals-val-2": true,
       "signals-icon-2": "/vis.0/main-2020/lowbattery.png",
       "signals-icon-size-2": 0,
       "signals-blink-2": false,
       "signals-horz-2": 0,
       "signals-vert-2": 0,
       "signals-hide-edit-2": false,
       "html": "",
       "class": "mdui-abar mdui-bluegrey-bg",
       "lc-type": "last-change",
       "lc-is-interval": true,
       "lc-is-moment": false,
       "lc-format": "",
       "lc-position-vert": "top",
       "lc-position-horz": "right",
       "lc-offset-vert": 0,
       "lc-offset-horz": 0,
       "lc-font-size": "12px",
       "lc-font-family": "",
       "lc-font-style": "",
       "lc-bkg-color": "",
       "lc-color": "",
       "lc-border-width": "0",
       "lc-border-style": "",
       "lc-border-color": "",
       "lc-border-radius": 10,
       "lc-zindex": 0,
       "comment": "",
       "name": "app-bar"
     },
     "style": {
       "left": "0px",
       "top": "-1px",
       "width": "100%",
       "height": "50px",
       "z-index": "0",
       "color": "#ffffff",
       "text-align": "center",
       "font-family": "RobotoCondensed-Light"
     },
     "widgetSet": "basic"
   },
   "e00002": {
     "tpl": "tplHtml",
     "data": {
       "g_fixed": true,
       "g_visibility": false,
       "g_css_font_text": false,
       "g_css_background": false,
       "g_css_shadow_padding": false,
       "g_css_border": false,
       "g_gestures": false,
       "g_signals": false,
       "visibility-cond": "==",
       "visibility-val": 1,
       "visibility-groups-action": "hide",
       "refreshInterval": "0",
       "signals-cond-0": "==",
       "signals-val-0": true,
       "signals-icon-0": "/vis/signals/lowbattery.png",
       "signals-icon-size-0": 0,
       "signals-blink-0": false,
       "signals-horz-0": 0,
       "signals-vert-0": 0,
       "signals-hide-edit-0": false,
       "signals-cond-1": "==",
       "signals-val-1": true,
       "signals-icon-1": "/vis/signals/lowbattery.png",
       "signals-icon-size-1": 0,
       "signals-blink-1": false,
       "signals-horz-1": 0,
       "signals-vert-1": 0,
       "signals-hide-edit-1": false,
       "signals-cond-2": "==",
       "signals-val-2": true,
       "signals-icon-2": "/vis/signals/lowbattery.png",
       "signals-icon-size-2": 0,
       "signals-blink-2": false,
       "signals-horz-2": 0,
       "signals-vert-2": 0,
       "signals-hide-edit-2": false,
       "html": "Klima - Thermometer im Haus",
       "class": "mdui-title",
       "lc-type": "last-change",
       "lc-is-interval": true,
       "lc-is-moment": false,
       "lc-format": "",
       "lc-position-vert": "top",
       "lc-position-horz": "right",
       "lc-offset-vert": 0,
       "lc-offset-horz": 0,
       "lc-font-size": "12px",
       "lc-font-family": "",
       "lc-font-style": "",
       "lc-bkg-color": "",
       "lc-color": "",
       "lc-border-width": "0",
       "lc-border-style": "",
       "lc-border-color": "",
       "lc-border-radius": 10,
       "lc-zindex": 0
     },
     "style": {
       "left": "calc(0% + 50px)",
       "top": "13px",
       "width": "264px",
       "height": "23px",
       "z-index": 1,
       "font-family": "RobotoCondensed-Light"
     },
     "widgetSet": "basic"
   },
   "e00003": {
     "tpl": "tplImage",
     "data": {
       "g_fixed": false,
       "g_visibility": false,
       "g_css_font_text": false,
       "g_css_background": false,
       "g_css_shadow_padding": false,
       "g_css_border": false,
       "g_gestures": false,
       "g_signals": false,
       "g_last_change": false,
       "visibility-cond": "==",
       "visibility-val": 1,
       "visibility-groups-action": "hide",
       "refreshInterval": "0",
       "signals-cond-0": "==",
       "signals-val-0": true,
       "signals-icon-0": "/vis/signals/lowbattery.png",
       "signals-icon-size-0": 0,
       "signals-blink-0": false,
       "signals-horz-0": 0,
       "signals-vert-0": 0,
       "signals-hide-edit-0": false,
       "signals-cond-1": "==",
       "signals-val-1": true,
       "signals-icon-1": "/vis/signals/lowbattery.png",
       "signals-icon-size-1": 0,
       "signals-blink-1": false,
       "signals-horz-1": 0,
       "signals-vert-1": 0,
       "signals-hide-edit-1": false,
       "signals-cond-2": "==",
       "signals-val-2": true,
       "signals-icon-2": "/vis/signals/lowbattery.png",
       "signals-icon-size-2": 0,
       "signals-blink-2": false,
       "signals-horz-2": 0,
       "signals-vert-2": 0,
       "signals-hide-edit-2": false,
       "lc-type": "last-change",
       "lc-is-interval": true,
       "lc-is-moment": false,
       "lc-format": "",
       "lc-position-vert": "top",
       "lc-position-horz": "right",
       "lc-offset-vert": 0,
       "lc-offset-horz": 0,
       "lc-font-size": "12px",
       "lc-font-family": "",
       "lc-font-style": "",
       "lc-bkg-color": "",
       "lc-color": "",
       "lc-border-width": "0",
       "lc-border-style": "",
       "lc-border-color": "",
       "lc-border-radius": 10,
       "lc-zindex": 0,
       "src": "/icons-mfd-png/fts_shutter_manual.png"
     },
     "style": {
       "left": "0",
       "top": "-1px",
       "width": "50px",
       "height": "50px",
       "font-family": "RobotoCondensed-Light"
     },
     "widgetSet": "basic"
   },
   "e00004": {
     "tpl": "tplJquiButtonLinkBlank",
     "data": {
       "g_fixed": true,
       "g_visibility": true,
       "g_css_font_text": false,
       "g_css_background": false,
       "g_css_shadow_padding": false,
       "g_css_border": false,
       "g_gestures": false,
       "g_signals": false,
       "g_last_change": false,
       "visibility-cond": "==",
       "visibility-val": "true",
       "visibility-groups-action": "hide",
       "buttontext": "EDIT",
       "padding": "0",
       "signals-cond-0": "==",
       "signals-val-0": true,
       "signals-icon-0": "/vis/signals/lowbattery.png",
       "signals-icon-size-0": 0,
       "signals-blink-0": false,
       "signals-horz-0": 0,
       "signals-vert-0": 0,
       "signals-hide-edit-0": false,
       "signals-cond-1": "==",
       "signals-val-1": true,
       "signals-icon-1": "/vis/signals/lowbattery.png",
       "signals-icon-size-1": 0,
       "signals-blink-1": false,
       "signals-horz-1": 0,
       "signals-vert-1": 0,
       "signals-hide-edit-1": false,
       "signals-cond-2": "==",
       "signals-val-2": true,
       "signals-icon-2": "/vis/signals/lowbattery.png",
       "signals-icon-size-2": 0,
       "signals-blink-2": false,
       "signals-horz-2": 0,
       "signals-vert-2": 0,
       "signals-hide-edit-2": false,
       "lc-type": "last-change",
       "lc-is-interval": true,
       "lc-is-moment": false,
       "lc-format": "",
       "lc-position-vert": "top",
       "lc-position-horz": "right",
       "lc-offset-vert": 0,
       "lc-offset-horz": 0,
       "lc-font-size": "12px",
       "lc-font-family": "",
       "lc-font-style": "",
       "lc-bkg-color": "",
       "lc-color": "",
       "lc-border-width": "0",
       "lc-border-style": "",
       "lc-border-color": "",
       "lc-border-radius": 10,
       "lc-zindex": 0,
       "href": "http://iobroker-master.birkenweg.walk-steinweiler.de:8082/vis/edit.html?main-2020#{view}",
       "no_style": false,
       "class": "mdui-flatbutton",
       "visibility-oid": "javascript.0.VIS.Edit_Mode"
     },
     "style": {
       "left": "calc(100% - 80px)",
       "top": "10px",
       "width": "auto",
       "height": "30px"
     },
     "widgetSet": "jqui"
   },
   "e00005": {
     "tpl": "tplVis-materialdesign-Chart-Line-History",
     "data": {
       "g_fixed": false,
       "g_visibility": false,
       "g_css_font_text": false,
       "g_css_background": false,
       "g_css_shadow_padding": false,
       "g_css_border": false,
       "g_gestures": false,
       "g_signals": false,
       "g_last_change": false,
       "visibility-cond": "==",
       "visibility-val": 1,
       "visibility-groups-action": "hide",
       "dataCount": "2",
       "aggregate": "average",
       "timeIntervalToShow": "30 seconds",
       "refreshMethod": "byObject",
       "refreshTimeInterval": "1 day",
       "pointStyle": "circle",
       "showLegend": "true",
       "legendPosition": "top",
       "legendPointStyle": "true",
       "showTooltip": "true",
       "tooltipTimeFormats": "{\"millisecond\":\"lll:ss\",\"second\":\"lll:ss\",\"minute\":\"lll\",\"hour\":\"lll\",\"day\":\"lll\",\"week\":\"lll\",\"month\":\"lll\",\"quarter\":\"lll\",\"year\":\"lll\"}",
       "tooltipShowColorBox": "true",
       "lineSpanGaps0": "true",
       "lineSpanGaps1": "true",
       "xAxisPosition": "bottom",
       "xAxisBounds": "dataSet",
       "xAxisTimeFormats": "{\"millisecond\":\"H:mm:ss.SSS\",\"second\":\"H:mm:ss\",\"minute\":\"H:mm\",\"hour\":\"H\",\"day\":\"ddd DD.\",\"week\":\"ll\",\"month\":\"MMM YYYY\",\"quarter\":\"[Q]Q - YYYY\",\"year\":\"YYYY\"}",
       "xAxisValueDistanceToAxis": "0",
       "xAxisShowAxis": "true",
       "xAxisShowAxisLabels": "true",
       "xAxisShowGridLines": "true",
       "xAxisShowTicks": "true",
       "yAxisValueDistanceToAxis": "10",
       "showYAxis0": "true",
       "yAxisPosition0": "left",
       "yAxisShowGridLines0": false,
       "yAxisShowTicks0": "true",
       "yAxisShowAxisBorder0": "true",
       "showYAxis1": true,
       "yAxisPosition1": "right",
       "yAxisShowGridLines1": false,
       "yAxisShowTicks1": "true",
       "yAxisShowAxisBorder1": "true",
       "signals-cond-0": "==",
       "signals-val-0": true,
       "signals-icon-0": "/vis/signals/lowbattery.png",
       "signals-icon-size-0": 0,
       "signals-blink-0": false,
       "signals-horz-0": 0,
       "signals-vert-0": 0,
       "signals-hide-edit-0": false,
       "signals-cond-1": "==",
       "signals-val-1": true,
       "signals-icon-1": "/vis/signals/lowbattery.png",
       "signals-icon-size-1": 0,
       "signals-blink-1": false,
       "signals-horz-1": 0,
       "signals-vert-1": 0,
       "signals-hide-edit-1": false,
       "signals-cond-2": "==",
       "signals-val-2": true,
       "signals-icon-2": "/vis/signals/lowbattery.png",
       "signals-icon-size-2": 0,
       "signals-blink-2": false,
       "signals-horz-2": 0,
       "signals-vert-2": 0,
       "signals-hide-edit-2": false,
       "lc-type": "last-change",
       "lc-is-interval": true,
       "lc-is-moment": false,
       "lc-format": "",
       "lc-position-vert": "top",
       "lc-position-horz": "right",
       "lc-offset-vert": 0,
       "lc-offset-horz": 0,
       "lc-font-size": "12px",
       "lc-font-family": "",
       "lc-font-style": "",
       "lc-bkg-color": "",
       "lc-color": "",
       "lc-border-width": "0",
       "lc-border-style": "",
       "lc-border-color": "",
       "lc-border-radius": 10,
       "lc-zindex": 0,
       "historyAdapterInstance": "sql.0",
       "oid0": "{javascript.0.VIS.Daten.Charts.Klima.OID0}",
       "multiply0": "1",
       "multiply1": "1",
       "colorScheme": "",
       "manualRefreshTrigger": "javascript.0.VIS.Daten.Charts.Klima.Refresh",
       "time_interval_oid": "javascript.0.VIS.Daten.Charts.Klima.Zeitintervall",
       "oid1": "{javascript.0.VIS.Daten.Charts.Klima.OID1}",
       "legendBoxWidth": "72",
       "yAxisTitleColor": "#ffffff",
       "yAxisValueLabelColor": "#ffffff",
       "xAxisValueLabelColor": "#ffffff",
       "legendText0": "{javascript.0.VIS.Daten.Charts.Klima.OID0_legende}",
       "legendText1": "{javascript.0.VIS.Daten.Charts.Klima.OID1_legende}",
       "yAxisMinValue1": "10",
       "yAxisMaxValue1": "70",
       "yAxisValueAppendText1": " %",
       "yAxisValueAppendText0": " °C",
       "yAxisMinValue0": "10",
       "yAxisMaxValue0": "70",
       "yAxisTitle1": "",
       "yAxisTitle0": "",
       "animationDuration": "500",
       "chartPaddingTop": "",
       "fillColor0": "#007bdb",
       "dataColor0": "#0061ad",
       "pointSize": "1",
       "useFillColor0": false,
       "dataColor1": "#068f00",
       "legendFontColor": "#ffffff",
       "fillColor1": "#08b800",
       "useFillColor1": false,
       "lineThikness1": "1",
       "lineThikness0": "1",
       "pointSizeHover": "5",
       "legendFontFamily": "RobotoCondensed-Light",
       "legendFontSize": "12",
       "tooltipBodyFontFamily": "RobotoCondensed-Light",
       "tooltipBodyFontSize": "12",
       "yAxisGridLinesWitdh0": "",
       "yAxisValueFontFamily": "RobotoCondensed-Light",
       "yAxisValueFontSize": "12",
       "xAxisTitle": "",
       "xAxisTitleFontFamily": "RobotoCondensed-Light",
       "xAxisTitleFontSize": "12",
       "xAxisTitleColor": "#ffffff",
       "xAxisValueFontFamily": "RobotoCondensed-Light",
       "xAxisValueFontSize": "12",
       "axisValueAppendText": "",
       "commonYAxis0": "",
       "lineSpanGaps2": "true",
       "showYAxis2": false,
       "yAxisPosition2": "left",
       "yAxisShowGridLines2": false,
       "yAxisShowTicks2": "true",
       "yAxisShowAxisBorder2": "true",
       "legendText2": "{javascript.0.VIS.Daten.Charts.Klima.OID2_legende}",
       "lineThikness2": "1",
       "dataColor2": "#e0c800",
       "fillColor2": "#ffe514",
       "lineSpanGaps3": "true",
       "showYAxis3": "true",
       "yAxisPosition3": "left",
       "yAxisShowGridLines3": "true",
       "yAxisShowTicks3": "true",
       "yAxisShowAxisBorder3": "true",
       "yAxisMinValue2": "10",
       "yAxisMaxValue2": "70",
       "oid2": "{javascript.0.VIS.Daten.Charts.Klima.OID2}",
       "multiply2": "1",
       "useFillColor2": false
     },
     "style": {
       "left": "210px",
       "top": "60px",
       "width": "calc(100% - 220px)",
       "height": "400px"
     },
     "widgetSet": "materialdesign"
   },
   "e00006": {
     "tpl": "tplVis-materialdesign-Select-Value",
     "data": {
       "oid": "javascript.0.VIS.Daten.Charts.Klima.Zeitintervall",
       "g_fixed": false,
       "g_visibility": false,
       "g_css_font_text": false,
       "g_css_background": false,
       "g_css_shadow_padding": false,
       "g_css_border": false,
       "g_gestures": false,
       "g_signals": false,
       "g_last_change": false,
       "visibility-cond": "==",
       "visibility-val": 1,
       "visibility-groups-action": "hide",
       "values": "21",
       "layout": "outlined",
       "showValueOnRight": false,
       "signals-cond-0": "==",
       "signals-val-0": true,
       "signals-icon-0": "/vis/signals/lowbattery.png",
       "signals-icon-size-0": 0,
       "signals-blink-0": false,
       "signals-horz-0": 0,
       "signals-vert-0": 0,
       "signals-hide-edit-0": false,
       "signals-cond-1": "==",
       "signals-val-1": true,
       "signals-icon-1": "/vis/signals/lowbattery.png",
       "signals-icon-size-1": 0,
       "signals-blink-1": false,
       "signals-horz-1": 0,
       "signals-vert-1": 0,
       "signals-hide-edit-1": false,
       "signals-cond-2": "==",
       "signals-val-2": true,
       "signals-icon-2": "/vis/signals/lowbattery.png",
       "signals-icon-size-2": 0,
       "signals-blink-2": false,
       "signals-horz-2": 0,
       "signals-vert-2": 0,
       "signals-hide-edit-2": false,
       "lc-type": "last-change",
       "lc-is-interval": true,
       "lc-is-moment": false,
       "lc-format": "",
       "lc-position-vert": "top",
       "lc-position-horz": "right",
       "lc-offset-vert": 0,
       "lc-offset-horz": 0,
       "lc-font-size": "12px",
       "lc-font-family": "",
       "lc-font-style": "",
       "lc-bkg-color": "",
       "lc-color": "",
       "lc-border-width": "0",
       "lc-border-style": "",
       "lc-border-color": "",
       "lc-border-radius": 10,
       "lc-zindex": 0,
       "value0": "30 seconds",
       "value1": "1 minute",
       "value2": "2 minutes",
       "value3": "5 minutes",
       "value4": "10 minutes",
       "value5": "30 minutes",
       "value6": "1 hour",
       "value7": "2 hours",
       "value8": "4 hours",
       "value9": "8 hours",
       "value10": "12 hours",
       "value11": "1 day",
       "value12": "2 days",
       "value13": "3 days",
       "value14": "7 days",
       "value15": "14 days",
       "value16": "1 month",
       "value17": "2 months",
       "value18": "3 months",
       "value19": "6 months",
       "value20": "1 year",
       "value21": "2 years",
       "vibrateOnMobilDevices": "50",
       "selectTextColor": "#ffffff",
       "hintText": "Zeitintervall",
       "selectHintTextColor": "#ffffff",
       "selectBorderColor": "transparent",
       "selectBorderColorSelected": "transparent",
       "selectHintTextColorSelected": "#ffffff",
       "z_index": "1000"
     },
     "style": {
       "left": "10px",
       "top": "70px",
       "width": "190px",
       "height": "56px"
     },
     "widgetSet": "materialdesign"
   },
   "e00007": {
     "tpl": "tplVis-materialdesign-Select-Value",
     "data": {
       "oid": "javascript.0.VIS.Daten.Charts.Klima.OID0",
       "g_fixed": false,
       "g_visibility": false,
       "g_css_font_text": false,
       "g_css_background": false,
       "g_css_shadow_padding": false,
       "g_css_border": false,
       "g_gestures": false,
       "g_signals": false,
       "g_last_change": false,
       "visibility-cond": "==",
       "visibility-val": 1,
       "visibility-groups-action": "hide",
       "values": "8",
       "layout": "outlined",
       "showValueOnRight": false,
       "signals-cond-0": "==",
       "signals-val-0": true,
       "signals-icon-0": "/vis/signals/lowbattery.png",
       "signals-icon-size-0": 0,
       "signals-blink-0": false,
       "signals-horz-0": 0,
       "signals-vert-0": 0,
       "signals-hide-edit-0": false,
       "signals-cond-1": "==",
       "signals-val-1": true,
       "signals-icon-1": "/vis/signals/lowbattery.png",
       "signals-icon-size-1": 0,
       "signals-blink-1": false,
       "signals-horz-1": 0,
       "signals-vert-1": 0,
       "signals-hide-edit-1": false,
       "signals-cond-2": "==",
       "signals-val-2": true,
       "signals-icon-2": "/vis/signals/lowbattery.png",
       "signals-icon-size-2": 0,
       "signals-blink-2": false,
       "signals-horz-2": 0,
       "signals-vert-2": 0,
       "signals-hide-edit-2": false,
       "lc-type": "last-change",
       "lc-is-interval": true,
       "lc-is-moment": false,
       "lc-format": "",
       "lc-position-vert": "top",
       "lc-position-horz": "right",
       "lc-offset-vert": 0,
       "lc-offset-horz": 0,
       "lc-font-size": "12px",
       "lc-font-family": "",
       "lc-font-style": "",
       "lc-bkg-color": "",
       "lc-color": "",
       "lc-border-width": "0",
       "lc-border-style": "",
       "lc-border-color": "",
       "lc-border-radius": 10,
       "lc-zindex": 0,
       "value0": "linkeddevices.0.klima.sensoren.kueche_temperatur",
       "value1": "linkeddevices.0.klima.sensoren.kueche_luftfeuchtigkeit",
       "value2": "linkeddevices.0.klima.sensoren.flur_temperatur",
       "value3": "linkeddevices.0.klima.sensoren.flur_luftfeuchtigkeit",
       "value4": "linkeddevices.0.klima.sensoren.buero_temperatur",
       "value5": "linkeddevices.0.klima.sensoren.buero_luftfeuchtigkeit",
       "value6": "linkeddevices.0.klima.sensoren.netzwerkrack_temperatur",
       "value7": "linkeddevices.0.klima.sensoren.netzwerkrack_luftfeuchtigkeit",
       "value8": "deaktiviert",
       "value9": "8 hours",
       "value10": "12 hours",
       "value11": "1 day",
       "value12": "2 days",
       "value13": "3 days",
       "value14": "7 days",
       "value15": "14 days",
       "value16": "1 month",
       "value17": "2 months",
       "value18": "3 months",
       "value19": "6 months",
       "value20": "1 year",
       "value21": "2 years",
       "vibrateOnMobilDevices": "50",
       "label0": "Küche: Temperatur",
       "label1": "Küche: Luftfeuchtigkeit",
       "selectTextColor": "#ffffff",
       "hintText": "OID0",
       "selectHintTextColor": "#ffffff",
       "selectBorderColor": "transparent",
       "selectBorderColorSelected": "transparent",
       "selectHintTextColorSelected": "#ffffff",
       "z_index": "900",
       "label2": "Flur: Temperatur",
       "label4": "Büro: Temperatur",
       "label5": "Büro: Luftfeuchtigkeit",
       "label3": "Flur: Luftfeuchtigkeit",
       "label6": "Netzwerkrack: Temperatur",
       "label7": "Netzwerkrack: Luftfeuchtigkeit"
     },
     "style": {
       "left": "10px",
       "top": "140px",
       "width": "190px",
       "height": "56px"
     },
     "widgetSet": "materialdesign"
   },
   "e00008": {
     "tpl": "tplVis-materialdesign-Select-Value",
     "data": {
       "oid": "javascript.0.VIS.Daten.Charts.Klima.OID1",
       "g_fixed": false,
       "g_visibility": false,
       "g_css_font_text": false,
       "g_css_background": false,
       "g_css_shadow_padding": false,
       "g_css_border": false,
       "g_gestures": false,
       "g_signals": false,
       "g_last_change": false,
       "visibility-cond": "==",
       "visibility-val": 1,
       "visibility-groups-action": "hide",
       "values": "8",
       "layout": "outlined",
       "showValueOnRight": false,
       "signals-cond-0": "==",
       "signals-val-0": true,
       "signals-icon-0": "/vis/signals/lowbattery.png",
       "signals-icon-size-0": 0,
       "signals-blink-0": false,
       "signals-horz-0": 0,
       "signals-vert-0": 0,
       "signals-hide-edit-0": false,
       "signals-cond-1": "==",
       "signals-val-1": true,
       "signals-icon-1": "/vis/signals/lowbattery.png",
       "signals-icon-size-1": 0,
       "signals-blink-1": false,
       "signals-horz-1": 0,
       "signals-vert-1": 0,
       "signals-hide-edit-1": false,
       "signals-cond-2": "==",
       "signals-val-2": true,
       "signals-icon-2": "/vis/signals/lowbattery.png",
       "signals-icon-size-2": 0,
       "signals-blink-2": false,
       "signals-horz-2": 0,
       "signals-vert-2": 0,
       "signals-hide-edit-2": false,
       "lc-type": "last-change",
       "lc-is-interval": true,
       "lc-is-moment": false,
       "lc-format": "",
       "lc-position-vert": "top",
       "lc-position-horz": "right",
       "lc-offset-vert": 0,
       "lc-offset-horz": 0,
       "lc-font-size": "12px",
       "lc-font-family": "",
       "lc-font-style": "",
       "lc-bkg-color": "",
       "lc-color": "",
       "lc-border-width": "0",
       "lc-border-style": "",
       "lc-border-color": "",
       "lc-border-radius": 10,
       "lc-zindex": 0,
       "value0": "linkeddevices.0.klima.sensoren.kueche_temperatur",
       "value1": "linkeddevices.0.klima.sensoren.kueche_luftfeuchtigkeit",
       "value2": "linkeddevices.0.klima.sensoren.flur_temperatur",
       "value3": "linkeddevices.0.klima.sensoren.flur_luftfeuchtigkeit",
       "value4": "linkeddevices.0.klima.sensoren.buero_temperatur",
       "value5": "linkeddevices.0.klima.sensoren.buero_luftfeuchtigkeit",
       "value6": "linkeddevices.0.klima.sensoren.netzwerkrack_temperatur",
       "value7": "linkeddevices.0.klima.sensoren.netzwerkrack_luftfeuchtigkeit",
       "value8": "deaktiviert",
       "value9": "8 hours",
       "value10": "12 hours",
       "value11": "1 day",
       "value12": "2 days",
       "value13": "3 days",
       "value14": "7 days",
       "value15": "14 days",
       "value16": "1 month",
       "value17": "2 months",
       "value18": "3 months",
       "value19": "6 months",
       "value20": "1 year",
       "value21": "2 years",
       "vibrateOnMobilDevices": "50",
       "label0": "Küche: Temperatur",
       "label1": "Küche: Luftfeuchtigkeit",
       "selectTextColor": "#ffffff",
       "hintText": "OID1",
       "selectHintTextColor": "#ffffff",
       "selectBorderColor": "transparent",
       "selectBorderColorSelected": "transparent",
       "selectHintTextColorSelected": "#ffffff",
       "z_index": "900",
       "label2": "Flur: Temperatur",
       "label4": "Büro: Temperatur",
       "label5": "Büro: Luftfeuchtigkeit",
       "label3": "Flur: Luftfeuchtigkeit",
       "label6": "Netzwerkrack: Temperatur",
       "label7": "Netzwerkrack: Luftfeuchtigkeit"
     },
     "style": {
       "left": "10px",
       "top": "210px",
       "width": "190px",
       "height": "56px"
     },
     "widgetSet": "materialdesign"
   },
   "e00009": {
     "tpl": "tplVis-materialdesign-Select-Value",
     "data": {
       "oid": "javascript.0.VIS.Daten.Charts.Klima.OID2",
       "g_fixed": false,
       "g_visibility": false,
       "g_css_font_text": false,
       "g_css_background": false,
       "g_css_shadow_padding": false,
       "g_css_border": false,
       "g_gestures": false,
       "g_signals": false,
       "g_last_change": false,
       "visibility-cond": "==",
       "visibility-val": 1,
       "visibility-groups-action": "hide",
       "values": "8",
       "layout": "outlined",
       "showValueOnRight": false,
       "signals-cond-0": "==",
       "signals-val-0": true,
       "signals-icon-0": "/vis/signals/lowbattery.png",
       "signals-icon-size-0": 0,
       "signals-blink-0": false,
       "signals-horz-0": 0,
       "signals-vert-0": 0,
       "signals-hide-edit-0": false,
       "signals-cond-1": "==",
       "signals-val-1": true,
       "signals-icon-1": "/vis/signals/lowbattery.png",
       "signals-icon-size-1": 0,
       "signals-blink-1": false,
       "signals-horz-1": 0,
       "signals-vert-1": 0,
       "signals-hide-edit-1": false,
       "signals-cond-2": "==",
       "signals-val-2": true,
       "signals-icon-2": "/vis/signals/lowbattery.png",
       "signals-icon-size-2": 0,
       "signals-blink-2": false,
       "signals-horz-2": 0,
       "signals-vert-2": 0,
       "signals-hide-edit-2": false,
       "lc-type": "last-change",
       "lc-is-interval": true,
       "lc-is-moment": false,
       "lc-format": "",
       "lc-position-vert": "top",
       "lc-position-horz": "right",
       "lc-offset-vert": 0,
       "lc-offset-horz": 0,
       "lc-font-size": "12px",
       "lc-font-family": "",
       "lc-font-style": "",
       "lc-bkg-color": "",
       "lc-color": "",
       "lc-border-width": "0",
       "lc-border-style": "",
       "lc-border-color": "",
       "lc-border-radius": 10,
       "lc-zindex": 0,
       "value0": "linkeddevices.0.klima.sensoren.kueche_temperatur",
       "value1": "linkeddevices.0.klima.sensoren.kueche_luftfeuchtigkeit",
       "value2": "linkeddevices.0.klima.sensoren.flur_temperatur",
       "value3": "linkeddevices.0.klima.sensoren.flur_luftfeuchtigkeit",
       "value4": "linkeddevices.0.klima.sensoren.buero_temperatur",
       "value5": "linkeddevices.0.klima.sensoren.buero_luftfeuchtigkeit",
       "value6": "linkeddevices.0.klima.sensoren.netzwerkrack_temperatur",
       "value7": "linkeddevices.0.klima.sensoren.netzwerkrack_luftfeuchtigkeit",
       "value8": "deaktiviert",
       "value9": "8 hours",
       "value10": "12 hours",
       "value11": "1 day",
       "value12": "2 days",
       "value13": "3 days",
       "value14": "7 days",
       "value15": "14 days",
       "value16": "1 month",
       "value17": "2 months",
       "value18": "3 months",
       "value19": "6 months",
       "value20": "1 year",
       "value21": "2 years",
       "vibrateOnMobilDevices": "50",
       "label0": "Küche: Temperatur",
       "label1": "Küche: Luftfeuchtigkeit",
       "selectTextColor": "#ffffff",
       "hintText": "OID2",
       "selectHintTextColor": "#ffffff",
       "selectBorderColor": "transparent",
       "selectBorderColorSelected": "transparent",
       "selectHintTextColorSelected": "#ffffff",
       "z_index": "900",
       "label2": "Flur: Temperatur",
       "label4": "Büro: Temperatur",
       "label5": "Büro: Luftfeuchtigkeit",
       "label3": "Flur: Luftfeuchtigkeit",
       "label6": "Netzwerkrack: Temperatur",
       "label7": "Netzwerkrack: Luftfeuchtigkeit"
     },
     "style": {
       "left": "10px",
       "top": "280px",
       "width": "190px",
       "height": "56px"
     },
     "widgetSet": "materialdesign"
   }
 },
 "name": "3_card_Daten_Klima_Thermometer_im_Haus",
 "filterList": []
}

Andere Frage, Farben mit transparenz-Werten angeben zu können (rgba()) wäre ein VIS Thema oder?

Geht doch schon längst

Ok, ich hab bisher entweder nur Hex-Werte eingefügt oder über den Button rechts eine Farbe gewählt Gut zu Wissen

[Scrounger]

@darkiop
und wieder was gelernt, wusste gar nicht das man Bindings bei OIDs einsetzen kann.
Das eröffnet einem ja noch ganz andere Möglichkeiten.

Das aber von "haus aus" in das Chart zu implementieren geht denke ich nur sehr schwierig. Und den Aufwand nur wegen log Meldungen - ich glaube du kennst meine Antwort

[darkiop]

@Scrounger sagte in Test Adapter Material Design Widgets v0.2.x:

@darkiop
und wieder was gelernt, wusste gar nicht das man Bindings bei OIDs einsetzen kann.
Das eröffnet einem ja noch ganz andere Möglichkeiten.

Ja. Das ist schon ne praktische Sache!

Das aber von "haus aus" in das Chart zu implementieren geht denke ich nur sehr schwierig. Und den Aufwand nur wegen log Meldungen - ich glaube du kennst meine Antwort

Verständlich

[darkiop]

@Scrounger Wäre es Möglich im Line History Chart eine 'min' und eine 'max' Linie einzufügen?

[Scrounger]

@darkiop sagte in Test Adapter Material Design Widgets v0.2.x:

@Scrounger Wäre es Möglich im Line History Chart eine 'min' und eine 'max' Linie einzufügen?

Ja das geht sicher, erstell bitte nen issue.

[darkiop]

@Scrounger Ist Erledigt

Bei der nächsten Grill-Session kommt mir das dann zu Hilfe

[Sempre]

@darkiop

Mal ne blöde Frage, ich versuche gerade auch die TopAppBar im Modus "short" zu verwenden und als Hintergrund einen Farbverlauf zu machen. Hast du bei dir das neue Widget "Mansonry View" in Verwendung?
Mein Problem ist nämlich das ich ja den Background so gestalten muss das meine Cards unterhalb der TopAppBar starten und da dachte ich ich mache einfach eine HTML Card in den Hintergrund und packe da dann die "Mansonry View" drauf. Aber leider bekomme ich das dann nicht angeziegt bzw den Farbverlauf nicht in den Hintergrund und das Vidget darüber

[MarEhg]

Kann man eigentlich die Textform und die Textgröße des TopAppBar Layout anpassen?

1. Über CSS?
   -nur css-font-variant funktioniert!
   

2. @Scrounger: Im Top App Layout anpassbar machen?
   

Anmerkung: ich habe "Titel des ausgewählten Navigationselements anzeigen" ausgewählt!

[Scrounger]

@MarEhg sagte in Test Adapter Material Design Widgets v0.2.x:

2. @Scrounger: Im Top App Layout anpassbar machen?

Geht per html tags.

Anmerkung: ich habe "Titel des ausgewählten Navigationselements anzeigen" ausgewählt!

Hier muss man die css klasse überschreiben - mdc-top-app-bar__title

[Sempre]

@Scrounger

Meinst du es wäre möglich bei deinem neuen Masonry Widget die Breite der einzelnen Spalten festzulegen? So könnte man auch ein Design machen, welches nicht auf einer gleichmäßigen Breite der einzelnen Spalten basiert.

Zudem würde mich interessieren wie die Verteilung der Views geregelt wird, sagen wir ich nutzt 9 VIews, wie werden diese auf die Spalten aufgeteilt? Gleichmäßig nicht, zumindest ist so mein Eindruck.

[MarEhg]

@Scrounger

Ich Benutze ein Menü mit SubItems.

Einbinden der Symbole habe ich hinbekommen:

{"itemImage": "/vis.0/HomeControl/kamera.png", "subItems": ["/vis.0/HomeControl/kamera.png", "/vis.0/HomeControl/kamera.png", "/vis.0/HomeControl/kamera.png"]}

Aber der Text macht mir Sorgen ...

so versuche ich es ...

{"itemText": "Kameras", "subItems": ["Übersicht Kameras", "Haustür Kamera", "Carport Kamera"]}

es wird aber so dargestellt ...

Mache ich hier was falsch, oder ist das ein Bug?

... und:

2. Wie rücke ich die Sub-Items etwas ein (z.B. 50px)?
3. Kann man den Abstand von Item1 zum Kopfelement gleich dem Abstand zwischen den Items erzwingen?
4. es wäre cool wenn man auch die Pixelgröße der Textgrößen angeben könnte (z.B. 20px) anstatt nur die Auswahl
   

[Scrounger]

@Sempre sagte in Test Adapter Material Design Widgets v0.2.x:

@Scrounger

Meinst du es wäre möglich bei deinem neuen Masonry Widget die Breite der einzelnen Spalten festzulegen? So könnte man auch ein Design machen, welches nicht auf einer gleichmäßigen Breite der einzelnen Spalten basiert.

Nein kann man nicht individuell einstellen. Aber du kannst mit nem Trick arbeiten, das z.b zwei auf einersfolgenden Views die breite veränderst, z.b 39% und 60%. Dann werden die nebeneinander dargestellt. Damit einfach Rum spielen und mit der Anzahl der spalten, dann kannst das realisieren.

Zudem würde mich interessieren wie die Verteilung der Views geregelt wird, sagen wir ich nutzt 9 VIews, wie werden diese auf die Spalten aufgeteilt? Gleichmäßig nicht, zumindest ist so mein Eindruck.

Der Reihe nach, also Spalte 1 View 1-3, Spalte 4-6 und Spalte 3 7-9. Allerdings kann das variieren, der versucht das immer optimal anzuordnen.
Im Detail hab ich mich in die Technik nicht eingelesen, sondern ein Beispiel gefunden das genau das macht was ich brauche. Willst du wissen wie es im Detail geht einfach Mal nach masnory bei Google suchen.

[Scrounger]

@MarEhg sagte in Test Adapter Material Design Widgets v0.2.x:

@Scrounger
Mache ich hier was falsch, oder ist das ein Bug?

Bei dir wird die Schriftart vom Browser nicht heruntergeladen, deshalb steht da Key Arrow down / Up. Musst im Browser einstellen das der di runter lädt.

2. Wie rücke ich die Sub-Items etwas ein (z.B. 50px)?

Leerzeichen verwenden

3. Kann man den Abstand von Item1 zum Kopfelement gleich dem Abstand zwischen den Items erzwingen?

Versteh ich nicht -> Bild?

4. es wäre cool wenn man auch die Pixelgröße der Textgrößen angeben könnte (z.B. 20px) anstatt nur die Auswahl

Gib da mal 20 bzw 20px

[MarEhg]

@Scrounger sagte in Test Adapter Material Design Widgets v0.2.x:

@MarEhg sagte in Test Adapter Material Design Widgets v0.2.x:

2. Wie rücke ich die Sub-Items etwas ein (z.B. 50px)?

Leerzeichen verwenden

Wo denn? Im JSON geht nicht!

{"itemText": "Kameras", "subItems": ["Übersicht Kameras", " Haustür Kamera", " Carport Kamera"]}
Es soll ja auch das Symbol eingerückt werden.

3. Kann man den Abstand von Item1 zum Kopfelement gleich dem Abstand zwischen den Items erzwingen?

Versteh ich nicht -> Bild?

Bild ist das Menübild.

Der Abstand zwischen dem ersten Item und dem Kopf ist kleiner als der Abstand zwischen Item1 und Item2.

4. es wäre cool wenn man auch die Pixelgröße der Textgrößen angeben könnte (z.B. 20px) anstatt nur die Auswahl

Gib da mal 20 bzw 20px

Geht! Danke!

[darkiop]

@MarEhg sagte in Test Adapter Material Design Widgets v0.2.x:

Wo denn? Im JSON geht nicht!

Such dir mit den Browser Dev Tools den CSS Pfad heraus und gib dem Element ein margin-left.

[MarEhg]

@Scrounger sagte in Test Adapter Material Design Widgets v0.2.x:

@MarEhg sagte in Test Adapter Material Design Widgets v0.2.x:

@Scrounger
Mache ich hier was falsch, oder ist das ein Bug?

Bei dir wird die Schriftart vom Browser nicht heruntergeladen, deshalb steht da Key Arrow down / Up. Musst im Browser einstellen das der di runter lädt.

Wo stelle ich das denn ein? Ging doch mit der alten Version auch.
Und wo ist mein Text aus ...

{"itemText": "Kameras", "subItems": [" Übersicht Kameras", " Haustür Kamera", " Carport Kamera"]}

Firefox:

Safari:

[davimas]

Hey,

ich habe jetzt in einer View ein "Basic-Image-Widget" das mir das Camerabild alle 3 Sekunden updatet, das funktioniert auch in der View-Seite, aber nicht in der Top App Bar (View-in-Widget)
Wenn dort der View angezeigt wird - aktualisiert sich das Basic-Image-Widget nicht. Eventuell jmd nen Tipp.....

[Oli]

@Scrounger

ich probiere mich gerade an deinem Widget Column-Views, aber irgendetwas scheine ich da noch falsch zu machen. Ich habe mir dein Testprojekt heruntergeladen und versuche es gerade anzupassen.

im Vis Editor sieht es folgendermaßen aus:

Wenn ich es über Google starte, zerschießt es alles

Woran kann das liegen?

[MarEhg]

@davimas sagte in Test Adapter Material Design Widgets v0.2.x:

Hey,

ich habe jetzt in einer View ein "Basic-Image-Widget" das mir das Camerabild alle 3 Sekunden updatet, das funktioniert auch in der View-Seite, aber nicht in der Top App Bar (View-in-Widget)
Wenn dort der View angezeigt wird - aktualisiert sich das Basic-Image-Widget nicht. Eventuell jmd nen Tipp.....

Hast Du eine Version > 0.2.22? Dann liegt es an Chrome, Safari, o.ä.! Dazu muss eine Änderung in VIS vorgenommen werden.
FireFox sollte gehen. Siehe hier (Fetter Eintrag reicht!)

....
https://forum.iobroker.net/post/348806
https://forum.iobroker.net/post/348809
https://forum.iobroker.net/post/348858
https://forum.iobroker.net/post/349775
https://forum.iobroker.net/post/349826
https://forum.iobroker.net/post/349851
https://forum.iobroker.net/post/350079
https://forum.iobroker.net/post/350335
https://forum.iobroker.net/post/350569
https://forum.iobroker.net/post/350658
https://forum.iobroker.net/post/351210