FTUI Widget SMAPortalSPG

Aus FHEMWiki
Zur Navigation springen Zur Suche springen

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

Voraussetzung ist das Vorhandensein von SolarForecast-Devices. SolarForecast ist zur Zeit noch ein inoffizielles Modul.
Forum-Thread zu diesem Modul: https://forum.fhem.de/index.php/topic,117864.0.html

Ein SolarForecast-Device wird angelegt mit:

define SolCast <Name>  # z.B. define SolCast SolarForecast

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 SolarForecast-Device in FHEM, dessen Inhalt angezeigt werden soll
data-get Name des Readings, das eine Änderung des SolarForecast-Device anzeigt parentState
data-max-update Maximale Häufigkeit in Sekunden für das Update des SolarForecast-Device 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 SolarForecast-Device. Das data-get Reading dient nur dazu ein nötiges Update des SMAPortal-Grafikdevices zu erkennen.


Beispiel

    <li data-row="1" data-col="1" data-sizey="4" data-sizex="5">
     <header>SMA Grafik</header>
       <div class="cell">
         <div data-type="smaportalspg" data-device="SolCast" data-get="state"></div>  
      </div>
    </li>