FTUI version 3

[setstate]

Habe mit FTUI 2.7.15 getestet und bekomme die folgende Meldung:

Dann sind die Seiten aber schon ausgeliefert und du bekommst keine Verbindung zu FHEM. Das ist dann Schritt zwei.

Hast du die FHEM URL angegeben?

Code Auswählen Erweitern


  <!-- when serving the page with other web servers, e.g. lighttpd -->
  <meta name="fhemweb_url" content="http://fhem.local:8083/fhem/">


[octek0815]

Hast du die FHEM URL angegeben?

Code Auswählen Erweitern


  <!-- when serving the page with other web servers, e.g. lighttpd -->
  <meta name="fhemweb_url" content="http://fhem.local:8083/fhem/">


Jetzt ja, und bekomme nun folgendes:

[setstate]

Jetzt ja, und bekomme nun folgendes:

Im FHEMWEB musst du das CORS Attribute auf 1 setzen.

[octek0815]

Jetzt ja, und bekomme nun folgendes:

Habe nun selber geschafft. Musste CORS auf 1 setzen.

[octek0815]

Habe nun selber geschafft. Musste CORS auf 1 setzen.

Oh, hatte dein Post jetzt erst gesehen.
Vielen dank für deine Hilfe!

[OdfFhem]

@setstate

Beim letzten PR habe ich wohl übersehen, dass der übernommene Vorschlag auch im README-File auftauchen sollte, ansonsten verliert man schnell den Überblick. Wäre das noch einen PR wert (fix würde ich auch aufnehmen) oder machst Du das bei Gelegenheit lieber selbst ?

Der geplante Update-Weg läuft ja vermutlich wieder über FHEM. Wenn ja, würdest Du neben dem UPD-Befehl auch den CRE-Befehl unterstützen?

[Eisix]

Hallo,

ich wollte sowas wie einen Spinner von FTUI2 realisieren

Code Auswählen Erweitern


                        <ftui-cell>
                                <ftui-button [value]="Heizung.Status_WZ:TempMan"
                                             (value)="set Heizung.Status_WZ:TempMan {$value-0.5}"
                                fill="">
                                        <ftui-icon class="size-1"
                                                [name]="Heizung.Status_WZ:TempMan | map('.*:minus')"
                                                [color]="Heizung.Status_WZ:TempMan | map('.*:blue')"
                                        ></ftui-icon>
                                </ftui-button>
                        </ftui-cell>
                        <ftui-cell>
                                <ftui-label
                                        [text]="Heizung.Status_WZ:TempMan"
                                        [color]="Heizung.Status_WZ:TempMan | map('5:blue, 20:mygreen, 23:red')"
                                        class="size-1">
                                </ftui-label>
                        </ftui-cell>
                        <ftui-cell>
                                <ftui-button [value]="Heizung.Status_WZ:TempMan"
                                             (value)="set Heizung.Status_WZ:TempMan {$value+0.5}"
                                        fill="">
                                        <ftui-icon class="size-1"
                                                [name]="Heizung.Status_WZ:TempMan | map('.*:plus')"
                                                [color]="Heizung.Status_WZ:TempMan | map('.*:red')"
                                        ></ftui-icon>
                                </ftui-button>
                        </ftui-cell>


Jemand einen Tip für mich wie ich die Werte übergebe

(value)="set Heizung.Status_WZ:TempMan {$value+0.5}"

Gruß
Eisix

[grossmaggul]

Mal wieder Zeit dumme Fragen zu stellen.

1.) Zuerst möchte ich nochmal wegen der Transparenz/Transluzenz auf mein Posting hinweisen, das ist wohl untergegangen.

2.) Dann würde ich gerne eine Batterielevelanzeige mit verschiedenen Icons realisieren. Bei meinem Homematic Heizungsthermostaten wird das Level in Dezimalzahlen geliefert. Jetzt habe ich versucht das so zu lösen:

Code Auswählen Erweitern

<ftui-icon [name]="wz.heizkoerper:batteryLevel | map('3 | 2.[89]:battery, 2.[67]:battery-3, 2.[345]:battery-2, 2.[012]:battery-1, 2:battery-0')"
                           [color]="wz.heizkoerper:batteryLevel | map('3:green, 2.[6789]:secondary, 2.[345]:success, 2.[012]:warning, 2:danger')">
          </ftui-icon>

Das funktioniert leider nicht, ich vermute wegen der Regex oder man muss es quoten?

3.) setstate war wieder fleißig, wie ich eben gesehen habe und hat uns ein Popup beschert.
Da sage ich schonmal artig vielen Dank dafür!
Natürlich habe ich gleich eine Frage dazu, lässt sich das Popup nur mit Icons oder Images auslösen?
Gut wäre nämlich auch, wenn man z.B. auch Gridteile anklicken könnte. Als Beispiel, man könnte dann eine kurze Telefonliste anklicken und lässt sich mehr Einträge im Popup anzeigen.

[octek0815]

Ja, habe ich auch schon gesehen, bin schon fleißig am umbauen.
Zu Popup fehlt mir auch noch ein Trigger (z.B. von einem FHEM Device) und ein Close-Timer dann wäre es perfekt.
fix() ist nun auch da, um die Anzahl der Nachkommastellen zu definieren.

Auch vom mir ein herzliches Dankeschön!

[Eisix]

@grossmaggul
tab-trans hast du gesehen.

Gruß
Eisix

[grossmaggul]

tab-trans hast du gesehen

Nein, bisher nicht, wo finde ich das?

[LuGu]

Nein, bisher nicht, wo finde ich das?

https://knowthelist.github.io/ftui/examples/tab-trans.html

[grossmaggul]

Achso das, doch das habe ich gesehen, ist aber nicht das was ich meine. Genaueres steht in dem Post auf der vorigen Seiten von mir.

Ich habe mir jetzt in meiner User CSS eine eigene Klasse angelegt, die das macht was ich mir vorstelle.

Code Auswählen Erweitern

.semitransparent {
    background: rgba(0, 0, 0, 0.4) !important;
}

[Thyraz]

2.) Dann würde ich gerne eine Batterielevelanzeige mit verschiedenen Icons realisieren. Bei meinem Homematic Heizungsthermostaten wird das Level in Dezimalzahlen geliefert. Jetzt habe ich versucht das so zu lösen:

Code Auswählen Erweitern

<ftui-icon [name]="wz.heizkoerper:batteryLevel | map('3 | 2.[89]:battery, 2.[67]:battery-3, 2.[345]:battery-2, 2.[012]:battery-1, 2:battery-0')"
                           [color]="wz.heizkoerper:batteryLevel | map('3:green, 2.[6789]:secondary, 2.[345]:success, 2.[012]:warning, 2:danger')">
          </ftui-icon>

Das funktioniert leider nicht, ich vermute wegen der Regex oder man muss es quoten?

Was für Zahlen liefert das Thermostat denn als Batteriewert 2.0 bis 3.0? 

Das Mapping klappt doch normal so, dass man einfach Zwischenwerte angibt ab dem der Wert gilt bis zum nächsten angegebenen Wert.

Siehe Beispiel von setState:

<ftui-icon name="battery-0" color="light"
                   [name]="ftuitest | map('`.*`:battery-0, 25: battery-1, 50:battery-2, 75: battery-3, 100: battery')"
                   [color]="ftuitest | map('0:danger, 50:warning, 75: success')">
</ftui-icon>

Das was du da mit eckigen Klammern versuchst ist daher meiner Meinung nach unnötig.

[Thyraz]

Achso das, doch das habe ich gesehen, ist aber nicht das was ich meine. Genaueres steht in dem Post auf der vorigen Seiten von mir.

Ich habe mir jetzt in meiner User CSS eine eigene Klasse angelegt, die das macht was ich mir vorstelle.

Code Auswählen Erweitern

.semitransparent {
    background: rgba(0, 0, 0, 0.4) !important;
}

Wie man deutlich sieht, ist bei FTUI2 nur der Hintergrund transluzent, der Vordergrund (die Icons) bleiben undurchscheinend.
Bei FTUI3 sind aber alle Elemente transparent, Hintergrund und Icons und "color="translucent" verhält sich ebenso.

Bei dem verlinkten Beispiel von tab-trans ist der Tab-Content bei mir aber undurchsichtig.
Oder stört hier der Blur-Effekt?