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

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?

CrazyFloyd

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

kassmann

@CrazyFloyd sieht sehr gut aus. Das mit den extra Fensterkontakten ist sicherlich die bessere Lösung...
Was hast du bei VALVE_STATES erfaßt?

blackeagle998

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_Sack

Ergebnis als Kachel 2x1: --> Aufruf: "fctWasteHTML()"

Ergebnis als Popup: --> Aufruf: "fctWasteHTML('Popup')"

blackeagle998

@sigi234
script_clock.txt
clock.css

Im 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

@blackeagle998

Hmm, CSS greift nicht. Mond?

Screenshot (667).png

blackeagle998

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

sigi234

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

blackeagle998

@sigi234
Gibt es denn dieses Icon bei dir?
src="/vis.0/Wettericons/Wetter Hd/mond/7.png"

sigi234

@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

Screenshot (670).png

blackeagle998

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

sigi234

@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

sigi234

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

blackeagle998

@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

sigi234

@blackeagle998

Screenshot (672).png

Julian 0

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:
Bildschirmfoto 2020-09-25 um 11.57.51.png

ramses

Ich habe keine Ahnung was ich falsch mache, aber ich kriege es absolut nicht hin ein Hintergrundbild zu setzen.
Selbst die voreingestellten Standardbilder werden nicht angezeigt, obwohl Sie im Verzeichnis sind. Adapter habe ich mehrmals installiert und auch den upload gestartet. Eigentlich wollte ich den Hintergrund nur in Schwarz haben.

endet in:

Jemand eine Idee was ich falsch mache?

NEWS

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

Support us

370

32.4k

81.4k

1.3m