WeatherIcon in TabletUI nutzen

[darkon]

Ich würde gerne in meinem TabletUI das Reading "WeatherIcon" im Type "PROPLANTA" nutzen. Hier ist die Adresse des Bildes hinterlegt.

Dieses habe ich klassisch wie folgt eingefügt:

Code Auswählen Erweitern


<div data-type="weather" data-device="WetterProplanta" data-get="weatherIcon" data-imageset="kleinklima"></div>


Leider behandelt die widget_weather.js nur Readings die mit "fc*_" beginnen. Wie würdet ihr das lösen?

Meine Ideen:
1.) widget_weather.js umschreiben.
     Problem: Für mich leider zu schwierig; beim Update wird das js überschrieben
2.) Readingnamen ändern von "weatherIcon" in "fc0_weatherIcon"
     Problem: keine Ahnung wie man das macht

Danke für eure Hilfe
MfG Darkon

[Ulm32b]

Bitte zunächst im Wiki nachlesen:
https://wiki.fhem.de/wiki/FTUI_Widget_Weather
Dort gibt es auch Beispiele zum Nachbauen.

Mit data-imageset werden die anzuwendenden Icons festgelegt. Mit data-get definierst Du, welcher Zeitpunkt Dich interessiert.

[Kusselin]

Hallo Zusammen,

ich klinke mich mal hier bitte ein..ich habe selbst ne Wettervorhersage aber da sind die Icons immer nur scharz/weiss.

Ich hätte aber gerne wie im Wiki beschrieben diese Version: "kleinklima"...jetzt habe ich mal in meinem HTML Code nachgeschaut aber leider nichts gefunden

Kann mir da jemand von Euch Experten helfen, was ich unternehmen muss damit ich die kleinklima Icons angezeigt bekomme...?! das wäre super!!

Hier mein HTML Code:

Code Auswählen Erweitern

<!-- Wetter -->
<li data-col="12" data-row="1" data-sizex="2" data-sizey="8">
<header>
<div data-type="label" class="medium">Wetter</div>
</header>
<div class="top-align top-space">
<!-- Wetter Heute-->
<div>
<div class="background_gray">
<div class="inline" data-type="label" data-device="MeinWetter" data-get="fc1_day_of_week"></div>
<div class="inline" data-type="label" data-device="MeinWetter" data-get="fc1_date"></div>
</div>
<div class="top5px">
<div class="medium inline" data-type="weather" data-device="MeinWetter" data-get="fc1_condition"></div>
<div class="big inline top-align top5px" data-type="label" data-device="MeinWetter" data-get="temperature" data-unit=" C°"></div>
</div>
<div class="small-2x" data-type="label" data-device="MeinWetter" data-get="condition"></div>
</div>
<!-- Wetter Morgen-->
<div class="top15px">
<div class="background_gray">
<div class="inline" data-type="label" data-device="MeinWetter" data-get="fc2_day_of_week"></div>
<div class="inline" data-type="label" data-device="MeinWetter" data-get="fc2_date"></div>
</div>
<div class="top10px">
<div class="medium inline" data-type="weather" data-device="MeinWetter" data-get="fc2_condition"></div>
<div class="big inline top-align top5px" data-type="label" data-device="MeinWetter" data-get="fc2_high_c" data-unit=" C°"></div>
</div>
<div class="small-2x" data-type="label" data-device="MeinWetter" data-get="fc2_condition"></div>
</div>
<!-- Wetter 2ter Tag-->
<div class="top15px">
<div class="background_gray">
<div class="inline" data-type="label" data-device="MeinWetter" data-get="fc3_day_of_week"></div>
<div class="inline" data-type="label" data-device="MeinWetter" data-get="fc4_date"></div>
</div>
<div class="top10px">
<div class="medium inline" data-type="weather" data-device="MeinWetter" data-get="fc4_condition"></div>
<div class="big inline top-align top5px" data-type="label" data-device="MeinWetter" data-get="fc4_high_c" data-unit=" C°"></div>
</div>
<div class="small-2x" data-type="label" data-device="MeinWetter" data-get="fc4_condition"></div>
</div>
<!-- Wetter 3ter Tag-->
<div class="top15px">
<div class="background_gray">
<div class="inline" data-type="label" data-device="MeinWetter" data-get="fc4_day_of_week"></div>
<div class="inline" data-type="label" data-device="MeinWetter" data-get="fc4_date"></div>
</div>
<div class="top10px">
<div class="medium inline" data-type="weather" data-device="MeinWetter" data-get="fc4_condition"></div>
<div class="big inline top-align top5px" data-type="label" data-device="MeinWetter" data-get="fc4_high_c" data-unit=" C°"></div>
</div>
<div class="small-2x" data-type="label" data-device="MeinWetter" data-get="fc4_condition"></div>
</div>
<!-- Wetter 4ter Tag-->
<div class="top15px">
<div class="background_gray">
<div class="inline" data-type="label" data-device="MeinWetter" data-get="fc5_day_of_week"></div>
<div class="inline" data-type="label" data-device="MeinWetter" data-get="fc5_date"></div>
</div>
<div class="top5px">
<div class="medium inline" data-type="weather" data-device="MeinWetter" data-get="fc5_condition"></div>
<div class="big inline top-align top5px" data-type="label" data-device="MeinWetter" data-get="fc5_high_c" data-unit=" C°"></div>
</div>
<div class="small-2x" data-type="label" data-device="MeinWetter" data-get="fc5_condition"></div>
</div>
<!-- Wetter 5ter Tag-->
<div class="top15px">
<div class="background_gray">
<div class="inline" data-type="label" data-device="MeinWetter" data-get="fc6_day_of_week"></div>
<div class="inline" data-type="label" data-device="MeinWetter" data-get="fc6_date"></div>
</div>
<div class="top10px">
<div class="medium inline" data-type="weather" data-device="MeinWetter" data-get="fc6_condition"></div>
<div class="big inline top-align top5px" data-type="label" data-device="MeinWetter" data-get="fc6_high_c" data-unit=" C°"></div>
</div>
<div class="small-2x" data-type="label" data-device="MeinWetter" data-get="fc6_condition"></div>
</div>
</div>


Gruss
Kussel
</li>

[rvideobaer]

Hallo,

z.B. so

Code Auswählen Erweitern

<div data-type="weather"
                            data-device="Wetter"
                            data-get="fc0_weatherNightIcon"
    data-imageset="kleinklima"
                            img style="width:80%"></div>

Gruß Rolf

[Kusselin]

Mein Device heißt doch aber "MeinWetter" und du schreibst "Wetter".. versteh ich jetzt nicht ganz..und den Code den du gepostet hast ist für jetzt????gruss


Gesendet von iPad mit Tapatalk Pro

[rvideobaer]

Hallo,

das ist ein Beispiel, das Du  Dir noch anpassen musst an deine Bezeichnungen. Etwas Mitdenken ist schon nötig, das wird Dir hier keine vollständig abnehmen. Und nur so versteht man dann auch wirklich was man da tut.

Gruß Rolf

[Kusselin]

Jo Rolf...Danke


Gesendet von iPhone mit Tapatalk