[FTUI 2] - Weather_Widget für Wettericons

Begonnen von somansch, 05 Februar 2019, 00:24:58

Vorheriges Thema - Nächstes Thema

uwirt

Ich habe immer noch das Problem dass die Wetter Icons in der FHEM homepage angezeigt werden jedoch im Tablet UI fehlen:

Die Befehlszeile in Tablet UI ist:


<div data-type="weather" data-device="MyWeather" data-get="fc1_iconAPI" data-imageset="kleinklima" style="width:150px" class="centered"></div>



Mache ich was falsch?
FHEM / Ubuntu / fitlet2
HomeMatic: CCU3|HmIP-STHD|HmIP-PCBS|HmIP-PCBS2|HmIP-PCBS-BAT|HM-WDC7000|HM-WDS40|HM-LC-Sw1-FM|HM-LC-RGBW-WM|HM-ES-PMSw1-Pl|HM-ES-TX-WM
NAS: DS218+|DS209j|DS216+II|DS412+
Devices: Panasonic Webcams|Withings|Gardena Smart|Tuya|EcoWitt

somansch

Was passiert denn, wenn du diesen Code verwendest?
<div data-type="weather" data-device="MyWeather" data-get="fc1_iconAPI" data-imageset="kleinklima"></div>

Screenshot bzw. mehr Infos wären hilfreich. Welches Wetter-Modul verwendest du?

uwirt

#182
Weglassen von
style="width:150px" class="centered"
macht keinen Unterschied.

ZitatScreenshot bzw. mehr Infos wären hilfreich. Welches Wetter-Modul verwendest du?

Wetter-Modul ist DarkSky.

PrintScreens sind angehängt.
FHEM / Ubuntu / fitlet2
HomeMatic: CCU3|HmIP-STHD|HmIP-PCBS|HmIP-PCBS2|HmIP-PCBS-BAT|HM-WDC7000|HM-WDS40|HM-LC-Sw1-FM|HM-LC-RGBW-WM|HM-ES-PMSw1-Pl|HM-ES-TX-WM
NAS: DS218+|DS209j|DS216+II|DS412+
Devices: Panasonic Webcams|Withings|Gardena Smart|Tuya|EcoWitt

somansch

#183
Kannst du mal den ganzen FTUI Code posten und den resultierenden Quelltext?

Zusätzlich kannst du mal testen, ob z.B. weathericons oder meteocons etwas darstellt...

Weiterhin bitte kontrollieren, ob du die kleinklima Icons auch im richtigen Pfad (.../fhem/www/images/default/weather/) hast. Hier zur Referenz der Inhalt, den du automatisch per FHEM Update haben solltest: https://svn.fhem.de/trac/browser/trunk/fhem/www/images/default/weather


uwirt

Mein Verzeichnis ist wohl nicht komplett:

FHEM / Ubuntu / fitlet2
HomeMatic: CCU3|HmIP-STHD|HmIP-PCBS|HmIP-PCBS2|HmIP-PCBS-BAT|HM-WDC7000|HM-WDS40|HM-LC-Sw1-FM|HM-LC-RGBW-WM|HM-ES-PMSw1-Pl|HM-ES-TX-WM
NAS: DS218+|DS209j|DS216+II|DS412+
Devices: Panasonic Webcams|Withings|Gardena Smart|Tuya|EcoWitt

yersinia

Zitat von: uwirt am 29 April 2019, 07:31:37
Mein Verzeichnis ist wohl nicht komplett:
DAS kommt mir bekannt vor -> https://forum.fhem.de/index.php/topic,96954.msg931049.html#msg931049
Zieh' dir mal die ZIP aus dem ersten Post und schieb' die Grafiken in den weather Ordner - und dann schau nochmal.

Bei mir sind die Grafiken aus dem SVN auch nicht verteilt worden....
viele Grüße, yersinia
----
FHEM 6.4 (SVN) on RPi 4B with RasPi OS Bookworm (perl 5.36.0) | FTUI
nanoCUL->2x868(1x ser2net)@tsculfw, 1x433@Sduino | MQTT2 | Tasmota | ESPEasy
VCCU->14xSEC-SCo, 7xCC-RT-DN, 5xLC-Bl1PBU-FM, 3xTC-IT-WM-W-EU, 1xPB-2-WM55, 1xLC-Sw1PBU-FM, 1xES-PMSw1-Pl

uwirt

#186
ZitatBei mir sind die Grafiken aus dem SVN auch nicht verteilt worden....

Hab weather.zip herunterkopiert und FHEM neu gestartet. Jetzt sind die Wetter Icons in FHEM verschieden gegenüber vorher. Leider hat sich in der TabletUI nichts verändert. Es werden immer noch keine Wetter Icons angezeigt.

Komischerweise habe ich in weather.zip viel weniger Dateien als hier: https://svn.fhem.de/trac/browser/trunk/fhem/www/images/default/weather

gibt es eine einfache Weise sämtliche Dateien aus der svn direkt in FHEM herunterzukopieren?


Ich habe ausserdem bemerkt, dass ich beim laden der TabletUI folgende Fehlermeldung angezeigt bekomme:
FHEM / Ubuntu / fitlet2
HomeMatic: CCU3|HmIP-STHD|HmIP-PCBS|HmIP-PCBS2|HmIP-PCBS-BAT|HM-WDC7000|HM-WDS40|HM-LC-Sw1-FM|HM-LC-RGBW-WM|HM-ES-PMSw1-Pl|HM-ES-TX-WM
NAS: DS218+|DS209j|DS216+II|DS412+
Devices: Panasonic Webcams|Withings|Gardena Smart|Tuya|EcoWitt

somansch

Was meinst du mit "Jetzt sind die Wetter Icons in FHEM verschieden gegenüber vorher."? In der weather.zip aus dem ersten Post sind fast ausschliesslich zusätzliche bzw. neue SVG-Dateien für die animierten amcharts enthalten....

"Kannst du mal den ganzen FTUI Code posten und den resultierenden Quelltext?

Zusätzlich kannst du mal testen, ob z.B. weathericons oder meteocons etwas darstellt..."

uwirt

#188
In meiner Installation auf der Synology sind die Wetter-Icons übrigens in folgendem Ordner:


/volume1/@appstore/fhem/opt/www/images/default/weather



Zitat
Zusätzlich kannst du mal testen, ob z.B. weathericons oder meteocons etwas darstellt..."

Weder das eine noch das andere zeigt in FTUI ein Icon.

Mein script ist wie folgt:


<!DOCTYPE html>
<html>
<head></head>
<body>
<div class="gridster">
<meta name="gridster_cols" content="5">
<meta name="gridster_rows" content="6">

<ul>

<li data-row="1" data-col="1" data-sizex="1" data-sizey="6" data-template="menu.html"></li>
</li>

<li data-row="1" data-col="2" data-sizex="1" data-sizey="2">
<div class="top-space">
<header><font size="+4">Bern</font></header></div>
<div class="center-align">
<div data-type="clock" data-format="l d.m.Y" data-shortday-length="2" class="cell grey grande">
</div>
<div data-type="clock" data-format="H:i:s" data-interval="1000" class="cell grey grande">
</div>
</div>
</li>

<li data-row="1" data-col="3" data-sizex="2" data-sizey="1">
<div class="top-space">
<header><font size="+2">Aktuelles Wetter Bern</font></header></div>
<table width="100%" class="">
<tr>
<td rowspan="5" style="text-align:center;vertical-align:top">
<div data-type="label" data-device="MyWeather" data-get="fc1_day_of_week" class="bigger"></div>
<div data-type="weather" data-device="MyWeather" data-get="fc1_iconAPI" data-imageset="meteocons" style="width:150px" class="centered"></div>
</td>
<td>

<div class="inline">
<div data-type="label"
     data-device="MyWeather"
     data-get="apparentTemperature"
     data-fix="1" data-limits='[-73,18,28]'
     data-colors='["cornflowerblue","green","firebrick"]'
     data-unit="%B0C%0A"
     class="bigger">
</div>

<div class="">
<div data-type="klimatrend"
     data-device="MyWeather"
     data-get="statTemperatureTendency"
     data-refperiod="1"
     class="inline large">
</div>

<div data-type="klimatrend"
     data-device="MyWeather"
     data-get="statTemperatureTendency"
     data-refperiod="2"
     class="inline large">
</div>
</div>

<div class="">Temperatur
</div>
</div>
</td>

<td>
<div class="inline">
<div data-type="label"
     data-device="MyWeather"
     data-get="humidity"
     data-limits='[0,40,71]'
     data-colors='["cornflowerblue","green","firebrick"]'
     data-unit="%" class="bigger">
</div>

<div class="">
<div data-type="klimatrend"
     data-device="MyWeather"
     data-get="statHumidityTendency"
     data-refperiod="1"
     class="inline large">
</div>

<div data-type="klimatrend"
     data-device="MyWeather"
     data-get="statHumidityTendency"
     data-refperiod="2"
     class="inline large">
</div>
</div>

<div class="">Luftfeuchte
</div>
</div>
</td>

<td>
<div class="left-align">
<div class="">
<div class="inline left-align left-space">Wind:
</div>

<div data-type="label"
     data-device="MyWeather"
     data-get="wind"
     data-unit="km/h"
     data-limits="[0, 20, 29, 39, 50, 62, 75, 89, 103, 117]"
     data-colors='["green","green","#aa6900","#aa6900","firebrick","firebrick","firebrick","red","red","red"]'
     style="display:inline" class="inline big border-right left-align">
</div>
</div>
</div>

<div class="left-align">
<div class="">
<div class="inline left-align left-space">Sicht:
</div>

<div data-type="label" data-device="MyWeather" data-get="visibility" data-unit="km" class="inline big border-right left-align">
</div>
</div>
</div>

<div class="left-align">
<div class="">
<div class="inline left-align left-space">Druck:
</div>

<div data-type="label"
     data-device="MyWeather"
     data-get="pressure"
     data-unit="hPa"
     data-limits="[0,1005,1015]"
     data-colors='["cornflowerblue","green","#aa6900"]'
     class="inline big border-right left-align">
</div>
</div>
</div>
</td>
</tr>
</table>
</li>


<li data-row="2" data-col="3" data-sizex="2" data-sizey="1">
<header><font size="+2">Wettervorhersage</font></header>


<div class="sheet-50">
<div class="row">
        <div class="cell bigger" data-type="label" data-device="MyWeather" data-get="fc2_day_of_week" class="big"></div>
        <div class="cell bigger" data-type="label" data-device="MyWeather" data-get="fc3_day_of_week" class="big"></div>
        <div class="cell bigger" data-type="label" data-device="MyWeather" data-get="fc4_day_of_week" class="big"></div>
        <div class="cell bigger" data-type="label" data-device="MyWeather" data-get="fc5_day_of_week" class="big"></div>
     </div>
<div class="row">
        <div class="cell bigger" data-type="weather" data-device="MyWeather" data-get="fc2_iconAPI" data-imageset="meteocons" style="width:50px" class="centered"></div>
        <div class="cell bigger" data-type="weather" data-device="MyWeather" data-get="fc3_iconAPI" data-imageset="kleinklima" style="width:50px" class="centered"></div>
        <div class="cell bigger" data-type="weather" data-device="MyWeather" data-get="fc4_iconAPI" data-imageset="kleinklima" style="width:50px" class="centered"></div>     
        <div class="cell bigger" data-type="weather" data-device="MyWeather" data-get="fc5_iconAPI" data-imageset="kleinklima" style="width:50px" class="centered"></div>
     </div>
<div class="row">
       <div class="cell" data-type="label" data-device="MyWeather" data-get="fc2_condition" class="cell"></div>
       <div class="cell" data-type="label" data-device="MyWeather" data-get="fc3_condition" class="cell"></div>
       <div class="cell" data-type="label" data-device="MyWeather" data-get="fc4_condition" class="cell"></div>
       <div class="cell" data-type="label" data-device="MyWeather" data-get="fc5_condition" class="cell"></div>
     </div>
<div class="row">
<div class="sheet">
                <div class="row">
       <div class="cell-50" data-type="label" data-device="MyWeather" data-get="fc2_low_c" data-unit="%B0C%0A" class="inline"></div>
       <div class="cell" data-type="label" data-device="MyWeather" data-get="fc2_high_c" data-unit="%B0C%0A" class="inline"></div>
       <div class="cell" data-type="label" data-device="MyWeather" data-get="fc3_low_c" data-unit="%B0C%0A" class="inline"></div>
       <div class="cell" data-type="label" data-device="MyWeather" data-get="fc4_low_c" data-unit="%B0C%0A" class="inline"></div>
       <div class="cell" data-type="label" data-device="MyWeather" data-get="fc5_low_c" data-unit="%B0C%0A" class="inline"></div>
     </div>
</div>
</div>
<div class="row">
       <div class="cell" data-type="label" data-device="MyWeather" data-get="fc2_high_c" data-unit="%B0C%0A" class="inline"></div>
       <div class="cell" data-type="label" data-device="MyWeather" data-get="fc3_high_c" data-unit="%B0C%0A" class="inline"></div>
       <div class="cell" data-type="label" data-device="MyWeather" data-get="fc4_high_c" data-unit="%B0C%0A" class="inline"></div>
       <div class="cell" data-type="label" data-device="MyWeather" data-get="fc5_high_c" data-unit="%B0C%0A" class="inline"></div>
     </div>
<div class="row">
       <div class="cell" data-type="label" data-device="MyWeather" data-get="fc2_uvIndex" data-unit= "UV - Index" class="cell"></div>
       <div class="cell" data-type="label" data-device="MyWeather" data-get="fc3_uvIndex" data-unit= "UV - Index" class="cell"></div>
       <div class="cell" data-type="label" data-device="MyWeather" data-get="fc4_uvIndex" data-unit= "UV - Index" class="cell"></div>
       <div class="cell" data-type="label" data-device="MyWeather" data-get="fc5_uvIndex" data-unit= "UV - Index" class="cell"></div>
     </div>
<div class="row">
       <div class="cell" data-type="label" data-device="MyWeather" data-get="fc2_wind_condition" class="small inline"></div>
       <div class="cell" data-type="label" data-device="MyWeather" data-get="fc3_wind_condition" class="small inline"></div>
       <div class="cell" data-type="label" data-device="MyWeather" data-get="fc4_wind_condition" class="small inline"></div>
       <div class="cell" data-type="label" data-device="MyWeather" data-get="fc5_wind_condition" class="small inline"></div>
     </div>
</div>
</li>


<li data-row="1" data-col="5" data-sizex="1" data-sizey="2">
<div class="top-space">
<header><font size="+4">Weltzeit</font></header></div>


<div class="sheet-80">
<div class="row">
        <div class="cell bigger">Los Angeles:</div>
        <div class="cell bigger" data-type="clock" data-format="H:i" data-offset="-9"></div>
     </div>
<div class="row">
        <div class="cell bigger">New York:</div>
        <div class="cell bigger" data-type="clock" data-format="H:i" data-offset="-6"></div>
     </div>
<div class="row">
        <div class="cell bigger">London:</div>
        <div class="cell bigger" data-type="clock" data-format="H:i" data-offset="-1"></div>
     </div>
<div class="row">
        <div class="cell bigger">Muscat:</div>
        <div class="cell bigger" data-type="clock" data-format="H:i" data-offset="2"></div>
     </div>
<div class="row">
        <div class="cell bigger">Sydney:</div>
        <div class="cell bigger" data-type="clock" data-format="H:i" data-offset="10"></div>
     </div>
<div class="row">
        <div class="cell bigger">Honolulu:</div>
        <div class="cell bigger" data-type="clock" data-format="H:i" data-offset="13"></div>
     </div>
</div>
</li>




<li data-row="3" data-col="2" data-sizex="1" data-sizey="2">
<div class="top-space">
<header><font size="+4">Sonne</font></header></div>
<header><font size="+1">Aufgang</font></header>
<div data-type="label"
     data-device="Astronomie"
     data-get="SunRise" class="inline big border-right left-align">
</div>
     <header><font size="+1">Untergang</font></header>

<div data-type="label"
     data-device="Astronomie"
     data-get="SunSet" class="inline big border-right left-align">
</div>

<div data-type="image"
     data-url="https://umbra.nascom.nasa.gov/images/latest_aia_304.gif"
     data-size="235px"
     class="bottom-align">
</div>

</li>


<li data-row="3" data-col="3" data-sizex="2" data-sizey="2">

<div class="top-space">
<header><font size="+4">Barometric Pressure</font></header></div>

<div data-type="simplechart"
     data-device="uRadMonitor"
     data-logdevice="FileLog_uradmonitor"
     data-columnspec="4:01_pressure:int"
     data-minvalue="95250"
     data-maxvalue="96500"
     data-yticks="125"
     data-width="800px"
     data-height="300px"
     data-daysago="1"
     data-yunit=" Pa"
     class="top-space">
</div>


<div class="">
<div data-type="klimatrend"
     data-device="MyWeather"
     data-get="statHumidityTendency"
     data-refperiod="1"
     class="inline large">
</div>

<div data-type="klimatrend"
     data-device="MyWeather"
     data-get="statHumidityTendency"
     data-refperiod="2"
     class="inline large">
</div>

<div data-type="klimatrend"
     data-device="MyWeather"
     data-get="statHumidityTendency"
     data-refperiod="3"
     class="inline large">
</div>

</li>


<li data-row="3" data-col="5" data-sizex="1" data-sizey="2">
<div class="top-space">
<header><font size="+3">Mond</font></header></div>
<header><font size="+1">Aufgang</font></header>
<div data-type="label"
     data-device="Astronomie"
     data-get="MoonRise" class="inline big border-right left-align">
</div>
<header><font size="+1">Untergang</font></header>
<div data-type="label"
     data-device="Astronomie"
     data-get="MoonSet" class="inline big border-right left-align">
</div>
<div data-type="image"
     data-url="https://www.fourmilab.ch/cgi-bin/Earth?img=MoonTopo.evif&imgsize=320&dynimg=y&gamma=1.32&opt=-m&lat=&lon=&alt=&tle=&date=0&utc=&jd="
     data-size="235px"
     class="bottom-align">
</div>
</li>

<li data-row="4" data-col="2" data-sizex="2" data-sizey="2">
<header><font size="+2">Klima Innen</font></header>
<table width="100%" class="">
<tr>
<td>
<header><font size="+2">Temperatur</font></header>
</td>
<td>
<header><font size="+2">Luftfeuchte</font></header>
</td>
</tr>
</table>

<table width="100%" class="">
<tr>
<td>
<div class="left-align">
<div class="">
<div class="inline left-align left-space bigger">Aktuell:
</div>
</div>
</div>
<td>
<div data-type="label"
     data-device="uRadMonitor"
     data-get="01_temperature"
     data-fix="1" data-limits='[-73,18,28]'
     data-colors='["cornflowerblue","green","firebrick"]'
     data-unit="%B0C%0A"
     class="inline bigger">
</div>
</td>
<td>
<div class="left-align">
<div class="">
<div class="inline left-align left-space big">Maximum:
</div>
</div>
</div>
<td>
<div data-type="label"
     data-device="uRadMonitor"
     data-get="stat01_temperatureDayMax"
     data-fix="1" data-limits='[-73,18,28]'
     data-colors='["cornflowerblue","green","firebrick"]'
     data-unit="%B0C%0A"
     class="inline big">
</div>
</td>
<td>
<div class="left-align">
<div class="">
<div class="inline left-align left-space bigger">Aktuell:
</div>
</div>
</div>
<td>
<div data-type="label"
     data-device="uRadMonitor"
     data-get="01_humidity"
     data-limits='[0,40,71]'
     data-colors='["cornflowerblue","green","firebrick"]'
     data-unit="%"
     class="inline bigger">
</div>
</td>
<td>
<div class="left-align">
<div class="">
<div class="inline left-align left-space big">Maximum:
</div>
</div>
</div>
<td>
<div data-type="label"
     data-device="uRadMonitor"
     data-get="stat01_humidityDayMax"
     data-limits='[0,40,71]'
     data-colors='["cornflowerblue","green","firebrick"]'
     data-unit="%"
     class="inline big">
</div>
</td>
<tr>
<td>
<div class="left-align">
<div class="">
<div class="inline left-align left-space bigger">Tendenz:
</div>
</div>
</div>
<td>
<div data-type="klimatrend"
     data-device="uRadMonitor"
     data-get="stat01_temperatureTendency"
     class="bigger">
</div>
</td>
<td>
<div class="left-align">
<div class="">
<div class="inline left-align left-space big">Minimum:
</div>
</div>
</div>
<td>
<div data-type="label"
     data-device="uRadMonitor"
     data-get="stat01_temperatureDayMin"
     data-fix="1" data-limits='[-73,18,28]'
     data-colors='["cornflowerblue","green","firebrick"]'
     data-unit="%B0C%0A"
     class="inline big">
</div>
</td>
<td>
<div class="left-align">
<div class="">
<div class="inline left-align left-space bigger">Tendenz:
</div>
</div>
</div>
<td>
<div data-type="klimatrend"
     data-device="uRadMonitor"
     data-get="stat01_humidityTendency"
     class="bigger">
</div>
</td>
<td>
<div class="left-align">
<div class="">
<div class="inline left-align left-space big">Minimum:
</div>
</div>
</div>
<td>
<div data-type="label"
     data-device="uRadMonitor"
     data-get="stat01_humidityDayMin"
     data-limits='[0,40,71]'
     data-colors='["cornflowerblue","green","firebrick"]'
     data-unit="%"
     class="inline big">
</div>
</td>
</tr>
<table table width="100%" class="">
<td>
<div data-type="simplechart"
     data-device="uRadMonitor"
     data-logdevice="FileLog_uradmonitor"
     data-columnspec="4:01_temperature:int"
     data-daysago="1"
     data-minvalue="17"
     data-maxvalue="21"
     data-yticks="0.5"
     data-width="420px"
     data-height="250px"
     data-daysago="1"
     data-yunit=" °C"
     class="top-space">
</div>
</td>
<td>
<div data-type="simplechart"
     data-device="uRadMonitor"
     data-logdevice="FileLog_uradmonitor"
     data-columnspec="4:01_humidity:int"
     data-daysago="1"
     data-minvalue="10"
     data-maxvalue="100"
     data-yticks="10"
     data-width="420px"
     data-height="250px"
     data-daysago="1"
     data-yunit=" %"
     class="top-space">
</div>
</td>
</table>


</li>
<li data-row="4" data-col="2" data-sizex="2" data-sizey="2">
<header><font size="+2">Klima Aussen</font></header>
<table width="100%" class="">
<tr>
<td>
<header><font size="+2">Temperatur</font></header>
</td>
<td>
<header><font size="+2">Luftfeuchte</font></header>
</td>
</tr>
</table>

<table width="100%" class="">
<tr>
<td>
<div class="left-align">
<div class="">
<div class="inline left-align left-space bigger">Aktuell:
</div>
</div>
</div>
<td>
<div data-type="label"
     data-device="Mean_Temp_outside"
     data-get="state"
     data-fix="1" data-limits='[-73,18,28]'
     data-colors='["cornflowerblue","green","firebrick"]'
     data-unit="%B0C%0A"
     class="inline bigger">
</div>
</td>
<td>
<div class="left-align">
<div class="">
<div class="inline left-align left-space big">Maximum:
</div>
</div>
</div>
<td>
<div data-type="label"
     data-device="Mean_Temp_outside"
     data-get="statStateDayMax"
     data-fix="1" data-limits='[-73,18,28]'
     data-colors='["cornflowerblue","green","firebrick"]'
     data-unit="%B0C%0A"
     class="inline big">
</div>
</td>
<td>
<div class="left-align">
<div class="">
<div class="inline left-align left-space bigger">Aktuell:
</div>
</div>
</div>
<td>
<div data-type="label"
     data-device="Mean_Humidity_outside"
     data-get="state"
     data-limits='[0,40,71]'
     data-colors='["cornflowerblue","green","firebrick"]'
     data-unit="%"
     class="inline bigger">
</div>
</td>
<td>
<div class="left-align">
<div class="">
<div class="inline left-align left-space big">Maximum:
</div>
</div>
</div>
<td>
<div data-type="label"
     data-device="Mean_Humidity_outside"
     data-get="statStateDayMax"
     data-limits='[0,40,71]'
     data-colors='["cornflowerblue","green","firebrick"]'
     data-unit="%"
     class="inline big">
</div>
</td>
<tr>
<td>
<div class="left-align">
<div class="">
<div class="inline left-align left-space bigger">Tendenz:
</div>
</div>
</div>
<td>
<div data-type="klimatrend"
     data-device="Mean_Temp_outside"
     data-get="statStateTendency"
     class="bigger">
</div>
</td>
<td>
<div class="left-align">
<div class="">
<div class="inline left-align left-space big">Minimum:
</div>
</div>
</div>
<td>
<div data-type="label"
     data-device="Mean_Temp_outside"
     data-get="statStateDayMin"
     data-fix="1" data-limits='[-73,18,28]'
     data-colors='["cornflowerblue","green","firebrick"]'
     data-unit="%B0C%0A"
     class="inline big">
</div>
</td>
<td>
<div class="left-align">
<div class="">
<div class="inline left-align left-space bigger">Tendenz:
</div>
</div>
</div>
<td>
<div data-type="klimatrend"
     data-device="Mean_Humidity_outside"
     data-get="statStateTendency"
     class="bigger">
</div>
</td>
<td>
<div class="left-align">
<div class="">
<div class="inline left-align left-space big">Minimum:
</div>
</div>
</div>
<td>
<div data-type="label"
     data-device="Mean_Humidity_outside"
     data-get="statStateDayMin"
     data-limits='[0,40,71]'
     data-colors='["cornflowerblue","green","firebrick"]'
     data-unit="%"
     class="inline big">
</div>
</td>
</tr>
<table table width="100%" class="">
<td>
<div data-type="simplechart"
     data-device="Mean_Temp_outside"
     data-logdevice="FileLog_DOIF"
     data-columnspec="4:Mean_Temp_outside:int"
     data-daysago="1"
     data-minvalue="-10"
     data-maxvalue="30"
     data-yticks="5.0"
     data-width="420px"
     data-height="250px"
     data-daysago="1"
     data-yunit=" °C"
     class="top-space">
</div>
</td>
<td>
<div data-type="simplechart"
     data-device="Mean_Humidity_outside"
     data-logdevice="FileLog_DOIF_Humidity_outside"
     data-columnspec="4:Mean_Humidity_outside:int"
     data-daysago="1"
     data-minvalue="10"
     data-maxvalue="100"
     data-yticks="10"
     data-width="420px"
     data-height="250px"
     data-daysago="1"
     data-yunit=" %"
     class="top-space">
</div>
</td>
</table>
</li>

</ul>
</div>
</body>
</html>


Der Ausschnitt wo die Icons angezeigt werden sollten ist angehängt.

FHEM / Ubuntu / fitlet2
HomeMatic: CCU3|HmIP-STHD|HmIP-PCBS|HmIP-PCBS2|HmIP-PCBS-BAT|HM-WDC7000|HM-WDS40|HM-LC-Sw1-FM|HM-LC-RGBW-WM|HM-ES-PMSw1-Pl|HM-ES-TX-WM
NAS: DS218+|DS209j|DS216+II|DS412+
Devices: Panasonic Webcams|Withings|Gardena Smart|Tuya|EcoWitt

somansch

Ich habe mal deinen Code genommen. Abgesehen von der Auflösung (das liegt wahrscheinlich an deiner menu.html) funktioniert es bei mir. Habe lediglich mein DarkSky Device Namen verwendet.

Du solltest prüfen, ob dein FHEM bzw. FTUi wirklich aktuell ist. Welche Version des "widget_weather.js" hast du denn?

PS: Die Version findest du innerhalb der Datei.

uwirt

#190
Das update von FTUI hat tatsächlich etwas Besserung gebracht. Allerdings scheint es dass für einige der Zustände in meinem lokalen weather Verzeichnis keine Icons existieren - zumindest werden offenbar für weathericons, meteocons bzw. kleinwetter nicht alle nötigen Grafiken mittels update verteilt.

Gibt es in FHEM einen Befehl um diese zu händisch zu laden?
FHEM / Ubuntu / fitlet2
HomeMatic: CCU3|HmIP-STHD|HmIP-PCBS|HmIP-PCBS2|HmIP-PCBS-BAT|HM-WDC7000|HM-WDS40|HM-LC-Sw1-FM|HM-LC-RGBW-WM|HM-ES-PMSw1-Pl|HM-ES-TX-WM
NAS: DS218+|DS209j|DS216+II|DS412+
Devices: Panasonic Webcams|Withings|Gardena Smart|Tuya|EcoWitt

somansch

Bei dir sind jetzt keine PNGs von "kleinklima" mehr vorhanden. Dies wird normalerweise per FHEM Update aktuell gehalten ???

Ich habe die "weather.zip" im ersten Post aktualisiert und dort den gesamten Inhalt aus dem SVN Weather-Bilder-Ordner reingepackt.

Ich hoffe, das hilft dir.

Viele Grüße
Andreas

somansch

Zitat von: Waldmensch am 26 April 2019, 23:16:44
Nachdem jetzt WeatherUnderground mit dem Weather Plugin funktioniert (zumindest für Leute mit eigener Station und API Key)  - gibt es da ein Mapping?

Es gibt:
fc1_iconAPI     12
fc1_icon          chance_of_rain
fc1_code         12

Bei Yahoo hatte ich fc1_condition, aber da steht bei WU sowas drin "Vorm. Wolken/Nachm. Sonne"

Habe heute die v3.0 fertiggestellt und im ersten Post angehangen. Jetzt werden sämtliche Icon-Sets für Netatmo unterstützt. Weiterhin habe ich auch die Mappings für "Wunderground" realisiert :). Die Doku ist auch im ersten Post zu finden.

Bitte testen und Feedback geben, da ich selbst keinen Wunderground-API-Key habe...

Viele Grüße
Andreas

juemuc

Hallo somansch,

bei mir wird aktuell das Icon https://www.proplanta.de/wetterdaten/images/symbole/n14.gif nicht korrrekt dargestellt. die Darstellung für https://www.proplanta.de/wetterdaten/images/symbole/n11.gif passt.
Ich nutze die aktuellste Version von widget_weather.js aus Post 1.

Die Daten kommen von Proplanta und werden mit
                     <td rowspan="5" style="text-align:center;vertical-align:top">
                        <div data-type="weather" data-device="WetterProplanta" data-get="weatherIcon" data-imageset="kleinklima" style="width:150px" class="centered"></div>
                     </td>


angezeigt.

Viele Grüße
Jürgen
3x Sonos Play 1, 1x Sonos Arc + Sub, 1 Sonos-One, 1x Sonos Playbar
FB6690 + FB7490 mit 4x Dect 200 und 3 Dect-ULE-Thermostate,  raspberry3B+, HM Funkmodul HM-MOD-RPI-PCB, HM Klingelsensor HM-Sen-DB-PCB, HM (IP) Fensterkontakte und  Amazon Echo Dot,  piVCCU, pi OS (bookworm).

Psven

ZitatBitte testen und Feedback geben, da ich selbst keinen Wunderground-API-Key habe...

Funktioniert! Klasse Arbeit! Danke!

Sven
jo, bekommen wir hin.