FTUI Widget Weather - Versionsgeschichte

Pahenning am 3. August 2024 um 08:35 Uhr

2024-08-03T08:35:45Z

← Nächstältere Version		Version vom 3. August 2024, 10:35 Uhr
Zeile 1:		Zeile 1:
	Das [[{{PAGENAME}}\|Widget Weather]] ist ein Widget für [[FHEM Tablet UI]], das Bezeichnungen von Wetterlagen in Icons umwandelt. Die Daten können aktuell durch die FHEM-Module [[PROPLANTA]], [[Weather]] (DarkSky, OpenWeather und Wunderground), [[DWD_OpenData]] und [[Netatmo]] bereitgestellt werden. Die Wetterdienste liefern eine unterschiedliche Granularität/Zustände: Proplanta (28), DarkSky (12), OpenWeather (16), Wunderground (47), DWD Opendata (100) und Netatmo (230). Es wird zwischen Tag und Nachtsymbolen unterschieden. Für [[DWD_OpenData]] muss das zusätzliche Reading "SunUp" verfügbar sein! Folgende Icon-Sets stehen zur Verfügung:		Das [[{{PAGENAME}}\|Widget Weather]] ist ein Widget für [[FHEM Tablet UI V2]], das Bezeichnungen von Wetterlagen in Icons umwandelt. Die Daten können aktuell durch die FHEM-Module [[PROPLANTA]], [[Weather]] (DarkSky, OpenWeather und Wunderground), [[DWD_OpenData]] und [[Netatmo]] bereitgestellt werden. Die Wetterdienste liefern eine unterschiedliche Granularität/Zustände: Proplanta (28), DarkSky (12), OpenWeather (16), Wunderground (47), DWD Opendata (100) und Netatmo (230). Es wird zwischen Tag und Nachtsymbolen unterschieden. Für [[DWD_OpenData]] muss das zusätzliche Reading "SunUp" verfügbar sein! Folgende Icon-Sets stehen zur Verfügung:

	<gallery>		<gallery>
Zeile 380:		Zeile 380:
	*[https://forum.fhem.de/index.php/topic,96954.0.html Forumsbeitrag]		*[https://forum.fhem.de/index.php/topic,96954.0.html Forumsbeitrag]

	[[Kategorie:FHEM Tablet UI\|Wetter]]		[[Kategorie:FHEM Tablet UI V2\|Wetter]]

SOMANSCH: added bas animated icons + example

2021-01-12T23:27:46Z

added bas animated icons + example

← Nächstältere Version		Version vom 13. Januar 2021, 01:27 Uhr
Zeile 151:		Zeile 151:

	===Stundenweise Wetteranzeige mit DWD Opendata und animierten Icons===		===Stundenweise Wetteranzeige mit DWD Opendata und animierten Icons===
	[[Datei:FTUI Widget Weather Beispiel amcharts2.gif\|~~800px~~]]		[[Datei:FTUI Widget Weather Beispiel amcharts2.gif\|1000x1000px]]
	{\| class="wikitable mw-collapsible mw-collapsed" style="width: 100%"		{\| class="wikitable mw-collapsible mw-collapsed" style="width: 100%"
	! style="text-align: left;" \|index.html		! style="text-align: left;" \|index.html

SOMANSCH am 12. Januar 2021 um 23:25 Uhr

2021-01-12T23:25:06Z

Änderungen zeigen

SOMANSCH: added bas sample icon

2021-01-12T23:04:45Z

added bas sample icon

← Nächstältere Version		Version vom 13. Januar 2021, 01:04 Uhr
Zeile 2:		Zeile 2:

	<gallery>		<gallery>
	~~File~~:~~FTUI_Widget_Weather_01~~.png\|[http://www.alessioatzeni.com/meteocons/ meteocons]		Datei:FTUI Widget Weather 01.png\|[http://www.alessioatzeni.com/meteocons/ meteocons]
	~~File~~:~~FTUI_Widget_Weather_02~~.png\|[https://kleinklima.de/ kleinklima]		Datei:FTUI Widget Weather 02.png\|[https://kleinklima.de/ kleinklima]
	~~File~~:~~FTUI_Widget_Weather_05~~.png\|[https://erikflowers.github.io/weather-icons/ weathericons]		Datei:FTUI Widget Weather 05.png\|[https://erikflowers.github.io/weather-icons/ weathericons]
	~~File~~:Amcharts sample.gif\|[https://www.amcharts.com/free-animated-svg-weather-icons/ amcharts (animiert)]		Datei:Amcharts sample.gif\|[https://www.amcharts.com/free-animated-svg-weather-icons/ amcharts (animiert)]
			Datei:180px-bas sample.gif\|[https://bas.dev/projects/weather-icons bas (animiert)]
	</gallery>		</gallery>


	==Attribute==		==Attribute==
	{\|class="wikitable"		{\| class="wikitable"
	!Attribut		!Attribut
	!Beschreibung		!Beschreibung
Zeile 36:		Zeile 37:
	\|}		\|}
	Für data-imageset="weathericons" zusätzlich:		Für data-imageset="weathericons" zusätzlich:
	{\|class="wikitable"		{\| class="wikitable"
	!Attribut		!Attribut
	!Beschreibung		!Beschreibung
Zeile 50:		Zeile 51:

	==CSS Klassen==		==CSS Klassen==
	{\|class="wikitable"		{\| class="wikitable"
	!Klasse		!Klasse
	!Beschreibung		!Beschreibung
Zeile 91:		Zeile 92:
	[[Datei:FTUI_Widget_Weather_04.png\|400px]]		[[Datei:FTUI_Widget_Weather_04.png\|400px]]
	{\| class="wikitable mw-collapsible mw-collapsed" style="width: 100%"		{\| class="wikitable mw-collapsible mw-collapsed" style="width: 100%"
	!style="text-align: left;"\|index.html		! style="text-align: left;" \|index.html
	\|-		\|-
	\| class="mw-collapsible-content" \|		\| class="mw-collapsible-content" \|
Zeile 152:		Zeile 153:
	[[Datei:FTUI Widget Weather Beispiel amcharts2.gif\|800px]]		[[Datei:FTUI Widget Weather Beispiel amcharts2.gif\|800px]]
	{\| class="wikitable mw-collapsible mw-collapsed" style="width: 100%"		{\| class="wikitable mw-collapsible mw-collapsed" style="width: 100%"
	!style="text-align: left;"\|index.html		! style="text-align: left;" \|index.html
	\|-		\|-
	\| class="mw-collapsible-content" \|		\| class="mw-collapsible-content" \|
Zeile 216:		Zeile 217:
	[[Datei:FTUI_Widget_Weather_07.png\|200px]]		[[Datei:FTUI_Widget_Weather_07.png\|200px]]
	{\| class="wikitable mw-collapsible mw-collapsed" style="width: 100%"		{\| class="wikitable mw-collapsible mw-collapsed" style="width: 100%"
	!style="text-align: left;"\|index.html		! style="text-align: left;" \|index.html
	\|-		\|-
	\| class="mw-collapsible-content" \|		\| class="mw-collapsible-content" \|

SOMANSCH: Zusätzliches beispiel mit Warnsymbol

2019-12-12T22:46:34Z

Zusätzliches beispiel mit Warnsymbol

@@ Zeile 212: / Zeile 212: @@
 </syntaxhighlight>
 |}
 ==Weblinks==
 *[https://wiki.fhem.de/wiki/FTUI_Widget_WindDirection Alternative Darstellung der Windrichtung]

SOMANSCH: /* Attribute */

2019-12-12T22:34:28Z

Attribute

← Nächstältere Version		Version vom 13. Dezember 2019, 00:34 Uhr
Zeile 27:		Zeile 27:
	\|-		\|-
	\|'''data-warn'''\|\|Reading, dessen Inhalt als rotes Kennzeichen angezeigt wird\|\|\|\|data-warn="Unwetterzentrale:WarnCount"		\|'''data-warn'''\|\|Reading, dessen Inhalt als rotes Kennzeichen angezeigt wird\|\|\|\|data-warn="Unwetterzentrale:WarnCount"
			\|-
			\|'''data-warn-icon'''\|\|Anzeige eines Symbols innerhalb des roten Kennzeichen\|\|\|\|data-warn-icon="fa-exclamation"
			\|-
			\|'''data-warn-class'''\|\|Definition der Größenklasse unabhängig der Größenklasse des Wettersymbols\|\|\|\|data-warn-class="big"
	\|-		\|-
	\|'''data-imageset'''\|\|Bildersammlung, mit der die Wetterlagen dargestellt werden. Derzeit: meteocons, kleinklima, weathericons und amcharts (siehe Beispiele oben)\|\|meteocons\|\|data-imageset="kleinklima"		\|'''data-imageset'''\|\|Bildersammlung, mit der die Wetterlagen dargestellt werden. Derzeit: meteocons, kleinklima, weathericons und amcharts (siehe Beispiele oben)\|\|meteocons\|\|data-imageset="kleinklima"
Zeile 44:		Zeile 48:
	Datei:FTUI_Widget_Weather_06.png		Datei:FTUI_Widget_Weather_06.png
	</gallery>		</gallery>

	==CSS Klassen==		==CSS Klassen==
	{\|class="wikitable"		{\|class="wikitable"

SOMANSCH: Wunderground added

2019-05-19T11:16:31Z

Wunderground added

← Nächstältere Version		Version vom 19. Mai 2019, 13:16 Uhr
Zeile 1:		Zeile 1:
	Das [[{{PAGENAME}}\|Widget Weather]] ist ein Widget für [[FHEM Tablet UI]], das Bezeichnungen von Wetterlagen in Icons umwandelt. Die Daten können aktuell durch die FHEM-Module [[PROPLANTA]], [[Weather]] (DarkSky und ~~OpenWeather~~), [[DWD_OpenData]] und [[Netatmo]] bereitgestellt werden. Die Wetterdienste liefern eine unterschiedliche Granularität/Zustände: Proplanta (28), DarkSky (12), OpenWeather (16), DWD Opendata (100) und Netatmo (230). Es wird zwischen Tag und Nachtsymbolen unterschieden. Für [[DWD_OpenData]] muss das zusätzliche Reading "SunUp" verfügbar sein! Folgende Icon-Sets stehen zur Verfügung:		Das [[{{PAGENAME}}\|Widget Weather]] ist ein Widget für [[FHEM Tablet UI]], das Bezeichnungen von Wetterlagen in Icons umwandelt. Die Daten können aktuell durch die FHEM-Module [[PROPLANTA]], [[Weather]] (DarkSky, OpenWeather und Wunderground), [[DWD_OpenData]] und [[Netatmo]] bereitgestellt werden. Die Wetterdienste liefern eine unterschiedliche Granularität/Zustände: Proplanta (28), DarkSky (12), OpenWeather (16), Wunderground (47), DWD Opendata (100) und Netatmo (230). Es wird zwischen Tag und Nachtsymbolen unterschieden. Für [[DWD_OpenData]] muss das zusätzliche Reading "SunUp" verfügbar sein! Folgende Icon-Sets stehen zur Verfügung:

	<gallery>		<gallery>

SOMANSCH: Widget Beispiel amCharts als GIF

2019-04-14T22:08:00Z

Widget Beispiel amCharts als GIF

← Nächstältere Version		Version vom 15. April 2019, 00:08 Uhr
Zeile 145:		Zeile 145:

	===Stundenweise Wetteranzeige mit DWD Opendata und animierten Icons===		===Stundenweise Wetteranzeige mit DWD Opendata und animierten Icons===
	[[Datei:FTUI Widget Weather Beispiel ~~amcharts~~.~~png~~\|800px]]		[[Datei:FTUI Widget Weather Beispiel amcharts2.gif\|800px]]
	{\| class="wikitable mw-collapsible mw-collapsed" style="width: 100%"		{\| class="wikitable mw-collapsible mw-collapsed" style="width: 100%"
	!style="text-align: left;"\|index.html		!style="text-align: left;"\|index.html

SOMANSCH: amCharts Beispiel als GIF

2019-04-14T22:02:36Z

amCharts Beispiel als GIF

← Nächstältere Version		Version vom 15. April 2019, 00:02 Uhr
Zeile 5:		Zeile 5:
	File:FTUI_Widget_Weather_02.png\|[https://kleinklima.de/ kleinklima]		File:FTUI_Widget_Weather_02.png\|[https://kleinklima.de/ kleinklima]
	File:FTUI_Widget_Weather_05.png\|[https://erikflowers.github.io/weather-icons/ weathericons]		File:FTUI_Widget_Weather_05.png\|[https://erikflowers.github.io/weather-icons/ weathericons]
	File:Amcharts.~~png~~\|[https://www.amcharts.com/free-animated-svg-weather-icons/ amcharts (animiert)]		File:Amcharts sample.gif\|[https://www.amcharts.com/free-animated-svg-weather-icons/ amcharts (animiert)]
	</gallery>		</gallery>

SOMANSCH: Erläuterungen zu den Wetterzuständen der einzelnen Dienste und Beispiel zur stundenweisen Darstellung

2019-04-13T13:54:43Z

Erläuterungen zu den Wetterzuständen der einzelnen Dienste und Beispiel zur stundenweisen Darstellung

@@ Zeile 1: / Zeile 1: @@
-Das [[{{PAGENAME}}|Widget Weather]] ist ein Widget für [[FHEM Tablet UI]], das Bezeichnungen von Wetterlagen in Icons umwandelt. Die Daten können durch FHEM-Module wie [[PROPLANTA]], [[Weather]] (DarkSky und OpenWeather), [[DWD_OpenData]] und [[Netatmo]] bereitgestellt werden. Folgende Icon-Sets stehen zur Verfügung:
+Das [[{{PAGENAME}}|Widget Weather]] ist ein Widget für [[FHEM Tablet UI]], das Bezeichnungen von Wetterlagen in Icons umwandelt. Die Daten können aktuell durch die FHEM-Module [[PROPLANTA]], [[Weather]] (DarkSky und OpenWeather), [[DWD_OpenData]] und [[Netatmo]] bereitgestellt werden. Die Wetterdienste liefern eine unterschiedliche Granularität/Zustände: Proplanta (28), DarkSky (12), OpenWeather (16), DWD Opendata (100) und Netatmo (230). Es wird zwischen Tag und Nachtsymbolen unterschieden. Für [[DWD_OpenData]] muss das zusätzliche Reading "SunUp" verfügbar sein! Folgende Icon-Sets stehen zur Verfügung:
 <gallery>
@@ Zeile 144: / Zeile 144: @@
 |}
 ==Weblinks==
 *[https://wiki.fhem.de/wiki/FTUI_Widget_WindDirection Alternative Darstellung der Windrichtung]