FTUI version 3

yersinia · 24 Februar 2021, 09:46:29

Zitat von: Nighthawk am 24 Februar 2021, 09:41:36gibt es eigentlich mittlerweile ein Thread mit Beispielen analog dem vom FTUI2?

Ja, liefert FTUI3 direkt mit im Ordner examples, die dann auf deiner FTUI3-Instanz laufen.
Oder auf dem Github-Repository (runterscrollen zum Menüpunkt Examples).
Und direkt als Code: https://github.com/knowthelist/ftui/tree/master/www/ftui/examples.

harald654 · 24 Februar 2021, 18:25:02

gefällt mir auch sehr gut, Danke dafür

Wird es für Docker auch eine x86 Version geben?

grossmaggul · 25 Februar 2021, 09:50:54

Moin,

ich habe ein Problem mit einem Icon/Button und den Hue Lampen, folgendes Konstrukt habe ich erstellt.

Code Auswählen

<ftui-column>
                    <ftui-button shape="circle" [(value)]="wz.stehlampe_1" [fill]="wz.stehlampe_1:state | map('off:outline, on:solid')"> 
                            <ftui-icon [name]="wz.stehlampe_1 | map('on:lightbulb-on-outline, off:lightbulb-outline')"></ftui-icon>
                    </ftui-button>
                    <ftui-colorpicker [hex]="wz.stehlampe_1:rgb" (hex)="replace('#','') | wz.stehlampe_1:rgb" 
                                      direction="horizontal" has-hue-slider has-value-slider>
                    </ftui-colorpicker>
                    <ftui-label text="Stehlampe 1"></ftui-label>  
</ftui-column>

Das funktioniert so lange, bis ich den Dimmer des colorpickers betätige, dann verschwindet das Icon und ich bekomme eine Fehlermeldung:

Code Auswählen

File not found:
            ./www/ftui/icons/dimXX%.svg

Was mache ich da falsch, bzw. wie kann ich das Problem umgehen?

OdfFhem · 25 Februar 2021, 11:19:12

@grossmaggul

Liegt wohl daran, dass Du den state bzw. STATE für den icon-name nutzt. Der liefert on,off,dim...

Wenn nur an oder aus interessant ist, besser auf das onoff-Reading wechseln. Dies liefert 0 oder 1.

grossmaggul · 25 Februar 2021, 15:15:08

Danke, das war's und ist ja auch logisch, manchmal ist man irgendwie betriebsblind.

grossmaggul · 25 Februar 2021, 16:43:46

Jetzt muß ich aber nochmal auf den Colorpicker zurück kommen, der funktioniert irgendwie nicht richtig.
Das Problem bezieht sich auf den Slider und lässt sich auch mit der Beispielseite im github nachvollziehen.

Lampe ist eingeschaltet, Dimmer voll aufgedreht, irgendeine Farbe eingestellt. Wenn man jetzt den Dimmer auf Null zieht und dann wieder auf 100% lässt sich der RGB Slider nicht mehr bewegen, weder durch ziehen noch durch Klicken in irgendeine Farbe. Beim Colorpickerkreis funktioniert das aber.

Achso, müsste die direction nicht <vertical> heißen statt <horizontal>, mir scheint die sind vertauscht?

Eisix · 25 Februar 2021, 17:01:34

Hallo,

habe Probleme mit einem Slider, funktioniert nur 1 mal. Nach einem reload geht es wieder 1 mal.

Code Auswählen


                <ftui-slider [(value)]="RGBWC:raw_cw" min="0" max="1023" (value)="set RGBWC raw 0,0,0,0,$value" tick="250" wide-tick="500" handle="retro" is-horizontal has-ruler has-wide-ticksdebounce="200" step="1" type="single" color="primary">
                </ftui-slider>

Habe ich einen error eingebaut oder ist das ein generelles Problem?

Gruß
Eisix

mr_petz · 27 Februar 2021, 09:15:15

@Eisix
Wird am Banana in the Box liegen.
[ ]=get
( )=set
mfg Thomas

mr_petz · 27 Februar 2021, 17:58:34

Hi@all:
Ich würde gern im weather die Nacht-Icons haben wollen.
Wird anhand der n1-14 und t1-14 Icons gemappt...
Könnte man es wieder mit integrieren?
Habe es erstmal wie im Anhang gelöst.
Dazu habe ich auch noch die Bas-Icons genommen.
Ich weiss, das es mit den Readings "heiter", "sonnig" etc. einfacher ist, aber da hat man halt keine Nacht-Icons.
Vielleicht kann man es an eine Zeit koppeln? So von 20 bis 6 Uhr ist Nacht und mappt dann die Icons der Nacht??
Wird dann nur bei der Tagesübersicht blöd "früh", "tag", "abend", "nacht".
Ist nur eine Idee...

Bsp. für aktuellen Tag:

Code Auswählen


<ftui-weather class="size-6" [conditionnight]="Wetter_ProPlanta:weatherIcon"></ftui-weather>

Gruß Thomas

Edit: Anhang geändert (zusätzliche Icons zu animated Bas-Icon hinzugefügt) und js entfernt

Eisix · 28 Februar 2021, 12:12:43

Zitat von: mr_petz am 27 Februar 2021, 09:15:15
@Eisix
Wird am Banana in the Box liegen.
[ ]=get
( )=set
mfg Thomas

Habs entsprechend geändert doch das Verhalten ist gleich. Der set Befehl wird immer nur 1 mal ausgeführt, nur ein reload erlaubt wieder 1 mal set. Da ist noch was faul.

Code Auswählen


               <ftui-slider [value]="RGBWC_Aquarium:raw_cw" min="0" max="1023" (value)="set RGBWC_Aquarium raw 0,0,0,0,$value" tick="250" wide-tick="500" handle="retro" is-horizontal has-ruler has-wide-ticksdebounce="200" step="1" type="single" color="primary">
                </ftui-slider>

Gruß
Eisix

rallye · 28 Februar 2021, 16:09:50

Ich würde gerne "kleinklima" verwenden und die Icons zu kopieren wäre nicht der Issue. Doch WO finde ich die Icons (Source zum Kopieren) ? Danke

Zitat von: setstate am 26 November 2020, 10:13:57
kleinklima sucht die Icons unter ./icons/weather/kleinklima/*
Das wird aber nicht mitgeliefert und muss sich jeder selber dorthin kopieren

moonsorrox · 28 Februar 2021, 16:18:39

mir hat die netter User hier geschickt, ich hänge sie mal ran

mr_petz · 28 Februar 2021, 17:21:05

@Eisix

Ich kann zumindest nachstellen, wenn man den slider bissl hin und her schiebt, dann geht es bei mir auch nur einmal (set).
Wenn man am slider einzelne klicks macht, dann geht es mehrfach.
habe es mit meinem sonoff Dimmer getestet.
Da fällt mir gerade auch auf, dass es bei meinem Volume-Slider vom Sonos genau so ist...
Da muss glaube setstate was dazu sagen???

Edit: ~~Mit knob funktioniert das mehrfache schieben. Muss man jetzt die Unterschiede anschauen.~~
mit knob das selbe problem...
wenn man schiebt/slidet, dann macht knob und slider "unterwegs" mehrere set´s und danach keine Reaktion mehr...

Also: Wenn ich direkt auf einen Wert schiebe geht es mehrfach. Wenn ich hin und her schiebe um z.B. zu einem exakten Wert von 50 zu kommen und ein wenig zwischen 45 und 55 pendele, dann geht es danach nicht mehr.

yersinia · 28 Februar 2021, 19:29:33

@setstate:
Für den März scheint das date-format nicht richtig zu funktionieren. Wenn ich

Code Auswählen

<ftui-label [text]="Wetter_Proplanta:fc1_date | toDate() | format('eeee, D. MMMM')"></ftui-label>
nutze, kommt sowas dabei raus:

ZitatMontag, 1. 3ärz

Das zugrundeliegende Reading:

Code Auswählen

2021-02-28 19:19:25 fc1_date 01.03.2021

Oder nutze ich format hier falsch?

mr_petz · 28 Februar 2021, 20:08:34

Zitat von: yersinia am 28 Februar 2021, 19:29:33
@setstate:
Für den März scheint das date-format nicht richtig zu funktionieren. Wenn ich
Code Auswählen Erweitern
<ftui-label [text]="Wetter_Proplanta:fc1_date | toDate() | format('eeee, D. MMMM')"></ftui-label>
nutze, kommt sowas dabei raus:Das zugrundeliegende Reading:
Code Auswählen Erweitern
2021-02-28 19:19:25 fc1_date 01.03.2021

Oder nutze ich format hier falsch?

Hi, bin zwar nicht setstate, aber das konnte ich jetzt raus finden.

Liegt an Zeile 204 in der ftui.helper.js.

Code Auswählen

ret = ret.replace('M', MM);
Der nimmt das M von März weg.
Wenn man die Zeile löscht, dann wird der März angezeigt.
setstate wird das bestimmt noch fixen...

Gruß Thomas

Edit: Das einfachste wäre in Zeile 184 das M von März und in Zeile 185 das M von March durch

Code Auswählen

M zu ersetzen. So funktioniert es bei mir.