Test Adapter iQontrol 2.0.x Vis (Entwicklungs-Thread)

[frankthegreat]

@blackeagle998
Die Sache mit dem Wetterwidget gefällt mir gut...klappt auch beim Anfänger
Kann man eigentlich die Größe anpassen, ,damit eine Kachel komplett gefüllt wird?

[blackeagle998]

@frankthegreat
Hmm da müsste man den iframe skalieren, ich weiß nur nicht wie...

[blackeagle998]

@s-bormann
Hey, kannst du bitte eine Option einbauen, die oberste leiste einer Ansicht auszublenden und mit den Kacheln ganz oben anzufangen?
Ich brauche die auf keiner Ansicht und auf meinem Wandtablet fehlt genau dieser Raum, um die Kacheln vernünftig auf einer Seite darzustellen.

[blackeagle998]

Achtung, das nachfolgende Tutorial wird nicht mehr supported!

Tutorial Kachel Uhr + Wetter (optional: Müllabfuhr)

Diese Kachel ermöglicht die Darstellung der Digitaluhr, des aktuellen Wetters, der Wettervorschau, sowie optional der Müllabfuhr.
Die Steuerung der Anzeige Müllabfuhr erfolgt im Skript über den folgenden Schalter (Standard = false = aus):

show_waste = false;

Vorgehensweise:

1. Icons zu iQontrol hinzufügen
   waste_icons.zip

2. Skript für Erzeugung der Datenpunkte
   --> als neues Skript einfügen und einmal laufen lassen
   script_createDP.txt

3. Astro Skript für Unterscheidung Tag / Nacht und Anzeige Sonne / Mond-Icon
   --> als neues Skript einfügen und laufen lassen
   script_astro.txt

4. Den kompletten Inhalt der Datei clock.js in den Datenpunkt '0_userdata.0.Zeit.clock_html_js' schreiben.
   clock.js

5. Den kompletten Inhalt der Datei clock.css in den Datenpunkt '0_userdata.0.Zeit.clock_html_css' schreiben.
   clock.css

6. Skript für Erzeugung der notwendigen clock.js und clock.css Dateien im Ordner "iqontrol.meta".
   --> als neues Skript einfügen und einmal laufen lassen (die Datenpunkte aus 2. müssen existieren)
   script_createFiles.txt

7. Skript zur Darstellung der Uhr / Wetter Kachel
   --> als neues Skript einfügen, noch NICHT starten
   script_clock.txt
   Bevor ihr das Skript startet, müsst ihr ggf. einige Anpassungen vornehmen:

• IP des Rechners eintragen auf dem ioBroker läuft

let ip                  = '192.x.x.x';

• Im Skript werden die Icons aus dem Ordner "./../iqontrol.meta/userimages/usericons/Abfallentsorgung/" gezogen. Wenn der bei euch anders heißt, bitte anpassen.

• Für die Müllabführ habe ich eine ical Instanz (Kalender) und erstelle darauf basierend drei Datenpunkte in denen die verbleibenden Tage als String eingetragen werden, bspw. 21 Tage oder 2 Tage oder morgen (= 1 Tag) oder heute.
  Dafür existieren die folgenden drei Datenpunkte, die auch im Skript verwendet werden, wenn ihr die show_waste=true gesetzt habt. ggf. müsst ihr hier Anpassungen vornehmen.

0_userdata.0.Abfallentsorgung.Restabfall
0_userdata.0.Abfallentsorgung.Papiertonne
0_userdata.0.Abfallentsorgung.Gelber_Sack

8. Ihr benötigt eine Widget Kachel mit Background_HTML = Datenpunkt = 0_userdata.0.Zeit.clock_html.
   Für die Nutzung der Müllabfuhr muss zwingend die folgende Option in den Kacheleinstellungen aktiviert sein:
   

Als Größe empfehle ich 3x2, das sieht dann so aus (hoffentlich bei allen...):

9. Wenn ihr "show_waste=true" gesetzt habt, könnt ihr auf die Mülltonnen bzw. das Müllauto klicken, um den Button "0_userdata.0.Abfallentsorgung.Popup_Trigger" auf true zu setzen. Dahinter muss dann natürlich eine Folgeverarbeitung, als Beispiel könnte die so aussehen:
   script_popup.txt

Good to know:

• die aktuelle Konfiguration der Dateien clock.css und clock.js könnt ihr euch unter folgenden Links anschauen (Achtung IP auf euren Rechner anpassen) --> einfach im Browser als URL aufrufen

http://192.x.x.x:8082/iqontrol.meta/clock.js
http://192.x.x.x:8082/iqontrol.meta/clock.css

• wenn ihr den Inhalt der Dateien clock.js oder clock.css ändern wollt, müsst ihr den Inhalt der zugehörigen Datenpunkte clock_html_js bzw. clock_html_css ändern und anschließend einmalig das Skript aus 6. "script_createFiles.txt" ausführen, damit die Dateien im Ordner "iQontrol.meta" neu geschrieben werden.

So, das war`s erstmal von meiner Seite, mehr fällt mir momentan nicht ein.

[blackeagle998]

@s-bormann
Kannst du es uns ermöglichen auch ".js", ".css" und ".html" files hochzuladen?
Momentan gehen ja nur Bilder und ich muss den Umweg über Datenpunkte und "writeFile" gehen, siehe Post davor.

[hetti72]

Hallo zusammen,

ich spiele schon eine weile mit IQontrol herum und habe einige Thermostate, Schalter und Rollos eingebunden. Funktioniert auch soweit alles.

Aber ich habe nun mal eine Frage zu den ganze Kacheloptionen: Gibt es dazu eine Doku oder ein HowTo?
Also was genau bedeutet Kachel inaktiv / aktiv / vergrössert was bewirken die ganzen Settings für die jeweiligen zustände?

Ich habe die letzten Tage nämlich mit der Widget Kachel herumgespielt um einen Kalender per Datenpunkt mit HTML inhalt anzuzeigen, aber das Verhalten des Widgets gibt mir rätsel auf.
Und da ich nicht weiss was die einzelnen Settings bewirken ist es momentan ziemlich viel Trial&Error.

Gruß,
Frank

[sigi234]

@blackeagle998

Müll bekomme ich noch nicht hin.

[blackeagle998]

@sigi234
In der Kacheleinstellung muss folgende Option aktiviert sein:

Ich habe das oben noch als Hinweis ergänzt, bitte mal prüfen.

[blackeagle998]

@sigi234
Na funktioniert doch wie gewünscht

Hast du denn Datenpunkte für die Müllabfuhr der drei Tonnen (Restabfall, Papier, Gelber Sack)?

[sigi234]

@blackeagle998 sagte in Test Adapter iQontrol 1.2.x:

Hast du denn Datenpunkte für die Müllabfuhr der drei Tonnen (Restabfall, Papier, Gelber Sack)?

Ja, auch im Skript angepasst:

[blackeagle998]

@sigi234
Ja super!
Die Mülltonnen werden nur angezeigt, wenn die Datenpunkte den Wert "heute" oder "morgen" haben.
Wenn du nur Zahlen verwendest also 1 = morgen und 0 = heute, dann musst du diese Prüfung im Skript auch noch anpassen, nur als Hinweis.

Testhalber kannst du dann mal einen der Werte manuell ändern und schauen ob auf der Kachel dann die entsprechende Mülltonne auch angezeigt wird.

[sigi234]

@blackeagle998 sagte in Test Adapter iQontrol 1.2.x:

Wenn du nur Zahlen verwendest also 1 = morgen und 0 = heute, dann musst du diese Prüfung im Skript auch noch anpassen, nur als Hinweis.

Teste ich , ideal wäre auch einen Tag vorher?

[blackeagle998]

@sigi234
Morgen = ein Tag vorher
Oder verstehe ich dich falsch?
Also ich prüfe ja schon extra zwei Werte um die Mülltonne ab dem Tag vor der Abholung anzeigen zu lassen.

[sigi234]

@blackeagle998 sagte in Test Adapter iQontrol 1.2.x:

Morgen = ein Tag vorher

Blackout von mir.....

[sigi234]

@blackeagle998 sagte in Test Adapter iQontrol 1.2.x:

Testhalber kannst du dann mal einen der Werte manuell ändern und schauen ob auf der Kachel dann die entsprechende Mülltonne auch angezeigt wird.

Funktioniert

[blackeagle998]

@sigi234
Dann hat sich die Arbeit gelohnt, danke für die Rückmeldung!

[sigi234]

@blackeagle998 sagte in Test Adapter iQontrol 1.2.x:

@sigi234
Dann hat sich die Arbeit gelohnt, danke für die Rückmeldung!

Super Arbeit, folgendes teste ich noch:

• Bei klick auf die jeweilige Mülltonne: Popup mit Sorte und Abholtag

• In der Tabelle den Abstand zu den Rahmen änderbar

• heute in der Tabelle auf Heute (oder kommt das vom DP?) - Erledigt

[kassmann]

Mal eine Frage in die Runde. Hat schon jemand die Tado Thermostate eingebunden, wenn ja welche Datenpunkte habt Ihr übernommen? Irgendwie habe ich die "openWindow" Funktion nicht zum Laufen bekommen. Ebenso funktioniert die Erkennung der Icon für Heizen aktiv/aus noch nicht richtig.

[blackeagle998]

@sigi234
Letzteres musst du im Skript anpassen:

Das mit den Abständen habe ich auch schon auf dem Zettel

[blackeagle998]

@sigi234
Möchtest du für das Popup diese Darstellung hier haben?