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

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?

dslraser

@Julian-0
Ich habe übrigens auch ne VU Duo2 (Du anscheinend auch)
Ich habe mir das alles auf die "Fernbedienung" gelegt, dann hat man nicht so viele einzelne Kacheln (ich hatte es vorher so ähnlich wie Du)

Julian 0

@dslraser Kannst du über deine Lösung auch irgendwie vor dem Umschalten sehen, was aktuell auf dem Sender läuft? Das finde ich bei mir gerade interessant. Ansonsten gefällt mir deine Lösung sehr gut! Werde das eine oder andere sicher übernehmen!

dslraser

@Julian-0 sagte in Test Adapter iQontrol 1.2.x:

Kannst du über deine Lösung auch irgendwie vor dem Umschalten sehen, was aktuell auf dem Sender läuft?

woher holst Du die Infos vor den Umschalten ?

DocGame

@blackeagle998 Hallo,
nachdem die V7 gut gelaufen ist, wollte ich mich an die neue Variante machen, da mir die Skalierbarkeit und die Müllgeschichte wichtig wären.
Ich denke, ich habe alle Punte die du aufgeführt hat richtig gemacht. Deider scheint aber irgendetwas noch nicht zu stimmen. in dem Datenpunkt "clock.html" kommt leider der HTML-Code aus dem Script nicht an. Gibt es noch etwas zu beachten?

blackeagle998

@DocGame
Schwer zu sagen. Das Skript läuft aber auch ja?

DocGame

@blackeagle998 ohne Fehlermeldung... die IP ist angepasst, der eigene Temperatursensor drin, die States (Abfall und Clock) wurden angelegt. Er hat nur ein "Null" als Wert drin.

NEWS

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

Support us

762

32.4k

81.4k

1.3m