DOIF/uiTable Schnelleinstieg: Unterschied zwischen den Versionen

Version vom 8. Dezember 2019, 13:45 Uhr

An dieser Stelle werden anhand von Beispielen Möglichkeiten des uiTable-Attributs mit Hilfe bereits im DOIF-Modul vordefinierter uiTable-Funktionen aufgezeigt. Diese Perlfunktionen sind in einem eigenen Package definiert worden. Mit diesen Funktionen lassen sich recht einfach, ohne tiefere HTML/CSS-Kenntnisse, eigene Übersichten definieren. Abhängig von der Art der Funktion können in einer tabellarischen Darstellung FHEM-Geräte visualisiert, aber auch über die WEB-Oberfläche bedient werden.

Farbskalierte Temperaturanzeige mit Hilfe der Funktion temp

Die Farbe der dargestellten Temperatur ist abhänging vom Temperaturwert:

uiTable-Funktion temp

temp ($temp,$size,$icon)

$temp # Temperatur
$size # Schriftgröße in Pixel (pt), optional
$icon # Icon, welches vorangestellt wird, optional

Beispieldefinition:

defmod di_uiTable_temp DOIF ##
attr di_uiTable_temp uiTable {\
  package ui_Table;;           ## Package für uiTable-Funktionen\
  $TC{0..3}="align='center'";; ## zentrierte Darstellung aller Tabellenspalten\
}\
 ## Tabellendefinition\
\
"Aussen"|"Bad"|"Warmwasser"\
temp([Aussensensor:temperature])|                       ## Anzeige des Readings 'temperature' des Gerätes 'Aussensensor'  \
temp([TH_Bad_HM:measured-temp],24,"temp_temperature")|  ## Schriftgröße 24pt, mit Icon namens temp_temperature\
temp([T_Warmwasserspeicher:temperature:d1],20)          ## Schriftgröße 20pt

Ergebnis in der Webansicht:

@@ Zeile 1: / Zeile 1: @@
 An dieser Stelle werden anhand von Beispielen Möglichkeiten des uiTable-Attributs mit Hilfe bereits im DOIF-Modul vordefinierter uiTable-Funktionen aufgezeigt. Diese Perlfunktionen sind in einem eigenen Package definiert worden. Mit diesen Funktionen lassen sich recht einfach, ohne tiefere HTML/CSS-Kenntnisse, eigene Übersichten definieren. Abhängig von der Art der Funktion können in einer tabellarischen Darstellung FHEM-Geräte visualisiert, aber auch über die WEB-Oberfläche bedient werden.
+== Farbskalierte Temperaturanzeige mit Hilfe der Funktion '''temp'''==
+Die Farbe der dargestellten Temperatur ist abhänging vom Temperaturwert:
 {{Randnotiz|RNText=uiTable-Funktion '''temp'''
 <syntaxhighlight lang="perl">
@@ Zeile 9: / Zeile 13: @@
 </syntaxhighlight>
 }}
-== Farbskalierte Temperaturanzeige mit Hilfe der Funktion '''temp'''==
-Die Farbe der dargestellten Temperatur ist abhänging vom Temperaturwert:
 [[Datei:Farbskalierung temp.png|600px|ohne]]