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…

Hallo zusammen,

ich habe mir den Quellcode einmal etwas genauer angesehen (auch wenn ich weder ein SVG-Experte noch ein Entwickler bin).

Letztendlich muss es um folgende Zeilen gehen:

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");

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…

Dank Euch

Ah - die Konsole

Der Befehl heisst dann,````
sudo iobroker upload jqui-mfd

Leider bekomme ich dann folgende Fehlermeldung:

Cannot find io-package.json in /opt/iobroker/node_modules/iobroker.js-controller/adapter/jqui-mfd
Cannot parse /opt/iobroker/node_modules/iobroker.js-controller/adapter/jqui-mfd/io-package.json:Error: ENOENT: no such file or directory, open '/opt/iobroker/node_modules/iobroker.js-controller/adapter/jqui-mfd/io-package.json'

ein````
sudo iobroker upload vis.jqui-mfd

bringt dann ein

Please specify target name, like:
 iobroker upload /file/picture.png /vis.0/main/img/picture.png

hast du noch ne Idee?

Hallo Rainer,

vielen Dank für die schnelle Antwort.

Zwei Gegenfragen :

1. Wo mache ich denn den Upload? Vielelicht war ich einfach zu lange von iobroker abwesend - aber gibt es irgendwo eine Konsole?

2. Gibt´s denn nicht, wie früher, eine Debug-Möglichkeit, die quasi bei aktualisierung der VIS-Instanz auch die widgets mit aktualisiert hat?

Hallo zusammen,

nach langer Abstinenz möchte ich wieder voll in ioBroker einsteigen.

Als erstes würde ich gerne die ein oder andere widget-Idee umsetzen und auch ein paar Optimierungen

an den vorhandenen durchführen.

Dafür gibt es unter

https://github.com/ioBroker/ioBroker/wi … widget-set

eine tolle Anleitung.

Ich scheitere allerdings an dem Punkt:
> replace index.html and edit.html replace files in /opt/iobroker/iobroker-data/files/vis/index.html and edit.html with files from /opt/iobroker/node_modules/iobroker.vis/www/index.html.original and edit.html.original.

die Dateien /opt/iobroker/node_modules/iobroker.vis/www/index.html.original und edit.html.original gibt es bei mir nicht - muss ich noch irgendwas beachten? Wo sind diese hin gekommen?

Ich habe spasseshalber mal die Datei

/opt/iobroker/iobroker-data/files/vis/widgets/jqui-mfd.html

verändert - und die Änderungen schlagen nicht ins VIS durch - ich vermute mal, das liegt daran, dass die Datei nicht neu kompiliert wird - kann mir hier jemand helfen?

Hallo,

ich komme der Sache ein bisschen näher.

Wenn ich für AUF und ZU spassehalber einmal einen Rolladenaktor nehme, funktioniert es grundsätzlich:

Wenn ich dann den Aktor austausche und das Fenster nehme, geht es auch.

Wenn ich jetzt aber ein eigenes Symbol / SVG auswähle, dann geht gar keine Farbgebung mehr:

Hallo pix,

vielen Dan für Deine Antwort.

Ich bekomme es aber trotzdem nicht hin:

Hier mal ein Screenshot von meinem Object => das müsste eigentlich false sein:

Und so sieht es im VIS aus:

ich hätte hier jetzt ein offens Fenster in grün erwartet:

Ich verstehe einfach nicht, was ich falsch machen…

Hallo nochmal,

bei der Fehleranalyse bin ich auf die idee gekommen, dass es an meinen verkünpften "object-ids" liegen könnte.

Das dort der Status anders ist (z.B. false und ich gabe 0 an).

Kann ich das irgendwie testen?

Hallo zusammen,

ich habe noch ein bisschen gespielt und bekomme es einfach nicht hin, dass eine Statusabhängige Farbänderung passiert.

Hier habe ich einmal das Standard-Fenster jqui-mfd-Widget genommen

[{"tpl":"tplMfdWindowBool","data":{"oid":"1","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,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","asButton":"true","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,"closed_value":"0","opened_value":"1","closed_iconColor":"#f21c1c","opened_iconColor":"#46e24d","iconColor":"#fde549"},"style":{"left":"174px","top":"449px","width":"228px","height":"192px"},"widgetSet":"jqui-mfd"}]

Egal was ich mache, das Fenstersymbol wird nicht grün.

Kann mir jemand von Euch helfen?