Shutter Widget aus dem Demohaus

[martinb07]

Hallo
Kann mir jemand sagen, wie ich das Shutter Widget aus dem Demohaus (UZSU + Small Shutter) umgesetzt bekomme.

image_39668.png

Vielen Dank.

Gruß
Martin

[derMarc85]

die html datei dazu kannst du dir doch anschauen und den Kram dann einfach nachbauen... klar uzsu sollte installiert sein bei dir

[Astrafahrer]

Hallo zusammen,
ich bin auch auf der Suche nach dem Widget für obige Darstellung. Wer kann dies zur Verfügung stellen?
Sind solche erweiterten Widgets eigentlich Teil der kostenpflichtigen Doku und darüber zu beziehen?

Danke.

[macflei]

Könnte ich mir schon vorstellen. Ansonsten frag doch einfach direkt mal via Mail nach.
Mailadresse gibts ja unter dem Link "Kurzanleitung".

[hhhc]

Hallo,

anbei mal mein Widget, welches sehr ähnlich ist nur keine UZSU für die einzelnen Raffstoren benutzt sondern die RaffstoreAutomatik. Anpassung problemlos möglich.

/**
* 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_position_wert, gad_lamelle, gad_lamelle_wert, gad_auto=false) %}
{% import "basic.html" as basic %}
{% import "icon.html" as icon %}

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

/** Popup **/
<div id="{{ uid }}_position_popup" data-role="popup">
<a href="#" data-rel="back" data-role="button" data-icon="delete" data-iconpos="notext" class="ui-btn-right">Close</a>
<div align="center">
Position anfahren<p/>
{{ basic.button(id~'pos_00', gad_position, '0%', '', '0', 'mini') }}
{{ basic.button(id~'pos_25', gad_position, '25%', '', '25', 'mini') }}
{{ basic.button(id~'pos_50', gad_position, '50%', '', '50', 'mini') }}
{{ basic.button(id~'pos_75', gad_position, '75%', '', '75', 'mini') }}
{{ basic.button(id~'pos_100', gad_position, '100%', '', '100', 'mini') }}
</div>
</div>
<div id="{{ uid }}_lamelle_popup" data-role="popup">
<a href="#" data-rel="back" data-role="button" data-icon="delete" data-iconpos="notext" class="ui-btn-right">Close</a>
<div align="center">
Lamellenposition anfahren<p/>
{{ basic.button(id~'lam_0', gad_lamelle, '0%', '', '0', 'mini') }}
{{ basic.button(id~'lam_25', gad_lamelle, '25%', '', '25', 'mini') }}
{{ basic.button(id~'lam_50', gad_lamelle, '50%', '', '50', 'mini') }}
{{ basic.button(id~'lam_60', gad_lamelle, '60%', '', '60', 'mini') }}
{{ basic.button(id~'lam_70', gad_lamelle, '70%', '', '70', 'mini') }}
{{ basic.button(id~'lam_80', gad_lamelle, '80%', '', '80', 'mini') }}
{{ basic.button(id~'lam_100', gad_lamelle, '100%', '', '100', 'mini') }}
</div>
</div>

/** Design */
<div id="{{ uid }}" class="smallshut">
    <table style="width:100%; text-align: left;">
        <tr>
            <th width="28%">{% if txt %} {{ txt }} {% endif %}</th>
            <td width="12%">
                {% if gad_auto %}
                    {{ basic.switch(id~'auto', gad_auto, icon1~'fts_shutter_automatic.png', icon0~'fts_shutter_automatic.png') }}&nbsp;
                {% endif %}
            </td>
            <td width="12%">
                {% if gad_move %}
                    {{ basic.button(id~'up', gad_move, '', icon0~'control_arrow_up.png', '0', 'mini') }}
                {% endif %}
            </td>
            <td width="12%">
                {% if gad_stop %}
                    {{ basic.button(id~'stop', gad_stop, '', icon0~'audio_stop.png', '1', 'mini') }}
                {% endif %}
            </td>
            <td width="12%">
                {% if gad_move %}
                    {{ basic.button(id~'down', gad_move, '', icon0~'control_arrow_down.png', '1', 'mini') }}
                {% endif %}
            </td>
            <td width="12%">
                {% if gad_position %}
                <a href="#{{ uid }}_position_popup" data-rel="popup">
                    {{ icon.shutter(id~'_position_wert', '', gad_position_wert) }}
                </a>            
                {% endif %}
            </td>
            <td width="12%">
                {% if gad_position_wert %}
                <a href="#{{ uid }}_lamelle_popup" data-rel="popup">
                    {{ icon.blade_arc(id~'_lamelle_wert', '', gad_lamelle_wert) }} 
                {% endif %}
            </td>
        </tr>
    </table>
</div>
{% endmacro %}

Bildschirmfoto 2015-04-30 um 13.01.43.png
Die Raffstore-Automatik wird über die Tag/Nacht Szene an/aus geschaltet. Sollte man morgens vergessen, auf Tag zu stellen, stellt die UZSU sicher, dass im Sommer spätestens ab 10h (so lange schlafen wir nun wirklich nicht...) das Haus doch beschattet wird...

Hoffe es hilft Dir-
hhhc

[Astrafahrer]

Hallo,

anbei mal mein Widget, welches sehr ähnlich ist nur keine UZSU für die einzelnen Raffstoren benutzt sondern die RaffstoreAutomatik. Anpassung problemlos möglich.

Hallo hhhc,
vielen Dank für das Beispiel. Schaut gut aus mit super Funktionsumfang; Werde ich bei mir mal einbauen.
Danke.