DOIF/uiTable Schnelleinstieg: Unterschied zwischen den Versionen

Version vom 8. Dezember 2019, 00:53 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.

Besonderheiten

uiTable-Funktion temp temp($temp,$size,$icon)
$temp aktuelle Temperatur
$size Schriftgröße in Pixel (pt), optional
$icon icon, welches vorangestellt wird, optional

Farbskalierte Temperaturanzeige mit Hilfe der Funktion temp

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

defmod di_uiTable_bsp DOIF ##
attr di_uiTable_bsp uiTable {\
  package ui_Table;;           ## Package für uiTable-Funktionen\
  $TC{1}="align='center'";;    ## zentrierte Darstellung der zweiten Tabellenspalte\
}\
 ## Tabellendefinition\
"Aussentemperatur"|temp([Aussensensor:temperature]-10)\
"Aussentemperatur"|temp([Aussensensor:temperature],30)\
"Aussentemperatur"|temp([Aussensensor:temperature]+20,20,"temp_temperature")

@@ Zeile 6: / Zeile 6: @@
 * <code>$icon</code> icon, welches vorangestellt wird, optional
 }}
 == Farbskalierte Temperaturanzeige mit Hilfe der Funktion '''temp'''==
+Die Farbe der dargestellten Temperatur ist abhänging vom Temperaturwert:
+[[Datei:Farbskalierung temp.png|600px|ohne]]
 <syntaxhighlight lang="perl">
 defmod di_uiTable_bsp DOIF ##
@@ Zeile 18: / Zeile 22: @@
 "Aussentemperatur"|temp([Aussensensor:temperature]+20,20,"temp_temperature")
 </syntaxhighlight>
-[[Datei:Temp.png|mini]]
+[[Datei:Temp.png|ohne|mini]]