FTUI version 3

yersinia · 05 März 2024, 07:20:47

Versuch mal die pipe prepend():

<ftui-grid-tile row="2" col="22" height="4" width="7" shape="round">
         <ftui-grid-header color="red" ><ftui-label [text]="PV_Wechselrichter:PowerFlow_Site_P_PV | prepend('PV: ')" unit=" W"></ftui-label>
         </ftui-grid-header>
</ftui-grid-tile>

Bozan · 05 März 2024, 07:47:13

Super! Vielen Dank.
Gibt es irgendwo eine Auflistung, welche pipes, etc. in Ftui3 verwendbar sind?
Die Möglichkeiten sind ja anscheinend imens, nur woher soll man die alle kennen?
Ich glaube, es bedarf noch vieler "einfacher" Frage, bis ich einen ersten Überblick habe.

MDietrich · 05 März 2024, 07:55:06

Moin,
mehr Info zu den Pipes findest du hier:
https://github.com/knowthelist/ftui/blob/master/www/ftui/modules/ftui/ftui.binding.js

Gruß,
Matthias

Dracolein · 16 März 2024, 07:10:25

Moin zusammen,
ich habe vor einigen Tagen mein zuverlässiges FHEM-System mittels "update all" aktualisiert (zuletzt Ende 2023 gemacht).
Nun beobachte ich in Tablet UI auf meinem Screen, dass der Status von Symbolen und Texten sporadisch aber auffallend sehr häufig nicht mehr aktualisiert wird.

FHEM im Hintergrund läuft fehlerfrei weiter und regelt das Haus wie gewünscht. An meinem FTUI3 Setup wurde nichts modifiziert.

Hat sich hier irgendwas signifikantes geändert in der letzten Zeit?

juemuc · 16 März 2024, 16:35:09

Hallo Dracolein,

bei mir wird alles in FTUI3 aktuallisiert. Alle Programme sind aktuell.

Viele Grüße
Jürgen

Dracolein · 17 März 2024, 07:51:32

Ja ist echt komisch und ich kann es bisher noch nicht reproduzieren. Ich muss es noch einige Tage beobachten.

satprofi · 21 März 2024, 10:51:00

Hallo.
Möchte mich hiermit herzlich für das gewaltige Modul bedanken.
Wahnsinn was da alles geht, allein der swiper ist faszinierend. Muss mich jetzt dann um 13" Tablet umsehen.

Sailor · 21 März 2024, 17:01:50

Moin!

Zitat von: satprofi am 21 März 2024, 10:51:00Möchte mich hiermit herzlich für das gewaltige Modul bedanken.

Und genau solche Sätze sind es, die Programmierer wie setstate zu Höchstleistungen anspornen!

Gruß
Sailor

grossmaggul · 21 März 2024, 22:50:02

Es könnte aber auch sein, daß das hier setstate anspornen könnte.

presskopf · 27 März 2024, 14:00:29

Ich stehe grad mal auf dem Schlauch.

Im vorliegenden Problem habe ich ein Image, welches alle 60 s aktualisiert wird.
Die Quelle Ihrerseits wird von einer IPCAM in fhem mittels

Code Auswählen

get IPCAM-DEVICE image bereitgestellt.
Dabei passiert es ab und zu, dass da ein weißes Bild statt richtigem Snapshot kommt. Warum auch immer. Da scheinen mir Timeouts eine Rolle zu spielen.

Natürlich kann ich bis zum nächsten automatischen Refresh warten, aber als sofort-wissen-wollender Mensch würde gerne per Klick auf das Image einen doppelten Refresh ausführen: einmal das get-IPCAM-image und anschließend der Refresh des Image:

Original:

Code Auswählen

<ftui-image interval="60" nocache src="http://192.168.0.144:8083/fhem/www/snapshots/schubidubi.png" border="0" style="background-color:white">
</ftui-image>

Den ersten Part habe ich schon mal mit

Code Auswählen

<ftui-image interval="60" onclick="ftuiApp.fhemService.sendCommand('get IPCAM image') 
nocache src="http://192.168.0.144:8083/fhem/www/snapshots/schubidubi.png" border="0" style="background-color:white">
</ftui-image>

realisiseren können.

Wie bekomme ich jetzt noch ein manuellen geklickten Refresh des image?
Ich hatte irgendwie an sowas gedacht:

Code Auswählen

<ftui-image interval="60" onclick="ftuiApp.fhemService.sendCommand('get IPCAM image') updateImage()"
nocache src="http://192.168.0.144:8083/fhem/www/snapshots/schubidubi.png" border="0" style="background-color:white">
</ftui-image>

Aber das will nicht (Synthax error).

Hat jemand eine Lösung dafür inpetto?

NACHTRAG; ich hab's:
Das Semikolon hat gefehlt. Dann nur zwei mal draufklicken und alles ist tuppi.

Code Auswählen

<ftui-image interval="60" onclick="ftuiApp.fhemService.sendCommand('get IPCAM image');updateImage()"
nocache src="http://192.168.0.144:8083/fhem/www/snapshots/schubidubi.png" border="0" style="background-color:white">
</ftui-image>

StephanFHEM · 27 März 2024, 20:38:24

irgendwann bei den letzten Updates muss sich etwas geändert haben mit der Symbol-Darstellung in Menüs. Bei mir sind diese plötzlich verschoben (siehe Bild). Alle anderen Symbole sind noch mittig. Hat vielleicht jemand das selbe Problem und eine Lösung parat?

Symbole verschoben

hier noch ein Teil vom Aufbau:

Code Auswählen

    <ftui-grid cols="11" rows="7" margin="1" resize> 
    <ftui-grid-tile row="1" col="1" height="6" width="1" color="transparent" style="z-index:1">
    <header class="size-0">Menü</header>
      <ftui-column align-items="top" margin="0 27px 0 0">
        <ftui-tab view="home" fill="solid" margin="0.5em" style="width:18px;height:40px" active>
          <ftui-icon class="size-0" name="home"></ftui-icon>
        </ftui-tab>
        <ftui-tab view="heating" fill="solid" margin="0.5em" style="width:18px;height:40px">
          <ftui-icon class="size-0" name="fire"></ftui-icon>
        </ftui-tab>
        <ftui-tab view="light" fill="solid" margin="0.5em" style="width:18px;height:40px">
          <ftui-icon class="size-0" name="lightbulb"></ftui-icon>
        </ftui-tab>
        <ftui-tab view="rabbit" fill="solid" margin="0.5em" style="width:18px;height:40px">
          <ftui-icon class="size-0" name="paw"></ftui-icon>
        </ftui-tab>

Prof. Dr. Peter Henning · 02 April 2024, 14:52:48

Ich knobele am besten Weg, geschachtelte Tabs in FTUI3 darzustellen.

Genauer: Auf der Hauptseite soll es eine horizontale Leiste von <ftui-tab>-Elementen geben. Wenn der erste Tab aktiv ist, soll auf dem Rest der Seite etwas angezeigt werden, bei dem die erste Zeile wiederum eine horizontale Leiste von <ftui-tab>-Elementen ist. Die beim Klicken aber nur die darunter liegenden Inhalte (als <ftui-tab-view>) ändern. Die alleroberste Leiste aber soll sich dabei nicht ändern.

In FTUI2 konnte ich das sehr schön über pagebuttons realisieren.

in FTUI3 aber habe ich trotz diverser Versuche noch keinen Erfolg damit, die alleroberste Zeile von den darunter liegenden Kindern zu isolieren. Ha jemand einen Tipp für mich?

LG

pah

StephanFHEM · 02 April 2024, 22:00:25

Ich weiß nicht ob es hilft, aber ich hab sowas wie ein Untermenü realisiert mit tabs im ersten Menü (z.B. Licht) und im Untermenü dann mit segment Button für die Räume. Die jeweils nicht angezeigten Räume mit Hidden isNot=Value ausblenden

Code Auswählen

<ftui-segment-button value="Wohnzimmer">
<ftui-icon name="scene_livingroom"></ftui-icon>
</ftui-segment-button>

Prof. Dr. Peter Henning · 03 April 2024, 15:00:08

Danke, eine ähnliche Krücke habe ich auch schon. Ist aber noch nicht ganz, was ich versuche: Nämlich den in einem Tab angezeigten Inhalt (also das Kind) weitgehend von der darüberliegenden Tab-Struktur zu isolieren. Mit den pagebuttons von FTUI2 ging das prima, ich kann damit sogar eine Seite mit einer komplett anderen FTUI-Instanz (auf einer anderen Maschine) einblenden.

LG

pah

ToM_ToM · 08 April 2024, 17:44:00

Zitat von: Dracolein am 16 März 2024, 07:10:25Moin zusammen,
ich habe vor einigen Tagen mein zuverlässiges FHEM-System mittels "update all" aktualisiert (zuletzt Ende 2023 gemacht).
Nun beobachte ich in Tablet UI auf meinem Screen, dass der Status von Symbolen und Texten sporadisch aber auffallend sehr häufig nicht mehr aktualisiert wird.

FHEM im Hintergrund läuft fehlerfrei weiter und regelt das Haus wie gewünscht. An meinem FTUI3 Setup wurde nichts modifiziert.

Hat sich hier irgendwas signifikantes geändert in der letzten Zeit?

Hallo Dracolein, das Gleiche ist mir auch aufgefallen. Ich habe parallel noch FTUI 2 laufen und dort wird noch alles aktualisiert, was den Fehler in FHEM oder meinen Proxy-Settings vorerst weitestgehend ausschließt. Bist du denn hier weiter gekommen?

VG, Thomas