WeekDayTimer-Widget für FHEM Tablet UI

Dieses Widget ist für den Einsatz von FHEM Tablet UI 2.x vorgesehen. Dieses Widget ist im separaten Branch auch für FHEM Tablet UI 1.x vorhanden.

Widget Theme Dark

Widget Theme light

Deaktivierter WeekdayTimer

Verwendet:

• JQuery: https://jquery.com/ [in fhem enthalten]
• JQuery-UI: https://jqueryui.com/ [in fhem enthalten]
• Datetimepicker: https://github.com/xdan/datetimepicker [in fhem-tablet-ui enthalten]
• Switchery: https://github.com/abpetkov/switchery [in fhem-tablet-ui enthalten]

Installation

Die Datei widget_wdtimer.js muss in das js Verzeichnis der fhem-tablet-ui installation. Die Datei fhem-tablet-ui-wdtimer.css muss in das css Verzeichnis der fhem-tablet-ui installation. Anschließend muss die fhem-tablet-ui-wdtimer.css in der genutzten html datei eingefügt werden.

<link rel="stylesheet" href="/fhem/tablet/css/fhem-tablet-ui-wdtimer.css" />

Alternativ kann der Inhalt der fhem-tablet-ui-wdtimer.css auch in die fhem-tablet-ui-user.css kopiert werden.

Attribute des weekdayTimer-Widgets

####Pflicht-Attribute:

• data-device : FHEM Device Name

####Optionale-Attribute:

• data-language : In WeekdayTimer genutzte Sprache (Standard 'de').
• data-cmdlist='{"Anzeigetext":"FHEM Befehl","Anzeigetext":"FHEM Befehl"}' : Variableliste der auswählbaren Aktionen.
• data-width : Breite des Dialogs (Standard '450').
• data-height : Höhe des Dialogs (Standard '300').
• data-title : Titel des Dialogs. Angabe ALIAS verwendet den Alias des Weekdaytimers. Angabe NAME verwendet den Namen des Weekdaytimers. Angabe eines beliebigen Dialog-Titels (Standard 'NAME').
• data-icon : Dialog Titel Icon (Standard 'fa-clock-o').
• data-disablestate : Deaktiviert die Möglichkeit den weekdaytimer zu deaktivieren/aktivieren
• data-theme : Angabe des Themes, möglich ist 'dark', 'light', oder beliebige eigene CSS-Klasse für individuelle Themes.
• data-style :Angabe 'round' oder 'square'.
• data-savecfg: Speichern der Änderungen in der fhem.cfg (Standard 'false).
• data-timesteps: Bestimmt die Schritte in dem die Uhrzeiten ausgewählt werden können.

Beispiel

        <div id="wdtimer_ftui"
          data-type="wdtimer" 
          data-device="FHEM-DEVICE-(WeekdayTimer)"    
          data-style="square" 
          data-theme="dark" 
          data-title="NAME"  
          data-cmdlist='{"An":"on","Aus":"off","Hoch":"up"}' 
        >
        <div data-type="label" class="cell">Licht</div>
        </div> 

In diesem Beispiel wird das WeekdayTimer-Popup über

  <div data-type="label" class="cell">Licht</div>

aufgerufen. Es kann aber auch jegliches anderes "Objekt" als Aufruf festgelegt werden.

Hinweis

Aktuell wird sunrise und sunset des WeekdayTimers nicht unterstützt