Ankündigung

Einklappen

Hinweis

Die Forenregeln wurden überarbeitet (Stand 7.11.22). Sie sind ab sofort verbindlich. Wir bitten um Beachtung.
Mehr anzeigen
Weniger anzeigen

Umstellung der Icons auf SVGs

Einklappen
X
 
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

    Umstellung der Icons auf SVGs

    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
    Join smartVISU on facebook. Web: smartvisu.de.
    Dir gefällt smartVISU? Bitte spenden für die Weiterentwicklung.

    #2
    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...

    Kommentar


      #3
      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
      Join smartVISU on facebook. Web: smartvisu.de.
      Dir gefällt smartVISU? Bitte spenden für die Weiterentwicklung.

      Kommentar


        #4
        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:

        Code:
        {{ basic.symbol('licht_wc', 'eg.wc.licht', 'Licht an', icon1~'light_light.svg') }}
        Was du ja auch schreibst:

        Zitat von Apollo Beitrag anzeigen
        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.

        Kommentar


          #5
          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

          Kommentar


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

            Gesendet von meinem GT-I9100 mit Tapatalk

            Kommentar


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

              Gruss
              Join smartVISU on facebook. Web: smartvisu.de.
              Dir gefällt smartVISU? Bitte spenden für die Weiterentwicklung.

              Kommentar


                #8
                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

                Kommentar


                  #9
                  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...

                  Kommentar


                    #10
                    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

                    Kommentar


                      #11
                      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
                      Join smartVISU on facebook. Web: smartvisu.de.
                      Dir gefällt smartVISU? Bitte spenden für die Weiterentwicklung.

                      Kommentar


                        #12
                        Hallo,

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

                        Gruß
                        Alex

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

                        Kommentar


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

                          Gruss
                          Join smartVISU on facebook. Web: smartvisu.de.
                          Dir gefällt smartVISU? Bitte spenden für die Weiterentwicklung.

                          Kommentar


                            #14
                            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

                            Kommentar


                              #15
                              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

                              Kommentar

                              Lädt...
                              X