FTUI version 3

[juemuc]

ja 

Weitere Infos findet man unter https://www.der-mond.de/

[khk123]

Ich denke ein einfaches "ja" reicht nicht aus. Hier meine Definitionen:

in der Index.html

Code Auswählen Erweitern

<ftui-grid-tile row="1" col="4" height="2" width="2" shape="round" color="translucent">
<ftui-content file="nw5/inc_sonne.html" titel="Sonnenauf-/untergang"></ftui-content>
</ftui-grid-tile>

<ftui-content file="nw5/inc_mond_popup.html"></ftui-content>

inc_sonne.html

Code Auswählen Erweitern

<!-- ============= Sonnenauf-/-untergang ================ -->
<ftui-row>
    <ftui-column direction="vertical">
       <ftui-icon class="size-2" path="../images/openautomation" name="weather_sunrise" color="yellow" @click="mond_popup.open()"></ftui-icon>
   <ftui-label [text]="Astro:SunRise"></ftui-label>
       <ftui-label [text]="Sonnenaufgang"></ftui-label>
       <ftui-icon class="size-2" path="../images/openautomation" name="weather_sunset" color="yellow" @click="mond_popup.open()"></ftui-icon>
   <ftui-label [text]="Astro:SunSet"></ftui-label>
       <ftui-label [text]="Sonnenuntergang"></ftui-label>
    </ftui-column>
<ftui-column>
   <ftui-icon class="size-2" path="../images/openautomation" name="weather_moonrise" color="yellow" @click="mond_popup.open()"></ftui-icon>
   <ftui-label [text]="Astro:MoonRise"></ftui-label>
       <ftui-label [text]="Mondaufgang"></ftui-label>
       <ftui-icon class="size-2" path="../images/openautomation" name="weather_moonset" color="yellow" @click="mond_popup.open()"></ftui-icon>
   <ftui-label [text]="Astro:MoonSet"></ftui-label>
       <ftui-label [text]="Monduntergang"></ftui-label>
    </ftui-column>
</ftui-row>

inc_mond_popup.html

Code Auswählen Erweitern

<!-- ============= Mond Bild================ -->
<!-- Mondphase Popup -->
<ftui-popup id="mond_popup" position="page" timeout="10" width="360px" height="360px" timeout="10" shape="round" position="top">
     <ftui-image [src]="Astro:MoonPhasePic" width="340px"></ftui-image>
<ftui-label [text]="Astro:MoonPhaseS"></ftui-label>
</ftui-popup>

FHEM-Def Astro

Code Auswählen Erweitern

defmod Astro Astro
attr Astro DbLogExclude .*
attr Astro DbLogInclude MoonAge,MoonPhaseN
attr Astro devStateIcon { '<div><img src='.ReadingsVal($name,"MoonPhasePic","0").' height="100" width="100">' }
attr Astro event-on-change-reading MoonAge,MoonPhaseN
attr Astro icon weather_moon_phases_8
attr Astro interval 7200
attr Astro recomputeAt NewDay,SunRise,SunSet,AstroTwilightEvening,AstroTwilightMorning,CivilTwilightEvening,CivilTwilightMorning,CustomTwilightEvening,CustomTwilightMorning
attr Astro room Wetter
attr Astro userReadings MoonPhasePic { my $pb = sprintf "%03d",int(ReadingsVal($name,"MoonAge",0));;;;\
              ("/fhem/www/images/phasenbilder/stilkunst_moon_".$pb.".png")\
     }

Bilder zu den Mondphasen: https://www.stilkunst.de/c62_stockgrafics/phases_of_moon/phases_of_moon.php

Ich hoffe es hilft weiter.

[juemuc]

das nur ein ja nicht ausreicht, ist mir schon klar. Deshalb der Link. Dort kann man sich einen Link auf seine Bedürfnisse generieren und dann im FHEM einbinden. Es macht also keinen Sinn meinen Link hier zu posten, da das ganze ortsabhängig ist.

<ftui-image height="120px" border=0 src="https://www.der-mond.de/...>
Das steht dann in FTUI3 

Viele Grüße
Jürgen

[khk123]

...war doch nicht als Kritik gemeint.   Aber vielleicht braucht der ein oder andere doch ein paar Infos mehr um eine eigene Anzeige zu produzieren.

[juemuc]

Alles gut 

[SirMarco]

Hallo zusammen

Hat jemand eine Idee wo ich einen Fehler habe, bzw. die Errormeldung in der Konsole versteht?
Die Seite lädt, bleibt kurz "stehen" dann kommt die Meldung, lädt dann weiter.
Benötigt ihr weitere Infos`?

Grüsse

[setstate]

ich vermute, da ist etwas in einem FtuiContent falsch

Setze mal <meta name="debug" content="2"> im HTML und schau dann in der Console

Da muss dann sowas erscheinen:

[FtuiContent] file loaded and content inserted
[ftuiApp] initComponents for area:

[SirMarco]

Habe Debug 2 gesetzt. keine weiteren Hinweise.
In der Expample "content2.html" kommt auch die Meldung:

Code Auswählen Erweitern

[ftuiApp] error: initComponents - Timed out in 5000ms.
Grüsse

[Superposchi]

Warum ändert die Anzeige selbstständig die Farbe in FUI3?

Ich gebe einem Label bewusst das Attribut color="black" und auf dem Tablet wird es in weißer Schrift angezeigt, oder sieht zumindest so aus wie weiß.
Am PC wo ich es mir zu Testzwecken anzeiegen lasse, wird es interessanterweise richtig dargestellt.

Ist im css irgendeine Weiche eingebaut, die zwischen PC und Tablet unterscheidet oder woher kommt dieses Verhalten?

[yersinia]

Warum ändert die Anzeige selbstständig die Farbe in FUI3?

Ich gebe einem Label bewusst das Attribut color="black" und auf dem Tablet wird es in weißer Schrift angezeigt, oder sieht zumindest so aus wie weiß.
Am PC wo ich es mir zu Testzwecken anzeiegen lasse, wird es interessanterweise richtig dargestellt.

Ist im css irgendeine Weiche eingebaut, die zwischen PC und Tablet unterscheidet oder woher kommt dieses Verhalten?

Da würd' ich mal in dem Anzeigeprogramm des Tablets schauen. Ggf werden hier die FTUI3-CSS einfach überschrieben.
Wenn du nicht explizit per Zusatzcode zwischen den Endgeräten/Browsern unterscheidest und dann unterschiedliche CSS auslieferst, liegt es an dem Browser und höchstwahrscheinlich nicht an FTUI3.

[andreas_r]

Was zum Thema "Mond" auch möglich ist:

Lege Dir das Astro Modul in FHEM an: https://wiki.fhem.de/wiki/Modul_Astro

Danach kannst Du Dir so was in FHEM einbinden:

Code Auswählen Erweitern

      <ftui-grid-tile row="1" col="8" height="2" width="3">
        <header>Mondphase</header>
        <ftui-image src="http://<IP_von_FHEM>:8083/fhem/Astro_moonwidget?name='Astronomie" height="200px" width="200px">
        </ftui-image>
      </ftui-grid-tile>

Viele Grüße, Andreas

[grossmaggul]

Was zum Thema "Mond" auch möglich ist:

Es geht so einiges mit FTUI3, man müsste allerdings auch gewillt sein ein wenig Eigeninitiative zu entwickeln...

[mr_petz]

Kleiner Hinweis für die die auf Flipclocks stehen (habe ich jetzt erst entdeckt...):

https://forum.fhem.de/index.php?topic=115259.msg1120978#msg1120978
https://github.com/T0RST3N/fhem-ftui-components-flip-clock

Ist von torte...

LG

[Dracolein]

Moin zusammen,

Frage zum Parameter "[hidden]" anhand folgenden funktionierenden Beispiels:

Code Auswählen Erweitern

<ftui-label size="0" [hidden]="Rolloautomatikschalter:state | map('on:true, off:false')">Automatik inaktiv</ftui-label>
Gibt es eine Möglichkeit, auch Werte größer/kleiner X abzufragen als Bedingung? Mein Beispiel fragt auf true/false ab, ich würde gern in einem anderen Fall auf größer/kleiner Null abfragen wollen. Wenn Readingwert > 0 dann...


edit, habe was gefunden, werde mich damit versuchen
https://forum.fhem.de/index.php?topic=127705.msg1222103#msg1222103

[Dracolein]

Andere Frage, ich habe hier letztes Jahr eine Lösung erhalten für meinen Wunsch, diverse Livestream-Kameras einen Swiper zu nutzen, was grundsätzlich auch klappt. Der Code hängt unten. Nun habe ich das Problem seither (und nutze die an sich tolle Lösung daher nicht), dass mein Browser mit diesem Codeschnipsel 1-2x täglich abstürzt (reproduzierbar. Code drin = Abstürze, Code raus = läuft!). Jeder Kamerastream EINZELN ohne Swiper läuft tadellos und führt nicht zu Abstürzen.
Habe ich da irgendwo einen Fehler drin, oder ist meine suboptimale Hardware (jaja.... Raspbian GUI aktiv mit Chromium im Fullscreen (ändere ich aber nicht!)) daran schuld.  Gäbe es eventuell eine alternative Idee, die ich ausprobieren könnte?

Code Auswählen Erweitern

      <ftui-grid-tile row="4" col="13" height="5" width="7">
        <header>Livebild Garten / SolarCam / DachCam / Vogelhaus</header>
        <ftui-swiper id="swiper1" auto-play interval="30">
            <!-- Garten-Stream: -->
            <ftui-image src="http://192.168.178.86:1020/mjpeg/stream.cgi?chn=1" width="510px" @click="livebildgarten.open()"></ftui-image>
            <!-- Dach-Cam Stream: -->
            <ftui-image [hidden]="dummy_istTag:state | map('on:false, off:true')" src="http://192.168.178.10:xxxxx" width="510px"></ftui-image>
            <!-- ESP32-CAM SolarCam: -->
            <ftui-image [hidden]="dummy_istTag:state | map('on:false, off:true')" src="http://192.168.178.10:xxxxx" width="510px"></ftui-image>
            <!-- ESP32-CAM Vogelhaus: -->
            <ftui-image [hidden]="dummy_istTag:state | map('on:false, off:true')" src="http://192.168.178.10:xxxxx" width="510px"></ftui-image>
       </ftui-swiper>
      </ftui-grid-tile>