Gestaltungsfrage

[lio123]

Hallo,

ich will eigentlich nur zwei einfache Block (laut Doku Block1 oder Block2).
Jeweils für Licht und Rollo.

Den code habe ich aus dem Beispiel "Otterstätter":

{% extends "rooms.html" %}
{% block content %}
    <h1><img class="icon" src='{{ icon0 }}scene_sleeping_alternat.png'/>Schlafzimmer</h1>
    <div class="preblock">
 <table width="100%">
  <tr>
  <td align="left" width="50%">
  </td>
  <td align="right">
  {{ basic.symbol('rm1', 'schlafen_rm_alarm', '', icon1~'secur_smoke_detector.png',1, 'mini') }}
       {{ basic.symbol('rm2', 'schlafen_rm_alarm', '', icon0~'secur_smoke_detector.png', 0, 'mini') }}
  {{ basic.symbol('rm3', 'schlafen_rm_stoerung', '', icon1~'message_service.png',1, 'mini') }}
       {{ basic.symbol('rm4', 'schlafen_rm_stoerung', '', icon0~'message_service.png', 0, 'mini') }}
  </td>
  <td align="right" padding="20">
  {{ basic.symbol('pir1', 'schlafen_praesenz', '', icon1~'message_presence.png', 1, 'mini') }}
    {{ basic.symbol('pir2', 'schlafen_praesenz', '', icon0~'message_presence.png', 0, 'mini') }}
  </td>
  </tr>
 </table>
    </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>Licht</h3>
            {{ device.dimmer('light1', 'Deckenstrahler', 'schlafen_beleuchtung_decke_schalten', 'schlafen_beleuchtung_decke_dimmwert') }}
            <table width="90%"><tr><td align="left" width="100px">&nbsp; {{ basic.switch('switch1', 'schlafen_beleuchtung_bett_links_schalten', icon1~'light_light.png', icon0~'light_light.png') }} </td><td>Bett links</td></tr></table>
            <table width="90%"><tr><td align="left" width="100px">&nbsp; {{ basic.switch('switch2', 'schlafen_beleuchtung_bett_rechts_schalten', icon1~'light_light.png', icon0~'light_light.png') }} </td><td>Bett rechts</td></tr></table>
       </div>
     <div data-role="collapsible">
            <h3>&nbsp;</h3>
        </div>
    </div>
    </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>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>
     <div data-role="collapsible">
            <h3>&nbsp;</h3>
            <p></p>
        </div>
    </div>
    </div>

Nach meinen Vorstellungen abgeändert:

 

{% extends "rooms.html" %}
{% block content %}
    <h1><img class="icon" src='{{ icon0 }}scene_office.png'/>Arbeiten</h1>
 
 <div class="preblock">
 <table width="100%">
  <tr>
  <td align="left" width="50%">
  </td>
  <td align="right">
  {{ basic.float('EG.Arbeiten.Temperatur', 'EG.Arbeiten.Temperatur', '°C') }}<br />
  </td>
  <td align="right" padding="20">
  {{ basic.symbol('pir1', 'schlafen_praesenz', '', icon1~'message_presence.png', 1, 'mini') }}
    {{ basic.symbol('pir2', 'schlafen_praesenz', '', icon0~'message_presence.png', 0, 'mini') }}
  </td>
  </tr>
 </table>
    </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>Licht</h3>
            <table width="90%"><tr><td align="left" width="100px">&nbsp; {{ basic.switch('switch1', 'EG.Arbeiten.Deckenlicht.Schalten', icon1~'light_light.png', icon0~'light_light.png') }} </td><td>Deckenlicht</td></tr>
       </div>
  
  <div data-role="collapsible">
            <h3>&nbsp;</h3>
        </div>
     
    </div>
    </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>Rollladen 2</h3>
            {% import "device.html" as shutter %}
   <table width="100%"><tr>
    <td width="50%">{{  device.blind ('Shut2', 'Arbeiten', 'EG.Arbeiten.Rollo.Move', 'EG.Arbeiten.Rollo.Stop', 'EG.Arbeiten.Rollo.PosFahren') }}</td>
         
    
                <tr></table>
        </div>
 
    </div>
    </div>
 
 
{% endblock %}

Das Ergebnis entspricht aber weder der Vorlage, noch dem, was es sein soll. Den temps Pafad habe ich schon gelöscht. Daran kann es nicht liegen. Ich kann mir die Verschachtelung nicht erklären.
Fehlt da noch irgendwas?

Sorry für sowas blödes und Danke für Hilfestellungen.
Grüße,
Lio

[Apollo]

Da is mit Sicherheit ein Tag zu viel oder zu wenig. Den import für device brauchst du nicht, wird standartmässig immer includiert.

Gruss

[lio123]

Ok, vielen dank. Der Wink reicht aus mir die einzelnen Zeilen in Zukunft genauer zu betrachten.

Ich nutze Notepad++. Ihr auch? Oder gibt es da was besseres?

Den import für device brauchst du nicht, wird standartmässig immer includiert.

Gruss

Das versteh ich überhaupt nicht.


Gruß,
Lio

[Apollo]

Du brauchst einen UTF-8 fähigen Editor, Notepad++ gehört dazu. Ist also perfekt.

Die Zeile:
{% import "device.html" as shutter %}
kann raus, ist so nicht sinnvoll.

Gruss