Icon Problem

[alex78]

Hallo,

ich hab auch so ein komisches Phänomen. Ich habe zwei Widgets in einer Seite zusammengefasst. Widget UZSU und Shutter.small.

Jetzt kommt so was raus, wie im Anhang. Kann mir jemand sagen, wie man die Icons in Griff bekommt, so dass beim Stop Taster das Original Symbol kommt, und nicht die Zeitschaltuhr reinkommt ?

Danke und Gruß
Alex


Widget Shutter.small

/**
* Small Shutter
*
* @param       unique id for this widget
* @param       name of the shutter
* @param       a gad/item for long move 
* @param       a gad/item for short move
* @param       a gad/item for the actual position 
*/

{% macro smallshut(id, txt, gad_move, gad_stop, gad_position, gad_uzsu,  gad_headline, gad_customFormat, pic_on, pic_off, gad_customType,  gad_customTextTrue, gad_customTextFalse) %}
{% import "basic.html" as basic %}
{% import "icon.html" as icon %}

{% set uid = uid(page, id) %}

/** Design */
<div id="{{ uid }}" class="smallshut">
    <table style="width:100%; text-align: left;">
        <tr height="60">
            <th width="35%">{% if txt %} {{ txt }} {% endif %}</th>
            <td width="15%" align="right">
                {% if gad_move %}
                    {{ basic.button(id~'up', gad_move, '', 'arrow-u', '0', 'micro') }}
                {% endif %}
            </td>
            <td width="15%" align="right">
                {% if gad_stop %}
                    {{ basic.button(id~'stop', gad_stop, '', icon0~'audio_stop.png', '1', 'micro') }}
                {% endif %}
            </td>
            <td width="15%" align="right">
                {% if gad_move %}
                    {{ basic.button(id~'down', gad_move, '', 'arrow-d', '1', 'micro') }}
                {% endif %}
            </td>
            <td width="20%" align="right">
                {% if gad_position %}
                    {{ icon.shutter(id~'position', '', gad_position) }}
                {% endif %}
            </td>
            <td width="20%" align="right">
                {% if gad_uzsu %}
                    <span 
                        id="{{ uid(page, id) }}" 
                        data-widget="uzsu.uzsu_icon" 
                        data-item="{{ gad_uzsu }}" 
                        data-headline="{{ gad_headline|default('UZSU') }}" 
                        data-customFormat="{{ gad_customFormat | default('0') }}"
                        data-pic-on="{{ pic_on|default(icon1~'time_clock.png') }}" 
                        data-pic-off="{{ pic_off|default(icon0~'time_clock.png') }}"
                        data-customType="{{ gad_customType|default('bool') }}"
                        data-customTextTrue="{{ gad_customTextTrue|default('On') }}"
                        data-customtextFalse="{{ gad_customTextFalse|default('Off') }}"
                        class="switch"><a><img class="icon"  src="{{ pic_off|default(icon0~'time_clock.png') }}" /></a>
                    </span>
                {% endif %}
            </td>
        </tr>
    </table>
</div>
{% endmacro %}

jalo.html

            {{ smallshutter.smallshut('sshut_ess', 'Essbereich',  'EG.Esszimmer.jalo.move', 'EG.Esszimmer.jalo.stop',  'EG.Esszimmer.jalo.pos', 'EG.Esszimmer.jalo.move.uzsu', 'Jallousie  Esszimmer links') }}
                {{ smallshutter.smallshut('sshut_kueche', 'Küche',  'EG.Kueche.jalo.move', 'EG.Kueche.jalo.stop', 'EG.Kueche.jalo.pos') }}