Binding in Materialdesign-Icon List

[michihorn]

Hallöchen
ich möchte gerne einen Wert mittels Bindung in das Widget von Scrounger Materialdesign-Icon List als "zweiter Text" darstellen. Normal ohne Formtierung {system.host.master.cpu}, klappt aber mit Formierung bis CPU Last Wert in Grün, ab 71-85 in gelb und ab 86 in rot klappt nicht. Im Forumhabe ich bislang nicht gefunden.
Michael

[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"}]