Ankündigung

Einklappen
Keine Ankündigung bisher.

Gestaltungsfrage

Einklappen
X
 
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

    Gestaltungsfrage

    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":
    Code:
    {% 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:

    Code:
     
    
    {% 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
    Angehängte Dateien

    #2
    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
    Join smartVISU on facebook. Web: smartvisu.de.
    Dir gefällt smartVISU? Bitte spenden für die Weiterentwicklung.

    Kommentar


      #3
      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?


      Zitat von Apollo Beitrag anzeigen
      Den import für device brauchst du nicht, wird standartmässig immer includiert.

      Gruss
      Das versteh ich überhaupt nicht.


      Gruß,
      Lio

      Kommentar


        #4
        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
        Join smartVISU on facebook. Web: smartvisu.de.
        Dir gefällt smartVISU? Bitte spenden für die Weiterentwicklung.

        Kommentar

        Lädt...
        X