[FTUI 2] - Weather_Widget für Wettericons

[tux75at]

Ich habe die Problematik verstanden.

meteocon sind Symbole mit fixen Größen
kleinklima sind Bilder die in den Containern auf die Breite angepasst werden. Bei meinen Breiten Containern sind die Symbole GIGANTISCH

Da dies ein allererstes Widget war, wollte ich herumprobieren und mit einem Layout spielen.
Wenn ich jetzt eine zweite Cell daneben hingebe (im selben Container) dann wird das Bild plötzlich kleiner.
Also passt mir das jetzt.

Ein Problem habe ich noch mit einem Bild, beim Sonnenschein ist der oberste Teil vesetzt, zu sehen bei meinem Screenshot den ich zuvor gepostet habe

[Knallkopp_02]

Ist das nur bei einer bestimmten Größe der Grafik zu sehen, oder generell?

Wenn das der Fall ist, bitte mal die PNG ansehen, ob es die Grafik ist, oder ob es durch das einbinden in HTML passiert.

Gruß

[sinus61]

Code Auswählen Erweitern

elem.initData('time', 'fc0_0_time');

ersetze, scheint das passende Reading gelesen zu werde. Jetzt wollte ich das Ganze als Regel machen, aber das geht nicht.

Code Auswählen Erweitern


elem.initData('time', elem.data('get').substr(0, 6)+"time");
me.addReading(elem, 'time');


Da scheint zu gehen, dann kann man die extra time Angabe im FTUI HTML Code sparen. Dann fehlt natürlich noch die Zuordnung der Icons zu der DWD Angabe mit "n" und die DWD Ausnahmeregel muss auf alle Nachtzeiten erweitert werden.

[somansch]

Code Auswählen Erweitern


elem.initData('time', elem.data('get').substr(0, 6)+"time");
me.addReading(elem, 'time');


Da scheint zu gehen, dann kann man die extra time Angabe im FTUI HTML Code sparen. Dann fehlt natürlich noch die Zuordnung der Icons zu der DWD Angabe mit "n" und die DWD Ausnahmeregel muss auf alle Nachtzeiten erweitert werden.

Perfekt! Ich habe gestern Abend auch schon den Rest eingebaut und erste Tests gefahren. Werde das bestimmt komplett am Wochenende hinbekommen 

[somansch]

Code Auswählen Erweitern


elem.initData('time', elem.data('get').substr(0, 6)+"time");
me.addReading(elem, 'time');


Da scheint zu gehen, dann kann man die extra time Angabe im FTUI HTML Code sparen. Dann fehlt natürlich noch die Zuordnung der Icons zu der DWD Angabe mit "n" und die DWD Ausnahmeregel muss auf alle Nachtzeiten erweitert werden.

Hi Sinus,
das wird so leider nichts, da es auch 7 Zeichen statt 6 Zeichen sein können. Dies passiert, wenn man die "Auflösung" bei DWD auf stündlich stellt. Dann hat man 24 Einträge pro Tag, dh. fcx_x_ww bis fcx_xx_ww (0-23).

Schade, müssen wir noch ein wenig tüfteln  .

Aber der Ansatz ist gut!

Update: Habe eine Möglichkeit mit Ersetzen gefunden 

Code Auswählen Erweitern


                //time (for DWD Opendata)
elem.initData('time', elem.data('get').replace("ww","time"));
me.addReading(elem, 'time');

Viele Grüße
Andreas

[somansch]

Habe die Umsetzung von Tag/Nacht Unterscheidung für "DWD" hinbekommen und erfolgreich getestet  .

Neue Version im ersten Post.

Viel Spaß beim Testen!

Gute Nacht
Andreas

[Knallkopp_02]

@somansch, läuft bei mir einwandfrei,

Hätte aber noch einige Anmerkungen/Ideen:

wenn man die Zeilen 735 und 736 so modifiziert:

Code Auswählen Erweitern


                        //mapped = kleinklimamap[mapped.replace(/^:/, '')];
                        icon.prepend('<img style="width:100%" src="' + elem.data('image-path') + val + '.png' +'" title="' + val +'">');


könnte man sich das komplette Mappen sparen, wenn die Grafiken nicht einen "Namen" haben, sondern 0d.png 0n.png ... genannt werden. Würde Code sparen.

Zeilen 713 ff.

Code Auswählen Erweitern


if ((time >= "18:00:00" && time < "24:00:00") || (time >= "00:00:00" && time < "06:00:00")) {
val = val + "n";
} else if (time >= "06:00:00" && time < "18:00:00") {
val = val + "d";
}


würde auch Code sparen und zusätzlich einen Zeitbereich definieren, da ich mich glaube erinnern zu können, dass die Abfragezeiten im Sommer anders waren (Sommerzeit).

Wenn wir jetzt noch sunset und sunrise für die Zeilen 713 ff. ohne weiter Einstellungen in Fhem (außer long. und lat.) direkt in der JS abgreifen können ist vorerst alles gelöst.

Gruß

[cotecmania]

Hallo,

heute habe ich nach ca. 2 Wochen mal wieder ein FHEM Update gemacht. Seitdem werden meine Wettericons wieder nicht mehr angezeigt.
Verwende Darksky :

Code Auswählen Erweitern

<div data-type="weather" data-device="MeinWetter" data-get="fc1_iconAPI" data-imageset="kleinklima" class="left" style="width:95px;height:60px"></div>

Code Auswählen Erweitern

Internals:
   API        DarkSkyAPI
   APIKEY     bc1445e983fe663c3342b088682a01eb
   APIOPTIONS cachemaxage:600
   DEF        apikey=bc1445e983fe663c3342b088682a01eb location=48.8572,9.7949 lang=de
   FUUID      5c4a1591-f33f-623c-420c-c2258cc40a1a4bed
   INTERVAL   3600
   LANG       de
   LOCATION   48.8572,9.7949
   MODEL      DarkSkyAPI
   NAME       MeinWetter
   NOTIFYDEV  global
   NR         999
   NTFY_ORDER 50-MeinWetter
   STATE      T: 2 °C F: 94 % W: 0 km/h P: 1027 hPa
   TYPE       Weather
   READINGS:
     2019-02-17 09:56:33   apiMaintainer   Leon Gaultier (<a href=https://forum.fhem.de/index.php?action=profile;u=13684>CoolTux</a>)
     2019-02-17 09:56:33   apiVersion      0.2.4
     2019-02-17 09:56:33   apparentTemperature 2
     2019-02-17 09:56:33   cloudCover      18
     2019-02-17 09:56:33   code            32
     2019-02-17 09:56:33   condition       Heiter
     2019-02-17 09:56:33   current_date_time So, 17 Feb 2019 09:56
     2019-02-17 09:56:33   dewPoint        1
     2019-02-17 09:56:33   fc1_apparentTempHigh 15
     2019-02-17 09:56:33   fc1_apparentTempHighTime So, 17 Feb 2019 15:00
     2019-02-17 09:56:33   fc1_apparentTempLow -1
     2019-02-17 09:56:33   fc1_apparentTempLowTime Mo, 18 Feb 2019 06:00
     2019-02-17 09:56:33   fc1_cloudCover  14
     2019-02-17 09:56:33   fc1_code        30
     2019-02-17 09:56:33   fc1_condition   Leicht bewölkt von nachmittags bis abends.
     2019-02-17 09:56:33   fc1_day_of_week So
     2019-02-17 09:56:33   fc1_dewPoint    0
     2019-02-17 09:56:33   fc1_high_c      15
     2019-02-17 09:56:33   fc1_humidity    76
     2019-02-17 09:56:33   fc1_icon        partly_cloudy
     2019-02-17 09:56:33   fc1_iconAPI     partly-cloudy-day
     2019-02-17 09:56:33   fc1_low_c       -1
     2019-02-17 09:56:33   fc1_moonPhase   0.42
     2019-02-17 09:56:33   fc1_ozone       260.08

hat sich was geändert ?

Gruss

[somansch]

Hallo,

heute habe ich nach ca. 2 Wochen mal wieder ein FHEM Update gemacht. Seitdem werden meine Wettericons wieder nicht mehr angezeigt.
Verwende Darksky :

Code Auswählen Erweitern

<div data-type="weather" data-device="MeinWetter" data-get="fc1_iconAPI" data-imageset="kleinklima" class="left" style="width:95px;height:60px"></div>

Code Auswählen Erweitern

Internals:
   API        DarkSkyAPI
   APIKEY     bc1445e983fe663c3342b088682a01eb
   APIOPTIONS cachemaxage:600
   DEF        apikey=bc1445e983fe663c3342b088682a01eb location=48.8572,9.7949 lang=de
   FUUID      5c4a1591-f33f-623c-420c-c2258cc40a1a4bed
   INTERVAL   3600
   LANG       de
   LOCATION   48.8572,9.7949
   MODEL      DarkSkyAPI
   NAME       MeinWetter
   NOTIFYDEV  global
   NR         999
   NTFY_ORDER 50-MeinWetter
   STATE      T: 2 °C F: 94 % W: 0 km/h P: 1027 hPa
   TYPE       Weather
   READINGS:
     2019-02-17 09:56:33   apiMaintainer   Leon Gaultier (<a href=https://forum.fhem.de/index.php?action=profile;u=13684>CoolTux</a>)
     2019-02-17 09:56:33   apiVersion      0.2.4
     2019-02-17 09:56:33   apparentTemperature 2
     2019-02-17 09:56:33   cloudCover      18
     2019-02-17 09:56:33   code            32
     2019-02-17 09:56:33   condition       Heiter
     2019-02-17 09:56:33   current_date_time So, 17 Feb 2019 09:56
     2019-02-17 09:56:33   dewPoint        1
     2019-02-17 09:56:33   fc1_apparentTempHigh 15
     2019-02-17 09:56:33   fc1_apparentTempHighTime So, 17 Feb 2019 15:00
     2019-02-17 09:56:33   fc1_apparentTempLow -1
     2019-02-17 09:56:33   fc1_apparentTempLowTime Mo, 18 Feb 2019 06:00
     2019-02-17 09:56:33   fc1_cloudCover  14
     2019-02-17 09:56:33   fc1_code        30
     2019-02-17 09:56:33   fc1_condition   Leicht bewölkt von nachmittags bis abends.
     2019-02-17 09:56:33   fc1_day_of_week So
     2019-02-17 09:56:33   fc1_dewPoint    0
     2019-02-17 09:56:33   fc1_high_c      15
     2019-02-17 09:56:33   fc1_humidity    76
     2019-02-17 09:56:33   fc1_icon        partly_cloudy
     2019-02-17 09:56:33   fc1_iconAPI     partly-cloudy-day
     2019-02-17 09:56:33   fc1_low_c       -1
     2019-02-17 09:56:33   fc1_moonPhase   0.42
     2019-02-17 09:56:33   fc1_ozone       260.08

hat sich was geändert ?

Gruss

Hast du denn die Version aus diesem Thread im Einsatz? Diese wird (noch) nicht automatisch verteilt. Siehe weitere Infos im ersten Post.

[amenomade]

Mach mal

Code Auswählen Erweitern

sudo cp /opt/fhem/www/images/default/weather/partlycloudy.png /opt/fhem/www/images/default/weather/partly-cloudy-day.png
sudo chown fhem:dialout /opt/fhem/www/images/default/weather/partly-cloudy-day.png

Und natürlich wie gerade erwähnt, das widget von diesem Thread holen.

@somansch: noch was zum Mapping

[Knallkopp_02]

Ich versuche zur Zeit noch eine automatische Erkennung zu erstellen, ob SVG oder PNG Dateien im Grafik Ordner sind. Somit könnte man auch verschiedene Grafikformate automatisch erkennen. Ich hatte gesehen, dass du SVG verwendest, was auch sinn machen würde.

Gruß

[sinus61]

Neue Version im ersten Post.

Danke, funktioniert alles. Ich denke man könnte über ein twilight oder sunset Reading auch noch eine automatisch Lösung hinbekommen, aber wenn Jens das vielleicht jetzt doch ins Modul einbaut braucht man da im Moment keine Zeit drauf verwenden.

[Knallkopp_02]

So wie ich das verstanden hatte wollte Jens das nicht, wenn einer weiß wie man in der JS an sunset und sunrise dran käme, wäre das schon gut.

Gruß

[cotecmania]

Hast du denn die Version aus diesem Thread im Einsatz? Diese wird (noch) nicht automatisch verteilt. Siehe weitere Infos im ersten Post.

Das wars, Danke.
Dachte das ist jetzt schon im FHEM-Update drin.

[somansch]

Ich versuche zur Zeit noch eine automatische Erkennung zu erstellen, ob SVG oder PNG Dateien im Grafik Ordner sind. Somit könnte man auch verschiedene Grafikformate automatisch erkennen. Ich hatte gesehen, dass du SVG verwendest, was auch sinn machen würde.

Gruß

Wofür willst du eine Unterscheidung machen? Ist doch über die Mappings bereits abgebildet....