Integration der "neuen" Icons vom knx-uf-iconset

[ZeitlerW]

Nutzung der nativen Icons aus knx-uf-iconset

Hallo zusammen,

nachdem IMHO die Canvas - Funktion für das recoloring (und damit auch für die Größenänderung) funktioniert, sollte es nun doch möglich sein die nativen Icons (480x480) zu nutzen und entsprechend zu skalieren.
Wie sieht es aus Eurer Sicht aus.

@MicHau
Trotzdem vielen Dank für die Konvertierung der neuen Icons

vG
Wolfgang

[ZeitlerW]

Fehlerhandler bei nicht vorhandenen Icons

Hallo Chris,

erst mal vielen Dank für die Umsetzung der Canvas - Funktion.

Mir ist allerdings aufgefallen, daß nicht vorhandene icons (Datei gelöscht) zum Stopp des scripts führen.
Ggf. sollte man mal über das Einblenden eines default - icons nachdenken.

vG
Wolfgang

[jensgulow]

Danke, jetzt funktioniert es.

[Chris M.]

Hab's gefunden. Der Config-"Fehler" war:

<entry value="0"><icon name="light_light" color="white"/></entry>
                ^^                                      ^^

Da kein Text (oder auch nur ein Leerzeichen) enthalten war, ist leider der falsche Code-Pfad genommen worden...

PS: mir ist noch eine Kleinigkeit im iconhandler aufgefallen: wäre es möglich dort in Zeile 26:

var hexColorRegEx = /#[0-9a-f]{6}/,

folgende Erweiterung einzupflegen:

var hexColorRegEx = /#[0-9a-fA-F]{6}/,

Beides ist in Revision 1731 nun drinnen.

[jensgulow]

Hier mal die config und die dazugehörigen screenshots mit "alter" und "neuer" iconhandler.js:

<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
<pages xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" design="metal" xsi:noNamespaceSchemaLocation="./visu_config.xsd" enable_column_adjustment="true" scroll_speed="5" bind_click_to_widget="true" default_columns="12">

  <meta>
    <mappings>
      <mapping name="OnOff_Licht">
        <entry value="0"><icon name="light_light" color="white"/></entry>
        <entry value="1"><icon name="light_light_dim_100" color="orange"/></entry>
      </mapping>
      <mapping name="DaWegIcon">
        <entry value="0">    <icon name="user_away" color="white"/>        </entry>
        <entry value="1">    <icon name="user_available" color="#64e92c"/>        </entry>
      </mapping>
      <mapping name="Jetzt">
        <entry value="0">    <icon name="control_on_off" color="orange"/></entry>
      </mapping>
    </mappings>
    
    <stylings>
      <styling name="GreyGrey">
        <entry value="0">grey</entry>
        <entry value="1">grey</entry>
      </styling>
    </stylings>
    
    <statusbar>
      <status type="html"><![CDATA[ <img src="icon/comet_64_ff8000.png" alt="CometVisu" /> by <a href="http://www.cometvisu.org/">CometVisu.org</a> - <a href=".?forceReload=true">Reload</a> ]]></status>
      <status type="html" hrefextend="config"><![CDATA[ - <a href="check_config.php">Check Config</a> ]]></status>
    </statusbar>
  </meta>
  
    <page name="Übersicht" showtopnavigation="false" showfooter="true"
    shownavbar-left="false" visible="false">
    <navbar position="top">
      <pagejump target="Übersicht" name=" ">
        <layout colspan="0.9" />
        <label><icon name="control_home" />Home</label>
      </pagejump>
    </navbar>
    
    <group name="Allgemein">
      <layout colspan="12" />
        <switch mapping="DaWegIcon">
        <layout colspan="6" />
        <label><icon name="user_available" color="#00FFFF"/>Jemand Anwesend?</label>
        <address transform="DPT:1.001" variant="">10/3/0</address>
      </switch>
      <trigger value="0" mapping="Jetzt" styling="GreyGrey">
        <layout colspan="6" />
        <label><icon name="control_all_on_off" />Zentral Aus</label>
        <address transform="DPT:1.001" variant="">0/1/1</address>
      </trigger>
    </group>
        <layout colspan="3" />
        <group name="Licht">
          <layout colspan="12" />
          <switch mapping="OnOff_Licht" styling="GreyGrey">
            <layout colspan="3" />
            <label>Fernsehen</label>
            <address transform="DPT:1.001" mode="readwrite" variant="">2/1/30</address>
            <address transform="DPT:1.001" mode="read" variant="">2/1/31</address>
          </switch>
          <switch mapping="OnOff_Licht" styling="GreyGrey">
            <layout colspan="3" />
            <label>Esstisch</label>
            <address transform="DPT:1.001" mode="readwrite" variant="">2/1/32</address>
            <address transform="DPT:1.001" mode="read" variant="">2/1/33</address>
          </switch>
          <switch mapping="OnOff_Licht" styling="GreyGrey">
            <layout colspan="3" />
            <label>Mitte</label>
            <address transform="DPT:1.001" mode="readwrite" variant="">2/1/34</address>
            <address transform="DPT:1.001" mode="read" variant="">2/1/35</address>
          </switch>
          <switch mapping="OnOff_Licht" styling="GreyGrey">
            <layout colspan="3" />
            <label>Alles</label>
            <address transform="DPT:1.001" mode="readwrite" variant="">2/0/0</address>
         </switch>
        </group>
        </page>

 </pages>

mit "alter" iconhandler:




mit "neuer" iconhandler:




PS: mir ist noch eine Kleinigkeit im iconhandler aufgefallen: wäre es möglich dort in Zeile 26:

var hexColorRegEx = /#[0-9a-f]{6}/,

folgende Erweiterung einzupflegen:

var hexColorRegEx = /#[0-9a-fA-F]{6}/,

Da einige "Hilfsmittel" wie z.B. colorpicker in notepad++ eben solche Farbangaben mit Großbuchstaben erzeugen.
Ich weiss, am liebsten selbst ins svn setzen, aber ich und meine Windows-Maschine hatten da schon ein/zweimal für Unbehagen gesorgt, weil auf einmal die Formatierung nicht mehr stimmte usw...
Deswegen vielleicht beim nächsten commit mal mit einfügen bitte, falls da kein Denkfehler drin ist.

[Chris M.]

Version mit "alter" iconhandler.js




Version mit iconhandler.js.recolor




[...]
Es bleibt bei mir also zum jetzigen Zeitpunklt ein Problem: Einige icons werden nicht mehr "gefunden" in der neuen iconhandler-Variante.

Das kann ich mit dem geposteten Code mangels Enthaltensein nicht nachvollziehen...

Zu:

Andere icons, welche sich z.Teil auch in einem switch befinden funktionieren jedoch in beiden Versionen (z.B. die Anwesenheitsschaltung).



[...]
PS: Habe gerade noch festgestellt, dass die Farbänderung nur in icons in switches angenommen wird, beim "normalen" icon ändert sich nichts.

Noch zur Illustration vom vorigen post:




hier aus der config:

 <switch mapping="DaWegIcon">
        <layout colspan="6" />
        <label>[COLOR=Magenta]<icon name="user_available" color="#64e92c"/>[/COLOR]Jemand Anwesend?</label>
        <address transform="DPT:1.001" variant="">10/3/0</address>
      </switch>

das pink markierte wird ignoriert.

Das hat vorher aber auch nicht funktioniert, oder?

Mit Revison 1730 sollte es aber nun gefixt sein.

Zu den obigen "nicht gefundenen" Icons brauch ich aber noch eine kurze, aussagekräftige Beispiel-Config.

[ZeitlerW]

Guten Morgen zusammen,

(Wobei so was triviales eigentlich jeder hinbekommen sollte...)

Ist schon klar, nur gegen das Vergessen

Ich kann das recolor Probelm von jens aus Post 119 auch bei mir so bestätigen!

[jensgulow]

Noch zur Illustration vom vorigen post:




hier aus der config:

            <mapping name="DaWegIcon">
        <entry value="0">    <icon name="user_away" color="white"/>        </entry>
        <entry value="1">    <icon name="user_available" color="#64e92c"/>        </entry>
      </mapping>
.
.
.
        <switch mapping="DaWegIcon">
        <layout colspan="6" />
        <label>[COLOR=Magenta]<icon name="user_available" color="#64e92c"/>[/COLOR]Jemand Anwesend?</label>
        <address transform="DPT:1.001" variant="">10/3/0</address>
      </switch>

das pink markierte wird ignoriert.

Jens

[jensgulow]

Hallo Chris,

war bis gerade verhindert und komme erst jetzt zum antworten. Nach dem auschecken der letzten Version funktioniert das bei mir immer noch nicht so recht.

Version mit "alter" iconhandler.js




Version mit iconhandler.js.recolor




Andere icons, welche sich z.Teil auch in einem switch befinden funktionieren jedoch in beiden Versionen (z.B. die Anwesenheitsschaltung).



...hierzu der Auszug aus der config:

<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
<pages xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" design="metal" xsi:noNamespaceSchemaLocation="./visu_config.xsd" enable_column_adjustment="true" scroll_speed="5" bind_click_to_widget="true" default_columns="12">

  <meta>
    <mappings>
      <mapping name="OnOff_Licht">
        <entry value="0"><icon name="light_light" color="white"/></entry>
        <entry value="1"><icon name="light_light_dim_100" color="orange"/></entry>
      </mapping>
      <mapping name="DaWegIcon">
        <entry value="0">    <icon name="user_away" color="white"/>        </entry>
        <entry value="1">    <icon name="user_available" color="orange"/>        </entry>
      </mapping>
      <mapping name="Jetzt">
        <entry value="0">    <icon name="control_on_off" color="orange"/></entry>
      </mapping>
    </mappings>
    
    <stylings>
      <styling name="GreyGrey">
        <entry value="0">grey</entry>
        <entry value="1">grey</entry>
      </styling>
    </stylings>
    
    <statusbar>
      <status type="html"><![CDATA[ <img src="icon/comet_64_ff8000.png" alt="CometVisu" /> by <a href="http://www.cometvisu.org/">CometVisu.org</a> - <a href=".?forceReload=true">Reload</a> ]]></status>
      <status type="html" hrefextend="config"><![CDATA[ - <a href="check_config.php">Check Config</a> ]]></status>
    </statusbar>
  </meta>
  
    <page name="Übersicht" showtopnavigation="false" showfooter="true"
    shownavbar-left="false" visible="false">
    <navbar position="top">
      <pagejump target="Übersicht" name=" ">
        <layout colspan="0.9" />
        <label><icon name="control_home" />Home</label>
      </pagejump>
    </navbar>
    
    <group name="Allgemein">
      <layout colspan="12" />
        <switch mapping="DaWegIcon">
        <layout colspan="6" />
        <label><icon name="user_available" />Jemand Anwesend?</label>
        <address transform="DPT:1.001" variant="">10/3/0</address>
      </switch>
      <trigger value="0" mapping="Jetzt" styling="GreyGrey">
        <layout colspan="6" />
        <label><icon name="control_all_on_off" />Zentral Aus</label>
        <address transform="DPT:1.001" variant="">0/1/1</address>
      </trigger>
    </group>
        <layout colspan="3" />
        <group name="Licht">
          <layout colspan="12" />
          <switch mapping="OnOff_Licht" styling="GreyGrey">
            <layout colspan="3" />
            <label>Fernsehen</label>
            <address transform="DPT:1.001" mode="readwrite" variant="">2/1/30</address>
            <address transform="DPT:1.001" mode="read" variant="">2/1/31</address>
          </switch>
          </group>
        </page>

 </pages>

Es bleibt bei mir also zum jetzigen Zeitpunklt ein Problem: Einige icons werden nicht mehr "gefunden" in der neuen iconhandler-Variante. Der Rest funktioniert tadellos.

Grüße

Jens

PS: Habe gerade noch festgestellt, dass die Farbänderung nur in icons in switches angenommen wird, beim "normalen" icon ändert sich nichts.

[Chris M.]

Done.

(Wobei so was triviales eigentlich jeder hinbekommen sollte...)

[ZeitlerW]

Hallo Chris,
funktioniert bei mir. Vielen Dank!

Vielleicht könntest Du noch die cometvisu.appcache hochziehen?

vG
Wolfgang

[Chris M.]

Danke, damit konnte ich das(?, zumindest eines... ) Problem finden.

=> Bitte mal Revision 1728 checken.

(Die Lösung so sollte gut funktionieren, berechnet aber die Farben bei jedem Icon neu. D.h. es nutzt kein Caching wie bei den nicht-dynamischen. Kann Vor- oder Nachteil sein. Rechenzeit hoch, Speicher runter...)

[ZeitlerW]

Hallo Chris,
nachdem ich ein ähnliches Problem wie jensgulow habe, hier mal eine Democonfig:

<?xml version="1.0" encoding="UTF-8"?>
<pages enable_column_adjustment="true" design="metal" screensave_time="240" screensave_page="Übersicht" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="./visu_config.xsd">
  <meta>
    <mappings>
      <mapping name="OnOff_Licht">
        <entry value="1">
          <icon name="light_light" color="orange"/>
        </entry>
        <entry value="0">
          <icon name="light_light" color="white"/>
        </entry>
      </mapping>
    </mappings>
    <stylings>
      <styling name="RedGreen">
        <entry value="0">red</entry>
        <entry value="1">green</entry>
      </styling>
    </stylings>
  </meta>
  <page name="Übersicht" showtopnavigation="false" showfooter="false" shownavbar-top="true" shownavbar-left="false">
    <switch mapping="OnOff_Licht" styling="RedGreen">
      <label><icon name="light_light" color="white"/>Licht</label>
      <address transform="DPT:1.001" mode="write">0/0/33</address>
      <address transform="DPT:1.001" mode="read">0/0/53</address>
    </switch>
  </page>
</pages>

Verhalten im Gutfall (alte iconhandler.js):

Switch aus:


Switch ein:



Verhalten im Schlechtfall (neue iconhandler.js)

Switch aus:


Switch ein:



Wie man sieht, ist das Licht - Icon mit dem neuen Iconhandler immer orange.

vG
Wolfgang

[Chris M.]

Na denn hab ich mal im Anhang einige Fragmente:

[...]
Hier Auszug aus config.xml:

Sorry, das ist aber deutlich zu kompliziert um damit den Fehler nachzustellen

Die Mappings und Stylings können von mir aus bleiben, aber bei den Widgets bitte auf die minimal notwendige Anzahl reduzieren. Sonst habe ich keine Chance herauszufinden was das Problem ist!

=> Bitte mit wenigen (2? Mehr als 3 wird's doch sicher nicht brauchen...) Switches o.ä. nachstellen
=> Bitte sagen was passieren sollte und was tatsächlich passiert.

[ZeitlerW]

Hallo Michael,

... ja wenn ich gewußt hätte, daß Du hausl bist

Vielen Dank!

vG
Wolfgang