FHEM Forum

FHEM => Frontends => TabletUI => Thema gestartet von: darkon am 31 Oktober 2017, 11:56:22

Titel: WeatherIcon in TabletUI nutzen
Beitrag von: darkon am 31 Oktober 2017, 11:56:22
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:


<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
Titel: Antw:WeatherIcon in TabletUI nutzen
Beitrag von: Ulm32b am 31 Oktober 2017, 13:07:15
Bitte zunächst im Wiki nachlesen:
https://wiki.fhem.de/wiki/FTUI_Widget_Weather (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.
Titel: Antw:WeatherIcon in TabletUI nutzen
Beitrag von: Kusselin am 31 Oktober 2017, 16:02:20
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:
<!-- 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>
Titel: Antw:WeatherIcon in TabletUI nutzen
Beitrag von: rvideobaer am 31 Oktober 2017, 17:07:31
Hallo,

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


Gruß Rolf
Titel: Antw:WeatherIcon in TabletUI nutzen
Beitrag von: Kusselin am 31 Oktober 2017, 17:38:45
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
Titel: Antw:WeatherIcon in TabletUI nutzen
Beitrag von: rvideobaer am 31 Oktober 2017, 18:50:50
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
Titel: Antw:WeatherIcon in TabletUI nutzen
Beitrag von: Kusselin am 31 Oktober 2017, 19:30:01
Jo Rolf...Danke


Gesendet von iPhone mit Tapatalk