Nur Text | Text mit Bildern

FHEM Forum

FHEM => Frontends => TabletUI => Thema gestartet von: Kusselin am 26 August 2020, 10:35:34

Titel: Tag anzeigen lassen bei Wetteranzeige in TabletUI
Beitrag von: Kusselin am 26 August 2020, 10:35:34
Hallo ZUsammen, ich lasse mir in Zablet UI das Wetter in einer 5Tage Vorschau anzeigen
Code Auswählen
<div class="col-1">
<div data-type="weather" data-device="WetterProplanta" data-get="fc0_weatherDayIcon" data-imageset="kleinklima" class="mini"></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc0_weatherDay" class="cell"></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc0_tempMin" data-unit="%B0C%0A" class="cell inline"></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc0_tempMax" data-unit="%B0C%0A" class="cell inline"></div>
</div>

<div class="col-1">
<div data-type="weather" data-device="WetterProplanta" data-get="fc1_weatherDayIcon" data-imageset="kleinklima" class="mini"></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc1_weatherDay" class="cell"></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc1_tempMin" data-unit="%B0C%0A" class="cell inline"></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc1_tempMax" data-unit="%B0C%0A" class="cell inline"></div>
</div>

<div class="col-1">
<div data-type="weather" data-device="WetterProplanta" data-get="fc2_weatherDayIcon" data-imageset="kleinklima" class="mini"></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc2_weatherDay" class="cell"></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc2_tempMin" data-unit="%B0C%0A" class="cell inline"></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc2_tempMax" data-unit="%B0C%0A" class="cell inline"></div>
</div>

<div class="col-1">
<div data-type="weather" data-device="WetterProplanta" data-get="fc3_weatherDayIcon" data-imageset="kleinklima" class="mini"></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc3_weatherDay" class="cell"></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc3_tempMin" data-unit="%B0C%0A" class="cell inline"></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc3_tempMax" data-unit="%B0C%0A" class="cell inline"></div>
</div>


<div class="col-1">
<div data-type="weather" data-device="WetterProplanta" data-get="fc4_weatherDayIcon" data-imageset="kleinklima" class="mini"></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc4_weatherDay" class="cell"></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc4_tempMin" data-unit="%B0C%0A" class="cell inline"></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc4_tempMax" data-unit="%B0C%0A" class="cell inline"></div>
</div>

<div class="col-1">
<div data-type="weather" data-device="WetterProplanta" data-get="fc5_weatherDayIcon" data-imageset="kleinklima" class="mini"></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc5_weatherDay" class="cell"></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc5_tempMin" data-unit="%B0C%0A" class="cell inline"></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc5_tempMax" data-unit="%B0C%0A" class="cell inline"></div>
</div>

Wie bekomme ich es dann noch hin damit mir über dem jeweiligen Tag automatisch der Tag angezeigt wird? Es muss nicht das Datu,m angezeigt werden nur der Tag..also "Heute" "morgen" "Fr." "Sa" "So" usw. 

Ich habe nichts gefunden.

Über ne Info vielen Dank.
Titel: Antw:Tag anzeigen lassen bei Wetteranzeige in TabletUI
Beitrag von: yersinia am 26 August 2020, 10:47:59
Du kannst data substitution im label widget nutzen, einfach
Code Auswählen
<header>
     <div data-type="label" data-device="WetterProplanta" data-get="fc2_date" data-substitution="toDate().eeee()+','" class="inline darker"></div>
                     <div data-type="label" data-device="WetterProplanta" data-get="fc2_date" data-substitution="toDate().ddmm()" class="inline darker"></div>
                </header>
hinzufügen, das ergibt dann
ZitatFreitag, 28.08.
Der <header>-tag ist optional.

Vollständig würde das so aussehen:
Code Auswählen
<div class="col-1">
<header>Heute</header> <!-- NEU -->
<div data-type="weather" data-device="WetterProplanta" data-get="fc0_weatherDayIcon" data-imageset="kleinklima" class="mini"></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc0_weatherDay" class="cell"></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc0_tempMin" data-unit="%B0C%0A" class="cell inline"></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc0_tempMax" data-unit="%B0C%0A" class="cell inline"></div>
</div>

<div class="col-1">
<header>Morgen</header> <!-- NEU -->
<div data-type="weather" data-device="WetterProplanta" data-get="fc1_weatherDayIcon" data-imageset="kleinklima" class="mini"></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc1_weatherDay" class="cell"></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc1_tempMin" data-unit="%B0C%0A" class="cell inline"></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc1_tempMax" data-unit="%B0C%0A" class="cell inline"></div>
</div>

<div class="col-1">
<header> <!-- NEU -->
     <div data-type="label" data-device="WetterProplanta" data-get="fc2_date" data-substitution="toDate().eeee()+','" class="inline darker"></div>
                     <div data-type="label" data-device="WetterProplanta" data-get="fc2_date" data-substitution="toDate().ddmm()" class="inline darker"></div>
                </header>
<div data-type="weather" data-device="WetterProplanta" data-get="fc2_weatherDayIcon" data-imageset="kleinklima" class="mini"></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc2_weatherDay" class="cell"></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc2_tempMin" data-unit="%B0C%0A" class="cell inline"></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc2_tempMax" data-unit="%B0C%0A" class="cell inline"></div>
</div>

<div class="col-1">
<header> <!-- NEU -->
     <div data-type="label" data-device="WetterProplanta" data-get="fc3_date" data-substitution="toDate().eeee()+','" class="inline darker"></div>
                     <div data-type="label" data-device="WetterProplanta" data-get="fc3_date" data-substitution="toDate().ddmm()" class="inline darker"></div>
                </header>
<div data-type="weather" data-device="WetterProplanta" data-get="fc3_weatherDayIcon" data-imageset="kleinklima" class="mini"></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc3_weatherDay" class="cell"></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc3_tempMin" data-unit="%B0C%0A" class="cell inline"></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc3_tempMax" data-unit="%B0C%0A" class="cell inline"></div>
</div>


<div class="col-1">
<header> <!-- NEU -->
     <div data-type="label" data-device="WetterProplanta" data-get="fc4_date" data-substitution="toDate().eeee()+','" class="inline darker"></div>
                     <div data-type="label" data-device="WetterProplanta" data-get="fc4_date" data-substitution="toDate().ddmm()" class="inline darker"></div>
                </header>
<div data-type="weather" data-device="WetterProplanta" data-get="fc4_weatherDayIcon" data-imageset="kleinklima" class="mini"></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc4_weatherDay" class="cell"></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc4_tempMin" data-unit="%B0C%0A" class="cell inline"></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc4_tempMax" data-unit="%B0C%0A" class="cell inline"></div>
</div>

<div class="col-1">
<header> <!-- NEU -->
     <div data-type="label" data-device="WetterProplanta" data-get="fc5_date" data-substitution="toDate().eeee()+','" class="inline darker"></div>
                     <div data-type="label" data-device="WetterProplanta" data-get="fc5_date" data-substitution="toDate().ddmm()" class="inline darker"></div>
                </header>
<div data-type="weather" data-device="WetterProplanta" data-get="fc5_weatherDayIcon" data-imageset="kleinklima" class="mini"></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc5_weatherDay" class="cell"></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc5_tempMin" data-unit="%B0C%0A" class="cell inline"></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc5_tempMax" data-unit="%B0C%0A" class="cell inline"></div>
</div>
Titel: Antw:Tag anzeigen lassen bei Wetteranzeige in TabletUI
Beitrag von: Kusselin am 26 August 2020, 11:12:15
Hallo Yersinia,

vielen vielen herzlichen Dank. Wieder was gelernt!!
Viele Grüße
Nur Text | Text mit Bildern