#erledigt#Wettericons von weather (darkSky) in FTUI darstellen

Begonnen von Helmi55, 13 Januar 2019, 13:41:24

Vorheriges Thema - Nächstes Thema

Helmi55

Mahlzeit aus Niederösterreich,
ich bin ratlos. Habe schon alle möglichen Kombination durch.
Ich hätte gerne die bunten Kleinklima Icons verwendet. Aber die sehen anders aus als im htmlWetter?
Als readings habe ich schon icon, iconAPI versucht.
Zusätzlich werden sie auch noch in verschiedenen Größen dargestellt....

Mein wetter sheet schaut so aus
<li data-row="1" data-col="1" data-sizex="18" data-sizey="6">
                <header>Wetter</header>
               <div class="sheet">
                    <div class="row">
                        <div class="cell">
                  <div data-type="label" data-device="Wetter" data-get="fc1_day_of_week" class="small"></div>
            <div data-type="weather" data-device="Wetter" data-get="fc1_precipType" data-imageset="kleinklima" class="mini"></div>
<div data-type="label" data-device="Wetter" data-get="fc1_condition" class="cell"></div>
<div data-type="label" data-device="Wetter" data-get="fc1_low_c" data-unit="%B0C%0A"  class="cell inline big" ></div>
<div data-type="label" data-device="Wetter" data-get="fc1_high_c" data-unit="%B0C%0A"  class="cell inline big" ></div>
<div data-type="label" data-device="Wetter" data-get="fc1_uvIndex" data-unit= "UV - Index" class="cell big"></div>
<div data-type="label" data-device="Wetter" data-get="fc1_wind_condition" class="cell small"></div>
                        </div>
                        <div class="cell">
                        <div data-type="label" data-device="Wetter" data-get="fc2_day_of_week" class="small"></div>
            <div data-type="weather" data-device="Wetter" data-get="fc2_precipType" data-imageset="kleinklima" class="mini"></div>
<div data-type="label" data-device="Wetter" data-get="fc2_condition" class="cell"></div>
<div data-type="label" data-device="Wetter" data-get="fc2_low_c" data-unit="%B0C%0A"  class="cell inline big" ></div>
<div data-type="label" data-device="Wetter" data-get="fc2_high_c" data-unit="%B0C%0A"  class="cell inline big" ></div>
<div data-type="label" data-device="Wetter" data-get="fc2_uvIndex" data-unit= "UV - Index" class="cell big"></div>
<div data-type="label" data-device="Wetter" data-get="fc2_wind_condition" class="cell small"></div>
                        </div>
                        <div class="cell">
                        <div data-type="label" data-device="Wetter" data-get="fc3_day_of_week" class="small"></div>
            <div data-type="weather" data-device="Wetter" data-get="fc3_precipType" data-imageset="kleinklima" class="mini"></div>
<div data-type="label" data-device="Wetter" data-get="fc3_condition" class="cell"></div>
<div data-type="label" data-device="Wetter" data-get="fc3_low_c" data-unit="%B0C%0A" class="cell inline big"></div>
<div data-type="label" data-device="Wetter" data-get="fc3_high_c" data-unit="%B0C%0A" class="cell inline big"></div>
<div data-type="label" data-device="Wetter" data-get="fc3_uvIndex" data-unit= "UV - Index" class="cell big"></div>
<div data-type="label" data-device="Wetter" data-get="fc3_wind_condition" class="cell small"></div>
                        </div>
                        <div class="cell">
                        <div data-type="label" data-device="Wetter" data-get="fc4_day_of_week" class="small"></div>
            <div data-type="weather" data-device="Wetter" data-get="fc4_precipType" data-imageset="kleinklima" class="mini"></div>
<div data-type="label" data-device="Wetter" data-get="fc4_condition" class="cell"></div>
<div data-type="label" data-device="Wetter" data-get="fc4_low_c" data-unit="%B0C%0A" class="cell inline big"></div>
<div data-type="label" data-device="Wetter" data-get="fc4_high_c" data-unit="%B0C%0A" class="cell inline big"></div>
<div data-type="label" data-device="Wetter" data-get="fc4_uvIndex" data-unit= "UV - Index" class="cell big"></div>
<div data-type="label" data-device="Wetter" data-get="fc4_wind_condition" class="cell small"></div>
                        </div>
                        <div class="cell">
                        <div data-type="label" data-device="Wetter" data-get="fc5_day_of_week" class="small"></div>
            <div data-type="weather" data-device="Wetter" data-get="fc5_precipType" data-imageset="kleinklima" class="mini"></div>
<div data-type="label" data-device="Wetter" data-get="fc5_condition" class="cell"></div>
<div data-type="label" data-device="Wetter" data-get="fc5_low_c" data-unit="%B0C%0A" class="cell inline big"></div>
<div data-type="label" data-device="Wetter" data-get="fc5_high_c" data-unit="%B0C%0A" class="cell inline big"></div>
<div data-type="label" data-device="Wetter" data-get="fc5_uvIndex" data-unit= "UV - Index" class="cell big"></div>
<div data-type="label" data-device="Wetter" data-get="fc5_wind_condition" class="cell small"></div>
                        </div>
                       
                    </div>
                </div>
            </li>


Kann mir das bitte jemand erklären.
Oder funktionieren nur die B/W Icons von Meteocon?

Danke
Helmut
System1 fhem 6.1 auf RPi 4B mit 4GB, HMUSBConfig, DS9490R-1Wire, Busware USB 868, Pool-Solarsteuerung mit FHEM. System2 fhem 6.1 auf RPi 4B mit 4GB (Bullseye) mit Busware USB 868 und 433 und HMUARTLGW für Haussteuerung

https://www.flickr.com/photos/canonhelmi/

Guenni1404

Hallo,

ich habe das Problem auch. Wie hast du es gelöst?

GeZi3560

Raspberry Pi 4 4GB, MariaDB,2 Cul V3 868 ,1 Cul V3, 433, Zwave-USB, Conbee2, DeConz, MAX WT und Ventile,HM, Somfy, Fibaro, Shellys, Tradfri, Lidl Zigbee

Mitch

Da steht zwar im Titel erledigt, aber hier keine Lösung?

Welches Reading wird denn nun benutzt?
FHEM im Proxmox Container

schka17

bin auch gerade dabei die Änderungen nachzuziehen und habe gesucht ob das Problem schon gelöst wurde.

Ich nehme das reading "code" also z.b.
<div data-type="weather"
data-device="WetterOW"
data-get="hfc1_code"
data-imageset="kleinklima" style="width:100px">


M: Thinclient x64 Debian | CUL FS20, HMS100WD, HMS100TF, HMS100T, HMS100CO, S300, S555TH | OWServer DS1420, DS18B20, DS2408 | RFXCOM UVN128, THWR800, THGR228N,RTGR328, PCR800 |Jeelink PCA301 EC3000|CUNO+IR|HMLAN|HMUSB|CUL433 Somfy|mySensors|espEasy
S1:Raspberry mit BPM810, Jeelink EC3000

Helmi55

Sorry dass ich euch die Antwort schuldig geblieben bin.
Ist sicher keine saubere Lösung, Aber besser als nix.
Habe den Hinweis auf die Datei /opt/fhem/www/tablet/js/widget_weather.js hier im Forum bekommen (Hier nach Kleinklima suchen)
Im Moment habe ich die 2 Zeilen angefügt

'partly_cloudy': 'partly_cloudy.png',
        'partly_cloudy_night': 'partly_cloudy.png',

Den Rest sehe ich erst bei einer Wetteränderung

Habe jetzt im Wettermodul DarkSky und somit diesen Code im FTUI
<header>Wetter</header>
               <div class="sheet">
                    <div class="row">
                        <div class="cell">
                  <div data-type="label" data-device="Wetter" data-get="fc1_day_of_week" class="small"></div>
            <div data-type="weather" data-device="Wetter" data-get="fc1_icon" data-imageset="kleinklima" class="mini"></div>
<div data-type="label" data-device="Wetter" data-get="fc1_condition" class="cell"></div>
<div data-type="label" data-device="Wetter" data-get="fc1_low_c" data-unit="%B0C%0A"  class="cell inline big" ></div>
<div data-type="label" data-device="Wetter" data-get="fc1_high_c" data-unit="%B0C%0A"  class="cell inline big" ></div>
<div data-type="label" data-device="Wetter" data-get="fc1_uvIndex" data-unit= "UV - Index" class="cell big"></div>
<div data-type="label" data-device="Wetter" data-get="fc1_wind_condition" class="cell small"></div>
                        </div>
                        <div class="cell">
                        <div data-type="label" data-device="Wetter" data-get="fc2_day_of_week" class="small"></div>
            <div data-type="weather" data-device="Wetter" data-get="fc2_icon" data-imageset="kleinklima" class="mini"></div>
<div data-type="label" data-device="Wetter" data-get="fc2_condition" class="cell"></div>
<div data-type="label" data-device="Wetter" data-get="fc2_low_c" data-unit="%B0C%0A"  class="cell inline big" ></div>
<div data-type="label" data-device="Wetter" data-get="fc2_high_c" data-unit="%B0C%0A"  class="cell inline big" ></div>
<div data-type="label" data-device="Wetter" data-get="fc2_uvIndex" data-unit= "UV - Index" class="cell big"></div>
<div data-type="label" data-device="Wetter" data-get="fc2_wind_condition" class="cell small"></div>
                        </div>
                        <div class="cell">
                        <div data-type="label" data-device="Wetter" data-get="fc3_day_of_week" class="small"></div>
            <div data-type="weather" data-device="Wetter" data-get="fc3_icon" data-imageset="kleinklima" class="mini"></div>
<div data-type="label" data-device="Wetter" data-get="fc3_condition" class="cell"></div>
<div data-type="label" data-device="Wetter" data-get="fc3_low_c" data-unit="%B0C%0A" class="cell inline big"></div>
<div data-type="label" data-device="Wetter" data-get="fc3_high_c" data-unit="%B0C%0A" class="cell inline big"></div>
<div data-type="label" data-device="Wetter" data-get="fc3_uvIndex" data-unit= "UV - Index" class="cell big"></div>
<div data-type="label" data-device="Wetter" data-get="fc3_wind_condition" class="cell small"></div>
                        </div>
                        <div class="cell">
                        <div data-type="label" data-device="Wetter" data-get="fc4_day_of_week" class="small"></div>
            <div data-type="weather" data-device="Wetter" data-get="fc4_icon" data-imageset="kleinklima" class="mini"></div>
<div data-type="label" data-device="Wetter" data-get="fc4_condition" class="cell"></div>
<div data-type="label" data-device="Wetter" data-get="fc4_low_c" data-unit="%B0C%0A" class="cell inline big"></div>
<div data-type="label" data-device="Wetter" data-get="fc4_high_c" data-unit="%B0C%0A" class="cell inline big"></div>
<div data-type="label" data-device="Wetter" data-get="fc4_uvIndex" data-unit= "UV - Index" class="cell big"></div>
<div data-type="label" data-device="Wetter" data-get="fc4_wind_condition" class="cell small"></div>
                        </div>
                        <div class="cell">
                        <div data-type="label" data-device="Wetter" data-get="fc5_day_of_week" class="small"></div>
            <div data-type="weather" data-device="Wetter" data-get="fc5_icon" data-imageset="kleinklima" class="mini"></div>
<div data-type="label" data-device="Wetter" data-get="fc5_condition" class="cell"></div>
<div data-type="label" data-device="Wetter" data-get="fc5_low_c" data-unit="%B0C%0A" class="cell inline big"></div>
<div data-type="label" data-device="Wetter" data-get="fc5_high_c" data-unit="%B0C%0A" class="cell inline big"></div>
<div data-type="label" data-device="Wetter" data-get="fc5_uvIndex" data-unit= "UV - Index" class="cell big"></div>
<div data-type="label" data-device="Wetter" data-get="fc5_wind_condition" class="cell small"></div>
                        </div>
                       
                    </div>
                </div>


und das sieht dann so aus:

Leider liefert das Modul für Mittwoch bei Icon
   
fc3_icon partly_cloudy_night   -   was hat ein night Icon am Tage zu suchen. Darum hab ich es mit dem partly_cloudy verknüpft

Gruß
Helmut
System1 fhem 6.1 auf RPi 4B mit 4GB, HMUSBConfig, DS9490R-1Wire, Busware USB 868, Pool-Solarsteuerung mit FHEM. System2 fhem 6.1 auf RPi 4B mit 4GB (Bullseye) mit Busware USB 868 und 433 und HMUARTLGW für Haussteuerung

https://www.flickr.com/photos/canonhelmi/

GeZi3560

Darf ich fragen ...  Wie ist die obere Anzeiger erstellt? In FHEMWEB mit Weblink ?
Raspberry Pi 4 4GB, MariaDB,2 Cul V3 868 ,1 Cul V3, 433, Zwave-USB, Conbee2, DeConz, MAX WT und Ventile,HM, Somfy, Fibaro, Shellys, Tradfri, Lidl Zigbee

Helmi55

Die gelbe Anzeige?
das ist ein weblink auf das Wettermodul.

htmlCode {WeatherAsHtmlH("Wetter",7)}

Wetter heißt bei mir das Wettermodul. 7 gibt die Tage für die Vorschau an

Gruß
helmut
System1 fhem 6.1 auf RPi 4B mit 4GB, HMUSBConfig, DS9490R-1Wire, Busware USB 868, Pool-Solarsteuerung mit FHEM. System2 fhem 6.1 auf RPi 4B mit 4GB (Bullseye) mit Busware USB 868 und 433 und HMUARTLGW für Haussteuerung

https://www.flickr.com/photos/canonhelmi/

GeZi3560

Raspberry Pi 4 4GB, MariaDB,2 Cul V3 868 ,1 Cul V3, 433, Zwave-USB, Conbee2, DeConz, MAX WT und Ventile,HM, Somfy, Fibaro, Shellys, Tradfri, Lidl Zigbee

moonsorrox

also bei mir zeigt er auch jetzt da es eine Änderung in der "condition" gab auch kein Icon mehr
Aktuell: condition
Leichter Schneefall

Icon: keins

Heute vormittag: condition
Überwiegend bewölkt

Icon: keins

Tja das ist etwas wenig, wenn gar nichts angezeigt wird. Werde wohl erst einmal die Anzeige von Proplanta nutzen bis das richtig läuft
Intel-NUC i5: FHEM-Server 6.1 :: Perl v5.18.2

Homematic: HM-USB-CFG2,HM-CFG-LAN Adapter, HM-LC-BL1-FM, HM-LC-Sw1PBU-FM, HM-LC-Sw1-PI-2, HM-WDS10-TH-O, HM-CC-TC, HM-LC-SW2-FM

Helmi55

condition schreibt ja nur den aktuellen Wetterzustand
das ICON kommt jaüber

<div data-type="weather" data-device="Wetter" data-get="fc1_icon" data-imageset="kleinklima" class="mini"></div>

Oder hab ich dich da falsch verstanden
System1 fhem 6.1 auf RPi 4B mit 4GB, HMUSBConfig, DS9490R-1Wire, Busware USB 868, Pool-Solarsteuerung mit FHEM. System2 fhem 6.1 auf RPi 4B mit 4GB (Bullseye) mit Busware USB 868 und 433 und HMUARTLGW für Haussteuerung

https://www.flickr.com/photos/canonhelmi/

moonsorrox

Das ist schon richtig über condition kommt der deutsche Text und fc_Icon ist auch richtig, da ich aber keine Modifikation an der wetter.js gemacht habe wie du es getan hast funktioniert bei mir das mit dem Icon nicht, der passende Text ist schon richtig.
Intel-NUC i5: FHEM-Server 6.1 :: Perl v5.18.2

Homematic: HM-USB-CFG2,HM-CFG-LAN Adapter, HM-LC-BL1-FM, HM-LC-Sw1PBU-FM, HM-LC-Sw1-PI-2, HM-WDS10-TH-O, HM-CC-TC, HM-LC-SW2-FM

Helmi55

System1 fhem 6.1 auf RPi 4B mit 4GB, HMUSBConfig, DS9490R-1Wire, Busware USB 868, Pool-Solarsteuerung mit FHEM. System2 fhem 6.1 auf RPi 4B mit 4GB (Bullseye) mit Busware USB 868 und 433 und HMUARTLGW für Haussteuerung

https://www.flickr.com/photos/canonhelmi/

Tommy82

#13
Hi, ich hänge hier mal meine widget_weather.js ran, ich hab mal einige Wetter daten die aus darkSky kommen eingepflegt, sollte es weitere geben die mir jetzt noch nicht aufgefallen sind werd ich die auch einpflegen.
Als reading benutze ich aber in der FTUI und damit auch in der widget_weather.js die fcx_icon.

Wenn einer schöne "Nacht" Bilder hätte könnte man die natürlich auch einbauen.
Fhem Cubitruck  Armbian Buster with Linux 5.3.9-sunxi
HM-CC_RT-DN, HM-Sec-RHS,HM-Sec-SD, HM-Sec-SCo,IT1500,1xIT GRR-3500 Fritz!Dect200,Powerline546E,Enigma2 Modul mit 3 Vu+,Wol Modul für WinServer2016 und WinServer 2019,FB6590
Allnetl Wandtablett mit FTUI

Helmi55

Servus
wie meinst du das mit den fcx_icon.
DarkSky stellt doch nur fc und hfc zur Verfügung?
System1 fhem 6.1 auf RPi 4B mit 4GB, HMUSBConfig, DS9490R-1Wire, Busware USB 868, Pool-Solarsteuerung mit FHEM. System2 fhem 6.1 auf RPi 4B mit 4GB (Bullseye) mit Busware USB 868 und 433 und HMUARTLGW für Haussteuerung

https://www.flickr.com/photos/canonhelmi/