UPDATE 31.10.: Amazon Alexa - ioBroker Skill läuft aus ?

[Mattes 0]

@homoran tut mir aufrichtig leid, denn das war nicht meine Absicht.

Wie bereits erwähnt, Erfahrungen in dieser Hinsicht sind scheinbar bei mehreren vorhanden, aber deshalb einen shitstorm veranstalten weil's hier vielleicht, vielleicht auch nicht so kommen könnte ist mega übertrieben und unfair euch gegenüber.

[Mattes 0]

@oliverio ich bin mir noch nicht ganz sicher ob ich das jetzt wirklich mit so vielen Widgets machen möchte oder ob ich die Linien bspw mit CSS dynamisch ein und ausblenden möchte - oder Javascript... das mit dem übereinander legen funktioniert in habpanel nicht, deshalb Anfangs die Verwirrung.

Ist schon bisschen was her das ich mit dem Thema zu tun hatte - zuletzt mein Lebenslauf, auf allen Browsern und allen Displays exakt die selbe Seite darzustellen war damals sehr aufwendig.

Bei meiner letzten Steuerung habe ich die Daten mit einem Python Script von den arduinos gesammelt und mit einem anderen regelmäßig die HTML Seiten gebastelt... das ging relativ lange und sehr zuverlässig, aber kein Vergleich zu dem was jetzt geht.

Ich habe auch am 24. mündliche Prüfung, also eigentlich kaum Zeit für so Spielereien ... und schon habe ich die nächste Idee, was ich mit SVG (ohne iobroker) etc. noch anstellen kann... aber erst nach der Prüfung.

[OliverIO]

@mattes-0

ohne das widget kannst du im svg an das jeweilige liniensegment folgenden ausdruck hinzufügen

visibility="{val:0_userdata.0.val3;debugger;val?"visible":"hidden"}" 

so dass ein komplettes liniensegment
wie folgt aussieht

<line visibility="{val:0_userdata.0.val3;debugger;val?"visible":"hidden"}" id="von_Puffer_an_Heizen_VL" x1="15000" y1="2500" x2="15500" y2="2500" stroke="#FF0000" stroke-width="60" stroke-linecap="round" stroke-dasharray="120 120" stroke-dashoffset="0">&#10; 			
    <animate attributeName="stroke-dashoffset" from="0" to="-240" dur="1s" repeatCount="indefinite"/>&#10; 		
</line>

wenn du dann noch einen datenpunkt vom typ boolean hast, kannst du die visibility des elements darüber steuern. der ausdruck ist relativ einfach zu lesen.
{val:0_userdata.0.val3;debugger;val?"visible":"hidden"}

{} innerhalb der Klammern erkennt vis den binding ausdruck
val:0_userdata.0.val3;debugger weise der variable val den inhalt des datenpunkts zu
val?"visible":"hidden" prüfe die variable val, wenn wahr gebe das hinter dem fragezeichen aus, wenn falsch, dann das hinter dem doppelpunkt.
so wird dynamisch die visibility des elements wahlweise auf visible oder hidden gestellt.

da eine linie bei dir aus mehreren segmenten bestellt, muss man zu jedem einzelnen liniensegment die gleiche prüfung hinzufügen.

ohne javascript geht, aber ohne boolsche logik wird es dann bei so einer steuerung schwierig.

[Mattes 0]

@oliverio said in Eigenes Widget erstellen und mit Daten füllen:

visibility="{val:0_userdata.0.val3;debugger;val?"visible":"hidden"}"

es funktioniert echt wunderbar - danke für deine hilfe!

@oliverio said in Eigenes Widget erstellen und mit Daten füllen:

@mattes-0

ohne das widget kannst du im svg an das jeweilige liniensegment folgenden ausdruck hinzufügen

visibility="{val:0_userdata.0.val3;debugger;val?"visible":"hidden"}" 

so dass ein komplettes liniensegment
wie folgt aussieht

<line visibility="{val:0_userdata.0.val3;debugger;val?"visible":"hidden"}" id="von_Puffer_an_Heizen_VL" x1="15000" y1="2500" x2="15500" y2="2500" stroke="#FF0000" stroke-width="60" stroke-linecap="round" stroke-dasharray="120 120" stroke-dashoffset="0">&#10; 			
    <animate attributeName="stroke-dashoffset" from="0" to="-240" dur="1s" repeatCount="indefinite"/>&#10; 		
</line>

wenn du dann noch einen datenpunkt vom typ boolean hast, kannst du die visibility des elements darüber steuern. der ausdruck ist relativ einfach zu lesen.
{val:0_userdata.0.val3;debugger;val?"visible":"hidden"}

{} innerhalb der Klammern erkennt vis den binding ausdruck
val:0_userdata.0.val3;debugger weise der variable val den inhalt des datenpunkts zu
val?"visible":"hidden" prüfe die variable val, wenn wahr gebe das hinter dem fragezeichen aus, wenn falsch, dann das hinter dem doppelpunkt.
so wird dynamisch die visibility des elements wahlweise auf visible oder hidden gestellt.

da eine linie bei dir aus mehreren segmenten bestellt, muss man zu jedem einzelnen liniensegment die gleiche prüfung hinzufügen.

ohne javascript geht, aber ohne boolsche logik wird es dann bei so einer steuerung schwierig.

[OliverIO]

@mattes-0 sagte in Eigenes Widget erstellen und mit Daten füllen:

visibility="{val:0_userdata.0.val3;debugger;val?"visible":"hidden"}"

super aber mir ist da noch was reingerutscht.
bitte

visibility="{val:0_userdata.0.val3;val?"visible":"hidden"}" 

ohne debugger verwenden