- √ - Icons von basic.dual / .switch werden nur angezeigt wenn Item 1 ist

[Robert]

Hallo!

Zuerst ein mal: smarthome.py und smartVISU sind wirklich eine super Kombi! Bin seit gestern Abend am Werkeln und schon überaus glücklich mit den bisherigen Resultaten! Die Raum-Übersicht mit Anzeige von Licht, Fensterstatus usw. ist fertig. Nun möchte ich die einzelnen Räume erstellen und habe folgendes Problem:

Die Icons werden nur angezeigt, wenn das Item "1" ist!? Schwer zu beschreiben: Zuerst hatte ich die Sachen nur in <div class="block"> eingefügt. Da wurde dann nur beim Laden extrem kurz etwas angezeigt. Dann habe ich - wie in verschiedenen Beispielen - das "collapsible" drumherum gebastelt. Jetzt werden Licht und Steckdose, nicht aber das Fenster angezeigt (im Collapsible). Dann das ganze mal testweise in den "preblock" kopiert: Da werden die Icons von Licht und Steckdose jetzt nur wenn die Items "1" sind angezeigt. Ich kann jetzt also quasi mit den identischen basic.switches im Collapsible die Sichtbarkeit ein/ausschalten. Dass funktioniert sogar über verschiedene Endgeräte hinweg (auch sichtbar im smarthome-log).

Jemand eine Idee?

/**
 * -----------------------------------------------------------------------------
 * @package     smartVISU
 * @author      Martin Gleiß
 * @copyright   2012
 * @license     GPL <http://www.gnu.de>
 * ----------------------------------------------------------------------------- 
 */
 

{% extends "raeume.html" %}

{% block content %}

    <h1><img class="icon" src='{{ icon0 }}scene_office.png'/>Hobbyraum</h1>
    
    <div class="preblock">
            <span data-role="controlgroup" data-type="horizontal">
            {{ basic.dual('Hobbyraum.Steckdosen', 'Hobbyraum.Steckdosen', icon1~'message_socket.png', icon0~'message_socket.png') }} schaltbare Steckdosen
            {{ basic.dual('Hobbyraum.Deckenlicht', 'Hobbyraum.Deckenlicht', icon1~'light_downlight.png', icon0~'light_downlight.png') }}
            {{ basic.symbol('Hobbyraum.Fenster_verriegelt', 'Hobbyraum.Fenster_verriegelt', 'Fenster verriegelt', icon0~'fts_window_2w.png.png') }}
            {{ basic.symbol('Hobbyraum.Fenster_verriegelt', 'Hobbyraum.Fenster_verriegelt', 'Fenster offen', icon1~'fts_window_2w_open_l.png', 0) }}
            </span>
    </div>
        
    <div class="block">
    <div class="set-2" data-role="collapsible-set" data-theme="c" data-content-theme="a" data-mini="true">
    
        <div data-role="collapsible" data-collapsed="false" >
            <h3>Inhalt</h3>
            {{ basic.switch('Hobbyraum.Steckdosen', 'Hobbyraum.Steckdosen', icon1~'message_socket.png', icon0~'message_socket.png') }} schaltbare Steckdosen
            {{ basic.switch('Hobbyraum.Deckenlicht', 'Hobbyraum.Deckenlicht', icon1~'light_downlight.png', icon0~'light_downlight.png') }}
            {{ basic.symbol('Hobbyraum.Fenster_verriegelt', 'Hobbyraum.Fenster_verriegelt', 'Fenster verriegelt', icon0~'fts_window_2w.png.png') }}
            {{ basic.symbol('Hobbyraum.Fenster_verriegelt', 'Hobbyraum.Fenster_verriegelt', 'Fenster offen', icon1~'fts_window_2w_open_l.png', 0) }}
        </div>
    
        <div data-role="collapsible">
            <h3>Einstellungen</h3>
        </div>
          
    </div>    
    </div>
    
{% endblock %}

Viele Grüße
Robert

[macflei]

Bei Dir sind die ID's im basic.symbol gleich.
versuch mal:

{{ basic.symbol('Hobbyraum.Fenster_verriegelt', 'Hobbyraum.Fenster_verriegelt', 'Fenster verriegelt', icon0~'fts_window_2w.png.png') }}
{{ basic.symbol('Hobbyraum.Fenster_nicht_verriegelt', 'Hobbyraum.Fenster_verriegelt', 'Fenster offen', icon1~'fts_window_2w_open_l.png', 0) }}

oder so

{{ basic.symbol('Hobbyraum_Fenster_verriegelt', 'Hobbyraum.Fenster_verriegelt', 'Fenster verriegelt', icon0~'fts_window_2w.png.png') }}
{{ basic.symbol('Hobbyraum_Fenster_nicht_verriegelt', 'Hobbyraum.Fenster_verriegelt', 'Fenster offen', icon1~'fts_window_2w_open_l.png', 0) }}

Die ID's kannst Du benennen wie Du willst. Sie müssen halt nur eindeutig sein.

[Apollo]

WICHTIG WICHTIG WICHTIG!!!!!



Ids dürfen nur 1 mal pro Seite verwendet werden!!!

Du hast quasi alle doppelt:

Mach auch 'Hobbyraum.Steckdosen' einfach einmal 'hs1' und dann 'hs2', dann müsste es gehn...

Gruss

[Robert]

Wuah! ;-)

Vielen Dank! Eigentlich hätte ich es wissen sollen... Klar, das Kopieren innerhalb der HTML war dumm, das war mehr aus der Verzweifelung. Aber ich hatte auch nicht im Blick, dass die seitliche Übersicht ja ebenfalls "inkludiert" wird und auch da andere Bezeichner benötigt werden.

Dank euch komm ich immer weiter - sieht schon super aus!

Vielen Dank!

Grüße
Robert

[manu241]

Hallo,

ich hänge mich mal mit hier ran

Ich habe auch das Problem, dass bei Basic.switch ein Symbol nicht angezeigt wird.

 Deckeleuchte {{ basic.switch('switch4', 'EG.office.ceiling_light1', icon1~'message_presence.svg', icon0~'message_presence_disabled.svg') }

Wenn ich nun das ändere in:

 Deckeleuchte {{ basic.switch('switch4', 'EG.office.ceiling_light1', icon0~'message_presence.svg', icon1~'message_presence_disabled.svg') }

dann wird das andere Symbol angezeigt.

Was mache ich falsch ?

Icon0 --> Bestimmt doch, was das Symbol anzeigen soll bei einer 0
Icon1 --> Bestimmt doch, was das Symbol anzeigen soll bei einer 1


Gruß Manuel

[bmx]

Icon0 oder Icon1 legt nur den Pfad zur Icon Datei fest. Welcher das ist wird beim Design vorgegeben. Hat nix damit zu tun ob 0 oder 1.

Gruß,
Bernd

[manu241]

Hallo Bernd,

danke für den Hinweis. Nun habe ich es hoffentlich verstanden.
Nun klappt es auch.

Danke

[alex78]

icon0

Hallo,

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

Jetzt kommt so was raus. Kann mir jemand sagen, wie man die Icons in Griff bekommt. So dass beim Stop Taster das Original Symbol kommt?

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') }}