- √ - Shutter / Widget

[alex78]

Hallo zusammen,

ich versuche gerade zu vertehen, wie die Widgets angesteuert werden.

Wenn ich die Jalousie ganz normal ansteuere funktionierts:

smartvisu.conf

            [[[jalo_1]]]
                [[[[move]]]]
                    type = num
                    visu = yes
                    knx_dpt = 1
                    knx_send = 3/4/10
                [[[[stop]]]]
                    type = num
                    visu = yes
                    enforce_updates = yes
                    knx_dpt = 1
                    knx_send = 3/4/11
                [[[[pos]]]]
                    type = num
                    visu = yes
                    knx_dpt = 5
                    knx_listen = 4/4/12
                    knx_send = 3/4/12
                    knx_init = 4/4/12
                [[[[tilt]]]]
                    type = num
                    visu = yes

Auszug aus der HTML Datei:

        <div data-role="collapsible" data-collapsed="false">
            <h3>Jalousie links</h3>
            {{ device.shutter ('DG.Studio.jalo_1', 'Links', 'DG.Studio.jalo_1.move', 'DG.Studio.jalo_1.stop', 'DG.Studio.jalo_1.pos', DG.Studio.jalo_1.tilt) }}
            </div>

Im Beispiel von Otterstätter sind die Jalos und Rollläden mit Widgets definiert.

        <div data-role="collapsible" data-collapsed="false">
            <h3>Rollladen</h3>
            {% import "widget_shutter.html" as shutter %}
            {{ shutter.one ('shutter1', 'Tür', 'schlafen_rollladen_fahren', 'schlafen_rollladen_stopp', 'schlafen_rollladen_position', 'schlafen_rollladen_beschatten' ) }}
        </div>

Wie muss ich die Itmes der smartvisu.conf anpassen, damit ich die Widgtes verwenden kann.

Danke und Gruß
Alex

[macflei]

Ohne jetzt die Codezeile genauer angeschaut zu haben .......
Hast Du die "externe" widget_shutter.html mit in Dein Page-Verzeichnis kopiert?

EDIT:
jetzt mal die Antwort nachdem ich auf den Code geschaut habe

schau mal dort ....
smartVISU Documentation v2.5

ich denke dir fehlt ein '',

{{ device.shutter ('DG.Studio.jalo_1', 'Links', 'DG.Studio.jalo_1.move', 'DG.Studio.jalo_1.stop', 'DG.Studio.jalo_1.pos', [B][COLOR=Red]'',[/COLOR][/B] DG.Studio.jalo_1.tilt) }}

[alex78]

Hallo,

die Code Zeile, die du berichtigt hast funktioniert. Ich suche ein lauffähiges Beispiel, um die Shutter Widgets zu nutzen. Also eine HTML mit dem Shutter Beispiel und die passende smartvisu.conf dazu.

Gruß
Alex

[macflei]

Ich weiß jetzt nicht ob ich Dich richtig verstehe.
Das widget aus Oberstätter ist ein "externes" widget.
Wenn Du das widget aus dem Besipiel Oberstätter nutzen willst, mußt Du die widget_shutter.html aus dem Page-Ordner "Oberstätter" in dein Page-Verzeichnis kopieren.
Dann den Code mit Deinen items anpassen

        <div data-role="collapsible" data-collapsed="false">
            <h3>Jalousie links</h3>
            {% import "widget_shutter.html" as shutter %}
            {{ shutter.one ('eineBezeichnung', 'Links', 'DG.Studio.jalo_1.move', 'DG.Studio.jalo_1.stop', 'DG.Studio.jalo_1.pos', 'DG.Studio.jalo_1.tilt' ) }}
        </div>

Wegen der "schöneren" Darstellung auf dem iPad nutze ich selber dieses "externe" widget.
Da ich jetzt aber nicht zu Hause bin kann ich den hier geposteten Code nicht 100% "kontrollieren".

[alex78]

genau das ist auch mein Problem, wie ich diese Widget mit den Items verknüpfe. Könntest du hier ein Beispiel posten ?

Danke

[macflei]

genau das ist auch mein Problem, wie ich diese Widget mit den Items verknüpfe. Könntest du hier ein Beispiel posten ?

Probleme hab ich keine.
Der Code wie im Post 4 sollte bei Dir schon richtig funktionieren.
Wichtig ist halt das die widget_shutter.html in Deinem Pag-Verzeichnis existiert und in deiner smartvisu.conf gib es noch [DG] und [[Studio]]


anbei ein entsprechender Auszug aus meiner items/*.conf

[EG]
    [[Esszimmer]]
        [[[blind]]]
            [COLOR=Blue]name = RolloEgEssen[/COLOR]
            [[[[move]]]]
                type = num
                visu = yes
                  knx_dpt = 1
                knx_send = 0/2/5
            [[[[stop]]]]
                type = num
                visu = yes
                enforce_updates = yes
                  knx_dpt = 1
                knx_send = 0/2/6
            [[[[pos]]]]
                type = num
                visu = yes
                knx_dpt = 5
                knx_listen = 0/2/11
                knx_send = 0/2/12
                knx_init = 0/2/11
            [[[[tilt]]]]
                type = num
                visu = yes

und der entsprechenden html-code der Seite.

    <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>Rollo</h3>
            {% import "[B][COLOR=Red]widget_shutter.html[/COLOR][/B]" as shutter %}
        {{ shutter.one ('[COLOR=Purple]RolloEgEssen[/COLOR]', 'West', 'EG.Esszimmer.blind.move', 'EG.Esszimmer.blind.stop', 'EG.Esszimmer.blind.pos', EG.Esszimmer.blind.tilt) }}
        </div>

    </div>
    </div>

wobei man das name = RolloEGEssen in der items/*.conf auch weglassen könnte. Ebenso kann man für das RolloEgEssen irgendwas beliebiges eintragen. Es muß halt eindeutig sein bzw. darf als ID in der Seite nur ein mal vorkommen.

hth

[alex78]

Funktioniert !! Danke !! Das Beispiel hat mir sehr geholfen.

Gruß
Alex