Jahresrückblick 2025 – unser neuer Blogbeitrag ist online! ✨

[sigi234]

@nik82

Nimm Inventwo Widgets. Damit kannst du viel machen. Universal Widget - Typ Background zB.

https://github.com/inventwo/ioBroker.vis-inventwo

[liv-in-sky]

@nik82
Mit einem Bindung im HTML standardwidget

{vara:BSH.Common.EnumType.PowerState.On; vara=="true" ? "AN" : "AUS"}

[nik82]

Klasse, vielen Dank euch für die schnelle Rückinfo.

Da ich es nur für ein paar Werte kurz brauche wäre es mir mit Bindings tatsächlich lieber.

Habe es auch schon herausgefunden wie ich den Datenpunkt setze, weil das oben war ja der Text vom Objekt quasi.

@liv-in-sky
Nur noch eine Frage: Ich habe ein paar Datenpunkte, dort sind mehr als zwei verschiedene Werte drin, wie mache ich das dann? Einfach so auflisten oder geht das einfacher:

{var1:homeconnect.0.BOSCH-WTX87KX0-68xx.status.BSH_Common_Status_DoorState; var1=="BSH.Common.EnumType.DoorState.Open" ? "AUF" : ""}
{var2:homeconnect.0.BOSCH-WTX87KX0-68xx.status.BSH_Common_Status_DoorState; var2=="BSH.Common.EnumType.DoorState.Closed" ? "ZU" : ""}

[liv-in-sky]

@nik82

eigentlich ja und ein <br> dazwischen - für die neue zeile

aber - es könnte sein, das dies nicht funktioniert wegen bug in der vis: die bindestriche in den dp-id's könnten da probleme machen - ich weiß nicht, ob das in der vis schon bereinigt ist - github issue ist erstellt

es sind aber leider auch noch andere missverständnisse drin
zeige mal einen dp und beschreibe nochmal was wann angezeigt werden soll - am besten mach ein bild der dp

ich nehme an die dp stehen nicht auf true oder false - sondern auf "AN" und "ZU" - oder was steht da genau

[nik82]

@liv-in-sky
Also so wie oben, dass klappt schon, habs jetzt nicht mit BR gemacht, weil es soll ja nur in der einen Zeile stehen.
Um jetzt mal das komplizierteste Beispiel zu nennen:

Hier der Datenpunkt:

Das hier sind die Werte die im Datenpunkt stehen können:

LaundryCare.Dryer.Program.Cotton
LaundryCare.Dryer.Program.Synthetic
LaundryCare.Dryer.Program.Mix
LaundryCare.Dryer.Program.Delicates
LaundryCare.Dryer.Program.TimeWarm
LaundryCare.Dryer.Program.Outdoor
LaundryCare.Dryer.Program.Hygiene
LaundryCare.Dryer.Program.Super40

Und das die jeweiligen wirklichen Texte die dann im VIS erscheinen sollen:

Baumwolle
Pflegeleicht
Schnell/Mix
Feines
Zeitprogramm
Sportwäsche
Allergie
Extrakurz

[liv-in-sky]

@nik82

nee - das wird dann etwas komplizierter

das wird dann sowas:

{val:0_userdata.0.CONTROL-OWN.AAATEST.TestHTMLAuswahlDelete; val=="LaundryCare.Dryer.Program.Cotton" ? "Baumwolle" : val=="LaundryCare.Dryer.Program.Synthetic" ? "Pflegeleicht" : val=="LaundryCare.Dryer.Program.Mix" ? "Schnell/Mix" : "sonst"}

das geht dann noch weiter bis zu Extrakurz

das bedeutet:

wenn val ist "LaundryCare.Dryer.Program.Cotton" schreibe Baumwolle wenn nicht dann wenn val ist "LaundryCare.Dryer.Program.Synthetic" schreibe "Pflegeleicht wenn nicht dann ............

[Homoran]

@nik82 sagte in VIS Text für bestimmten Wert anzeigen lassen:

Das hier sind die Werte die im Datenpunkt stehen können:

ist der Datenpunkt vom Typ Werteliste, oder String?

[nik82]

@liv-in-sky
Perfekt, genau das habe ich gesucht, habs fast schon so gehabt, nur den letzten Doppelpunkt mit "sonst" habe ich nicht drin gehabt.
Habs jetzt mit der Tür getestet:

{val:homeconnect.0.BOSCH-WTX87KX0-xx.status.BSH_Common_Status_DoorState; val=="BSH.Common.EnumType.DoorState.Open" ? "AUF" : val=="BSH.Common.EnumType.DoorState.Closed" ? "ZU" : ""}

Klappt :-) Den Rest bekomme ich dann hin.

Vielen, vielen Dank!:+1:

[nik82]

@homoran sagte in VIS Text für bestimmten Wert anzeigen lassen:

@nik82 sagte in VIS Text für bestimmten Wert anzeigen lassen:

Das hier sind die Werte die im Datenpunkt stehen können:

ist der Datenpunkt vom Typ Werteliste, oder String?

Wäre ein String.

[nik82]

@liv-in-sky
kurz Frage noch: Wenn ich anstatt Text ein Bild nehmen will, geht das auch?
Habe es schon so probiert, aber das klappt leider nicht:

{door2:homeconnect.0.BOSCH-WTX87KX0-68A40E73B091.status.BSH_Common_Status_DoorState; door2=="BSH.Common.EnumType.DoorState.Closed" ? "<img src="/vis.0/main/img/Sonne1.png" height="50">" : ""}

[liv-in-sky]

@nik82

probier mal

{door2:homeconnect.0.BOSCH-WTX87KX0-68A40E73B091.status.BSH_Common_Status_DoorState; door2=="BSH.Common.EnumType.DoorState.Closed" ? '<img src="/vis.0/main/img/Sonne1.png" height="50px">' : ""} 

[nik82]

@liv-in-sky
Du bist echt der Beste:blush:
Klasse, vielen Dank, funktioniert:+1:

[liv-in-sky]

@nik82 das waren die anführungszeichen im image tag - dann musst du außenrum die einfachen anführungszeichen nutzen

[liv-in-sky]

@nik82

noch ein kleiner tipp - beim testen dieser formeln kannst du in chrome in der runtime die entwicklungsumgebung öffnen, dort dann console wählen) und dann die seite neu laden - dann siehst du, ob in der formel ein fehler ist und das widget so nicht geladen werden kann - die meldungen sind nicht immer das beste aber einen anfangspukt hat man

[nik82]

@liv-in-sky
Vielen Dank, wahnsinn was da alles Möglich ist, hab jetzt meine Sonnen für den Trockengrad am Trockner auch fertig:

{val:homeconnect.0.BOSCH-WTX87KX0-xx.programs.active.options.LaundryCare_Dryer_Option_DryingTargetAdjustment; val=="LaundryCare.Dryer.EnumType.DryingTargetAdjustment.Plus1" ? '<img src="/vis.0/main/img/Sonne1.png" height="35px" hspace=20>' : val=="LaundryCare.Dryer.EnumType.DryingTargetAdjustment.Plus2" ? '<img src="/vis.0/main/img/Sonne1.png" height="35px" hspace=20> <img src="/vis.0/main/img/Sonne1.png" height="35px" hspace=20>' : val=="LaundryCare.Dryer.EnumType.DryingTargetAdjustment.Plus3" ? '<img src="/vis.0/main/img/Sonne1.png" height="35px" hspace=20> <img src="/vis.0/main/img/Sonne1.png" height="35px" hspace=20> <img src="/vis.0/main/img/Sonne1.png" height="35px" hspace=20>' : ""}

So schaut das dann live aus:

[liv-in-sky]

@nik82

ich finde den material design progress noch ganz gut, um die restzeit anzuzeigen

dort werden auch über binding die daten eingegeben

[nik82]

@liv-in-sky
Kenn ich, danke dir, das habe ich auch für meine Wallboxen:

Aber beim Trockner ist mir die Restzeit in Minuten Format doch lieber:blush: :+1: