FHEMWiki - Benutzerbeiträge [de]

FTUI Widget Weather

2017-02-22T12:11:53Z

Tomster: Besonderheiten für 'weathericons" hinzugefügt

Das [[{{PAGENAME}}|Widget Weather]] ist ein Widget für [[FHEM Tablet UI]], das Bezeichnungen von Wetterlagen in Icons umwandelt. Die Daten können durch FHEM-Module wie [[PROPLANTA]], [[OPENWEATHER]] und [[Weather]] bereitgestellt werden. Icon-Sets [http://www.alessioatzeni.com/meteocons/ meteocons] und [https://kleinklima.de/ kleinklima] werden mit FHEM geliefert.

<gallery>
File:FTUI_Widget_Weather_01.png
File:FTUI_Widget_Weather_02.png
</gallery>
==Attribute==
{|class="wikitable"
!Attribut
!Beschreibung
!Standard-Wert
!Beispiel
|-
|'''data-device'''||FHEM-Device, welches die Wetterdaten bereitstellt||||data-device="Proplanta"
|-
|'''data-get'''||Reading, dessen Wettertext in ein Icon umgewandelt werden soll||||data-get="fc0_weatherDay"
|-
|'''data-imageset'''||Bildersammlung, mit der die Wetterlagen dargestellt werden. Derzeit: [http://www.alessioatzeni.com/meteocons/ meteocons], [https://kleinklima.de/ kleinklima] und [https://erikflowers.github.io/weather-icons/ weathericons]||meteocons||data-imageset="kleinklima"
|-
|-
|||Für data-imageset="weathericons" zusätzlich||||
|-
|'''data-device-type'''||"YahooCode" oder "WindDirection" (Wert in Grad)||||data-device-type="WindDirection"
|}

==CSS Klassen==
{|class="wikitable"
!Klasse!!Beschreibung
{{FTUI Klasse|mini}}{{FTUI Klasse|tiny}}{{FTUI Klasse|small}}{{FTUI Klasse|normal}}{{FTUI Klasse|large}}{{FTUI Klasse|big}}{{FTUI Klasse|bigger}}{{FTUI Klasse|tall}}{{FTUI Klasse|grande}}{{FTUI Klasse|gigantic}}{{FTUI Klasse|transparent}}{{FTUI Klasse|half-transparent}}
|}

==Hinweise==
Die über die Devices verfügbaren umfangreichen Wetterdaten liefern eine wesentlich differenziertere Beschreibung der Wetterlage, als mit diesem Widget darstellbar ist. Sinnvoll ist deshalb eine Kombination des Weather-Widgets mit [[FTUI_Widget_Label]], ggf. auch wind_direction.

Gelegentlich wird berichtet, dass einzelne Bilder nicht optimal auf die readings abgestimmt seien. In solchen Fällen bitte im Forum posten, damit die Zuordnungen verbessert werden können.

==Beispiele==
===Einfaches Symbol mit Min- und Max-Temperatur===
[[Datei:FTUI_Widget_Weather_03.png|100px]]
<source lang="html">
<div data-type="weather" data-device="Proplanta" data-get="fc0_weatherDay" data-imageset="meteocons" class="cell"></div>
<div data-type="label" data-device="Proplanta" data-get="fc0_weatherDay" class="cell"></div>
<div data-type="label" data-device="Proplanta" data-get="fc0_tempMin" data-unit="%B0C%0A" class="cell inline"></div>
<div data-type="label" data-device="Proplanta" data-get="fc0_tempMax" data-unit="%B0C%0A" class="cell inline"></div>
</source>

===Detaillierte Wetteranzeige mit Vorhersage für den Folgetag===
[[Datei:FTUI_Widget_Weather_04.png|400px]]
{| class="wikitable mw-collapsible mw-collapsed" style="width: 100%"
!style="text-align: left;"|index.html
|-
| class="mw-collapsible-content" |
<source lang="html">
<li data-row="1" data-col="1" data-sizex="4" data-sizey="4">
<div class="sheet">
<div class="row">
<div class="col-1-3">
<div data-type="label" class="cell top-space narrow">morgens</div>
<div data-type="weather" data-device="Proplanta" data-get="fc0_weatherMorningIcon" data-imageset="kleinklima" class="cell"></div>
<div data-type="label" data-device="Proplanta" data-get="fc0_weatherMorning" class="cell top-narrow"></div>
<div data-type="label" data-device="Proplanta" data-get="fc0_temp06" data-unit="%B0C%0A" class="cell bigger" data-limits='[-50,0]' data-colors='["#5858FA","white"]'></div>
</div>
<div class="col-1-3">
<div data-type="label" class="cell top-space narrow">mittags</div>
<div data-type="weather" data-device="Proplanta" data-get="fc0_weatherDayIcon" data-imageset="kleinklima" class="cell"></div>
<div data-type="label" data-device="Proplanta" data-get="fc0_weatherDay" class="cell top-narrow"></div>
<div data-type="label" data-device="Proplanta" data-get="fc0_temp12" data-unit="%B0C%0A" class="cell bigger" data-limits='[-50,0]' data-colors='["#5858FA","white"]'></div>
</div>
<div class="col-1-3">
<div data-type="label" class="cell top-space narrow">abends</div>
<div data-type="weather" data-device="Proplanta" data-get="fc0_weatherEveningIcon" data-imageset="kleinklima" class="cell"></div>
<div data-type="label" data-device="Proplanta" data-get="fc0_weatherEvening" class="cell top-narrow"></div>
<div data-type="label" data-device="Proplanta" data-get="fc0_temp18" data-unit="%B0C%0A" class="cell bigger" data-limits='[-50,0]' data-colors='["#5858FA","white"]'></div>
</div>
</div>
</div>

<div class="container top-space-3x">
<div data-type="label" class="cell bigger darker">Morgen</div>
</div>

<div class="sheet">
<div class="row">
<div class="col-1-3">
<div data-type="label" class="cell top-space darker">morgens</div>
<div data-type="weather" data-device="Proplanta" data-get="fc1_weatherMorningIcon" data-imageset="kleinklima" class="cell half-transparent"></div>
<div data-type="label" data-device=”Proplanta" data-get="fc1_weatherMorning" class="cell top-narrow darker"></div>
<div data-type="label" data-device="Proplanta" data-get="fc1_temp06" data-unit="%B0C%0A" class="cell bigger" data-limits='[-50,0]' data-colors='["#a3a3fc","grey"]'></div>
</div>
<div class="col-1-3">
<div data-type="label" class="cell top-space darker">mittags</div>
<div data-type="weather" data-device="Proplanta" data-get="fc1_weatherDayIcon" data-imageset="kleinklima" class="cell half-transparent"></div>
<div data-type="label" data-device="Proplanta" data-get="fc1_weatherDay" class="cell top-narrow darker"></div>
<div data-type="label" data-device="Proplanta" data-get="fc1_temp12" data-unit="%B0C%0A" class="cell bigger" data-limits='[-50,0]' data-colors='["#a3a3fc","grey"]'></div>
</div>
<div class="col-1-3">
<div data-type="label" class="cell top-space darker">abends</div>
<div data-type="weather" data-device="Proplanta" data-get="fc1_weatherEveningIcon" data-imageset="kleinklima" class="cell half-transparent"></div>
<div data-type="label" data-device="Proplanta" data-get="fc1_weatherEvening" class="cell top-narrow darker"></div>
<div data-type="label" data-device="Proplanta" data-get="fc1_temp18" data-unit="%B0C%0A" class="cell bigger" data-limits='[-50,0]' data-colors='["#a3a3fc","grey"]'></div>
</div>
</div>
</div>
</li>
</source>
|}

[[Kategorie:FHEM Tablet UI]]

FTUI Widget Spinner

2017-02-09T15:50:09Z

Tomster:

{{Baustelle}}
{{Todo|Wohl unvollständig, Korrekturlesen}}

Das [[{{PAGENAME}}|Label Spinner]] ist ein Widget für [[FHEM Tablet UI]] mit dem ein Setting eines FHEM-Devices mit Hilfe von "up/down"- bzw. "+/-"-Buttons eingestellt werden kann.

==Attribute==
{|class="wikitable"
!Attribut
!Beschreibung
!Standard-Wert
!Beispiel
|-
|'''data-get'''||DeviceReading das angezeigt werden soll||||data-get="desired-temp"
|-
|'''data-set'''||DeviceReading welches den ''set''-Befehl empfangen soll||||data-set="desired-temp"
|-
|'''data-get-value'''||[[Regulärer Ausdruck|RegEx]] oder Nummer des Wortes, nach dem der angezeigte Text gefiltert werden soll||-1 (alles)||
|-
|'''data-color'''||RGB-Wert oder Farbzeichnung für den Wertebalken||orange||data-color="#404040"
|-
|'''data-text-color'''||Fester Farbwert für festen, oder DEVICE:READING für einen dynamischen Farbwert des Text-Readings||#ccc||data-text-color="red"
|-
|'''data-background-color'''||Hintergrundfarbe des Widgets||||data-background-color="none"
|-
|'''data-gradient-color'''||Array von Farbwerten für einen Verlauf des Wertebalkens||||data-gradient-color='["blue","red"]'
|-
|'''data-icon-left-color'''||RGB-Wert oder Farbbezeichnung für das linke Button-Symbol||#aaa||data-left-color="green"
|-
|'''data-icon-right-color'''||RGB-Wert oder Farbbezeichnung für das rechte Button-Symbol||#aaa||data-right-color="red"
|-
|'''data-icon-left'''||Name des linken Symbols||||data-icon-left="fa-volume-down"
|-
|'''data-icon-right'''||Name des rechten Symbols||||data-icon-left="fa-volume-up"
|-
|'''data-width'''||Feste Breite des Widgets in px oder %||||
|-
|'''data-height'''||Feste Höhee des Widgets in px oder %||||
|-
|'''data-max'''||Maximalwert des Anzeigebreichs||100||data-max="31"
|-
|'''data-min'''||Minimalwert des Anzeigebreichs||0||data-min="12"
|-
|'''data-step'''||Numerischer Wert für das Intervall bei Klick auf Icon||1||data-step="2"
|-
|'''data-unit'''||Einheit nach dem numerischen Text-Wert hinzufügen||||data-unit="°"
|-
|'''data-shortdelay'''||Verzögerungszeit (ms) für Befehlswiederholung bei Tastendruck||80||data-shortdelay="120"
|-
|'''data-longdelay'''||Zeitverzögerung (ms) für den Befehl nach Loslassen der Taste||500||data-shortdelay="350"
|-
|'''data-off'''||Wert eines Readings der als "off" gilt||||data-off="10"
|-
|'''data-on'''||Wert eines Readings der als "on" gilt||||data-off="22"
|-
|'''data-lock'''||Name eines Readings, dessen boole'scher Wert das Widget sperrt (readonly)||||

|}

==CSS Klassen==
{|class="wikitable"
!Klasse!!Beschreibung
{{FTUI Klasse|valueonly}}{{FTUI Klasse|value}}{{FTUI Klasse|circulate}}{{FTUI Klasse|positiononly}}
|}
==Beispiele==
===Einfaches Widget===
<source lang="html">
<div data-type="spinner"
data-device="HM_Thermostat"
data-get="desired-temp"
data-set="desired-temp"
data-icon-left-color="blue"
data-icon-right-color="red"
data-height="40"
data-width="140"
data-step="0.5"
data-min="10"
data-max="30"
data-unit="°"
></div>
</source>

===Weitere Beispiele===
http://knowthelist.github.io/fhem/tablet/demo_spinner.html

[[Kategorie:FHEM Tablet UI]]

FTUI Widget Spinner

2017-02-09T15:40:49Z

Tomster:

{{Baustelle}}
{{Todo|Wohl unvollständig, Korrekturlesen}}

Das [[{{PAGENAME}}|Label Spinner]] ist ein Widget für [[FHEM Tablet UI]] mit dem ein Setting eines FHEM-Devices mit Hilfe von "up/down"- bzw. "+/-"-Buttons eingestellt werden kann.

==Attribute==
{|class="wikitable"
!Attribut
!Beschreibung
!Standard-Wert
!Beispiel
|-
|'''data-get'''||DeviceReading das angezeigt werden soll||-1 (alles)||data-get="desired-temp"
|-
|'''data-set'''||DeviceReading welches den ''set''-Befehl empfangen soll||||data-set="desired-temp"
|-
|'''data-get-value'''||[[Regulärer Ausdruck|RegEx]] oder Nummer des Wortes, nach dem der angezeigte Text gefiltert werden soll||-1 (alles)||
|-
|'''data-color'''||RGB-Wert oder Farbzeichnung für den Wertebalken||orange||data-color="#404040"
|-
|'''data-text-color'''||Fester Farbwert für festen, oder DEVICE:READING für einen dynamischen Farbwert des Text-Readings||#ccc||data-text-color="red"
|-
|'''data-background-color'''||Hintergrundfarbe des Widgets||||data-background-color="none"
|-
|'''data-gradient-color'''||Array von Farbwerten für einen Verlauf des Wertebalkens||||data-gradient-color='["blue","red"]'
|-
|'''data-icon-left-color'''||RGB-Wert oder Farbbezeichnung für das linke Button-Symbol||#aaa||data-left-color="green"
|-
|'''data-icon-right-color'''||RGB-Wert oder Farbbezeichnung für das rechte Button-Symbol||#aaa||data-right-color="red"
|-
|'''data-icon-left'''||Name des linken Symbols||||data-icon-left="fa-volume-down"
|-
|'''data-icon-right'''||Name des rechten Symbols||||data-icon-left="fa-volume-up"
|-
|'''data-width'''||Feste Breite des Widgets in px oder %||||
|-
|'''data-height'''||Feste Höhee des Widgets in px oder %||||
|-
|'''data-max'''||Maximalwert des Anzeigebreichs||100||data-max="31"
|-
|'''data-min'''||Minimalwert des Anzeigebreichs||0||data-min="12"
|-
|'''data-step'''||Numerischer Wert für das Intervall bei Klick auf Icon||1||data-step="2"
|-
|'''data-unit'''||Einheit nach dem numerischen Text-Wert hinzufügen||||data-unit="°"
|-
|'''data-shortdelay'''||Verzögerungszeit (ms) für Befehlswiederholung bei Tastendruck||80||data-shortdelay="120"
|-
|'''data-longdelay'''||Zeitverzögerung (ms) für den Befehl nach Loslassen der Taste||500||data-shortdelay="350"
|-
|'''data-off'''||Wert eines Readings der als "off" gilt||||data-off="10"
|-
|'''data-on'''||Wert eines Readings der als "on" gilt||||data-off="22"
|-
|'''data-lock'''||Name eines Readings, dessen boole'scher Wert das Widget sperrt (readonly)||||

|}

==CSS Klassen==
{|class="wikitable"
!Klasse!!Beschreibung
{{FTUI Klasse|valueonly}}{{FTUI Klasse|value}}{{FTUI Klasse|circulate}}{{FTUI Klasse|positiononly}}
|}
==Beispiele==
===Einfaches Widget===
<source lang="html">
<div data-type="spinner"
data-device="HM_Thermostat"
data-get="desired-temp"
data-set="desired-temp"
data-icon-left-color="blue"
data-icon-right-color="red"
data-height="40"
data-width="140"
data-step="0.5"
data-min="10"
data-max="30"
data-unit="°"
></div>
</source>

===Weitere Beispiele===
http://knowthelist.github.io/fhem/tablet/demo_spinner.html

[[Kategorie:FHEM Tablet UI]]

FTUI Widget Spinner

2017-02-09T15:31:05Z

Tomster: /* Beispiele */

{{Baustelle}}
{{Todo|Wohl unvollständig, Korrekturlesen}}

Das [[{{PAGENAME}}|Label Spinner]] ist ein Widget für [[FHEM Tablet UI]] mit dem ein Setting eines FHEM-Devices mit Hilfe von "up/down"- bzw. "+/-"-Buttons eingestellt werden kann.

==Attribute==
{|class="wikitable"
!Attribut
!Beschreibung
!Standard-Wert
!Beispiel
|-
|'''data-get'''||DeviceReading das angezeigt werden soll||-1 (alles)||data-get="desired-temp"
|-
|'''data-set'''||DeviceReading welches den ''set''-Befehl empfangen soll||||data-set="desired-temp"
|-
|'''data-get-value'''||[[Regulärer Ausdruck|RegEx]] oder Nummer des Wortes, nach dem der angezeigte Text gefiltert werden soll||-1 (alles)||
|-
|'''data-color'''||RGB-Wert oder Farbzeichnung für den Wertebalken||orange||data-color="#404040"
|-
|'''data-text-color'''||Fester Farbwert für festen, oder DEVICE:READING für einen dynamischen Farbwert des Text-Readings||#ccc||data-text-color="red"
|-
|'''data-background-color'''||Hintergrundfarbe des Widgets||||
|-
|'''data-icon-left-color'''||RGB-Wert oder Farbbezeichnung für das linke Button-Symbol||#aaa||data-left-color="green"
|-
|'''data-icon-right-color'''||RGB-Wert oder Farbbezeichnung für das rechte Button-Symbol||#aaa||data-right-color="red"
|-
|'''data-icon-left'''||Name des linken Symbols||||
|-
|'''data-icon-right'''||Name des rechten Symbols||||
|-
|'''data-width'''||Feste Breite des Widgets in px oder %||||
|-
|'''data-height'''||Feste Höhee des Widgets in px oder %||||
|-
|'''data-max'''||Maximalwert des Anzeigebreichs||100||data-max="31"
|-
|'''data-min'''||Minimalwert des Anzeigebreichs||0||data-min="12"
|-
|'''data-step'''||Numerischer Wert für das Intervall bei Klick auf Icon||1||data-step="2"
|-
|'''data-unit'''||Einheit nach dem numerischen Text-Wert hinzufügen||||data-unit="°"
|-
|'''data-shortdelay'''||Verzögerungszeit (ms) für Befehlswiederholung bei Tastendruck||80||data-shortdelay="120"
|-
|'''data-longdelay'''||Zeitverzögerung (ms) für den Befehl nach Loslassen der Taste||500||data-shortdelay="350"
|-
|'''data-off'''||Wert eines Readings der als "off" gilt||||data-off="10"
|-
|'''data-on'''||Wert eines Readings der als "on" gilt||||data-off="22"
|-
|'''data-lock'''||Name eines Readings, dessen boole'scher Wert das Widget sperrt (readonly)||||

|}

==CSS Klassen==
{|class="wikitable"
!Klasse!!Beschreibung
{{FTUI Klasse|valueonly}}{{FTUI Klasse|value}}{{FTUI Klasse|circulate}}{{FTUI Klasse|positiononly}}
|}
==Beispiele==
===Einfaches Widget===
<source lang="html">
<div data-type="spinner"
data-device="HM_Thermostat"
data-get="desired-temp"
data-set="desired-temp"
data-icon-left-color="blue"
data-icon-right-color="red"
data-height="40"
data-width="140"
data-step="0.5"
data-min="10"
data-max="30"
data-unit="°"
></div>
</source>

===Weitere Beispiele===
http://knowthelist.github.io/fhem/tablet/demo_spinner.html

[[Kategorie:FHEM Tablet UI]]

FTUI Widget Spinner

2017-02-09T15:25:29Z

Tomster:

{{Baustelle}}
{{Todo|Wohl unvollständig, Korrekturlesen}}

Das [[{{PAGENAME}}|Label Spinner]] ist ein Widget für [[FHEM Tablet UI]] mit dem ein Setting eines FHEM-Devices mit Hilfe von "up/down"- bzw. "+/-"-Buttons eingestellt werden kann.

==Attribute==
{|class="wikitable"
!Attribut
!Beschreibung
!Standard-Wert
!Beispiel
|-
|'''data-get'''||DeviceReading das angezeigt werden soll||-1 (alles)||data-get="desired-temp"
|-
|'''data-set'''||DeviceReading welches den ''set''-Befehl empfangen soll||||data-set="desired-temp"
|-
|'''data-get-value'''||[[Regulärer Ausdruck|RegEx]] oder Nummer des Wortes, nach dem der angezeigte Text gefiltert werden soll||-1 (alles)||
|-
|'''data-color'''||RGB-Wert oder Farbzeichnung für den Wertebalken||orange||data-color="#404040"
|-
|'''data-text-color'''||Fester Farbwert für festen, oder DEVICE:READING für einen dynamischen Farbwert des Text-Readings||#ccc||data-text-color="red"
|-
|'''data-background-color'''||Hintergrundfarbe des Widgets||||
|-
|'''data-icon-left-color'''||RGB-Wert oder Farbbezeichnung für das linke Button-Symbol||#aaa||data-left-color="green"
|-
|'''data-icon-right-color'''||RGB-Wert oder Farbbezeichnung für das rechte Button-Symbol||#aaa||data-right-color="red"
|-
|'''data-icon-left'''||Name des linken Symbols||||
|-
|'''data-icon-right'''||Name des rechten Symbols||||
|-
|'''data-width'''||Feste Breite des Widgets in px oder %||||
|-
|'''data-height'''||Feste Höhee des Widgets in px oder %||||
|-
|'''data-max'''||Maximalwert des Anzeigebreichs||100||data-max="31"
|-
|'''data-min'''||Minimalwert des Anzeigebreichs||0||data-min="12"
|-
|'''data-step'''||Numerischer Wert für das Intervall bei Klick auf Icon||1||data-step="2"
|-
|'''data-unit'''||Einheit nach dem numerischen Text-Wert hinzufügen||||data-unit="°"
|-
|'''data-shortdelay'''||Verzögerungszeit (ms) für Befehlswiederholung bei Tastendruck||80||data-shortdelay="120"
|-
|'''data-longdelay'''||Zeitverzögerung (ms) für den Befehl nach Loslassen der Taste||500||data-shortdelay="350"
|-
|'''data-off'''||Wert eines Readings der als "off" gilt||||data-off="10"
|-
|'''data-on'''||Wert eines Readings der als "on" gilt||||data-off="22"
|-
|'''data-lock'''||Name eines Readings, dessen boole'scher Wert das Widget sperrt (readonly)||||

|}

==CSS Klassen==
{|class="wikitable"
!Klasse!!Beschreibung
{{FTUI Klasse|valueonly}}{{FTUI Klasse|value}}{{FTUI Klasse|circulate}}{{FTUI Klasse|positiononly}}
|}
==Beispiele==
===Einfaches Widget===
<source lang="html">
<div data-type="spinner"
data-device="HM_Thermostat"
data-get="desired-temp"
data-set="desired-temp"
data-icon-left-color="blue"
data-icon-right-color="red"
data-height="40"
data-width="140"
data-step="0.5"
data-min="10"
data-max="30"
data-unit="°"
></div>
</source>

[[Kategorie:FHEM Tablet UI]]

FTUI Widget Spinner

2017-02-09T15:17:06Z

Tomster: Die Seite wurde neu angelegt: „{{Baustelle}} {{Todo Wohl unvollständig, Korrekturlesen}} Das Label Spinner ist ein Widget für FHEM Tablet UI mit dem ein Setting eines…“

{{Baustelle}}
{{Todo Wohl unvollständig, Korrekturlesen}}

Das [[{{PAGENAME}}|Label Spinner]] ist ein Widget für [[FHEM Tablet UI]] mit dem ein Setting eines FHEM-Devices mit Hilfe von "up/down"- bzw. "+/-"-Buttons eingestellt werden kann.

==Attribute==
{|class="wikitable"
!Attribut
!Beschreibung
!Standard-Wert
!Beispiel
|-
|'''data-get'''||DeviceReading das angezeigt werden soll||-1 (alles)||data-get="desired-temp"
|-
|'''data-set'''||DeviceReading welches den ''set''-Befehl empfangen soll||||data-set="desired-temp"
|-
|'''data-get-value'''||[[Regulärer Ausdruck|RegEx]] oder Nummer des Wortes, nach dem der angezeigte Text gefiltert werden soll||-1 (alles)||
|-
|'''data-color'''||RGB-Wert oder Farbzeichnung für den Wertebalken||orange||data-color="#404040"
|-
|'''data-text-color'''||Fester Farbwert für festen, oder DEVICE:READING für einen dynamischen Farbwert des Text-Readings||#ccc||data-text-color="red"
|-
|'''data-background-color'''||Hintergrundfarbe des Widgets||||
|-
|'''data-icon-left-color'''||RGB-Wert oder Farbbezeichnung für das linke Button-Symbol||#aaa||data-left-color="green"
|-
|'''data-icon-right-color'''||RGB-Wert oder Farbbezeichnung für das rechte Button-Symbol||#aaa||data-right-color="red"
|-
|'''data-icon-left'''||Name des linken Symbols||||
|-
|'''data-icon-right'''||Name des rechten Symbols||||
|-
|'''data-width'''||Feste Breite des Widgets in px oder %||||
|-
|'''data-height'''||Feste Höhee des Widgets in px oder %||||
|-
|'''data-max'''||Maximalwert des Anzeigebreichs||100||data-max="31"
|-
|'''data-min'''||Minimalwert des Anzeigebreichs||0||data-min="12"
|-
|'''data-step'''||Numerischer Wert für das Intervall bei Klick auf Icon||1||data-step="2"
|-
|'''data-unit'''||Einheit nach dem numerischen Text-Wert hinzufügen||||data-unit="°"
|-
|'''data-shortdelay'''||Verzögerungszeit (ms) für Befehlswiederholung bei Tastendruck||80||data-shortdelay="120"
|-
|'''data-longdelay'''||Zeitverzögerung (ms) für den Befehl nach Loslassen der Taste||500||data-shortdelay="350"
|-
|'''data-off'''||Wert eines Readings der als "off" gilt||||data-off="10"
|-
|'''data-on'''||Wert eines Readings der als "on" gilt||||data-off="22"
|-
|'''data-lock'''||Name eines Readings, dessen boole'scher Wert das Widget sperrt (readonly)||||

|}

==CSS Klassen==
{|class="wikitable"
!Klasse!!Beschreibung
{{FTUI Klasse|valueonly}}{{FTUI Klasse|value}}{{FTUI Klasse|circulate}}{{FTUI Klasse|positiononly}}
|}
==Beispiele==
===Einfache Widget===
<source lang="html">
<div data-type="spinner"
data-device="HM_Thermostat"
data-get="desired-temp"
data-set="desired-temp"
data-icon-left-color="blue"
data-icon-right-color="red"
data-height="40"
data-width="140"
data-step="0.5"
data-min="10"
data-max="30"
data-unit="°"
></div>
</source>

[[Kategorie:FHEM Tablet UI]]

DbLog

2014-09-17T14:39:05Z

Tomster: /* Definition */

{{Todo|Diese Seite muss noch vervollständigt werden. Informationen sind bisher verstreut, hauptsächlich über [[PGM3 dbLog]] und [[Neues Charting Frontend]].}}

{{Infobox Modul|
ModPurpose=Protokolliert Ereignisse in einer Datenbank
|ModType=h
|ModTechName=93_DbLog.pm
|ModOwner=Tobias
}}
[[DbLog]] protokolliert, im Unterschied zu [[FileLog]], Fhem-Ereignisse in einer Datenbank.

== Definition ==
DbLog wird durch 2 verschiedene Einträge aktiviert/definiert. In einer Datei namens db.conf werden in die Parameter für eine Verbindung zur Datenbank (host, username, password, etc.) hinterlegt. Diese Datei kann in einem beliebigen Verzeichnis angelegt werden.
Das DbLog Device wird dann in der fhem.cfg definiert mit
:<code>define <name> DbLog <configfilename> <regexp> </code>
wobei ''<configfilename>'' dem Pfad zur zuvor angelegten db.conf entspricht.
Ein Beispiel hierfür wäre:
:<code>define logdb DbLog ./db.conf .*:.* </code>
Die Angabe von .*:.* bedeutet, dass sämtliche DeviceMessages (Messwerte, Batteriestatus, KeepAlives, etc.) in die Datenbank geschrieben werden. Dies führt u.U. dazu, dass die Datenbank auch mit vielen teils unrelevanten Werten gefüllt wird. Man kann daher die zu loggenden Werte einschränken, indem man genau angibt welche Werte übertragen werden sollen. Die erste Wildcard, also das erste .* entspricht dem in FHEM verwendeten Device-Namen. Die weite Wildcard dem vom Device ausgegebenen, zu loggenden Wert. Separiert werden beiden Angaben durch einen Doppelpunkt. Ein Beispiel um zwar alle definierten Devices zu erfassen, aber nur die Werte Temperatur, Ventilposition und Luftfeuchte in die Datenbank zu schreiben wäre:
:<code>define myDbLog DbLog ./db.conf .*:(temperature|valveposition|humidity).* </code>

== Datenbank ==
Unterstützte Datenbanksysteme (Auswahl):
* Sqlite
* mySQL
*

=== Tabellen ===
* current
* history

=== Tabellenlayout ===
DbLog ist auf eine feste Tabellenstruktur angewiesen. Man muss daher in seiner Datenbank eine Tabelle mit folgenden Spalten anlegen:
* TIMESTAMP: timestamp of event, e.g. 2007-12-30 21:45:22
* DEVICE: device name, e.g. Wetterstation
* TYPE: device type, e.g. KS300
* EVENT: event specification as full string, e.g. humidity: 71 (%)
* READING: name of reading extracted from event, e.g. humidity
* VALUE: actual reading extracted from event, e.g. 71
* UNIT: unit extracted from event, e.g. %

== Links ==
*

DbLog

2014-09-17T14:35:44Z

Tomster: /* Definition */

{{Todo|Diese Seite muss noch vervollständigt werden. Informationen sind bisher verstreut, hauptsächlich über [[PGM3 dbLog]] und [[Neues Charting Frontend]].}}

{{Infobox Modul|
ModPurpose=Protokolliert Ereignisse in einer Datenbank
|ModType=h
|ModTechName=93_DbLog.pm
|ModOwner=Tobias
}}
[[DbLog]] protokolliert, im Unterschied zu [[FileLog]], Fhem-Ereignisse in einer Datenbank.

== Definition ==
DbLog wird durch 2 verschiedene Einträge aktiviert/definiert. In einer Datei namens db.conf werden in die Parameter für eine Verbindung zur Datenbank (host, username, password, etc.) hinterlegt. Diese Datei kann in einem beliebigen Verzeichnis angelegt werden.
Das DbLog Device wird dann in der fhem.cfg definiert mit
:<code>define <name> DbLog <configfilename> <regexp> </code>
wobei ''<configfilename>'' dem Pfad zur zuvor angelegten db.conf entspricht.
Ein Beispiel hierfür wäre:
:<code>define logdb DbLog ./db.conf .*:.* </code>
Die Angabe von .*:.* bedeutet, dass sämtliche DeviceMessages (Messwerte, Batteriestatus, KeepAlives, etc.) in die Datenbank geschrieben werden. Dies führt u.U. dazu, dass die Datenbank auch mit vielen teils unrelevanten Werten gefüllt wird. Man kann daher die zu loggenden Werte einschränken, indem man genau angibt welche Werte geloggt werden sollen. Die erste Wildcard, also das erste .* entspricht dem in FHEM verwendeten Device-Namen. Das Zweite .* dem vom Device ausgegebenen, zu loggenden Wert. Separiert werden beiden Angaben durch einen Doppelpunkt. Ein Beispiel um zwar alle definierten Devices zu erfassen, aber nur die Werte Temperatur, Ventilposition und Luftfeuchte in die Datenbank zu schreiben wäre:
:<code>define myDbLog DbLog ./db.conf .*:(temperature|valveposition|humidity).* </code>

== Datenbank ==
Unterstützte Datenbanksysteme (Auswahl):
* Sqlite
* mySQL
*

=== Tabellen ===
* current
* history

=== Tabellenlayout ===
DbLog ist auf eine feste Tabellenstruktur angewiesen. Man muss daher in seiner Datenbank eine Tabelle mit folgenden Spalten anlegen:
* TIMESTAMP: timestamp of event, e.g. 2007-12-30 21:45:22
* DEVICE: device name, e.g. Wetterstation
* TYPE: device type, e.g. KS300
* EVENT: event specification as full string, e.g. humidity: 71 (%)
* READING: name of reading extracted from event, e.g. humidity
* VALUE: actual reading extracted from event, e.g. 71
* UNIT: unit extracted from event, e.g. %

== Links ==
*

DbLog

2014-09-17T14:34:12Z

Tomster: /* Definition */

{{Todo|Diese Seite muss noch vervollständigt werden. Informationen sind bisher verstreut, hauptsächlich über [[PGM3 dbLog]] und [[Neues Charting Frontend]].}}

{{Infobox Modul|
ModPurpose=Protokolliert Ereignisse in einer Datenbank
|ModType=h
|ModTechName=93_DbLog.pm
|ModOwner=Tobias
}}
[[DbLog]] protokolliert, im Unterschied zu [[FileLog]], Fhem-Ereignisse in einer Datenbank.

== Definition ==
DbLog wird durch 2 verschiedene Einträge aktiviert/definiert. In einer Datei namens db.conf werden in die Parameter für eine Verbindung zur Datenbank (host, username, password, etc.) hinterlegt. Diese Datei kann in einem beliebigen Verzeichnis angelegt werden.
Das DbLog Device wird dann in der fhem.cfg definiert mit
:<code>define <name> DbLog <configfilename> <regexp> </code>
wobei ''<configfilename>'' dem Pfad zur zuvor angelegten db.conf entspricht.
Ein Beispiel hierfür wäre:
:<code>define logdb DbLog ./db.conf .*:.* </code>
Die Angabe von .*:.* bedeutet, dass sämtliche DeviceMessages (Messwerte, Batteriestatus, KeepAlives, etc.) in die Datenbank geschrieben werden. Dies führt u.U. dazu, dass die Datenbank auch mit vielen teils unrelevanten Werten gefüllt wird. Man kann daher die zu loggenden Werte einschränken, indem man genau angibt welche Werte geloggt werden sollen. Die erste Wildcard, also das erste .* entspricht dem in FHEM verwendeten Device-Namen. Das Zweite .* dem vom Device ausgegebenen, zu loggenden Wert. Sepraiert werden beiden Angaben durch einen Doppelpunkt. Ein Beispiel um zwar alle Devices zu erfassen, aber nur die Werte Temperatur, Ventilposition und Luftfeuchte in die Datenbank zu schreiben wäre:
:<code>define myDbLog DbLog ./db.conf .*:(temperature|valveposition|humidity).* </code>

== Datenbank ==
Unterstützte Datenbanksysteme (Auswahl):
* Sqlite
* mySQL
*

=== Tabellen ===
* current
* history

=== Tabellenlayout ===
DbLog ist auf eine feste Tabellenstruktur angewiesen. Man muss daher in seiner Datenbank eine Tabelle mit folgenden Spalten anlegen:
* TIMESTAMP: timestamp of event, e.g. 2007-12-30 21:45:22
* DEVICE: device name, e.g. Wetterstation
* TYPE: device type, e.g. KS300
* EVENT: event specification as full string, e.g. humidity: 71 (%)
* READING: name of reading extracted from event, e.g. humidity
* VALUE: actual reading extracted from event, e.g. 71
* UNIT: unit extracted from event, e.g. %

== Links ==
*

DbLog

2014-09-17T14:33:03Z

Tomster: /* Definition */

{{Todo|Diese Seite muss noch vervollständigt werden. Informationen sind bisher verstreut, hauptsächlich über [[PGM3 dbLog]] und [[Neues Charting Frontend]].}}

{{Infobox Modul|
ModPurpose=Protokolliert Ereignisse in einer Datenbank
|ModType=h
|ModTechName=93_DbLog.pm
|ModOwner=Tobias
}}
[[DbLog]] protokolliert, im Unterschied zu [[FileLog]], Fhem-Ereignisse in einer Datenbank.

== Definition ==
DbLog wird durch 2 verschiedene Einträge aktiviert/definiert. In einer Datei namens db.conf werden in die Parameter für eine Verbindung zur Datenbank (host, username, password, etc.) hinterlegt. Diese Datei kann in einem beliebigen Verzeichnis angelegt werden.
Das DbLog Device wird dann in der fhem.cfg definiert mit
:<code>define <name> DbLog <configfilename> <regexp> </code>
wobei ''<configfilename>'' dem Pfad zur zuvor angelegten db.conf entspricht.
Ein Beispiel hierfür wäre:
:<code>define logdb DbLog ./db.conf .*:.* </code>
Die Angabe von .*:.* bedeutet, dass sämtliche DeviceMessages (Messwerte, Batteriestatus, KeepAlives, etc.) in die Datenbank geschrieben werden. Dies führt u.U. dazu, dass die Datenbank auch mit vielen teils unrelevanten Werten gefüllt wird. Man kann daher die zu loggenden Werte einschränken, indem man genau angibt welche Werte geloggt werden sollen. Derste Wildcard, also das erste .* entspricht dem in FHEM verwendeten Device-Namen. Das Zweite .* dem vom Device ausgegebenen, zu loggenden Wert. Ein Beispiel um zwar alle Devices zu erfassen, aber nur die Werte Temperatur, Ventilposition und Luftfeuchte in die Datenbank zu schreiben wäre:
:<code>define myDbLog DbLog ./db.conf .*:(temperature|valveposition|humidity).* </code>

== Datenbank ==
Unterstützte Datenbanksysteme (Auswahl):
* Sqlite
* mySQL
*

=== Tabellen ===
* current
* history

=== Tabellenlayout ===
DbLog ist auf eine feste Tabellenstruktur angewiesen. Man muss daher in seiner Datenbank eine Tabelle mit folgenden Spalten anlegen:
* TIMESTAMP: timestamp of event, e.g. 2007-12-30 21:45:22
* DEVICE: device name, e.g. Wetterstation
* TYPE: device type, e.g. KS300
* EVENT: event specification as full string, e.g. humidity: 71 (%)
* READING: name of reading extracted from event, e.g. humidity
* VALUE: actual reading extracted from event, e.g. 71
* UNIT: unit extracted from event, e.g. %

== Links ==
*

DbLog

2014-09-17T14:31:23Z

Tomster: /* Tabellenlayout */

{{Todo|Diese Seite muss noch vervollständigt werden. Informationen sind bisher verstreut, hauptsächlich über [[PGM3 dbLog]] und [[Neues Charting Frontend]].}}

{{Infobox Modul|
ModPurpose=Protokolliert Ereignisse in einer Datenbank
|ModType=h
|ModTechName=93_DbLog.pm
|ModOwner=Tobias
}}
[[DbLog]] protokolliert, im Unterschied zu [[FileLog]], Fhem-Ereignisse in einer Datenbank.

== Definition ==
DbLog wird durch 2 verschiedene Einträge aktiviert/definiert. In einer Datei namens db.conf werden in die Parameter für eine Verbindung zur Datenbank (host, username, password, etc.) hinterlegt. Diese Datei kann in einem beliebigen Verzeichnis angelegt werden.
Das DbLog Device wird dann in der fhem.cfg definiert mit
:<code>define <name> DbLog <configfilename> <regexp> </code>
wobei ''<configfilename>'' dem Pfad zur zuvor angelegten db.conf entspricht.
Ein Beispiel hierfür wäre:
:<code>define logdb DbLog ./db.conf .*:.* </code>
Die Angabe von .*:.* bedeutet, dass sämtliche DeviceMessages (Messwerte, Batteriestatus, KeepAlives, etc.) in die Datenbank geschrieben werden. Dies führt u.U. dazu, dass die Datenbank auch mit vielen teils unrelevanten Werten gefüllt wird. Man kann daher die zu loggenden Werte einschränken, indem man genau angibt welche Werte geloggt werden sollen. Derste Wildcard, also das erste .* entspricht dem in FHEM verwendeten Device-Namen. Das Zweite .* dem vom Device augegebenen, zu loggenden Wert. Ein Beispiel um von allen Devices nur die Temperatur, Ventilposition und Luftfeuchte in die Datenbank zu schreiben wäre
:<code>define myDbLog DbLog ./db.conf .*:(temperature|valveposition|humidity).* </code>

== Datenbank ==
Unterstützte Datenbanksysteme (Auswahl):
* Sqlite
* mySQL
*

=== Tabellen ===
* current
* history

=== Tabellenlayout ===
DbLog ist auf eine feste Tabellenstruktur angewiesen. Man muss daher in seiner Datenbank eine Tabelle mit folgenden Spalten anlegen:
* TIMESTAMP: timestamp of event, e.g. 2007-12-30 21:45:22
* DEVICE: device name, e.g. Wetterstation
* TYPE: device type, e.g. KS300
* EVENT: event specification as full string, e.g. humidity: 71 (%)
* READING: name of reading extracted from event, e.g. humidity
* VALUE: actual reading extracted from event, e.g. 71
* UNIT: unit extracted from event, e.g. %

== Links ==
*

DbLog

2014-09-17T14:29:01Z

Tomster: /* Definition */

{{Todo|Diese Seite muss noch vervollständigt werden. Informationen sind bisher verstreut, hauptsächlich über [[PGM3 dbLog]] und [[Neues Charting Frontend]].}}

{{Infobox Modul|
ModPurpose=Protokolliert Ereignisse in einer Datenbank
|ModType=h
|ModTechName=93_DbLog.pm
|ModOwner=Tobias
}}
[[DbLog]] protokolliert, im Unterschied zu [[FileLog]], Fhem-Ereignisse in einer Datenbank.

== Definition ==
DbLog wird durch 2 verschiedene Einträge aktiviert/definiert. In einer Datei namens db.conf werden in die Parameter für eine Verbindung zur Datenbank (host, username, password, etc.) hinterlegt. Diese Datei kann in einem beliebigen Verzeichnis angelegt werden.
Das DbLog Device wird dann in der fhem.cfg definiert mit
:<code>define <name> DbLog <configfilename> <regexp> </code>
wobei ''<configfilename>'' dem Pfad zur zuvor angelegten db.conf entspricht.
Ein Beispiel hierfür wäre:
:<code>define logdb DbLog ./db.conf .*:.* </code>
Die Angabe von .*:.* bedeutet, dass sämtliche DeviceMessages (Messwerte, Batteriestatus, KeepAlives, etc.) in die Datenbank geschrieben werden. Dies führt u.U. dazu, dass die Datenbank auch mit vielen teils unrelevanten Werten gefüllt wird. Man kann daher die zu loggenden Werte einschränken, indem man genau angibt welche Werte geloggt werden sollen. Derste Wildcard, also das erste .* entspricht dem in FHEM verwendeten Device-Namen. Das Zweite .* dem vom Device augegebenen, zu loggenden Wert. Ein Beispiel um von allen Devices nur die Temperatur, Ventilposition und Luftfeuchte in die Datenbank zu schreiben wäre
:<code>define myDbLog DbLog ./db.conf .*:(temperature|valveposition|humidity).* </code>

== Datenbank ==
Unterstützte Datenbanksysteme (Auswahl):
* Sqlite
* mySQL
*

=== Tabellen ===
* current
* history

=== Tabellenlayout ===
* TIMESTAMP: timestamp of event, e.g. 2007-12-30 21:45:22
* DEVICE: device name, e.g. Wetterstation
* TYPE: device type, e.g. KS300
* EVENT: event specification as full string, e.g. humidity: 71 (%)
* READING: name of reading extracted from event, e.g. humidity
* VALUE: actual reading extracted from event, e.g. 71
* UNIT: unit extracted from event, e.g. %

== Links ==
*

DbLog

2014-09-17T14:25:28Z

Tomster:

{{Todo|Diese Seite muss noch vervollständigt werden. Informationen sind bisher verstreut, hauptsächlich über [[PGM3 dbLog]] und [[Neues Charting Frontend]].}}

{{Infobox Modul|
ModPurpose=Protokolliert Ereignisse in einer Datenbank
|ModType=h
|ModTechName=93_DbLog.pm
|ModOwner=Tobias
}}
[[DbLog]] protokolliert, im Unterschied zu [[FileLog]], Fhem-Ereignisse in einer Datenbank.

== Definition ==
DbLog wird durch 2 verschiedene Einträge aktiviert/definiert. In einer Datei namens db.conf werden in die Parameter für eine Verbindung zur Datenbank (host, username, password, etc.) hinterlegt. Diese Datei kann in einem beliebigen Verzeichnis angelegt werden.
Das DbLog Device wird dann in der fhem.cfg definiert mit
:<code>define <name> DbLog <configfilename> <regexp> </code>
wobei ''<configfilename>'' dem Pfad zur zuvor angelegten db.conf entspricht.
Ein Beispiel hierfür wäre:
:<code>define logdb DbLog ./db.conf .*:.* </code>
Die Angabe von .*:.* bedeutet, dass sämtliche DeviceMessages (Messwerte, Batteriestatus, KeepAlives, etc.) in die Datenbank geschrieben werden. Dies führt u.U. dazu, dass die Datenbank auch mit vielen teils unrelevanten Werten gefüllt wird. Man kann daher die zu loggenden Werte einschränken, indem man genau angibt welche Werte geloggt werden sollen. Ein Beispiel um nur die Temperatur, Ventilposition und Luftfeuchte in die Datenbank zu schreiben wäre
:<code>define myDbLog DbLog ./db.conf .*:(temperature|valveposition|humidity).* </code>

== Datenbank ==
Unterstützte Datenbanksysteme (Auswahl):
* Sqlite
* mySQL
*

=== Tabellen ===
* current
* history

=== Tabellenlayout ===
* TIMESTAMP: timestamp of event, e.g. 2007-12-30 21:45:22
* DEVICE: device name, e.g. Wetterstation
* TYPE: device type, e.g. KS300
* EVENT: event specification as full string, e.g. humidity: 71 (%)
* READING: name of reading extracted from event, e.g. humidity
* VALUE: actual reading extracted from event, e.g. 71
* UNIT: unit extracted from event, e.g. %

== Links ==
*