FTUI version 3

[grossmaggul]

Label geht sicher habe ich im Einsatz.

O.K., dann muß ich nochmal forschen, habe ich nicht hinbekommen, danke!

[Eisix]

Hier ein Beispiel

Code Auswählen Erweitern


<ftui-row>
        <ftui-label
                [text]="Aquarium_Temp:temperature"
                [color]="Aquarium_Temp:temperature | map('27.5:blue, 28.5:mygreen, 31:red')"
                popup-target="popup-Aquarium"
                class="size-6"><span slot="end">°C</span>
        </ftui-label>
</ftui-row>
<ftui-popup id="popup-Aquarium" width="800px" height="300px" timeout="120">
        <ftui-chart title="Aquarium Temperatur">
                <ftui-chart-data label="Temperatur" color="#21a000" log="logdb" file="-" spec="Aquarium_Temp:temperature"></ftui-chart-data>
                <ftui-chart-controls units="day, week"></ftui-chart-controls>
        </ftui-chart>
<ftui-popup>



Gruß
Eisix

[setstate]

O.K., dann muß ich nochmal forschen, habe ich nicht hinbekommen, danke!

Popup reagiert auf beliebige Elemente, die ein popup-target Attribute mit ihrer ID haben und das Click Event bis zum Document aufsteigen lassen, also nicht selbst abfangen und dann die Propagation stoppen.

Code Auswählen Erweitern

<div popup-target="my-popup">

[Eisix]

@setstate

kann bei einem ftui-tab das view ein fhem reading sein?

momentan

Code Auswählen Erweitern


           <ftui-tab view="View2"><ftui-icon class="size-2" name="television"></ftui-icon></ftui-tab>



pseudo code

Code Auswählen Erweitern


           <ftui-tab view="[Fhemreading]"><ftui-icon class="size-2" name="television"></ftui-icon></ftui-tab>



geht das?

Gruß
Eisix

[setstate]

Spontan würde ich sagen: ja

Versuch macht schlau 

[grossmaggul]

Popup reagiert auf beliebige Elemente

Ja, merke ich auch gerade, hatte ich wohl gestern einen Typo drin.

[Eisix]

Hallo,

noch eine Frage. Bei chart wie kriege ich andere Linien-Typen hin, z.B.: steps.
Konnte kein Beispiel finden und attribut stepped war es auch nicht.

Jemand einen Tip für mich?

Gruß
Eisix

[SirMarco]

Hallo zusammen

Chart Widget:

Wenn ich Sonntags im Chart auf die Ansicht "week" klicke, wird mir die kommenden Woche angezeigt.
Wird das über chart.components.js gesteuert oder über FHEM?

Grüsse

[LuGu]

@Thyraz
Ich wollte die Waschmaschine per icon-multicolor visualisieren.

Code Auswählen Erweitern


<ftui-icon-multicolor
[name]="Waschmaschine_Strg | map('aus:washing_off, an:washing_on, arbeitet:washing_on, fertig:washing_on')">
</ftui-icon-multicolor>


Wo muss ich das iterations="1" einbauen, damit die die Animation nur im state=arbeitet aktiv ist?

[grossmaggul]

Ich hab da mal wieder ein Problem.

Ich würde gerne meine Telefonliste mit Bildern der Anrufer aufmöbeln, zur Zeit befindet sich meine FTUI3 Installation noch unter fhem/www/phone
Dazu habe ich folgendes Konstrukt gebaut:

Code Auswählen Erweitern

<ftui-image [base]="http://192.168.1.12:8083/fhem/phone/images/kontakte/" [src]="fritzlist:1-image" width="20"></ftui-image>
"1-image" enthält den Dateinamen des Bildes.

Führe ich das aus erhalte ich als Pfad für das Bild aber immer nur das hier:

Code Auswählen Erweitern

http://192.168.1.12:8083/fhem/ftui/01758707410.jpg

Wo habe ich da ein Verständnisproblem bei der Erstellung des Pfades?

[SirMarco]

Die [] bei base müssen weg, so läuft es bei mir

Code Auswählen Erweitern

<ftui-image base="http://192.168.1.12:8083/fhem/phone/images/kontakte/" [src]="fritzlist:1-image" width="20"></ftui-image>

[grossmaggul]

Die [] bei base müssen weg, so läuft es bei mir

Bei mir jetzt auch, war wohl doch schon ein bißchen spät gestern.
Danke Dir!

[setstate]

Zur Info: mit shape="circle" kann man Images jetzt auch zu schicken Profilbildern wandeln.

https://knowthelist.github.io/ftui/www/ftui/examples/image.html

[Eisix]

Spontan würde ich sagen: ja

Versuch macht schlau 

Geht allerdings muss man das Icon nochmal klicken um einen refresh zu haben

Code Auswählen Erweitern


<ftui-tab [view]="TEST"><ftui-icon class="size-2" name="television"></ftui-icon></ftui-tab>


Gruß
Eisix

[setstate]

ja, nur bei Click wird der View neu aktiviert.

Was ist dein Anwendungsfall genau?

Man könnte noch das Attribute value von zwei Tabs von FHEM auf 'on' setzen lassen. Einmal bekommt Tab1 'on', oder Tab2.

Code Auswählen Erweitern


    <ftui-tab fill="clear" direction="vertical" view="View1" [value]="dummy1 | map('Wert1:on, .*:off')" active>
      <ftui-icon name="home1"></ftui-icon>
      <label class="small">Tab1</label>
    </ftui-tab>
    <ftui-tab fill="clear" direction="vertical" view="View2" [value]="dummy1 | map('Wert2:on, .*:off')">
      <ftui-icon name="cog"></ftui-icon>
      <label class="small">Tab2</label>
    </ftui-tab>
    <ftui-tab fill="clear" direction="vertical" view="View3" [value]="dummy1 | map('Wert3:on, .*:off')">
      <ftui-icon name="clock-o"></ftui-icon>
      <label class="small">Tab3</label>
    </ftui-tab>