Widget-Debugging

[Communicate]

Hallo zusammen,

ich habe unter http://forum.iobroker.net/viewtopic.php … 977#p86443 einen Thread eröffnet, der wohl besser hier her passt.

Leider weiss ich nicht, wie man threads verschieben kann, deshalb hier noch einmal ein neuer.

Es geht um folgendes:

Ich möchte mit dem jqui-mfd-window Widget ein eigenen svg-icon auswählen und statusabhängig einfärben. Leider wird nichts eigenfärbt.

Der Quellcode des Widgets sieht wie folgt aus:

if (imageColor) {
            %>
                ![](<%= image %>) vis.binds.jqueryui.setSvgColor(el, imageColor) %>/>
              <%
            } else {
            %>
                ![](<%= image %>)
            <%
            }
             %>

Die Variable imageColor wird korrekt gefüllt - das konnte ich debuggen.

Was ich allerdings nicht verstehe ist die Anweisung, in der die SVG-Datei eingefärbt werden soll:

          ![](<%= image %>) vis.binds.jqueryui.setSvgColor(el, imageColor) %>/>

genauer gesagt der letzte Teil

<%= (el) -> vis.binds.jqueryui.setSvgColor(el, imageColor) %>/>

Hier verstehe ich nicht, was es mit vis.binds. … auf sich hat. Und dann die Frage, ob es die FUnktion setSvgColor überhaupt gibt und wo diese definiert ist. Was bedeutet eigentlich "el"?

Und zu guter letzt:

Kann ich hier etwas anderes als setSVGColor nutzen?

M.E. würde ein einfaches

.setAttribute("fill", "#008000");

ausreichen.

Dafür bräuchte ich aber das SVG-Element im Zugriff, nur habe ich keine Ahnung wie ich da ran komme (hat bestimmt etwas it dem "el") zu tun…

[Bluefox]

@Communicate:

Hallo zusammen,

ich habe unter http://forum.iobroker.net/viewtopic.php … 977#p86443 einen Thread eröffnet, der wohl besser hier her passt.

Leider weiss ich nicht, wie man threads verschieben kann, deshalb hier noch einmal ein neuer.

Es geht um folgendes:

Ich möchte mit dem jqui-mfd-window Widget ein eigenen svg-icon auswählen und statusabhängig einfärben. Leider wird nichts eigenfärbt.

Der Quellcode des Widgets sieht wie folgt aus:

if (imageColor) {
            %>
                ![](<%= image %>) vis.binds.jqueryui.setSvgColor(el, imageColor) %>/>
              <%
            } else {
            %>
                ![](<%= image %>)
            <%
            }
             %>

Die Variable imageColor wird korrekt gefüllt - das konnte ich debuggen.

Was ich allerdings nicht verstehe ist die Anweisung, in der die SVG-Datei eingefärbt werden soll:

          ![](<%= image %>) vis.binds.jqueryui.setSvgColor(el, imageColor) %>/>

genauer gesagt der letzte Teil

<%= (el) -> vis.binds.jqueryui.setSvgColor(el, imageColor) %>/>

Hier verstehe ich nicht, was es mit vis.binds. … auf sich hat. Und dann die Frage, ob es die FUnktion setSvgColor überhaupt gibt und wo diese definiert ist. Was bedeutet eigentlich "el"?

Und zu guter letzt:

Kann ich hier etwas anderes als setSVGColor nutzen?

M.E. würde ein einfaches

.setAttribute("fill", "#008000");

ausreichen.

Dafür bräuchte ich aber das SVG-Element im Zugriff, nur habe ich keine Ahnung wie ich da ran komme (hat bestimmt etwas it dem "el") zu tun… `
Man kann nur bestimmte SVGs verarbeiten.

setSvgColor findest du hier: https://github.com/ioBroker/ioBroker.vi … html#L1066