Wie versprochen starte ich eine neues Thema in Sachen Light Manager Air HTML "Plugins".
Dieser Thread soll eine Plattform darstellen, auf der man seine eigens erstellten HTML "Plugins" vorstellt/erklärt und für die Community hochläd/zur Verfügung stellt, welche man dann auf seinen eigenen Light-Manager Air übertragen kann.
Es würde mich sehr freuen wenn dieser Thread zu einer erfolgreichen, umfangreichen Datensammlung beiträgt um die Funktionen unserer LMs zu erweitern und Jbmedia die Möglichkeit zu geben die ein oder andere Funktion sogar in kommenden Software - Versionen zu integrieren
Ich fange am besten mal mit einem "Hygrometer/Temperatursensor Plugin" für die App ImperiHome an.
Da Imperi Home nur den internen Sensor, nicht aber alle anderen 1-10 zzgl OWM, zur Auswahl stellt, hatte ich mir zur Aufgabe gemacht alle 12 Channel aus dem Webinterface zu extrahieren.
Also den Internen Channel , 1-10 und den Wetter Online Dienst Channel.
Mit Hilfe meines "Plugins" seid ihr nun in der Lage jedem Feld im ImperiHome Layout einen Sensor per http link zuzuweisen.
Diese Sensor Files aktualisieren sich ebenso von selbst wie im eigentlichen LMair Webinterface, im selben Intervall.
Damit Ihr mein "Plugin" auch Plug and Play nutzen könnt, habe ich euch das ganze mal neu aufgesetzt mit einer simplen Ordnerstruktur.
Das Einzige was ihr tun müsst, ist den Ordner "piezoplugins" in html Ordner vom AirStudio zu kopieren und eure Config neu zu übertragen.
( Pfad zum html Ordner C:\Program Files (x86)\airStudio\html )
Enthalten ist momentan der Ordner Hygrometer und die Auswahl zwischen Mobil-Telefon und Tablet.
Beide Ordner besitzen eine unterschiedliche Stylesheet aufgrund der unterschiedlichen Displaygrößen beider Endgeräte.
Die Ordnerstruktur zu den Hygrometer Links für ein Handydisplay lautet dann für
Sensor Channel1
Code: Alles auswählen
http://eure-IP/piezoplugins/hygrometer/mobil/hygrochannel1.htm
Sensor Channel2
Code: Alles auswählen
http://eure-IP/piezoplugins/hygrometer/mobil/hygrochannel2.htm
Sensor Channel3
Code: Alles auswählen
http://eure-IP/piezoplugins/hygrometer/mobil/hygrochannel3.htm
Sensor Channel4
Code: Alles auswählen
http://eure-IP/piezoplugins/hygrometer/mobil/hygrochannel4.htm
Sensor Channel5
Code: Alles auswählen
http://eure-IP/piezoplugins/hygrometer/mobil/hygrochannel5.htm
Sensor Channel6
Code: Alles auswählen
http://eure-IP/piezoplugins/hygrometer/mobil/hygrochannel6.htm
Sensor Channel7
Code: Alles auswählen
http://eure-IP/piezoplugins/hygrometer/mobil/hygrochannel7.htm
Sensor Channel8
Code: Alles auswählen
http://eure-IP/piezoplugins/hygrometer/mobil/hygrochannel8.htm
Sensor Channel9
Code: Alles auswählen
http://eure-IP/piezoplugins/hygrometer/mobil/hygrochannel9.htm
Sensor Channel10
Code: Alles auswählen
http://eure-IP/piezoplugins/hygrometer/mobil/hygrochannel10.htm
Sensor Channel 11 (Interner Sensor)
Code: Alles auswählen
http://eure-IP/piezoplugins/hygrometer/mobil/hygrochannel-intern.htm
Sensor Channel 12 (Online Wetter Sensor)
Code: Alles auswählen
http://eure-IP/piezoplugins/hygrometer/mobil/hygrochannel-owm.htm
Die Ordnerstruktur zu den Hygrometer Links für ein Tabletdisplay lautet dann für
Sensor Channel1
Code: Alles auswählen
http://eure-IP/piezoplugins/hygrometer/tablet/hygrochannel1.htm
Code: Alles auswählen
http://eure-IP/piezoplugins/hygrometer/tablet/hygrochannel2.htm
Code: Alles auswählen
http://eure-IP/piezoplugins/hygrometer/tablet/hygrochannel3.htm
Code: Alles auswählen
http://eure-IP/piezoplugins/hygrometer/tablet/hygrochannel4.htm
Code: Alles auswählen
http://eure-IP/piezoplugins/hygrometer/tablet/hygrochannel5.htm
Code: Alles auswählen
http://eure-IP/piezoplugins/hygrometer/tablet/hygrochannel6.htm
Code: Alles auswählen
http://eure-IP/piezoplugins/hygrometer/tablet/hygrochannel7.htm
Code: Alles auswählen
http://eure-IP/piezoplugins/hygrometer/tablet/hygrochannel8.htm
Code: Alles auswählen
http://eure-IP/piezoplugins/hygrometer/tablet/hygrochannel9.htm
Code: Alles auswählen
http://eure-IP/piezoplugins/hygrometer/tablet/hygrochannel10.htm
Code: Alles auswählen
http://eure-IP/piezoplugins/hygrometer/tablet/hygrochannel-intern.htm
Code: Alles auswählen
http://eure-IP/piezoplugins/hygrometer/tablet/hygrochannel-owm.htm
Änderung des Raum Namens
Um den Namen des Sensors zu ändern müsst ihr die jeweilige htm des Channels öffnen und in Zeile 3 den Titel "Temperatur Name" ändern und das Textfeld "Name" in Zeile 16.
Code: Alles auswählen
<title>Temperatur Name</title>
Code: Alles auswählen
<td height="13" class="roomTitle">Name</td>
Änderung der Hintergrundfarbe
Die Hintergrundfarbe lässt sich ganz einfach in der Zeile 13 in der jeweiligen HTM ändern und nennt sich bgcolor="#fffef4" .
#fffef4 ist aktuell die von mir ausgewählte Background Farbe. Diese würde ich euch für die Hintergrundfarbe des Buttons in der ImperiHome App empfehlen, damit die http Seite im Feld der App harmoniert.
Code: Alles auswählen
<body bgcolor="#fffef4" id="stuck" onLoad="setLastState(0);">
Evtl wollt ihr ja noch die Schriftgröße anpassen, welche bei Tablet und Mobil jeweils unterschiedlich ist.
Diese findet Ihr in meiner Stylesheet ImperHome.css in Zeile 3 ist der Titel und Zeile 9 ist die Temperatur/Feuchtigkeitsanzeige.
Ich hoffe ich konnte euch aufklären wie ihr meine Dateien anwenden müsst und auf Wunsch ändern könnt.
Zur Datei habe ich euch noch zusätzlich zwei Bilder mit angefügt
Als nächstes Plugin werde ich euch noch meine extrahierten Marker hier einstellen um jeden x-beliebigen Marker in ImperiHome einzubinden.
*Updated 09.11.2019
Beste Grüße und viel Spaß damit
Piezo