[Codebeispiel] Rollos in der SmartVisu

[SachsenTobi]

Hallo,

als ich mir heute wieder einmal die [smartVISU] - Demohaus angesehen habe, fiel mir auf, das da die Rollos sehr nett dargestellt sind.

Woher kann ich den Code dafür bekommen?

Ist es ein Widget.

Wie funktioniert das so?

Danke

[BarnyO]

Hallo,

ich habe mir das mal angesehen und versucht nachzustellen.
Zwei Punkte habe ich nicht ausprogrammiert (die Zeitschaltuhr und der Status wird mit bis zu 255% statt bis zu 100% dargestellt).

  <div class="block" style="width:100%">
 <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>Rollos Wohnzimmer</h3>
   <table width=100%>
   <tr>
    <td width="30%">
     Essbereich Balkontür
    </td>
             <td width="10%">
                    {{ basic.button('EG.RolloBalkonTuer.Up', 'EG.RolloBalkonTuer.move','' , 'icons/ws/control_arrow_up.png', 0, 'mini') }}                
    </td>
    <td width="10%">
       {{ basic.button('EG.RolloBalkonTuer.Tab.Stop2', 'EG.RolloBalkonTuer.stop','' , 'icons/ws/audio_stop.png', 1, 'mini') }}                    
    </td>
             <td width="10%">
                    {{ basic.button('EG.RolloBalkonTuer.Down', 'EG.RolloBalkonTuer.move','' , 'icons/ws/control_arrow_down.png', 1, 'mini') }}                
    </td>
    <td width="25%">
     {{ basic.float('EG.RolloBalkonTuer.GetStatus' , 'EG.RolloBalkonTuer.pos', ' %') }}
    </td>
    <td width="15%">
    
     <a href="#popup1" data-rel="popup">
      <img class="icon" src="{{ 'icons/ws/control_arrow_up_down.png' }}">
     </a>
      <div id="popup1" data-role="popup">
      <a href="#" data-rel="back" data-role="button" data-icon="delete" data-iconpos="notext" class="ui-btn-right">Close</a>
      <center><p>Position Rollo Balkontür anfahren</p></center>
      {{ basic.button('EG.RolloBalkonTuer.SetStatus25' , 'EG.RolloBalkonTuer.pos', ' 25%','', '35', 'mini') }}
      {{ basic.button('EG.RolloBalkonTuer.SetStatus50' , 'EG.RolloBalkonTuer.pos', ' 50%','', '80', 'mini') }}
      {{ basic.button('EG.RolloBalkonTuer.SetStatus75' , 'EG.RolloBalkonTuer.pos', ' 75%','', '137', 'mini') }}
      {{ basic.button('EG.RolloBalkonTuer.SetStatus90' , 'EG.RolloBalkonTuer.pos', ' 90%','', '200', 'mini') }}
     </div>     
    </td>
   </tr>
   </table>
  </div>

Liebe Grüße,
BarnyO

[stens79]

Probier mal das dpt in der item.conf zu ändern. Also von knx_dpt = 5 in knx_dpt = 5001

hier findest Du noch mal ein gute Zusammenfassung:
KNX ? SmartHome.py 1.0 documentation

Viel Erfolg.

[BarnyO]

Hallo Stens,

danke, hat funktioniert. Jedoch werden jetzt teilweise ziemlich lange Nachkommastellen angezeigt. Aber die 100% stimmen jetzt.

Liebe Grüße

[stens79]

Das rundest du mit basic.float auf/ ab.
Eigentlich wie in deinem Codebeispiel. Entferne vielleicht mal das Leerzeichen vor dem Prozentzeichen, damit die Einheit richtig gesetzt wird:
basic.float('id', 'item', '%')

[BarnyO]

Stimmt, jetzt zeigt er es mit nur einer Kommastelle an.

Herzlichen Dank.

[arnix]

Hallo zusammen,

ich habe auch noch eine Frage in dem Zusammenhang:

Im Smartvisu-Demohaus ist für das Popup ein Icon hinterlegt, das den aktuellen Zustand der Rollos graphisch darstellt. In dem hier beschriebenen Code ist es aber ein basic.float, der einen Prozentwert nummerisch darstellt.

Mit welchem Code bekomme ich denn dieses Icon?

Vielen Dank vorab,

Arne

[Tom Bombadil]

Edit: Bitte ignorieren, Frage falschrum verstanden ...

Mit welchem Code bekomme ich denn dieses Icon?

Hallo,

habe meine Rolläden zwar noch nicht angebunden, aber als "Universal-Aufrufer" für Popup's benutze ich folgendes:

/** aktives Element (Button, Zahl etc) als href auf der Seite definieren **/
<div class="helios_info_button">
    <a href="#popup_helios_info" data-rel="popup"><img src="icons/ws/message_info.png" class="icon"></a>
</div>
  
/** das zugehörige Popup **/
<div id="popup_helios_info" data-role="popup" class="helios_popup_info" data-overlay-theme="c">
    /** hier der Inhalt des Popups **/
</div>

Statt des <img> kann zwischen <a> und </a> auch ein beliebiges anderes Element stehen, z.B. das von Dir erwähnte basic.float.

Hoffe, das hilft Dir ein wenig weiter ...

/tom

[macflei]

Im Smartvisu-Demohaus ist für das Popup ein Icon hinterlegt, das den aktuellen Zustand der Rollos graphisch darstellt.

Docu lesen! Da gibt es die dynamischen Icons.

[arnix]

Docu lesen! Da gibt es die dynamischen Icons.

Hallo,

hatte ich gelesen, aber ich habe es nicht gefunden! Danke für die Info, scheint ja ganz simpel zu sein.

Viele Grüße

Arne