[FTUI 2] - Weather_Widget für Wettericons

dora71 · 09 Dezember 2019, 17:51:14

Hallo Andreas,

das fände ich prima.

Mein Code dazu sieht jetzt wie folgt aus:


<div data-type="weather" data-device="WetterProplanta" data-get="fc0_weatherDayIcon" data-imageset="kleinklima" 
     data-warn="dwd:a_count" data-warn-class="bigger" class="top-space-3x"></div>

Damit wird das Icon größer.

Und so wird aus der anstelle der Warnungen ein Ausrufezeichen im roten Kreis (auch größer) dargestellt:

Code Auswählen


<div data-type="weather" data-device="WetterProplanta" data-get="fc0_weatherDayIcon" data-imageset="kleinklima" 
     data-warn="dwd:a_count" data-warn-class="bigger" data-warn-icon="fa-exclamation" class="top-space-3x"></div>

Gruß Rainer

somansch · 12 Dezember 2019, 23:54:09

Ich habe die Änderungen jetzt in die version 3.2 aufgenommen und im ersten Post aktualisiert. Weiterhin ist der Wiki-Eintrag mit den zusätzlichen Attributen und einem Beispiel ergänzt.

@setstate,
kannst du die Version (Anhang im ersten Post) übernehmen?

Danke und Gruß
Andreas

Florian_GT · 12 Januar 2020, 02:29:17

Hi somansch,

hast du für das Weather Widget jetzt offiziell die Betreuung übernommen?

Hast du schon einen Plan, wie du die notwendigen Dateien zukünftig verteilen willst? Im Git ist ja aktuell noch eine alte Version.

Gruß Florian

somansch · 12 Januar 2020, 19:10:29

Zitat von: Florian_GT am 12 Januar 2020, 02:29:17
Hi somansch,

hast du für das Weather Widget jetzt offiziell die Betreuung übernommen?

Hast du schon einen Plan, wie du die notwendigen Dateien zukünftig verteilen willst? Im Git ist ja aktuell noch eine alte Version.

Gruß Florian

Hallo Florian,
ja, ich habe die Betreuung übernommen. @setstate macht die Github Pflege. Versionierung pflege ich im Widget und im ersten Post dieses Threads.

Viele Grüße
Andreas

Jens@fhem · 02 Mai 2020, 16:06:12

Hallo Andreas, bei mir wurde ab dem 8 Tag (ist zwar sowieso nur Glaskugel) keine Icons angezeigt (Quelle PROPLANTA) im widget_weather.js ist mir das fehlende Device/Reading matching aufgefallen, vielleicht könntest du das beim nächsten Release patchen. Geht vielleicht noch etwas eleganter aber hier meine Abhilfe:

Code Auswählen


var device_type;
if (elem.data('device-type')) {
	device_type = elem.data('device-type');
} else {
	if (par.match(/^fc\d+_weather(Day|Evening|Morning|Night|\d\d)(?:Icon)?$/)) {
		device_type = 'PROPLANTA';
	} else if (par.match(/^weatherIcon$/)) {
		device_type = 'PROPLANTA';
	# Icons ab dem 8 Tag 
	} else if (par.match(/^fc\d+_weatherIcon$/)) {
		device_type = 'PROPLANTA';
	# Icons ab dem 8 Tag Ende
	} else if (par.match(/^fc\d+_iconAPI$/)) {
		device_type = 'Weather';
	} else if (par.match(/^hfc\d+_iconAPI$/)) {
		device_type = 'Weather';
	} else if (par.match(/^fc\d+_symbol$/)) {
		device_type = 'Netatmo';
	} else if (par.match(/^symbol$/)) {
		device_type = 'Netatmo';
	} else if (par.match(/^fc\d+_\d+_ww$/)) {
		device_type = 'DWD_OpenData';
	} else {
		device_type = 'UNKNOWN';
	}
}

Danke und viele Grüße Jens

somansch · 03 Mai 2020, 12:06:54

Zitat von: Jens@fhem am 02 Mai 2020, 16:06:12
Hallo Andreas, bei mir wurde ab dem 8 Tag (ist zwar sowieso nur Glaskugel) keine Icons angezeigt (Quelle PROPLANTA) im widget_weather.js ist mir das fehlende Device/Reading matching aufgefallen, vielleicht könntest du das beim nächsten Release patchen. Geht vielleicht noch etwas eleganter aber hier meine Abhilfe:

Code Auswählen Erweitern
var device_type; if (elem.data('device-type')) { device_type = elem.data('device-type'); } else { if (par.match(/^fc\d+_weather(Day|Evening|Morning|Night|\d\d)(?:Icon)?$/)) { device_type = 'PROPLANTA'; } else if (par.match(/^weatherIcon$/)) { device_type = 'PROPLANTA'; # Icons ab dem 8 Tag } else if (par.match(/^fc\d+_weatherIcon$/)) { device_type = 'PROPLANTA'; # Icons ab dem 8 Tag Ende } else if (par.match(/^fc\d+_iconAPI$/)) { device_type = 'Weather'; } else if (par.match(/^hfc\d+_iconAPI$/)) { device_type = 'Weather'; } else if (par.match(/^fc\d+_symbol$/)) { device_type = 'Netatmo'; } else if (par.match(/^symbol$/)) { device_type = 'Netatmo'; } else if (par.match(/^fc\d+_\d+_ww$/)) { device_type = 'DWD_OpenData'; } else { device_type = 'UNKNOWN'; } }

Danke und viele Grüße Jens

Hallo Jens,

danke für den Hinweis. Konnte das Problem nachstellen und habe deine Änderung ergänzt. Die neue version 3.3 habe ich im ersten Post aktualisiert.

@setstate,
kannst du bitte diese Version ins Repository aufnehmen?

Danke und Gruß
Andreas

Tutti_Bomovski · 05 November 2020, 09:04:08

Hallo Zusammen,
ich bastel gerade ein wenig an meiner Oberfläche FTUI.
Im Menü habe ich ein Untermenü für das Thema Wetter.
Ich möchte dort gerne einen Button / Symbol / Link einbauen (siehe Screenshot).

Im Symbol soll eine Warnmeldung für das Reading "DWD:a_count" auftauchen.
Wenn ich drauf klicke, dann soll sich eine neue Seite für die Details zu den Wetterwarnungen öffnen.

Ich bekomme es nicht hin...

Kann jemand helfen?

somansch · 07 November 2020, 11:53:51

Zitat von: Tutti_Bomovski am 05 November 2020, 09:04:08
Hallo Zusammen,
ich bastel gerade ein wenig an meiner Oberfläche FTUI.
Im Menü habe ich ein Untermenü für das Thema Wetter.
Ich möchte dort gerne einen Button / Symbol / Link einbauen (siehe Screenshot).

Im Symbol soll eine Warnmeldung für das Reading "DWD:a_count" auftauchen.
Wenn ich drauf klicke, dann soll sich eine neue Seite für die Details zu den Wetterwarnungen öffnen.

Ich bekomme es nicht hin...

Kann jemand helfen?

Ich nutze "pagebutton" dafür:

Code Auswählen

<div data-type="pagebutton" data-url="#content_weather.html"
				data-fade-duration="100"
				data-device="DWD"
				data-warn="a_count"
				data-warn-icon="fa-exclamation"
				data-warn-color="white" 
				data-warn-background-color="#E17000"
				data-off-color="white"
				data-off-background-color="transparent" 
				data-on-color="flx_blue"
				data-on-background-color="transparent"
				data-load="#content_weather"
				data-active-pattern=".*(#content_weather.html)"
				data-icon="fa-mixcloud" class="bigger warn compressed left-space-2x nocache"></div>

mig2 · 04 Dezember 2020, 17:44:41

Guten Tag zusammen,
ich glaub, es gibt einen Fehler in der Icon Zuordnung von ProPlanta.

Code Auswählen


fc1_weather00           Schneefall          2020-12-04 17:04:34
fc1_weather00Icon     https://www.proplanta.de/wetterdaten/images/symbole/n10.gif 2020-12-04 17:04:34
fc1_weather03           Schneeregen      2020-12-04 17:04:34
fc1_weather03Icon     https://www.proplanta.de/wetterdaten/images/symbole/n11.gif 2020-12-04 17:04:34
fc1_weather06           Schneefall          2020-12-04 17:04:34
fc1_weather06Icon     https://www.proplanta.de/wetterdaten/images/symbole/t10.gif 2020-12-04 17:04:34

Bei Schneefall wird das n10 oder t10 angenommen, bei Schneeregen die n11/t11.

im wieget_wather.js ist für Proplanta Day Icon (bei Night Icons das selbe

folgende definiert.
't10': 'wi wi-day-sleet',
't11': 'wi wi-day-snow',

Vielen Dank für die tolle Arbeit

Gruss Peter

somansch · 04 Dezember 2020, 19:03:57

Zitat von: mig2 am 04 Dezember 2020, 17:44:41
Guten Tag zusammen,
ich glaub, es gibt einen Fehler in der Icon Zuordnung von ProPlanta.

Code Auswählen Erweitern
fc1_weather00 Schneefall 2020-12-04 17:04:34 fc1_weather00Icon https://www.proplanta.de/wetterdaten/images/symbole/n10.gif 2020-12-04 17:04:34 fc1_weather03 Schneeregen 2020-12-04 17:04:34 fc1_weather03Icon https://www.proplanta.de/wetterdaten/images/symbole/n11.gif 2020-12-04 17:04:34 fc1_weather06 Schneefall 2020-12-04 17:04:34 fc1_weather06Icon https://www.proplanta.de/wetterdaten/images/symbole/t10.gif 2020-12-04 17:04:34

Bei Schneefall wird das n10 oder t10 angenommen, bei Schneeregen die n11/t11.

im wieget_wather.js ist für Proplanta Day Icon (bei Night Icons das selbe
folgende definiert.
't10': 'wi wi-day-sleet',
't11': 'wi wi-day-snow',

Vielen Dank für die tolle Arbeit

Gruss Peter

Hallo Peter,

danke für dein Feedback. Habe das Mapping jetzt zwischen Schnee und Schneeregen getauscht. Die neue Version 3.4 ist im ersten Post.

Viele Grüße
Andreas

mig2 · 05 Dezember 2020, 10:57:15

Vielen Dank für die neue Version, ist nun perfekt.

paedsen · 04 Januar 2021, 11:22:58

Hallo zusammen,

ich versuche gerade ein fixes Wetter-Icon einzubinden. Ziel ist es über dem Niederschlagswert immer das Regen-Icon anzuzeigen.
Ich habe dazu mal ganz blauäugig meinem PROPLANTA device ein neues reading hinzugefügt:

Code Auswählen


Internals:
   DEF        #####
   FUUID      5fad8e92-f33f-afe2-a5d1-9f3e1a9####
   INTERVAL   3600
   NAME       WetterProplanta
   NR         246
   STATE      Tmin: -1 Tmax: 4 T: 1.4 H: 92.9 W: 7.2 P: 1014.2
   TYPE       PROPLANTA
   URL        https://www.proplanta.de/Wetter/profi-wetter.php?####
   READINGS:
      ....
     2021-01-04 11:00:29   fc_weatherRainIcon https://www.proplanta.de/wetterdaten/images/symbole/t7.gif
     ....

Dies versuche ich in FTUI wie folgt darzustellen:

Code Auswählen


<div data-type="weather" data-device="WetterProplanta" data-get="fc_weatherRainIcon" data-imageset="meteocons" class="cell bigger"></div>

Leider wird das Icon nicht angezeigt. Fehlt mir noch irgendwas? Oder wird das sowieso nicht funktionieren?

Gruß
Patrick

somansch · 04 Januar 2021, 18:06:58

Zitat von: paedsen am 04 Januar 2021, 11:22:58
Hallo zusammen,

ich versuche gerade ein fixes Wetter-Icon einzubinden. Ziel ist es über dem Niederschlagswert immer das Regen-Icon anzuzeigen.
Ich habe dazu mal ganz blauäugig meinem PROPLANTA device ein neues reading hinzugefügt:

Code Auswählen Erweitern
Internals: DEF ##### FUUID 5fad8e92-f33f-afe2-a5d1-9f3e1a9#### INTERVAL 3600 NAME WetterProplanta NR 246 STATE Tmin: -1 Tmax: 4 T: 1.4 H: 92.9 W: 7.2 P: 1014.2 TYPE PROPLANTA URL https://www.proplanta.de/Wetter/profi-wetter.php?#### READINGS: .... 2021-01-04 11:00:29 fc_weatherRainIcon https://www.proplanta.de/wetterdaten/images/symbole/t7.gif ....

Dies versuche ich in FTUI wie folgt darzustellen:

Code Auswählen Erweitern
<div data-type="weather" data-device="WetterProplanta" data-get="fc_weatherRainIcon" data-imageset="meteocons" class="cell bigger"></div>

Leider wird das Icon nicht angezeigt. Fehlt mir noch irgendwas? Oder wird das sowieso nicht funktionieren?

Gruß
Patrick

Hallo Patrick,

verstehe ich dich richtig, dass du ein fixes Symbol brauchst? Warum nimmst du dann nicht einfach ein "data-symbol":https://wiki.fhem.de/wiki/FTUI_Widget_Symbol?

..oder setzt du das Reading dynamisch? Falls dem so ist, muss der Readingname in diese Logik passen:

Code Auswählen

} else {
                        if (par.match(/^fc\d+_weather(Day|Evening|Morning|Night|\d\d)(?:Icon)?$/)) {
                            device_type = 'PROPLANTA';
                        } else if (par.match(/^weatherIcon$/)) {
                            device_type = 'PROPLANTA';
			} else if (par.match(/^fc\d+_weatherIcon$/)) {
			   device_type = 'PROPLANTA';

Also kein "weatherRainIcon"

Viele Grüße
Andreas

paedsen · 04 Januar 2021, 18:40:44

Zitat von: somansch am 04 Januar 2021, 18:06:58
Hallo Patrick,

verstehe ich dich richtig, dass du ein fixes Symbol brauchst? Warum nimmst du dann nicht einfach ein "data-symbol":https://wiki.fhem.de/wiki/FTUI_Widget_Symbol?

..oder setzt du das Reading dynamisch? Falls dem so ist, muss der Readingname in diese Logik passen:
Code Auswählen Erweitern
} else { if (par.match(/^fc\d+_weather(Day|Evening|Morning|Night|\d\d)(?:Icon)?$/)) { device_type = 'PROPLANTA'; } else if (par.match(/^weatherIcon$/)) { device_type = 'PROPLANTA'; } else if (par.match(/^fc\d+_weatherIcon$/)) { device_type = 'PROPLANTA';

Also kein "weatherRainIcon"

Viele Grüße
Andreas

Hallo Andreas,

in den code war ich noch nicht abgetaucht

. Ich hatte nur aus dem Ausgangspost

Code Auswählen

ProPlanta "fcx_weatherxxIcon" (d.h. ein bisheriges Reading ohne "Icon" muss geändert werden!)
geschlossen dass xx hier ein Platzhalte für alles möglich ist.

Mit

Code Auswählen

2021-01-04 18:27:28 fc99_weatherDayIcon https://www.proplanta.de/wetterdaten/images/symbole/t7.gif
funktionert es.

Mein Problem war eher, das richtige Meteocon-Icon zu bekommen.

Vielen Dank für die prompte Hilfe!

Gruß
Patrick

somansch · 12 Januar 2021, 23:42:35

Hallo liebe FTUI (2) Gemeinde

,

im aktuellen FTUI 3 Thread bin ich auf einen interessanten Link von @octek0815 gestoßen. Olli möchte gern die animierten Icons von "bas" nutzen. Da ich diese Icons auch sehr chic finde, habe ich schon mal für FTUI 2 dies umgesetzt

. Im ersten Post findet ihr alle Infos und die neue v4.0 des Widgets.

Im Wiki-Beitrag habe ich noch ein weiteres Beispiel angehängt: https://wiki.fhem.de/wiki/FTUI_Widget_Weather

Ich bin auf euer Feedback gespannt....

Viele Grüße
Andreas