Test Adapter iQontrol 2.0.x Vis (Entwicklungs-Thread)
-
@sigi234
Dann hat sich die Arbeit gelohnt, danke für die Rückmeldung! -
@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
-
-
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.
-
@sigi234
Letzteres musst du im Skript anpassen:
Das mit den Abständen habe ich auch schon auf dem Zettel
-
@sigi234
Möchtest du für das Popup diese Darstellung hier haben?
-
@kassmann
Ich habs am laufen. ist aber ganz schön Tricki. die intere open windows funktion nutze ich aber bei mir nicht da ich mit richtigen Fensterkontakten arbeite die mit einem Script dann die Thermostate steuern. Die Datenübergabe seitens Tado ist sehr unausgereift.
So siehts bei mir aus.
-
@CrazyFloyd sieht sehr gut aus.
Das mit den extra Fensterkontakten ist sicherlich die bessere Lösung...
Was hast du bei VALVE_STATES erfaßt? -
Achtung, das nachfolgende Tutorial wird nicht mehr supported!
Tutorial Müllabfuhr Popup
-
Skript für Erzeugung der Datenpunkte
--> als neues Skript einfügen und einmal laufen lassen
script_createDP_waste.txt -
Den kompletten Inhalt der Datei waste.css in den Datenpunkt '0_userdata.0.Abfallentsorgung.waste_html_css' schreiben.
waste.css -
Skript für Erzeugung der notwendigen waste.css Datei im Ordner "iqontrol.meta".
--> als neues Skript einfügen und einmal laufen lassen
script_createFiles_waste.txt -
Skript zur Darstellung der Müllabfuhr / Mülltonnen
--> als neues Skript einfügen, noch NICHT starten
script_waste.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.
-
Im Skript werden die Daten aus folgenden drei Datenpunkten gezogen (ggf. bitte anpassen):
0_userdata.0.Abfallentsorgung.Restabfall 0_userdata.0.Abfallentsorgung.Papiertonne 0_userdata.0.Abfallentsorgung.Gelber_SackErgebnis als Kachel 2x1: --> Aufruf: "fctWasteHTML()"
Ergebnis als Popup: --> Aufruf: "fctWasteHTML('Popup')"
-
-
@sigi234
script_clock.txt
clock.cssIm Skript war noch ein Fehler drin, weshalb die CSS Formatierung für die Wettervorschau-Tabelle nicht gegriffen hat.
Ich habe das angepasste Skript (inkl. Heute = groß geschrieben) hier beigefügt und auch oben im Tutorial ausgetauscht.Die clock.ss Datei habe ich beim Selektor "td" um den Eintrag "padding-left:2vw;" erweitert, das führt in der Tabelle zu vernünftigen Links-Abständen:
1vw geht auch, muss man ausprobieren. Die angepasste clock.css ist hier beigefügt und ebenfalls oben im Tutorial aktualisiert.
-
-
@sigi234
Hast du denn die Mond icons auch?
Ich habe die alle unter usericons/wetter/mond, der Pfad ist natürlich auch im Skript.Poste doch mal den Inhalt vom Datenpunkt clock_html.
-
@blackeagle998 sagte in Test Adapter iQontrol 1.2.x:
Poste doch mal den Inhalt vom Datenpunkt clock_html.
<head><meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0"><link rel="stylesheet" href="http://192.168.178.20:8107/iqontrol.meta/clock.css" /><script type="text/javascript" src="http://192.168.178.20:8107/iqontrol.meta/clock.js"></script></head><div class="box_row"><span class="box_uhr"><b>23:23 Uhr</b></span><span><img class="img_wetter" src="/vis.0/Wettericons/Wetter Hd/mond/7.png"/></span></div><div class="box_row"><div class="box_column"><span class="box_datum"><b><i>Donnerstag<br>24.09.2020</i></b></span></div><div class="box_column"><span class="box_wetter_temperatur"><b><i>17°C</i></b></span><span class="box_wetter_text"><i>Nacht</i></span></div></div><div class="box_column"><table class="table_Wettervorschau"><tr><td>Heute</td><td><img src="/vis.0/Wettericons/Wetter Hd/2.png"/></td><td nowrap>12°C bis 24°C</td><td align=left>Teils bewölkt</td></tr><tr><td>Freitag</td><td><img src="/vis.0/Wettericons/Wetter Hd/10.png"/></td><td nowrap>8°C bis 18°C</td><td align=left>Bedeckt mit mäßigem Regen</td></tr><tr><td>Samstag</td><td><img src="/vis.0/Wettericons/Wetter Hd/10.png"/></td><td nowrap>7°C bis 10°C</td><td align=left>Bedeckt mit mäßigem Regen</td></tr><tr><td>Sonntag</td><td><img src="/vis.0/Wettericons/Wetter Hd/7.png"/></td><td nowrap>7°C bis 13°C</td><td align=left>Bedeckt mit leichtem Regen</td></tr><tr><td>Montag</td><td><img src="/vis.0/Wettericons/Wetter Hd/7.png"/></td><td nowrap>7°C bis 12°C</td><td align=left>Bedeckt mit leichtem Regen</td></tr></table></div> -
@sigi234
Gibt es denn dieses Icon bei dir?
src="/vis.0/Wettericons/Wetter Hd/mond/7.png" -
@blackeagle998 sagte in Test Adapter iQontrol 1.2.x:
@sigi234
Gibt es denn dieses Icon bei dir?
src="/vis.0/Wettericons/Wetter Hd/mond/7.png"Nein
-
@sigi234
Hast du nach Anpassung des CSS Datenpunkts auch das Skript zur Erstellung der Datei clock.css im Ordner /iqontrol.meta ausgeführt?
Danach das clock Skript neustarten und die Seite neu laden. -
@blackeagle998 sagte in Test Adapter iQontrol 1.2.x:
Hast du nach Anpassung des CSS Datenpunkts auch das Skript zur Erstellung der Datei clock.css im Ordner /iqontrol.meta ausgeführt?
?
Geht jetzt
-
@blackeagle998 sagte in Test Adapter iQontrol 1.2.x:
Ich habe die alle unter usericons/wetter/mond, der Pfad ist natürlich auch im Skript.
Wo kann ich den anpassen? Zeile 96?
-
@sigi234
Im Skript bei diesem Absatz:if (str_Tageszeit == 'Tag'){ str_HTML = str_HTML + '<span><img class="img_wetter" src="' + img_Wetter + getState('daswetter.0.NextHours.Location_1.Day_1.current.symbol_value').val + '.png' + '"/></span>'; }else{ str_HTML = str_HTML + '<span><img class="img_wetter" src="' + img_Wetter + 'mond/' + getState('daswetter.0.NextHours.Location_1.Day_1.moon_symbol').val + '.png' + '"/></span>'; }Wenn str_Tageszeit ungleich "Tag" dann nimmt er die icons aus dem wetterpfad + "mond/".
Für Mond existieren aber 29 verschiedene Icons, siehe hier:
Wettersymbole.zip -
-
Hi zusammen,
habe die letzten Tage auch mal ein wenig mit iQontrol rumgespielt. Super Visualisierungsmöglichkeiten. Macht richtig Laune.
Möchte auch gerne mal zeigen, was ich bislang gebaut habe:
