Binding in Materialdesign-Icon List

[Glasfaser]

@michihorn

z.B.
https://forum.iobroker.net/post/683547

[michihorn]

@glasfaser sagte in Binding in Materialdesign-Icon List:

@michihorn

z.B.
https://forum.iobroker.net/post/683547

Nööö das haut nicht hin

{val:system.host.master.cpu; val>=60&&val<80? "#ff0000": val>=81? : "##00ff00"}

[Glasfaser]

@michihorn

Was ist ein IoBoker ...!?

[Thomas Braun]

@glasfaser

ioBroker bei wish bestellt...

[Glasfaser]

@michihorn sagte in Binding in Materialdesign-Icon List:

Nööö das haut nicht hin

Der Wert ist 0 von der CPU ... oder was meinst du , erst ab 60 passiert was

[Glasfaser]

@michihorn sagte in Binding in Materialdesign-Icon List:

{val:system.host.master.cpu; val:> =60&&val<80? "#ff0000": val>=81? : "##00ff00"}

du hast ein Doppelpunkt eingebaut nach val

so :

{val:system.host.master.cpu; val>=60&&val<80? "#ff0000": val>=81? "red": "blue"}

[michihorn]

@glasfaser sagte in Binding in Materialdesign-Icon List:

@michihorn sagte in Binding in Materialdesign-Icon List:

{val:system.host.master.cpu; val:> =60&&val<80? "#ff0000": val>=81? : "##00ff00"}

du hast ein Doppelpunkt eingebaut nach val

so :

{val:system.host.master.cpu; val>=60&&val<80? "#ff0000": val>=81? "red": "##00ff00"}

Habe das mal so übernommen, siehe das Ergebnis:

[Glasfaser]

@michihorn

Ahhh ... jetzt weiß ich was du falsch machst .

das Binding kommt im Register Farbe rein , vom Widget , es ändert nur die Farbe .

Der Wert selber wird mit dem Binding geholt und das ist so richtig , wie du auch geschrieben hast

@michihorn sagte in Binding in Materialdesign-Icon List:
{system.host.master.cpu}, klappt

[michihorn]

@glasfaser sagte in Binding in Materialdesign-Icon List:

@michihorn

Ahhh ... jetzt weiß ich was du falsch machst .

das Binding kommt im Register Farbe rein , vom Widget .

Dachte ich mir schon, ist aber doof, weil die Formatierung das für alle Listenelemente gilt. Bleibt die einzige möglichkeit die Listen Elemente zu teilen, CPU separat anlegen und formatieren, MEM separat anlegen und formatieren, dass wollte ich eigentlich umgehen.

[Glasfaser]

@michihorn

Lade mal das Widget hier hoch , ich schau mal rein , ob ich dazu noch was finden kann !

[michihorn]

@glasfaser sagte in Binding in Materialdesign-Icon List:

@michihorn

Lade mal das Widget hier hoch , ich schau mal rein , ob ich dazu noch was finden kann !
Ich habe das Bindung für CPU wieder ohne Formatierung:

Spoiler

[{"tpl":"tplVis-materialdesign-Icon-List","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","wrapItems":"true","vibrateOnMobilDevices":"50","listLayout":"card","itemLayout":"horizontal","buttonLayout":"square","autoLockAfter":"10","lockIconTop":"5","lockIconLeft":"5","lockFilterGrayscale":"30","lockApplyOnlyOnImage":"true","listItemDataMethod":"inputPerEditor","countListItems":"6","listType0":"buttonState","showValueLabel0":false,"listType1":"buttonState","showValueLabel1":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,"maxItemsperRow":"2","itemGaps":"2","verticalIconContainerHeight":"30","listType2":"buttonState","showValueLabel2":false,"subLabelFontSize":"14","oid0":"system.host.master.cpu","label0":"Host CPU","listImage0":"/vis.0/main/img/0_userdata.0/cpu.png","valueAppendix0":"","oid1":"system.host.slave.cpu","listImage1":"/vis.0/main/img/0_userdata.0/cpu.png","label1":"Slave CPU","oid2":"system.host.master.mem","label2":"Master verfügbarer RAM","valueAppendix2":"","listType3":"buttonState","showValueLabel3":false,"oid3":"system.host.slave.mem","valueAppendix3":"","label3":"Slave verfügbarer RAM","listImage3":"/vis.0/main/img/0_userdata.0/ram.png","listImage2":"/vis.0/main/img/0_userdata.0/ram.png","listType4":"buttonState","showValueLabel4":false,"listType5":"buttonState","showValueLabel5":false,"listType6":"buttonState","showValueLabel6":false,"listType7":"buttonState","showValueLabel7":false,"oid4":"system.host.master.uptime","label4":"Uptime Master","listImage4":"/vis.0/main/img/0_userdata.0/material/clock.png","listImageActive4":"/vis.0/main/img/0_userdata.0/error-icon-25248.pngata.0/OK.png","listImage5":"/vis.0/main/img/0_userdata.0/material/clock.png","label5":"Uptime Slave","listImage6":"/vis.0/main/img/0_userdata.0/material/temp.png","listImage7":"/vis.0/main/img/0_userdata.0/OK.png","listImageActive5":"/vis.0/main/img/0_userdata.0/error-icon-25248.png","listImageActive6":"/vis.0/main/img/0_userdata.0/error-icon-25248.png","listImageActive7":"/vis.0/main/img/0_userdata.0/error-icon-25248.png","label7":"HM-IP","label6":"Umgebungstemp.","listImageActive0":"/vis.0/main/img/0_userdata.0/error-icon-25248.png","titleLayout":"headline6","containerBackgroundColor":"#mdwTheme:vis-materialdesign.0.colors.icon_list.background","itemBackgroundColor":"#mdwTheme:vis-materialdesign.0.colors.icon_list.background_items","buttonColorPress":"","labelFontSize":"-4","labelFontFamily":"Verdana, Geneva, sans-serif","labelFontColor":"#mdwTheme:vis-materialdesign.0.colors.icon_list.text","subLabelFontFamily":"Verdana, Geneva, sans-serif","subLabelFontColor":"#0f0000","valueFontSize":"#mdwTheme:vis-materialdesign.0.fontSizes.icon_list.value","valueFontFamily":"Verdana, Geneva, sans-serif","valueFontColor":"#000000","showScrollbar":"true","titleFontFamily":"#mdwTheme:vis-materialdesign.0.fonts.card.title","colorBackground":"#mdwTheme:vis-materialdesign.0.colors.card.background","colorTitleSectionBackground":"#mdwTheme:vis-materialdesign.0.colors.card.background_title","colorTextSectionBackground":"#mdwTheme:vis-materialdesign.0.colors.card.background_body","colorTitle":"#mdwTheme:vis-materialdesign.0.colors.card.title","lockIconColor":"#mdwTheme:vis-materialdesign.0.colors.icon_list.lock_icon","buttonBgColor0":"#mdwTheme:vis-materialdesign.0.colors.icon_list.button","listImageColor0":"#mdwTheme:vis-materialdesign.0.colors.icon_list.icon","visibilityCondition0":">=","buttonBgColor1":"#mdwTheme:vis-materialdesign.0.colors.icon_list.button","listImageColor1":"#mdwTheme:vis-materialdesign.0.colors.icon_list.icon","visibilityCondition1":"==","buttonBgColor2":"#mdwTheme:vis-materialdesign.0.colors.icon_list.button","listImageColor2":"#mdwTheme:vis-materialdesign.0.colors.icon_list.icon","visibilityCondition2":"==","buttonBgColor3":"#mdwTheme:vis-materialdesign.0.colors.icon_list.button","listImageColor3":"#mdwTheme:vis-materialdesign.0.colors.icon_list.icon","visibilityCondition3":"==","buttonBgColor4":"#mdwTheme:vis-materialdesign.0.colors.icon_list.button","listImageColor4":"#mdwTheme:vis-materialdesign.0.colors.icon_list.icon","visibilityCondition4":"==","buttonBgColor5":"#mdwTheme:vis-materialdesign.0.colors.icon_list.button","listImageColor5":"#mdwTheme:vis-materialdesign.0.colors.icon_list.icon","visibilityCondition5":"==","buttonBgColor6":"#mdwTheme:vis-materialdesign.0.colors.icon_list.button","listImageColor6":"#mdwTheme:vis-materialdesign.0.colors.icon_list.icon","visibilityCondition6":"==","buttonBgColor7":"#mdwTheme:vis-materialdesign.0.colors.icon_list.button","listImageColor7":"#mdwTheme:vis-materialdesign.0.colors.icon_list.icon","visibilityCondition7":"==","oid5":"system.host.master.uptime","oid6":"zigbee.0.00158d0001e09bc7.temperature","oid7":"system.adapter.hm-rpc.2.connected","iconHeight":"30","usePercentOfRow1":"0","subLabel0":"{system.host.master.cpu} %","clickSoundVolume":"0.5","labelFontColorSelected":"#mdwTheme:vis-materialdesign.0.colors.icon_list.text_selected","subLabelFontColorSelected":"#mdwTheme:vis-materialdesign.0.colors.icon_list.subText_selected","alignment":"flex-start","header_height":"60","header_padding_left":"16","header_padding_right":"16","header_padding_top":"6","header_padding_bottom":"20","headerTextColor":"#mdwTheme:vis-materialdesign.0.colors.icon_list.header","headerTextSize":"#mdwTheme:vis-materialdesign.0.fontSizes.icon_list.header","headerFontFamily":"#mdwTheme:vis-materialdesign.0.fonts.icon_list.header","headerImage":"head","headerImageColor":"#mdwTheme:vis-materialdesign.0.colors.icon_list.header_icon","usePercentOfRow0":"0","subLabel1":"{system.host.slave.cpu} %","subLabel2":"{system.host.master.mem} %","subLabel3":"{system.host.slave.mem} %","subLabel4":"{0_userdata.0.System.Uptime_Master}","subLabel5":"{0_userdata.0.System.Uptime_Slave}","visibilityConditionValue0":"92","usePercentOfRow4":"0","subLabel6":"{zigbee.0.00158d0001e09bc7.temperature} %","horizontalIconContainerWidth":"-30","iconItemMinHeight":"30","readOnly0":true,"statusBarColor0":"","statusBarColorActive0":"","visibilityOid0":"","lockEnabled0":false,"readOnly1":true,"readOnly2":true,"readOnly3":true,"readOnly4":true,"readOnly5":true},"style":{"left":"5px","top":"571px","z-index":"5","width":"264px","height":"355px"},"widgetSet":"materialdesign"}]

[Glasfaser]

@michihorn

Was hälst du davon

.

[michihorn]

@glasfaser sagte in Binding in Materialdesign-Icon List:

@michihorn

Was hälst du davon

.

Tatsächlich hatte ich mich schon mit der Statusleiste befasst...mmmh.... gefiel mir nicht 100% ig. Trotzdem Danke

{val:system.host.master.cpu; val>=0&&val<85? "#03fc0b": val>=86? "red": "#fc0320"}

Ich habe nun doch die entsprechenden Elemente mit der Statusleite formatiert. Im Spoiler ist das gesamte Widget:

Spoiler

[{"tpl":"tplVis-materialdesign-Icon-List","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","wrapItems":"true","vibrateOnMobilDevices":"50","listLayout":"card","itemLayout":"horizontal","buttonLayout":"square","autoLockAfter":"10","lockIconTop":"5","lockIconLeft":"5","lockFilterGrayscale":"30","lockApplyOnlyOnImage":"true","listItemDataMethod":"inputPerEditor","countListItems":"6","listType0":"buttonState","showValueLabel0":false,"listType1":"buttonState","showValueLabel1":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,"maxItemsperRow":"2","itemGaps":"2","verticalIconContainerHeight":"30","listType2":"buttonState","showValueLabel2":false,"subLabelFontSize":"14","oid0":"system.host.master.cpu","label0":"Host CPU","listImage0":"/vis.0/main/img/0_userdata.0/cpu.png","valueAppendix0":"","oid1":"system.host.slave.cpu","listImage1":"/vis.0/main/img/0_userdata.0/cpu.png","label1":"Slave CPU","oid2":"system.host.master.mem","label2":"Master verfügbarer RAM","valueAppendix2":"","listType3":"buttonState","showValueLabel3":false,"oid3":"system.host.slave.mem","valueAppendix3":"","label3":"Slave verfügbarer RAM","listImage3":"/vis.0/main/img/0_userdata.0/ram.png","listImage2":"/vis.0/main/img/0_userdata.0/ram.png","listType4":"buttonState","showValueLabel4":false,"listType5":"buttonState","showValueLabel5":false,"listType6":"buttonState","showValueLabel6":false,"listType7":"buttonState","showValueLabel7":false,"oid4":"system.host.master.uptime","label4":"Uptime Master","listImage4":"/vis.0/main/img/0_userdata.0/material/clock.png","listImageActive4":"/vis.0/main/img/0_userdata.0/error-icon-25248.pngata.0/OK.png","listImage5":"/vis.0/main/img/0_userdata.0/material/clock.png","label5":"Uptime Slave","listImage6":"/vis.0/main/img/0_userdata.0/material/temp.png","listImage7":"/vis.0/main/img/0_userdata.0/OK.png","listImageActive5":"/vis.0/main/img/0_userdata.0/error-icon-25248.png","listImageActive6":"/vis.0/main/img/0_userdata.0/error-icon-25248.png","listImageActive7":"/vis.0/main/img/0_userdata.0/error-icon-25248.png","label7":"HM-IP","label6":"Umgebungstemp.","listImageActive0":"/vis.0/main/img/0_userdata.0/error-icon-25248.png","titleLayout":"headline6","containerBackgroundColor":"#mdwTheme:vis-materialdesign.0.colors.icon_list.background","itemBackgroundColor":"#mdwTheme:vis-materialdesign.0.colors.icon_list.background_items","buttonColorPress":"","labelFontSize":"-4","labelFontFamily":"Verdana, Geneva, sans-serif","labelFontColor":"#mdwTheme:vis-materialdesign.0.colors.icon_list.text","subLabelFontFamily":"Verdana, Geneva, sans-serif","subLabelFontColor":"#0f0000","valueFontSize":"#mdwTheme:vis-materialdesign.0.fontSizes.icon_list.value","valueFontFamily":"Verdana, Geneva, sans-serif","valueFontColor":"#000000","showScrollbar":"true","titleFontFamily":"#mdwTheme:vis-materialdesign.0.fonts.card.title","colorBackground":"#mdwTheme:vis-materialdesign.0.colors.card.background","colorTitleSectionBackground":"#mdwTheme:vis-materialdesign.0.colors.card.background_title","colorTextSectionBackground":"#mdwTheme:vis-materialdesign.0.colors.card.background_body","colorTitle":"#mdwTheme:vis-materialdesign.0.colors.card.title","lockIconColor":"#mdwTheme:vis-materialdesign.0.colors.icon_list.lock_icon","buttonBgColor0":"#mdwTheme:vis-materialdesign.0.colors.icon_list.button","listImageColor0":"#mdwTheme:vis-materialdesign.0.colors.icon_list.icon","visibilityCondition0":"==","buttonBgColor1":"#mdwTheme:vis-materialdesign.0.colors.icon_list.button","listImageColor1":"#mdwTheme:vis-materialdesign.0.colors.icon_list.icon","visibilityCondition1":"==","buttonBgColor2":"#mdwTheme:vis-materialdesign.0.colors.icon_list.button","listImageColor2":"#mdwTheme:vis-materialdesign.0.colors.icon_list.icon","visibilityCondition2":"==","buttonBgColor3":"#mdwTheme:vis-materialdesign.0.colors.icon_list.button","listImageColor3":"#mdwTheme:vis-materialdesign.0.colors.icon_list.icon","visibilityCondition3":"==","buttonBgColor4":"#mdwTheme:vis-materialdesign.0.colors.icon_list.button","listImageColor4":"#mdwTheme:vis-materialdesign.0.colors.icon_list.icon","visibilityCondition4":"==","buttonBgColor5":"#mdwTheme:vis-materialdesign.0.colors.icon_list.button","listImageColor5":"#mdwTheme:vis-materialdesign.0.colors.icon_list.icon","visibilityCondition5":"==","buttonBgColor6":"#mdwTheme:vis-materialdesign.0.colors.icon_list.button","listImageColor6":"#mdwTheme:vis-materialdesign.0.colors.icon_list.icon","visibilityCondition6":"==","buttonBgColor7":"#mdwTheme:vis-materialdesign.0.colors.icon_list.button","listImageColor7":"#mdwTheme:vis-materialdesign.0.colors.icon_list.icon","visibilityCondition7":"==","oid5":"system.host.master.uptime","oid6":"zigbee.0.00158d0001e09bc7.temperature","oid7":"system.adapter.hm-rpc.2.connected","iconHeight":"30","usePercentOfRow1":"0","subLabel0":"{system.host.master.cpu} %","clickSoundVolume":"0.5","labelFontColorSelected":"#mdwTheme:vis-materialdesign.0.colors.icon_list.text_selected","subLabelFontColorSelected":"#mdwTheme:vis-materialdesign.0.colors.icon_list.subText_selected","alignment":"flex-start","header_height":"60","header_padding_left":"16","header_padding_right":"16","header_padding_top":"6","header_padding_bottom":"20","headerTextColor":"#mdwTheme:vis-materialdesign.0.colors.icon_list.header","headerTextSize":"#mdwTheme:vis-materialdesign.0.fontSizes.icon_list.header","headerFontFamily":"#mdwTheme:vis-materialdesign.0.fonts.icon_list.header","headerImage":"head","headerImageColor":"#mdwTheme:vis-materialdesign.0.colors.icon_list.header_icon","usePercentOfRow0":"0","subLabel1":"{system.host.slave.cpu} %","subLabel2":"{system.host.master.mem} %","subLabel3":"{system.host.slave.mem} %","subLabel4":"{0_userdata.0.System.Uptime_Master}","subLabel5":"{0_userdata.0.System.Uptime_Slave}","visibilityConditionValue0":"","usePercentOfRow4":"0","subLabel6":"{zigbee.0.00158d0001e09bc7.temperature} %","horizontalIconContainerWidth":"-30","iconItemMinHeight":"30","readOnly0":true,"statusBarColor0":"{val:system.host.master.cpu; val>=0&&val<85? "#03fc0b": val>=86? "red": "#fc0320"}","statusBarColorActive0":"","visibilityOid0":"","lockEnabled0":false,"readOnly1":true,"readOnly2":true,"readOnly3":true,"readOnly4":true,"readOnly5":true,"statusBarColor1":"{val:system.host.slave.cpu; val>=0&&val<85? "#03fc0b": val>=86? "red": "#fc0320"}","statusBarColor2":"{val:system.host.master.mem; val>=21? "#03fc0b": val<=20? "red": "#fc0320"}","statusBarColor3":"{val:system.host.slave.mem; val>=21? "#03fc0b": val<=20? "red": "#fc0320"}","statusBarColor6":"{val:zigbee.0.00158d0001e09bc7.temperature; val<=38? "#03fc0b": val<=39? "red": "#fc0320"}"},"style":{"left":"5px","top":"571px","z-index":"5","width":"264px","height":"355px"},"widgetSet":"materialdesign"}]