FTUI Widget SMAPortalSPG

Aus FHEMWiki
Wechseln zu: Navigation, Suche

Das SMAPortalSPG Widget ist ein Widget für FHEM Tablet UI zur graphischen Anzeige von SMAPortal-Daten im FHEM Tablet UI.

Voraussetzung ist das Vorhandensein von SMAPortal-Grafikdevices. Grafikdevices werden im existierenden SMAPortal FHEM-Device angelegt mit:

set <SMAPortal-Device> createPortalGraphic <Typ>

Das entstandene Device ist im Attribut "data-device" des Widgets einzutragen.

Installation

Die Datei widget_smaportalspg.js muss in das js-Verzeichnis der fhem-tablet-ui Installation und die Datei ftui_smaportalspg.css in das entsprechende css-Verzeichnis kopiert werden.

In FHEM kann der Befehl:

 update all https://raw.githubusercontent.com/nasseeder1/fhem-ftui_smaportalspg_widget/master/controls_smaportalspg_widget.txt

verwendet werden um die Dateien einmalig zu installieren. Sollen die Dateien in den regelmäßigen Update-Prozess mit eingebunden werden, kann das control-File in FHEM integriert werden:

 update add https://raw.githubusercontent.com/nasseeder1/fhem-ftui_smaportalspg_widget/master/controls_smaportalspg_widget.txt

Attribute

Attribut Beschreibung Standard-Wert Beispiel
data-device SMAPortal-Graphicdevice in FHEM, dessen Inhalt angezeigt werden soll
data-get Name des Readings, das eine Änderung des SMAPortalSPG-Devices anzeigt parentState
data-max-update Maximale Häufigkeit in Sekunden für das Update des SMAPortalSPG-Devices 2

Hinweise

Im SMAPortalSPG Widget wird anders als in anderen Widgets nicht der angegebene Wert aus dem Device dargestellt, sondern der HTML-Inhalt des angegebenen SMAPortal-Grafikdevices. Das data-get Reading dient nur dazu ein nötiges Update des SMAPortal-Grafikdevices zu erkennen.

Es ist immer ein Grafik-Device in FHEM mit SMAPortal zu erstellen und im Attribut "data-device" anzugeben, nicht das SMAPortal-Device selbst !

Beispiel

    <li data-row="1" data-col="1" data-sizey="3" data-sizex="4">
     <header>SMA Grafik</header>
       <div class="cell">
         <div data-type="smaportalspg" data-device="SPG1.Sonnenstrom" data-get="parentState" ></div> 
      </div>
    </li>