FTUI version 3

[mr_petz]

@cschneider

Das sollte mit Backquote gehen:

Code Auswählen Erweitern


<ftui-switch [value]="FritzBox:box_wlan_2.4GHz | map('off:`call #96*0*`,on:`call #96*1*`')" (value)="FritzBox" states="call #96*0*,call #96*1*"></ftui-switch>

und so kannst du es machen falls noch was anderes ausser on kommt:

Code Auswählen Erweitern


<ftui-switch [value]="FritzBox:box_wlan_2.4GHz | map('.*:`call #96*0*`,on:`call #96*1*`')" (value)="FritzBox" states="call #96*0*,call #96*1*"></ftui-switch>


LG

[mr_petz]

...
zum content:
Hier meinte ich eher welche Inhalte dynamisch nachgeladen werden können. Was z.B. nicht geht ist ein Tabellenaufbau:
....

Ok, mit z.Bsp.: div oder span geht es auch.

Hinweis:
bei tpl_valvepos im content fehlt eine }:

Code Auswählen Erweitern


    <ftui-label
         [text] = "{{tpl_valvepos}"
     ></ftui-label>


LG

[cschneider]

Super - geht. Danke!!! Ist noch etwas Magic, was die Backquotes bewirken ... am Ende ist das ja kein Kommando, was ausgewertet werden muss. Mal noch etwas lesen...der Erfolg gibt dem ganzen Recht

@cschneider

Das sollte mit Backquote gehen:

Code Auswählen Erweitern


<ftui-switch [value]="FritzBox:box_wlan_2.4GHz | map('off:`call #96*0*`,on:`call #96*1*`')" (value)="FritzBox" states="call #96*0*,call #96*1*"></ftui-switch>

und so kannst du es machen falls noch was anderes ausser on kommt:

Code Auswählen Erweitern


<ftui-switch [value]="FritzBox:box_wlan_2.4GHz | map('.*:`call #96*0*`,on:`call #96*1*`')" (value)="FritzBox" states="call #96*0*,call #96*1*"></ftui-switch>


LG

[mr_petz]

Super - geht. Danke!!! Ist noch etwas Magic, was die Backquotes bewirken ... am Ende ist das ja kein Kommando, was ausgewertet werden muss. Mal noch etwas lesen...der Erfolg gibt dem ganzen Recht

Die Backquotes "Escapen" in einer Art die Sonderzeichen. Oder anders gesagt, die nehmen alles so was dazwischen steht.

LG

[bismosa]

Hallo!
Danke für den Hinweis.  Mit <div> oder <span> hatte ich natürlich nicht probiert.

Eine weitere Frage, bei der ich leider noch keine Antwort finden konnte (Sorry, ist ja ein richtiger Support-Thread für dich geworden):
Ist es möglich bei einem Klick auf einen Inhalt (ganzes ftui-tab oder die enthaltenen Label/Button etc.) auf eine bestimmte tab-view zu springen?
Ich möchte gerne auf meiner Übersichtsseite z.B. eine Temperatur anzeigen (die o.g. Tabelle) und mit einem Klick auf das Feld zu einer vollständigen Anzeige aller Temperaturen springen.

Gruß
Bismosa

[mr_petz]

Hallo!
Danke für den Hinweis.  Mit <div> oder <span> hatte ich natürlich nicht probiert.

Eine weitere Frage, bei der ich leider noch keine Antwort finden konnte (Sorry, ist ja ein richtiger Support-Thread für dich geworden):
Ist es möglich bei einem Klick auf einen Inhalt (ganzes ftui-tab oder die enthaltenen Label/Button etc.) auf eine bestimmte tab-view zu springen?
Ich möchte gerne auf meiner Übersichtsseite z.B. eine Temperatur anzeigen (die o.g. Tabelle) und mit einem Klick auf das Feld zu einer vollständigen Anzeige aller Temperaturen springen.

Gruß
Bismosa

Support gebe ich gern

im content:

Code Auswählen Erweitern


<ftui-button fill="none" (value)="local:Temp" states="on" color="light" style="min-height: 0;">
    <ftui-label
        text="{{tpl_Name}}"
    ></ftui-label> 
</ftui-button>


im grid:

Code Auswählen Erweitern


        <ftui-tab view="View2" [value]="local:Temp">
          <ftui-icon name="music"></ftui-icon>
        </ftui-tab>

kurze Erläuterung: local:Temp wird hier nur Lokal ausgeführt (lokales Binding). Temp ist frei erfunden.

Edit: oder mit @click im label:

Code Auswählen Erweitern


    <ftui-label
        text="{{tpl_Name}}"
        @click="document.querySelector(`ftui-tab[view='View2']`).value='on'"
    ></ftui-label>

hier View2 mit deinem ersetzen...

Edit2: einen hätte ich noch mit @click im label mit FTUI-Boardmitteln:

Code Auswählen Erweitern


    <ftui-label
        text="{{tpl_Name}}"
        @click="ftuiHelper.selectOne(`ftui-tab[view='View2']`).value='on'"
    ></ftui-label>

hier auch View2 mit deinem ersetzen...

Edit3: da ich gern spiele habe ich noch einen mit @click im label und [value] im ftui-tab (local binding) mit FTUI-Boardmitteln:
im label:

Code Auswählen Erweitern


    <ftui-label
        text="{{tpl_Name}}"
        @click="fhemService.updateReadingItem('local-Temp', {value: 'on',})"
    ></ftui-label>

im grid:

Code Auswählen Erweitern


        <ftui-tab view="View2" [value]="local:Temp">
          <ftui-icon name="music"></ftui-icon>
        </ftui-tab>


Das @click kannst du eigentlich überall setzen... im grid-tile,tab-view....
Da sieht man auch die Vielfalt an Möglichkeiten...

LG

[OdfFhem]

@Carsten

*** Anrufliste
war in der Anfangsphase schon ein Thema ... beispielhafter Beitrag

Anrufliste habe ich fertig, hängt dran.

*** Karte
welche Features wären für Dich interessant ?

[OdfFhem]

Frühe Anmerkungen zum Thema "Backquotes" ...

Die Sonderzeichen in der Map musst du quoten.
Sobald eines folgender Zeichen im String vorkommen,  musst du den String in Quotes angeben.

Code Auswählen Erweitern

[]():=.!$&?*+,#'^@

Da schon " und ' vergeben sind, habe ich ` dafür benutzt.

anstatt

Code Auswählen Erweitern

=>:phone_call_end_in

musst du

Code Auswählen Erweitern

`=>`:phone_call_end_in

schreiben

[Dracolein]

Moin zusammen,

im <ftui-chart>, lässt sich der Wertebereich der X-Achse (Zeit!) dynamisch gestalten eventuell?

Beispiel anhand meiner PV-Anlage:
Im Sommer Messwerte von 06:00 - 21:00
Im Winter Messwerte von ~09:00 - 17:00
Aktuell wird mir in meiner zentralen FTUI3 Übersicht das kleine Chart relativ leer dargestellt.
Ohne die Parameter "x-min=7" bzw. "x-max=20" werden volle 24 Stunden auf der X-Achse visualisiert.

Nice to have wäre es, wenn der Wertebereich der X-Achse (Uhrzeit) mit dem ersten Messwerte des Tages beginnt und mit dem letzten Messwert des Tages endet. Analog wie die Y-Achse, dessen Wertebereich dynamisch aus den vorhandenen Daten generiert wird.

[mr_petz]

@Draco
Schieb das mal hier rein:
https://forum.fhem.de/index.php/topic,117779.0.html
Ich denke da ist es besser aufgehoben.

LG

[bismosa]

Hallo!

Support gebe ich gern

DANKE!  (Kann man gar nicht oft genug sagen!)

Edit: oder mit @click im label:

Code Auswählen Erweitern


    <ftui-label
        text="{{tpl_Name}}"
        @click="document.querySelector(`ftui-tab[view='View2']`).value='on'"
    ></ftui-label>

hier View2 mit deinem ersetzen...

Ich glaube diese Variante gefällt mir am besten. Ich brauche keine lokalen Values im Menüpunkt setzen/Auslesen und bin auch völlig unabhängig von evtl. Änderungen im ftuiHelper.
Das beste ist auch, das dies sogar für einen kompletten ftui-grid-tile funktioniert! Es muss (wenn alle Texte/Elemente auf den gleichen Tab gehen sollen) nur einmal hinzugefügt werden. Macht das klicken auf meinem kleinen Bildschirm auch angenehmer.

Code Auswählen Erweitern


      <ftui-grid-tile row="8" col="4" height="2" width="2"
        @click="document.querySelector(`ftui-tab[view='View2']`).value='on'">
        <ftui-label text="Irgendwas"></ftui-label>
      </ftui-grid-tile>


Und nochmal Danke für den Tipp! das bringt mich ein großes Stück weiter.

Gruß
Bismosa

[mr_petz]

...
DANKE!  (Kann man gar nicht oft genug sagen!)
...

Der Dank geht an @setstate für die erbrachte Arbeit an FTUI3!

LG

[Adimarantis]

Ich würde gerne den Output einer FHEM Hilfsfunktion in MyUtils (die z.B. HTML Code als String zurückgibt) in FTUI einbetten.
Mir fällt da als Lösung aktuell nur ein, ein <ftui-label> auf irgendein Reading zu machen, in welches ich FHEM-intern periodisch den String schreibe (dadurch sollte sich der Inhalt auch aktualieren).
Das mit dem Reading find ich aber nicht so geschickt (sind ja nur tempärare Daten und ggf. recht viel), ich würde lieber direkt die Funktion (mit Parameter) aufrufen und möglichst trotzdem ein Interval angeben um es z.B. einmal pro Minute zu aktualisieren.

Geht das?

Danke.
Jörg

[docolli]

Kann man einen knob so definieren, dass wenn ich z.B. has-arc und min="-100" und "max=100" setze, er die farbige Markierung nicht bei -100 beginnen lässt, sondern bei 0? Also in diesem Fall, wenn der Wert 0 ist, keine farbige Markierung stattfindet.

Möchte ich gerne einsetzen für den Wert "Netzbezug" meiner PV. Wenn der 0 ist, dann ist das ja mehr als okay und muss nicht farblich auffallen. Positive bzw. negative Abweichungen möchte ich gerne farblich auffälliger darstellen.

Bin schon durch die Examples durch und auch den Code von knob habe ich mir angesehen, aber nix passendes ist mir aufgefallen.
startAngle und endAngle helfen hier nicht.

[mr_petz]

@docolli

Geht wenn dann nur so mit step:

Code Auswählen Erweitern


[color]="<Device>:<Reading> | step('-100:red,0:transparent,1:green')"


LG