SolarForecast FTUI Widget

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
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>