FTUI version 3

[Superposchi]

Ich möchte gerne die Historie für meinen Roborock auswerten.
Die Daten liegen wie folgt vor:

Code Auswählen Erweitern

2024-10-18 03:00:04: 2.62m² in 0.13h, not finished
Interessanterweise ist die angegebene Zeit offenbar keine Zeit, jedenfalls kann ich sie nicht mit Zeit/Datums-Pipes bearbeiten. toDate liefert zb nur die aktuelle Uhrzeit, nicht die angegebene.
Wenn ich aber das Datum ausgeben lasse kann ich dort auch die Zeit extrahieren.

Jetzt das Problem: Entgegengesetzt zur Ansicht in Fhem und der RoborockApp wird die ausgegebene Zeit leider in der falschen Zeitzone bzw. ohne die Sommerzeit ausgegeben. Sprich FTUI3 macht aus den 3:00 Uhr 2:00 Uhr.
Aktuell formatiere ich die Ausgabe so:

Code Auswählen Erweitern

[text]="saugroboter:history_0 | part(1) | toDate()" unit=" Uhr"
Kann man das irgendwie beeinflussen, dass die Sommerzeit richtig eingerechnet wird?

Edit:
Bei genauer Betrachtung und kompletter Ausgabe schreibt FTUI als Ausgabe "GMT+0200 (Mitteleuropäische Sommerzeit)"
Von der Zeitzone müsste es also stimmen. Wieso gibt mir toDate dann 2:00 Uhr statt 3:00 Uhr zurück?

[BlackHawk133]

Hallo,
habe mein Projekt jetzt auf FTUI V3 umgestellt und ich bin echt begeistert von der V3.
Wehrmutstropfen ist allerdings, dass ich Daten updates verliere weil ich bei den Update Requests UTF8 decode errors bekomme.
Kennt das jemand? Die Konsole meines browsers zeigt das folgende:

Code Auswählen Erweitern

fhem.service.js:251  WebSocket connection to 'ws://192.168.178.94:8083/fhem/?XHR=1&inform=type=status;filter=Steven,Sonja,ChrisR,CaroR,Heidi,Muelltonnen,allRoll,ku_a_RollWestKlein,ku_a_RollSuedGross,ku_a_RollSuedKlein,wz_a_RollSuedKlein,wz_a_RollSuedGross,wz_a_RollOstKlein,AnruflisteReal,g_Garagentor_links,g_Garagentor_rechts,Heizungsmodul,FamCalView,g_Garagentore,lights_option,%20STATE%20RestmuellBiotonne_days%20Biotonne_days%20PapiergelberSack_days%20autopilot%20sunprotect%20moviemode%20level%201-state%20numberOfCalls%202-state%203-state%204-state%2...0t_001_timeshort%20t_001_duration%20t_001_age%20t_001_summary%20t_001_daysleft%20t_002_bdate%20t_002_timeshort%20t_002_duration%20t_002_age%20t_002_summary%20t_002_daysleft%20t_003_bdate%20t_003_timeshort%20t_003_duration%20t_005_age%20t_005_duration%20t_003_summary%20t_003_daysleft%20t_004_bdate%20t_004_timeshort%20t_004_duration%20t_004_age%20t_004_summary%20t_004_daysleft%20t_005_bdate%20t_005_timeshort%20t_005_summary%20t_005_daysleft%20WW-Aufladung;since=1729797881618;fmt=JSON&timestamp=1729798186931' failed: Could not decode a text frame as UTF-8.
Meine Vorgängerversion des tabletui hatte diese Probleme nicht.

Kurzer Nachtrag: Die UTF8 errors kommen natürlich nicht immer, sonst würde das Ganze ja garnicht funktionieren. Aber mehrere pro Stunde bekomme ich schon. Und dann hat man halt mal garkein Update auf ein Element und meint, das Kommando ist nicht angekommen

Vielleicht kann mir ja jemand dabei helfen, wie man mehr infos rausbekommt, debug/verbose levels hochdreht etc. Ich verzweifle echt, so ist das System nicht benutzbar.....

[ReneR1986]

Hallo zusammen,
ich habe mehrere inputs und dropdowns definiert.
Die Inhalte dieser Elemente möchte ich mit einem Klick auf einen Button an FHEM senden z.B. in ein Reading schreiben oder "direkt" per @click="sendFHEM..." ausführen.

Hier wird das in Teilen für Tablet UI V2 beschrieben https://wiki.fhem.de/wiki/FTUI_Widget_Input#Befehlsstruktur_aufbauen
Für v3 habe ich leider noch nichts gefunden und auch gerade keine Idee...

Habt ihr eine?

VG

[setstate]

Code Auswählen Erweitern

    <ftui-grid-tile row="1" col="1" height="2" width="3">

      <ftui-dropdown id="mydevice" list=",dummy1,dummy2,dummy3" value="dummy1"></ftui-dropdown>
      <ftui-dropdown id="myreading" list=",log1,log2" value="log1"></ftui-dropdown>
      <ftui-dropdown id="myvalue" list=",10,20,30,40" value="10"></ftui-dropdown>

      <ftui-button
                   @click="sendFhem(`setreading ${window.mydevice.value} ${window.myreading.value}  ${window.myvalue.value}`)">
        <ftui-icon name="wifi"></ftui-icon>
      </ftui-button>

    </ftui-grid-tile>

Der Trick ist hier:
1: Element IDs für die Inputs vergeben, damit sie dann im window Object gezielt abrufbar sind.
2: sendFhem() mit Template String also mit back-ticks (``) aufrufen. Darüber kann man dann die Werte der Inputs beliebig interpolieren

[ReneR1986]

Super, danke! Das hat geklappt! 

[Dracolein]

Hallo setstate,
bist Du noch am ändern oder ist das jetzt für die die "stabile" Version? Wenn ja, müssen wir dann selbst die notwendigen Anpassungen durchführen. Eine Info wäre gut. Danke.

Viele Grüße
Jürgen

Darf ich nochmal nachfragen wie der Stand der Dinge ist?
Seit meinem letzte Debakel habe ich kein FHEM-Update mehr gemacht ^^

[setstate]

Ich habe aktuell keine Änderung laufen oder etwas in nächster Zeit geplant

[Dracolein]

Okay, verzeih mir die nochmalige Nachfrage: d.h. Deine Änderungen von vor ca. 4-5 Wochen wurden erstmal "zurückgekurbelt" und mir blüht aktuell kein Layout-Crash ohne Anpassungen?

[Dracolein]

Selbstversuch:

Ich (musste) habe ein "update all" durchgeführt. Leider sind viele Texte nun zu groß und diverse Icons zu klein.
Ich werde mich dann morgen dransetzen, und mein gesamtes FTUI3 Layout an diese Version anpassen.

[xeenon]

Hallo Zusammen,

ich möchte in einem Feld die Daten meiner Wetterstation anzeigen. Dazu habe ich folgenden Code:

Code Auswählen Erweitern

<ftui-grid-tile row="5.5" col="2" height="3" width="3">
<ftui-grid-header>Wetterstation</ftui-grid-header>
<ftui-label [text]="12_Wetterstation:ACTUAL_TEMPERATURE" size=1>aktuelle Temperatur: </ftui-label>
<ftui-label [text]="12_Wetterstation:HUMIDITY" size=1>aktuelle Luftfeuchtigkeit: </ftui-label>
<ftui-label [text]="12_Wetterstation:RAINING" size=1>Regen: </ftui-label>
<ftui-label [text]="12_Wetterstation:RAIN_COUNTER" size=1>heutige Regenmenge: </ftui-label>
<ftui-label [text]="12_Wetterstation:WIND_SPEED" size=1>Windgeschwindigkeit: </ftui-label>
<ftui-icon @click="" size=9></ftui-icon>
</ftui-grid-tile>
Ich habe dazu folgende Fragen:

1. Ich möchte die Einheiten zu den entsprechenden Einträge mit angeben. Schreibe ich etwas hinter </ftui-label>, wird der Text in eine neue Zeile angezeigt. Wie kann ich die anständig mit anfügen?

2. 12_Wetterstation:RAINING gibt true oder false aus. Kann ich dem irgendwie sagen, dass er einen Alternativtext schreiben soll? z.B. Ja/Nein

Vielen Dank

[Dracolein]

Hallo Zusammen,

ich möchte in einem Feld die Daten meiner Wetterstation anzeigen. Dazu habe ich folgenden Code:

Code Auswählen Erweitern

<ftui-grid-tile row="5.5" col="2" height="3" width="3">
<ftui-grid-header>Wetterstation</ftui-grid-header>
<ftui-label [text]="12_Wetterstation:ACTUAL_TEMPERATURE" size=1>aktuelle Temperatur: </ftui-label>
<ftui-label [text]="12_Wetterstation:HUMIDITY" size=1>aktuelle Luftfeuchtigkeit: </ftui-label>
<ftui-label [text]="12_Wetterstation:RAINING" size=1>Regen: </ftui-label>
<ftui-label [text]="12_Wetterstation:RAIN_COUNTER" size=1>heutige Regenmenge: </ftui-label>
<ftui-label [text]="12_Wetterstation:WIND_SPEED" size=1>Windgeschwindigkeit: </ftui-label>
<ftui-icon @click="" size=9></ftui-icon>
</ftui-grid-tile>
Ich habe dazu folgende Fragen:

1. Ich möchte die Einheiten zu den entsprechenden Einträge mit angeben. Schreibe ich etwas hinter </ftui-label>, wird der Text in eine neue Zeile angezeigt. Wie kann ich die anständig mit anfügen?

2. 12_Wetterstation:RAINING gibt true oder false aus. Kann ich dem irgendwie sagen, dass er einen Alternativtext schreiben soll? z.B. Ja/Nein

Vielen Dank

Beispiel:

Code Auswählen Erweitern

<ftui-label [text]="WetterProplanta:fc5_tempMin" class="size-2"><span class="size--2" slot="unit">°C</span></ftui-label>

[yersinia]

1. Ich möchte die Einheiten zu den entsprechenden Einträge mit angeben. Schreibe ich etwas hinter </ftui-label>, wird der Text in eine neue Zeile angezeigt. Wie kann ich die anständig mit anfügen?

Beispiel:

Code Auswählen Erweitern

<ftui-label [text]="WetterProplanta:fc5_tempMin" class="size-2"><span class="size--2" slot="unit">°C</span></ftui-label>

Alternativ:

Code Auswählen Erweitern

<ftui-label [text]="WetterProplanta:fc5_tempMin" class="size-2" unit="&deg;C"></ftui-label>oder

Code Auswählen Erweitern

<ftui-label [text]="WetterProplanta:fc5_tempMin | append('&deg;C')" class="size-2"></ftui-label>

2. 12_Wetterstation:RAINING gibt true oder false aus. Kann ich dem irgendwie sagen, dass er einen Alternativtext schreiben soll? z.B. Ja/Nein

Code Auswählen Erweitern

<ftui-label [text]="12_Wetterstation:RAINING | map('true:ja, false:nein')"></ftui-label>

[Dracolein]

in einem <ftui-badge> gibts keine Möglichkeit, hinter [text]=... noch irgendwie "unit="°C" zu bekommen,oder?

[grossmaggul]

Nur dann, wenn der auszugebende Wert schon ein °C enthält.

z.B.

Code Auswählen Erweitern

<ftui-badge size="-1" [text]="sys.raid_status:hddtemp2 | part(4)"></ftui-badge>

[yersinia]

in einem <ftui-badge> gibts keine Möglichkeit, hinter [text]=... noch irgendwie "unit="°C" zu bekommen,oder?

Mal die pipe append versucht?

Code Auswählen Erweitern

<ftui-badge [text]="device:reading | append('&nbsp;&deg;C')"></ftui-badge>