Umstellung der Icons auf SVGs

[Apollo]

Liebe Freunde der smartVISU!

Nachdem nun das 2.7er Release drausen ist und bei den meisten schon läuft gibts ein wenig zu tun:

Mit smartVISU mitgeliefert werden 5 Icons-Sätze (PNG: weis, schwarz, grün, orange und blau). Diese werden mittelfristig entfernt (und dann nur noch als Zusatzpaket zum Download angeboten). Daher empfiehlt es sich eure Seiten auf SVGs umzustellen. Ich meine hier die statischen SVGs (nicht die, die an einen Wert gebunden sind).

Welche Vorteile hat man dadurch?
- Bessere Auflösung bei größeren Displays
- Die "highlighted" Farbe lässt sich über CSS steueren und kann somit individuell eingestellt werden.

Wie gehts?
smartVISU Documentation v2.7

Wo ist der Unterschied?
normal:
<img class="icon" src="{{ icon0 }}light_light.png" />
<img class="icon" src="{{ icon0 }}light_light.svg" />

highlighted:
<img class="icon" src="{{ icon1 }}light_light.png" />
<img class="icon icon1" src="{{ icon0 }}light_light.svg" />


Bitte nur euere Seiten umstellen, nicht die Widgets, die mache ich.

Viel Spß beim Umstellen.

Gruss

[TCr82]

Wieso nur die Statischen? Hab natürlich mit suchen ersetzten gearbeitet und bin mal gleich wieder über diesen Stolperstein gefallen...

Warum geht das nicht bei den Wertbezogenen?

Habs dann halt per Hand angepasst...

[Apollo]

Verstehe ich nicht. Die wertbezogenen (dynamsichen) die per icon.XXX eingebunden waren, waren doch vorher auch schon SVGs. Die gehen ja nicht anders.

Einzig beim basic.shifter konnte man wählen.

Gruss

[TCr82]

naja, aber die schreibst das die Icons von png auf svg umgestellt wurde..

also habe ich alles ersetzt von .png auf .svg... danach ist z.B. folgendes nicht mehr gegangen:

{{ basic.symbol('licht_wc', 'eg.wc.licht', 'Licht an', icon1~'light_light.svg') }}

Was du ja auch schreibst:

Ich meine hier die statischen SVGs (nicht die, die an einen Wert gebunden sind).

Also musste ich es halt wieder zurück auf png ändern, und so lief es dann auch.

[HeyFisch]

Bevor hier jemand das in jeder Datei einzeln versucht, hier eine kleine Umstellhilfe:

sed -i *.html -e 's/png/svg/g' #Ersetzen aller png Extensions durch svg im aktuellen Verzeichnis in allen html-Files

Auch wenn dies den Großteil von Euch langweilt, vielleicht hilft es dem einen oder anderen.


Ciao,
Fisch

[TCr82]

Genau das führt zu Problemen!
Siehe mein Beitrag oben.

Gesendet von meinem GT-I9100 mit Tapatalk

[Apollo]

Ja, ein bischen Handarbeit bleibt da immer übrig...

Gruss

[HeyFisch]

Also ganz offen gesagt, die "Holzhammer-Methode" (Umstellung aller PNGs) hat bei mir auch nicht ganz zufriedenstellend funktioniert. Die Anpassung der Basic-Widgets konnte ich mit den SVG nicht erfolgreich umsetzen. Auch in den mitgelieferten Beispiel-Vorlagen sind noch Pixel-Grafiken drin!
Somit sollte man sehr sorgfältig auswählen, welche Grafiken man anfasst und umstellt. Apollo kann hierzu aber sicher mehr sagen.


Ciao,
HeyFisch

[panzaeron]

Gibt es schon einen ungefähren Termin wann die Widgets im SVN umgestellt werden?

Ich habe auch die Holzhammer Methode mit Suchen und Ersetzen probiert und gescheitert. Ich wollte jetzt warten, bis die SVGs der Standard ist und dann noch mal SuE durchführen...

[Mike01]

Ich weiß nicht obs im sinne des Erfinders ist, aber ich hab mir so beholfen:

Ich nutze das Design Greenhornet, also die Icons im Ordner ws & gn.
Jetzt hab ich alle *.svg Dateien aus dem Ordner /icons/ws in den Ordner
/icons/gn kopiert, und in jeder svg Datei die Farbe von #fff zu #a6f829 geändert. das geht z.B. mit dem Editor PSPad fast automatisch.

Danach kann man eigentlich alle *.png endungen in den html Seiten durch *.svg ersetzen.

Gruß, Mike

[Apollo]

Ja, möglich wäre das schon, aber dann haben wir nichts gewonnen. Der Witz war ja das man nur eine Datei hat, die dann dynamisch per CSS umgefärbt wird.

Die Verzeichnisse icons/gn, icons/bl, icons/or werden demnächst verschwinden.

Gruss

[alex78]

Hallo,

das mit den SVG funktioniert bei mir nicht. Kann mir bitte jemand mal die Zeile korrigiern mit SVG ? Danke !

Gruß
Alex

     {{ basic.switch('dgstudiolicht1', 'DG.Studio.Licht_1', icon1~'light_light.svg', icon0~'light_light.svg') }}  Studio I

[Apollo]

Das geht auch derzeit noch nicht. Die Widgets sind noch auf .png

Gruss

[henfri]

Hallo,

es gibt aber noch keine Möglichkeit die Farbe der Icons anzupassen, oder?

Sprich ein 'RED'~'light_light.svg', oder 'FF0000'~'light_light.svg'?


Gruß,
Hendrik

[loeserman]

Widgets mit svg Darstellung

Hallo zusammen,
bei der letzten Frage würde ich mich gerne anschließen. Bin aktuell dabei mein Haus mit smartVISU und smarthome.py schön zu automatisieren und zu visualisieren. Gerne möchte ich auch die coolen svg Dateien nutzen, aber aktuell kann man sie in den widgets noch nicht highlighten.

Von den Widgets sollen wir ja die Finger lassen, da das Apollo sauber einarbeiten will. Wann ist das in etwa geplant. Lohnt es sich noch mit den png Dateien zu arbeiten? Gibt es da schon Ideen? Aktuell habe ich die v2.7 installiert.

Ansonsten ne super Visualisierung und Steuerung. Top!

Schöne Grüße
loeserman