Ankündigung

**Orion** · 15.09.2015, 15:08

Ja, geht. Die Umschaltung des Responsive Designs betrifft nicht die Formatierung der Felder. Gleicher Parameter, weil auch gleiches Widget. Sieht nur anders aus, wenn die Darstellung zu schmal wird und springt von selbst um...

**integrale** · 16.09.2015, 13:37

Hallo Michael,

ich hab mich jetzt auch mal versucht das ganze zu installieren.
Ich bin nach Deiner Anleitung unter https://github.com/mknx/smarthome/wi...itschaltuhr%29 vorgegangen und scheitere schon beim Versuch das Plugin "__ init __.py" zu installieren.

Ich bekomme folgende Fehlermeldung in der Smarthome Log:

2015-09-16 14:52:54 WARNING Main Item AG.Treppenhaus.LichtEG.Schaltuhr: problem reading cache: [Errno 2] No such file or directory: '/usr/local/smarthome/var/cache/AG.Treppenhaus.LichtEG.Schaltuhr'

Was kann da nicht stimmen?

Vielen Dank im Voraus,

Ralf

**Sandman60** · 16.09.2015, 15:16

Die Meldung ist IMHO "normal" wenn beim ersten Start eines Items noch kein Cache-Eintrag vorhanden ist. Im Dev.-Zweig ist das inzwischen so geregelt, dass beim ersten Starten das cache-File angelegt wird. Im Master ist das IMHO noch nicht so, hier mal mit der CLI ein Update auf das Item machen und dann kommt die Meldung nicht mehr. M.E. aber ein kosmetisches Thema, hat mit der UZSU nichts weiter zu tun (außer dass das Item zur UZSU gehört).

**integrale** · 16.09.2015, 17:35

Danke, passt schon. Habe ich inzwischen schon gemerkt. Funzt jetzt einwanfrei! Danke an Michael für das tolle Projekt!

**twi127** · 18.09.2015, 15:58

Hallo zusammen.
Erst einmal vielen Dank für diese tolle Projekt !

Ich bin ein absoluter Anfänger was die SmartVISU betrifft. Habe USZU erfolgeich installiert. Habe jedoch folgendes Problem: Wenn ich per folgendem Widget einen Anzeigetext für 'bool' übergebe, wird im Popup nur der Text für "Ein" angezeigt. Bei Zustand Aus erscheint "undefined". Was mach ich falsch ? Wäre für Hilfe dankbar.

VG Thomas

Code:

{{ uzsu.uzsu_icon('Galerie.DL_gesamt.uszu.01', 'Galerie.DL_gesamt.Schalten.uszu','Deckenlicht','0','','','bool','Ein','Aus') }}

**MiWu** · 18.09.2015, 17:36

Hallo Thomas,

Dir fehlen die eckigen Klammern um Ein/Aus, also ['Ein', 'Aus'].

Besten Gruß
Michael

**twi127** · 18.09.2015, 21:08

Hallo Michael,

Danke. Jetzt klappts

VG Thomas

**Masterxx** · 20.09.2015, 15:49

Hallo Leute,

gibt es schon eine Lösung für das nicht funktionierende sunrise und sunset in der UZSU ???

Gruss Jens

**Orion** · 22.09.2015, 13:18

Jens,

ist ein Thema im Plugin und Backend. Ist hier im Forum am falschen Ort. Lösung gibt es aber nicht.

Michel

**twi127** · 04.10.2015, 13:50

Hallo zusammen,

ich versuche gerade ein eigenes Widget für Jalousien analog der SmartVISU Demo zu schreiben. Ich komme allerdings leider mit der Integration des UZSU Wigets (Version 3.4) nicht weiter. Ich bekomme immer folgende Fehlermeldung: DOM Daten für UZSU nicht vorhanden ! Item falsch konfiguriert oder nicht vorhanden ! (click-event). Anbei mein Code. Füge ich die UZSU per Widget im Raum ein, so funktioniert alles. Daher sollte das Item stimmen. Hat irgend jemand evtl. eine Idee ?

Viele Grüße

Thomas

Code Widget:

Code:

/**
* Widget Jalousie
*
*
* @param unique id for this widget
* @param text jalousie
* @param a gad/item uzsu
* @param a gad/item jalousie up down
* @param a gad/item jalousie stop
* @param a gad/item jalousie position
* @param a gad/item jalousie blades
* @param min pos 0
* @param max pos 255
*/




 
{% macro jalousie(id, txt_jal, gad_uzsu, gad_aufab, gad_stop, gad_pos, gad_lam, min, max) %}
{% import "widget_uzsu.html" as uzsu %}
 {% set uid = uid(page, id) %}

 

            
    <div id="{{ uid }}-t1" class="smallshut">
     <table style="width:75%; text-align: left;">

      <td width="25%"> {{txt_jal}} </td>
      
      <td width="10%">
      {{ uzsu.uzsu_icon(uid~'01', gad_uzsu,txt_jal,'0','','','bool',['Auf','Ab']) }}
      </td>
  
      <td width="10%">
                            <a id="{{ uid }}-t1up" data-widget="basic.button" data-item="{{ gad_aufab }}" data-val="0" class="ui-mini ui-btn ui-btn-up-a ui-shadow ui-btn-corner-all ui-btn-inline ui-btn-icon-center" data-role="button" data-inline="true" data-iconpos="center" data-corners="true" data-shadow="true" data-iconshadow="true" data-wrapperels="span" data-theme="a"><span class="ui-btn-inner"><span class="ui-btn-text"><img class="icon" src="icons/ws/control_arrow_up.png">
       </span></span></a>
      </td>
      
      <td width="10%">
                            <a id="{{ uid }}-t1stop" data-widget="basic.button" data-item="{{ gad_stop }}" data-val="1" class="ui-mini ui-btn ui-shadow ui-btn-corner-all ui-btn-inline ui-btn-icon-center ui-btn-up-a" data-role="button" data-inline="true" data-iconpos="center" data-corners="true" data-shadow="true" data-iconshadow="true" data-wrapperels="span" data-theme="a"><span class="ui-btn-inner"><span class="ui-btn-text"><img class="icon" src="icons/ws/audio_stop.png">
       </span></span></a>
      </td>
      
      <td width="10%">
                            <a id="{{ uid }}-t1down" data-widget="basic.button" data-item="{{ gad_aufab }}" data-val="1" class="ui-mini ui-btn ui-shadow ui-btn-corner-all ui-btn-inline ui-btn-icon-center ui-btn-up-a" data-role="button" data-inline="true" data-iconpos="center" data-corners="true" data-shadow="true" data-iconshadow="true" data-wrapperels="span" data-theme="a"><span class="ui-btn-inner"><span class="ui-btn-text"><img class="icon" src="icons/ws/control_arrow_down.png">
       </span></span></a>
      </td>
      
      <td width="10%">    
       <a href="#popup{{ uid }}20" data-rel="popup" data-transition="pop" data-position-to="window" aria-haspopup="true" aria-owns="popup{{ uid }}20" aria-expanded="false" class="ui-link">
        
       <svg id="{{ uid }}-icon1" data-widget="icon.shutter" data-item="{{ gad_pos }}, " data-min="{{ min|default('0') }}" data-max="{{ max|default('255') }}" class="icon icon0" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 80 100">
        <g>
         <rect rx="1" x="15" y="25" width="70" height="4"></rect>
         <rect x="18" y="28" width="64" height="45" fill="none"></rect>
         <rect x="49" y="28" width="2" height="45"></rect>
         <rect x="46" y="50" width="8" height="2"></rect>
         <line x1="14" y1="34" x2="86" y2="34"></line>
        </g>
       </svg>

       </a>
       <div style="display: none;"><!-- placeholder for popup20 --></div>    
      </td>
      
      <td width="10%">
       <a href="#popuplam{{ uid }}21" data-rel="popup" data-transition="pop" data-position-to="window" aria-haspopup="true" aria-owns="popuplam{{ uid }}21" aria-expanded="false" class="ui-link">
        
       <svg id="{{ uid }}-icon2" data-widget="icon.blade_z" data-item="{{ gad_lam }}, " data-min="{{ min|default('0') }}" data-max="{{ max|default('255') }}" class="icon icon0" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 120 100">
        <g>
         <line class="light" x1="50" y1="10" x2="50" y2="20"></line>
         <line class="light" x1="50" y1="40" x2="50" y2="60"></line>
         <line class="light" x1="50" y1="80" x2="50" y2="90"></line>
         <polyline id="blade0" points="28.786796564403573,44.14213562373095,42.928932188134524,30,57.071067811865476,30,71.21320343559643,15.857864376269053" fill="none"></polyline>
         <polyline id="blade1" points="28.786796564403573,84.14213562373095,42.928932188134524,70,57.071067811865476,70,71.21320343559643,55.85786437626905" fill="none"></polyline>
        </g>
       </svg>
       </a>
       <div style="display: none;"><!-- placeholder for popuplam21 --></div>
      </td>
      

     </table>
    </div>

    
    <div class="ui-popup-screen ui-overlay-c ui-screen-hidden" id="popup{{ uid }}20-screen"></div>
    <div class="ui-popup-container pop ui-popup-hidden" id="popup{{ uid }}20-popup">
     <div id="popup{{ uid }}20" data-role="popup" data-overlay-theme="c" data-theme="a" class="ui-popup ui-body-a ui-overlay-shadow ui-corner-all">
      <center><p>{{txt_jal}} Position anfahren</p></center>

      <table width="100%">
       <tbody><tr>
       <td align="middle" width="100%">
          
       <a id="{{ uid }}-pos1" data-widget="basic.button" data-item="{{ gad_pos }}" data-val="10" class="ui-midi ui-btn ui-btn-up-a ui-shadow ui-btn-corner-all ui-btn-inline ui-btn-icon-nopic" data-role="button" data-inline="true" data-iconpos="nopic" data-corners="true" data-shadow="true" data-iconshadow="true" data-wrapperels="span" data-theme="a"><span class="ui-btn-inner"><span class="ui-btn-text">10%
       </span></span></a>
        
       <a id="{{ uid }}-pos2" data-widget="basic.button" data-item="{{ gad_pos }}" data-val="20" class="ui-midi ui-btn ui-btn-up-a ui-shadow ui-btn-corner-all ui-btn-inline ui-btn-icon-nopic" data-role="button" data-inline="true" data-iconpos="nopic" data-corners="true" data-shadow="true" data-iconshadow="true" data-wrapperels="span" data-theme="a"><span class="ui-btn-inner"><span class="ui-btn-text">20%
       </span></span></a>
        
       <a id="{{ uid }}-pos3" data-widget="basic.button" data-item="{{ gad_pos }}" data-val="30" class="ui-midi ui-btn ui-btn-up-a ui-shadow ui-btn-corner-all ui-btn-inline ui-btn-icon-nopic" data-role="button" data-inline="true" data-iconpos="nopic" data-corners="true" data-shadow="true" data-iconshadow="true" data-wrapperels="span" data-theme="a"><span class="ui-btn-inner"><span class="ui-btn-text">30%
       </span></span></a>
          
       <a id="{{ uid }}-pos4" data-widget="basic.button" data-item="{{ gad_pos }}" data-val="40" class="ui-midi ui-btn ui-btn-up-a ui-shadow ui-btn-corner-all ui-btn-inline ui-btn-icon-nopic" data-role="button" data-inline="true" data-iconpos="nopic" data-corners="true" data-shadow="true" data-iconshadow="true" data-wrapperels="span" data-theme="a"><span class="ui-btn-inner"><span class="ui-btn-text">40%
       </span></span></a>
        
       <a id="{{ uid }}-pos5" data-widget="basic.button" data-item="{{ gad_pos }}" data-val="50" class="ui-midi ui-btn ui-shadow ui-btn-corner-all ui-btn-inline ui-btn-icon-nopic ui-btn-up-a" data-role="button" data-inline="true" data-iconpos="nopic" data-corners="true" data-shadow="true" data-iconshadow="true" data-wrapperels="span" data-theme="a"><span class="ui-btn-inner"><span class="ui-btn-text">50%
       </span></span></a>
      
       </td>
       </tr>
       </tbody>
      </table>
          
      <table width="100%">
       <tbody><tr>
       <td align="middle" width="100%">
          
       <a id="{{ uid }}-pos6" data-widget="basic.button" data-item="{{ gad_pos }}" data-val="60" class="ui-midi ui-btn ui-btn-up-a ui-shadow ui-btn-corner-all ui-btn-inline ui-btn-icon-nopic" data-role="button" data-inline="true" data-iconpos="nopic" data-corners="true" data-shadow="true" data-iconshadow="true" data-wrapperels="span" data-theme="a"><span class="ui-btn-inner"><span class="ui-btn-text">60%
       </span></span></a>
        
       <a id="{{ uid }}-pos7" data-widget="basic.button" data-item="{{ gad_pos }}" data-val="70" class="ui-midi ui-btn ui-btn-up-a ui-shadow ui-btn-corner-all ui-btn-inline ui-btn-icon-nopic" data-role="button" data-inline="true" data-iconpos="nopic" data-corners="true" data-shadow="true" data-iconshadow="true" data-wrapperels="span" data-theme="a"><span class="ui-btn-inner"><span class="ui-btn-text">70%
       </span></span></a>
      
       <a id="{{ uid }}-pos8" data-widget="basic.button" data-item="{{ gad_pos }}" data-val="80" class="ui-midi ui-btn ui-btn-up-a ui-shadow ui-btn-corner-all ui-btn-inline ui-btn-icon-nopic" data-role="button" data-inline="true" data-iconpos="nopic" data-corners="true" data-shadow="true" data-iconshadow="true" data-wrapperels="span" data-theme="a"><span class="ui-btn-inner"><span class="ui-btn-text">80%
       </span></span></a>
          
       <a id="{{ uid }}-pos9" data-widget="basic.button" data-item="{{ gad_pos }}" data-val="90" class="ui-midi ui-btn ui-btn-up-a ui-shadow ui-btn-corner-all ui-btn-inline ui-btn-icon-nopic" data-role="button" data-inline="true" data-iconpos="nopic" data-corners="true" data-shadow="true" data-iconshadow="true" data-wrapperels="span" data-theme="a"><span class="ui-btn-inner"><span class="ui-btn-text">90%
       </span></span></a>
        
       <a id="{{ uid }}-pos10" data-widget="basic.button" data-item="{{ gad_pos }}" data-val="100" class="ui-midi ui-btn ui-shadow ui-btn-corner-all ui-btn-inline ui-btn-icon-nopic ui-btn-up-a" data-role="button" data-inline="true" data-iconpos="nopic" data-corners="true" data-shadow="true" data-iconshadow="true" data-wrapperels="span" data-theme="a"><span class="ui-btn-inner"><span class="ui-btn-text">100%
       </span></span></a>

       </td>
       </tr>
       </tbody>
      </table>

      <a href="#" data-rel="back" data-role="button" data-icon="delete" data-iconpos="notext" class="ui-btn-right ui-btn ui-shadow ui-btn-corner-all ui-btn-icon-notext ui-btn-up-a" data-corners="true" data-shadow="true" data-iconshadow="true" data-wrapperels="span" data-theme="a" title="Close"><span class="ui-btn-inner"><span class="ui-btn-text">Close</span><span class="ui-icon ui-icon-delete ui-icon-shadow">&nbsp;</span></span></a>
     </div>
    </div>
    
    <div class="ui-popup-screen ui-overlay-c ui-screen-hidden" id="popuplam{{ uid }}21-screen"></div>
    <div class="ui-popup-container pop ui-popup-hidden" id="popuplam{{ uid }}21-popup">
     <div id="popuplam{{ uid }}21" data-role="popup" data-overlay-theme="c" data-theme="a" class="ui-popup ui-body-a ui-overlay-shadow ui-corner-all">
      <center><p>{{txt_jal}}</p></center>
      <table width="100%">
       <tbody><tr>
       <td align="middle" width="100%">
          
       <a id="{{ uid }}-lam1" data-widget="basic.button" data-item="{{ gad_lam }}" data-val="0" class="ui-midi ui-btn ui-btn-up-a ui-shadow ui-btn-corner-all ui-btn-inline ui-btn-icon-nopic" data-role="button" data-inline="true" data-iconpos="nopic" data-corners="true" data-shadow="true" data-iconshadow="true" data-wrapperels="span" data-theme="a">
        <span class="ui-btn-inner">
         <span class="ui-btn-text">Auf
         </span>
        </span>
       </a>


          
       <a id="{{ uid }}-lam2" data-widget="basic.button" data-item="{{ gad_lam }}" data-val="25" class="ui-midi ui-btn ui-btn-up-a ui-shadow ui-btn-corner-all ui-btn-inline ui-btn-icon-nopic" data-role="button" data-inline="true" data-iconpos="nopic" data-corners="true" data-shadow="true" data-iconshadow="true" data-wrapperels="span" data-theme="a"><span class="ui-btn-inner"><span class="ui-btn-text">¼
        </span></span></a>


          
       <a id="{{ uid }}-lam3" data-widget="basic.button" data-item="{{ gad_lam }}" data-val="50" class="ui-midi ui-btn ui-btn-up-a ui-shadow ui-btn-corner-all ui-btn-inline ui-btn-icon-nopic" data-role="button" data-inline="true" data-iconpos="nopic" data-corners="true" data-shadow="true" data-iconshadow="true" data-wrapperels="span" data-theme="a"><span class="ui-btn-inner"><span class="ui-btn-text">½
        </span></span></a>


          
       <a id="{{ uid }}-lam4" data-widget="basic.button" data-item="{{ gad_lam }}" data-val="75" class="ui-midi ui-btn ui-btn-up-a ui-shadow ui-btn-corner-all ui-btn-inline ui-btn-icon-nopic" data-role="button" data-inline="true" data-iconpos="nopic" data-corners="true" data-shadow="true" data-iconshadow="true" data-wrapperels="span" data-theme="a"><span class="ui-btn-inner"><span class="ui-btn-text">¾
        </span></span></a>

      
          
       <a id="{{ uid }}-lam5" data-widget="basic.button" data-item="{{ gad_lam }}" data-val="100" class="ui-midi ui-btn ui-btn-up-a ui-shadow ui-btn-corner-all ui-btn-inline ui-btn-icon-nopic" data-role="button" data-inline="true" data-iconpos="nopic" data-corners="true" data-shadow="true" data-iconshadow="true" data-wrapperels="span" data-theme="a"><span class="ui-btn-inner"><span class="ui-btn-text">Zu
        </span></span></a>

          
       </td>
       </tr>
       </tbody>
      </table>
      <a href="#" data-rel="back" data-role="button" data-icon="delete" data-iconpos="notext" class="ui-btn-right ui-btn ui-shadow ui-btn-corner-all ui-btn-icon-notext ui-btn-up-a" data-corners="true" data-shadow="true" data-iconshadow="true" data-wrapperels="span" data-theme="a" title="Close"><span class="ui-btn-inner"><span class="ui-btn-text">Close</span><span class="ui-icon ui-icon-delete ui-icon-shadow">&nbsp;</span></span></a>
     </div>
    </div>
 
{% endmacro %}

HTML Code:

Code:

{{ jal.jalousie('Galerie_West', 'Galerie Ost', 'Galerie.jal_ost.auf_ab.uzsu', 'Galerie.jal_ost.auf_ab', 'Galerie.jal_ost.stop', 'Galerie.jal_ost.pos', 'Galerie.jal_ost.lam', 0, 255) }}

**Orion** · 04.10.2015, 14:25

Hallo Thomas,

kannst Du mal in der Webkonsole des Browsers schauen, was dort als LOG steht ? Hier mal ein Beispiel, wie ich die UZSU in einem weitere Widget (Checkbox mit UZSU Eintrag verwende):

Code:

/**
 * Extended checkbox function with uzsu
 * (c) 2015 Michael Würtenberger
 * APL2
 * 
 * @param       unique id for this widget
 * @param       a gad/item for switching
 * @param       a gad/item for uzsu 
 * @param       name of the checkbox
 */
{% macro checkbox(id, gad_checkbox, gad_txt, gad_uzsu) %}

{% import "basic.html" as basic %}
{% import "widget_uzsu.html" as uzsu %}

<div class="table">
    <div class="table-cell" style="width:50px;float:left;height:54px;margin-top:4px;">
        {% if gad_uzsu %}
            {{ uzsu.uzsu_icon(id~'extend_checkbox_uzsu', gad_uzsu, gad_txt) }}
        {% endif %}
    </div>
    <div class="table-cell" style="width:calc(100% - 50px);float:right">
        {{ basic.checkbox(id~'extend_checkbox', gad_checkbox, gad_txt) }}
    </div>
    <div style="clear: both;">
    </div>
</div>
    
{% endmacro %}

Michel

**twi127** · 04.10.2015, 16:16

Hallo Michel,

ich hab mal deine Variante bei mir versucht:

Code:

{{ uzsu.uzsu_icon(id~'_uzsu', gad_uzsu, jal_txt) }}

Ich bekomme jedoch leider immer noch die gleiche Fehlermeldung. In der Console des Browsers (Chrome) steht folgender Fehler: Uncaught TypeError: Cannot read property 'lenght' of undefined, visu.js:744

Ich habe deine Checkbox bei mir getestet: funktioniert perfekt

Also irgendwie finde ich den Fehler nicht. Also nochmal:

HTML Seite Raum:

Code:

{% extends "rooms.html" %}
{% block content %}
{% import "widget_uzsu.html" as uzsu %}
{% import "widget_jalousie.html" as jal %}
{% import "widget_checkbox.html" as checkbox %}


{{ jal.jalousie('Galerie_Ost', 'Galerie Ost', 'Galerie.jal_ost.auf_ab', 'Galerie.jal_ost.stop', 'Galerie.jal_ost.pos', 'Galerie.jal_ost.lam', 0, 255,'Galerie.jal_ost.auf_ab.uzsu') }}

Widget:

Code:

/**
* Widget Jalousie
*
*
* @param unique id for this widget
* @param text jalousie
* @param a gad/item uzsu
* @param a gad/item jalousie up down
* @param a gad/item jalousie stop
* @param a gad/item jalousie position
* @param a gad/item jalousie blades
* @param min pos 0
* @param max pos 255
*/

{% macro jalousie(id, gad_txt, gad_aufab, gad_stop, gad_pos, gad_lam, min, max, gad_uzsu) %}
{% import "widget_uzsu.html" as uzsu %}
 {% set uid = uid(page, id) %}
          
<div id="{{ uid }}-t1" class="smallshut">
 <table style="width:85%; text-align: left;">

  <td width="25%"> {{gad_txt}} </td>
  
  <td width="10%">
   {% if gad_uzsu %}
    {{ uzsu.uzsu_icon(id~'extend_jal_uzsu', gad_uzsu, gad_txt) }}
   {% endif %}
  </td>
    
  <td width="10%">
   <a id="{{ uid }}-t1up" data-widget="basic.button" data-item="{{ gad_aufab }}" data-val="0" class="ui-mini ui-btn ui-btn-up-a ui-shadow ui-btn-corner-all ui-btn-inline ui-btn-icon-center" data-role="button" data-inline="true" data-iconpos="center" data-corners="true" data-shadow="true" data-iconshadow="true" data-wrapperels="span" data-theme="a"><span class="ui-btn-inner"><span class="ui-btn-text"><img class="icon" src="icons/ws/control_arrow_up.png">
   </span></span></a>
  </td>
  
  <td width="10%">
   <a id="{{ uid }}-t1stop" data-widget="basic.button" data-item="{{ gad_stop }}" data-val="1" class="ui-mini ui-btn ui-shadow ui-btn-corner-all ui-btn-inline ui-btn-icon-center ui-btn-up-a" data-role="button" data-inline="true" data-iconpos="center" data-corners="true" data-shadow="true" data-iconshadow="true" data-wrapperels="span" data-theme="a"><span class="ui-btn-inner"><span class="ui-btn-text"><img class="icon" src="icons/ws/audio_stop.png">
   </span></span></a>
  </td>
  
  <td width="10%">
   <a id="{{ uid }}-t1down" data-widget="basic.button" data-item="{{ gad_aufab }}" data-val="1" class="ui-mini ui-btn ui-shadow ui-btn-corner-all ui-btn-inline ui-btn-icon-center ui-btn-up-a" data-role="button" data-inline="true" data-iconpos="center" data-corners="true" data-shadow="true" data-iconshadow="true" data-wrapperels="span" data-theme="a"><span class="ui-btn-inner"><span class="ui-btn-text"><img class="icon" src="icons/ws/control_arrow_down.png">
   </span></span></a>
  </td>
  
  <td width="10%">    
   <a href="#popup{{ uid }}20" data-rel="popup" data-transition="pop" data-position-to="window" aria-haspopup="true" aria-owns="popup{{ uid }}20" aria-expanded="false" class="ui-link">
    
   <svg id="{{ uid }}-icon1" data-widget="icon.shutter" data-item="{{ gad_pos }}, " data-min="{{ min|default('0') }}" data-max="{{ max|default('255') }}" class="icon icon0" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 80 100">
    <g>
     <rect rx="1" x="15" y="25" width="70" height="4"></rect>
     <rect x="18" y="28" width="64" height="45" fill="none"></rect>
     <rect x="49" y="28" width="2" height="45"></rect>
     <rect x="46" y="50" width="8" height="2"></rect>
     <line x1="14" y1="34" x2="86" y2="34"></line>
    </g>
   </svg>

   </a>
   <div style="display: none;"><!-- placeholder for popup20 --></div>    
  </td>
  
  <td width="10%">
   <a href="#popuplam{{ uid }}21" data-rel="popup" data-transition="pop" data-position-to="window" aria-haspopup="true" aria-owns="popuplam{{ uid }}21" aria-expanded="false" class="ui-link">
    
   <svg id="{{ uid }}-icon2" data-widget="icon.blade_z" data-item="{{ gad_lam }}, " data-min="{{ min|default('0') }}" data-max="{{ max|default('255') }}" class="icon icon0" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 120 100">
    <g>
     <line class="light" x1="50" y1="10" x2="50" y2="20"></line>
     <line class="light" x1="50" y1="40" x2="50" y2="60"></line>
     <line class="light" x1="50" y1="80" x2="50" y2="90"></line>
     <polyline id="blade0" points="28.786796564403573,44.14213562373095,42.928932188134524,30,57.071067811865476,30,71.21320343559643,15.857864376269053" fill="none"></polyline>
     <polyline id="blade1" points="28.786796564403573,84.14213562373095,42.928932188134524,70,57.071067811865476,70,71.21320343559643,55.85786437626905" fill="none"></polyline>
    </g>
   </svg>
   </a>
   <div style="display: none;"><!-- placeholder for popuplam21 --></div>
  </td>
  

 </table>
</div>

    
<div class="ui-popup-screen ui-overlay-c ui-screen-hidden" id="popup{{ uid }}20-screen"></div>

<div class="ui-popup-container pop ui-popup-hidden" id="popup{{ uid }}20-popup">
 <div id="popup{{ uid }}20" data-role="popup" data-overlay-theme="c" data-theme="a" class="ui-popup ui-body-a ui-overlay-shadow ui-corner-all">
  <center><p>{{gad_txt}} Position anfahren</p></center>

  <table width="100%">
   <tbody><tr>
   <td align="middle" width="100%">
      
   <a id="{{ uid }}-pos1" data-widget="basic.button" data-item="{{ gad_pos }}" data-val="10" class="ui-midi ui-btn ui-btn-up-a ui-shadow ui-btn-corner-all ui-btn-inline ui-btn-icon-nopic" data-role="button" data-inline="true" data-iconpos="nopic" data-corners="true" data-shadow="true" data-iconshadow="true" data-wrapperels="span" data-theme="a"><span class="ui-btn-inner"><span class="ui-btn-text">10%
   </span></span></a>
    
   <a id="{{ uid }}-pos2" data-widget="basic.button" data-item="{{ gad_pos }}" data-val="20" class="ui-midi ui-btn ui-btn-up-a ui-shadow ui-btn-corner-all ui-btn-inline ui-btn-icon-nopic" data-role="button" data-inline="true" data-iconpos="nopic" data-corners="true" data-shadow="true" data-iconshadow="true" data-wrapperels="span" data-theme="a"><span class="ui-btn-inner"><span class="ui-btn-text">20%
   </span></span></a>
    
   <a id="{{ uid }}-pos3" data-widget="basic.button" data-item="{{ gad_pos }}" data-val="30" class="ui-midi ui-btn ui-btn-up-a ui-shadow ui-btn-corner-all ui-btn-inline ui-btn-icon-nopic" data-role="button" data-inline="true" data-iconpos="nopic" data-corners="true" data-shadow="true" data-iconshadow="true" data-wrapperels="span" data-theme="a"><span class="ui-btn-inner"><span class="ui-btn-text">30%
   </span></span></a>
      
   <a id="{{ uid }}-pos4" data-widget="basic.button" data-item="{{ gad_pos }}" data-val="40" class="ui-midi ui-btn ui-btn-up-a ui-shadow ui-btn-corner-all ui-btn-inline ui-btn-icon-nopic" data-role="button" data-inline="true" data-iconpos="nopic" data-corners="true" data-shadow="true" data-iconshadow="true" data-wrapperels="span" data-theme="a"><span class="ui-btn-inner"><span class="ui-btn-text">40%
   </span></span></a>
    
   <a id="{{ uid }}-pos5" data-widget="basic.button" data-item="{{ gad_pos }}" data-val="50" class="ui-midi ui-btn ui-shadow ui-btn-corner-all ui-btn-inline ui-btn-icon-nopic ui-btn-up-a" data-role="button" data-inline="true" data-iconpos="nopic" data-corners="true" data-shadow="true" data-iconshadow="true" data-wrapperels="span" data-theme="a"><span class="ui-btn-inner"><span class="ui-btn-text">50%
   </span></span></a>
  
   </td>
   </tr>
   </tbody>
  </table>
      
  <table width="100%">
   <tbody><tr>
   <td align="middle" width="100%">
      
   <a id="{{ uid }}-pos6" data-widget="basic.button" data-item="{{ gad_pos }}" data-val="60" class="ui-midi ui-btn ui-btn-up-a ui-shadow ui-btn-corner-all ui-btn-inline ui-btn-icon-nopic" data-role="button" data-inline="true" data-iconpos="nopic" data-corners="true" data-shadow="true" data-iconshadow="true" data-wrapperels="span" data-theme="a"><span class="ui-btn-inner"><span class="ui-btn-text">60%
   </span></span></a>
    
   <a id="{{ uid }}-pos7" data-widget="basic.button" data-item="{{ gad_pos }}" data-val="70" class="ui-midi ui-btn ui-btn-up-a ui-shadow ui-btn-corner-all ui-btn-inline ui-btn-icon-nopic" data-role="button" data-inline="true" data-iconpos="nopic" data-corners="true" data-shadow="true" data-iconshadow="true" data-wrapperels="span" data-theme="a"><span class="ui-btn-inner"><span class="ui-btn-text">70%
   </span></span></a>
  
   <a id="{{ uid }}-pos8" data-widget="basic.button" data-item="{{ gad_pos }}" data-val="80" class="ui-midi ui-btn ui-btn-up-a ui-shadow ui-btn-corner-all ui-btn-inline ui-btn-icon-nopic" data-role="button" data-inline="true" data-iconpos="nopic" data-corners="true" data-shadow="true" data-iconshadow="true" data-wrapperels="span" data-theme="a"><span class="ui-btn-inner"><span class="ui-btn-text">80%
   </span></span></a>
      
   <a id="{{ uid }}-pos9" data-widget="basic.button" data-item="{{ gad_pos }}" data-val="90" class="ui-midi ui-btn ui-btn-up-a ui-shadow ui-btn-corner-all ui-btn-inline ui-btn-icon-nopic" data-role="button" data-inline="true" data-iconpos="nopic" data-corners="true" data-shadow="true" data-iconshadow="true" data-wrapperels="span" data-theme="a"><span class="ui-btn-inner"><span class="ui-btn-text">90%
   </span></span></a>
    
   <a id="{{ uid }}-pos10" data-widget="basic.button" data-item="{{ gad_pos }}" data-val="100" class="ui-midi ui-btn ui-shadow ui-btn-corner-all ui-btn-inline ui-btn-icon-nopic ui-btn-up-a" data-role="button" data-inline="true" data-iconpos="nopic" data-corners="true" data-shadow="true" data-iconshadow="true" data-wrapperels="span" data-theme="a"><span class="ui-btn-inner"><span class="ui-btn-text">100%
   </span></span></a>

   </td>
   </tr>
   </tbody>
  </table>

  <a href="#" data-rel="back" data-role="button" data-icon="delete" data-iconpos="notext" class="ui-btn-right ui-btn ui-shadow ui-btn-corner-all ui-btn-icon-notext ui-btn-up-a" data-corners="true" data-shadow="true" data-iconshadow="true" data-wrapperels="span" data-theme="a" title="Close"><span class="ui-btn-inner"><span class="ui-btn-text">Close</span><span class="ui-icon ui-icon-delete ui-icon-shadow">&nbsp;</span></span></a>
 </div>
</div>
    
<div class="ui-popup-screen ui-overlay-c ui-screen-hidden" id="popuplam{{ uid }}21-screen"></div>
 <div class="ui-popup-container pop ui-popup-hidden" id="popuplam{{ uid }}21-popup">
  <div id="popuplam{{ uid }}21" data-role="popup" data-overlay-theme="c" data-theme="a" class="ui-popup ui-body-a ui-overlay-shadow ui-corner-all">
   <center><p>{{gad_txt}}</p></center>
   <table width="100%">
    <tbody><tr>
    <td align="middle" width="100%">
        
    <a id="{{ uid }}-lam1" data-widget="basic.button" data-item="{{ gad_lam }}" data-val="0" class="ui-midi ui-btn ui-btn-up-a ui-shadow ui-btn-corner-all ui-btn-inline ui-btn-icon-nopic" data-role="button" data-inline="true" data-iconpos="nopic" data-corners="true" data-shadow="true" data-iconshadow="true" data-wrapperels="span" data-theme="a">
     <span class="ui-btn-inner">
      <span class="ui-btn-text">Auf
      </span>
     </span>
    </a>


        
    <a id="{{ uid }}-lam2" data-widget="basic.button" data-item="{{ gad_lam }}" data-val="25" class="ui-midi ui-btn ui-btn-up-a ui-shadow ui-btn-corner-all ui-btn-inline ui-btn-icon-nopic" data-role="button" data-inline="true" data-iconpos="nopic" data-corners="true" data-shadow="true" data-iconshadow="true" data-wrapperels="span" data-theme="a"><span class="ui-btn-inner"><span class="ui-btn-text">¼
     </span></span></a>


        
    <a id="{{ uid }}-lam3" data-widget="basic.button" data-item="{{ gad_lam }}" data-val="50" class="ui-midi ui-btn ui-btn-up-a ui-shadow ui-btn-corner-all ui-btn-inline ui-btn-icon-nopic" data-role="button" data-inline="true" data-iconpos="nopic" data-corners="true" data-shadow="true" data-iconshadow="true" data-wrapperels="span" data-theme="a"><span class="ui-btn-inner"><span class="ui-btn-text">½
     </span></span></a>


        
    <a id="{{ uid }}-lam4" data-widget="basic.button" data-item="{{ gad_lam }}" data-val="75" class="ui-midi ui-btn ui-btn-up-a ui-shadow ui-btn-corner-all ui-btn-inline ui-btn-icon-nopic" data-role="button" data-inline="true" data-iconpos="nopic" data-corners="true" data-shadow="true" data-iconshadow="true" data-wrapperels="span" data-theme="a"><span class="ui-btn-inner"><span class="ui-btn-text">¾
     </span></span></a>

  
        
    <a id="{{ uid }}-lam5" data-widget="basic.button" data-item="{{ gad_lam }}" data-val="100" class="ui-midi ui-btn ui-btn-up-a ui-shadow ui-btn-corner-all ui-btn-inline ui-btn-icon-nopic" data-role="button" data-inline="true" data-iconpos="nopic" data-corners="true" data-shadow="true" data-iconshadow="true" data-wrapperels="span" data-theme="a"><span class="ui-btn-inner"><span class="ui-btn-text">Zu
     </span></span></a>

        
    </td>
    </tr>
    </tbody>
   </table>
   <a href="#" data-rel="back" data-role="button" data-icon="delete" data-iconpos="notext" class="ui-btn-right ui-btn ui-shadow ui-btn-corner-all ui-btn-icon-notext ui-btn-up-a" data-corners="true" data-shadow="true" data-iconshadow="true" data-wrapperels="span" data-theme="a" title="Close"><span class="ui-btn-inner"><span class="ui-btn-text">Close</span><span class="ui-icon ui-icon-delete ui-icon-shadow">&nbsp;</span></span></a>
  </div>
</div>
 
{% endmacro %}

Ehrlich gesagt sehe ich keine Unterschied in der Einbindung der UZSU

Irgendwo hab ich bestimmt einen Denkfehler und eine Kleinigkeit vergessen

Manchmal sieht man den Wald nicht mehr ...

Viele Grüße

Thomas

**Orion** · 04.10.2015, 16:31

Thomas,

nutzt Du Dein Widget in einem Popup ? Popup im Popup geht nicht bei jquerymobile. Es sieht so aus, als wenn der Verweis auf das uzsu Item nicht korrekt ist. Entweder Verweis falsch, doppelte ID im Widget (wird irgendwo nochmal verwendet) usw.

Michel

**Orion** · 04.10.2015, 17:10

Thomas,

wenn das uzsu Item im anderen Beispiel funktioniert, dann ist etwas im Gesamtset kaputt. Baue Dir doch das von ganz klein immer weiter auf, dann merkst Du auch, bei welchem Schritt das Thema dann daneben geht.

Michel

**twi127** · 04.10.2015, 17:29

Hallo Michel,

ich werd´s versuchen. Mal sehen. Danke.

Viele Grüße

Thomas

Ankündigung

UZSU Widget

Kommentar

Kommentar

Kommentar

Kommentar

Kommentar

Kommentar

Kommentar

Kommentar

Kommentar

Kommentar

Kommentar

Kommentar

Kommentar

Kommentar

Kommentar