FTUI version 3

piccer · 26 März 2021, 11:35:35

Moin moin,

ich hab da mal eine Frage wegen Popup. In den examples werden die alle über ftui-icons aufgerufen, ich würde das aber gern über ftui-label oder ganz und gar über ftui-grid-tile machen (ich habe eine kleine Kachel mit nur Text). Unterstützt derzeit wirklich nur ftui-icon das popup-target?

Danke
Piccer

mr_petz · 26 März 2021, 12:15:14

Zitat von: piccer am 26 März 2021, 11:35:35
Moin moin,

ich hab da mal eine Frage wegen Popup. In den examples werden die alle über ftui-icons aufgerufen, ich würde das aber gern über ftui-label oder ganz und gar über ftui-grid-tile machen (ich habe eine kleine Kachel mit nur Text). Unterstützt derzeit wirklich nur ftui-icon das popup-target?

Danke
Piccer

Hi, du kannst auch über ftui-image, ftui-button oder per [hidden] das popup erscheinen lassen...
Es muss halt das target angegeben sein..

Code Auswählen

popup-target="id"
Gruß Thomas

Edit: geht auch mit ftui-label

piccer · 26 März 2021, 12:48:29

Zitat von: mr_petz am 26 März 2021, 12:15:14
Hi, du kannst auch über ftui-image, ftui-button oder per [hidden] das popup erscheinen lassen...
Es muss halt das target angegeben sein..
Code Auswählen Erweitern
popup-target="id"
Gruß Thomas

Danke. Ich habe eine Kachel, die mit labels gefüllt ist. Ich möchte, dass ein Klick auf die gesamte Kachel ein Popup öffnet. Taget ist ja klar. Ich habe versucht, den kompletten Inhalt in ein Icon zu verschachteln (halt ohne [name], weil ich ja nicht wirklich ein Icon da haben möchte. Funktioniert aber leider nicht. Auch mit button fünktioniert das nicht (schätze der Inhalt mit ftui-row / ftui-label mit [text] usw. schmeckt ftui-button und ftui-icon nicht...

mr_petz · 26 März 2021, 12:57:48

Gerade getestet.
Muss gehen. poste mal deinen code.
Es geht auch im header, grid-tile oder ftui-tab...

bsp:

Code Auswählen


<ftui-label class="size-1" popup-target="1">Home</ftui-label>

<ftui-popup id="1" width="40%" height="40%" timeout="15" shape="round">
				<header><ftui-label class="size-1">Home</ftui-label></header>
</ftui-popup>

piccer · 26 März 2021, 13:06:09

Code Auswählen


    <ftui-grid-tile row="5" col="6" height="1" width="1" [hidden]="popup-target='strompopup'">
    <header>Strom</header>
    <ftui-icon popup-target="strompopup">
      <ftui-column>
	<ftui-row>
	Solar:<ftui-label [text]="Fronius:Body_Data_Inverters_1_P"><ftui-label>
	</ftui-row>
	<ftui-row>
	Verbrauch:<ftui-label [text]="Fronius:Verbrauch"><ftui-label>
	</ftui-row>
	<ftui-row>
	Bezug:<ftui-label [text]="Fronius:Body_Data_Site_P_Grid"><ftui-label>
	</ftui-row>
      </ftui-column>
      </ftui-icon>
    </ftui-grid-tile>

und das Popup:

Code Auswählen


    <ftui-popup id="strompopup" width="80%" height="80%">
	<header>Strom</header>
	<ftui-column>
	Noch zu machen....
	<ftui-button popup-close>Close</ftui-button>
	</ftui-column>
    </ftui-popup>

Das Popup funktioniert, wenn ich es normal über das icon / button aufrufe, aber sobald ich den code oben rein verschachtele, geht es nicht mehr.

piccer · 26 März 2021, 13:11:25

habs jetzt auch so probiert:

Code Auswählen



    <ftui-grid-tile row="5" col="6" height="1" width="1" popup-target="strompopup">
    <header>Strom</header>
      <ftui-column>
	<ftui-row>
	Solar:<ftui-label [text]="Fronius:Body_Data_Inverters_1_P"><ftui-label>
	</ftui-row>
	<ftui-row>
	Verbrauch:<ftui-label [text]="Fronius:Verbrauch"><ftui-label>
	</ftui-row>
	<ftui-row>
	Bezug:<ftui-label [text]="Fronius:Body_Data_Site_P_Grid"><ftui-label>
	</ftui-row>

      </ftui-column>
    </ftui-grid-tile>

Geht auch nicht.

mr_petz · 26 März 2021, 13:13:54

Code Auswählen


<ftui-grid-tile row="5" col="6" height="2" width="2">
    <header popup-target="strompopup">Strom</header>
      <ftui-column popup-target="strompopup">
	<ftui-row popup-target="strompopup">
	Solar:<ftui-label [text]="Fronius:Body_Data_Inverters_1_P"><ftui-label>
	</ftui-row>
	<ftui-row popup-target="strompopup">
	Verbrauch:<ftui-label [text]="Fronius:Verbrauch"><ftui-label>
	</ftui-row>
	<ftui-row popup-target="strompopup">
	Bezug:<ftui-label [text]="Fronius:Body_Data_Site_P_Grid"><ftui-label>
	</ftui-row>
      </ftui-column>
</ftui-grid-tile>

so geht es bei mir

piccer · 26 März 2021, 13:25:13

Zitat von: mr_petz am 26 März 2021, 13:13:54
Code Auswählen Erweitern
<ftui-grid-tile row="5" col="6" height="2" width="2"> <header popup-target="strompopup">Strom</header> <ftui-column popup-target="strompopup"> <ftui-row popup-target="strompopup"> Solar:<ftui-label [text]="Fronius:Body_Data_Inverters_1_P"><ftui-label> </ftui-row> <ftui-row popup-target="strompopup"> Verbrauch:<ftui-label [text]="Fronius:Verbrauch"><ftui-label> </ftui-row> <ftui-row popup-target="strompopup"> Bezug:<ftui-label [text]="Fronius:Body_Data_Site_P_Grid"><ftui-label> </ftui-row> </ftui-column> </ftui-grid-tile>

so geht es bei mir

Stimmt, so geht es. Nach meinem Verständnis hätte es aber auch nur in ftui-column reichen sollen, scheinbar hebt das anschließende row das wieder auf....
Danke, so kann ich es erstmal lassen.

mr_petz · 26 März 2021, 16:57:28

@all

wer "diese" Probleme mit dem knob und slider hat bzgl. "Einfrieren" kann auch noch mit dem

Code Auswählen


debounce="1000"

experimentieren.

Das ist die Wartezeit/Entprellzeit bis ein "set" gesendet wird.
Ich denke das es mit Standard "200"ms zu kurz ist, weil es wird ja immer auch gleich das Reading wieder abfragt und da kommt es vielleicht zum durcheinander und zum Einfrieren...
Sprich es gibt aller 200ms ein set und read beim "sliden".
Wurde natürlich bedeuten, dass es länger dauert bis die Aktion ausgeführt wird....

Ich teste es auch noch zu Hause.
Gruß Thomas

Shadow3561 · 26 März 2021, 17:34:29

Moin,

ich bastele auch gerade etwas rum.

Mein UI 2 gefällt mir recht gut und ist seit langem im Einsatz. Leider ist es recht lahm und ich hoffe, dass es mit UI 3 besser wird.

Jedoch fehlt mir eine Kleinigkeit beim Knob-Widget.
Ich bräuchte eine value in 0,5 er Schritten für meine Heizung da Ganzzahlen nicht akzeptiert werden.

19.0 19.5 20.0 20.5 usw.

Sobald ich mit decimal arbeite bekomme ich leider auch 19.2 usw. und die FHEM springt auf NaN.

Ist mein Vorhaben möglich?

Mit freundlichen Grüßen

Sailor · 26 März 2021, 20:37:26

Hi Thomas

Zitat von: mr_petz am 26 März 2021, 16:57:28
wer "diese" Probleme mit dem knob und slider hat bzgl. "Einfrieren" kann auch noch mit dem
Code Auswählen Erweitern
debounce="1000"
experimentieren.

Das löst zwar das Problem, dass der neue Wert nicht zu früh gesendet wird sondern erst wenn man ihn sicher eingestellt hat, aber nicht das Einfrieren nach 1 bis 2 Einstellungen...
Der Bug besteht nach wie vor...

Gruß
Sailor

Sailor · 26 März 2021, 20:44:44

Moin zusammen

Nebenbei gefragt: Wie kann ich aus einem

Code Auswählen


<ftui-label	[text]      = "OS_Hydrawise:rl1_run_minutes" 
		[hidden]    = "OS_Hydrawise:rl1_run_minutes | map('none: true,               .*: false')" 
		 unit       = " min"
		 class      = "size-2">
</ftui-label>

Aus den 4,67777777777 eine 5 machen?
Quasi aufrunden.

Bin unfähig (zu müde) um das in den Examples zu finden.

Danke

Gruß
Sailor

Shadow3561 · 26 März 2021, 20:53:38

Code Auswählen


<ftui-label [text]="AgroWeather:state | round(1) "></ftui-label>

So

MfG

Sailor · 27 März 2021, 11:05:53

Zitat von: Shadow3561 am 26 März 2021, 20:53:38
Code Auswählen Erweitern
<ftui-label [text]="AgroWeather:state | round(1) "></ftui-label>

Outsch... $:-\$

Danke!

Gruß
Sailor

mr_petz · 27 März 2021, 17:33:09

@Sailor

Benutzt du das SonosModul und stellst mit dem ftui-slider die Lautstärke ein?
Ich ja und habe auch dieses "set" Problem.
Ich habe jetzt mal testhalber die Bananen aus der Box geholt und die Box "entsorgt"

.
Also so:

Code Auswählen


		<ftui-slider 
					(value)="Sonos_Kueche:Volume"
					[color]="Sonos_Kueche:Volume | map('0:green, 30:blue, 50:yellow, 70:red')" 
					step="5"
					min="0" max="100" tick="5" wide-tick="10" handle="" has-ruler has-wide-ticks>
		</ftui-slider>

Da gibt es zwar kein "get", aber so kann man machen was man will und es funktioniert.
Es wird halt kein Status zurück gegeben. Nur das Value gesetzt.

Ich denke dass durch das setzen und lesen vom Volume es zu diesen Bug kommt...
Ich konnte beim sliden/tippen beobachten, dass irgendwann der slider kurz zum letzen Wert springt und dann wieder zum neu gesetzten. Danach ging nichts mehr zu setzen...

@setstate

Woran könnte es liegen. An fhem oder sonosmodul oder was auch immer???
Was könnten wir noch testen bzw einstellen?

Gruß Thomas

ps.:
Wir dürfen hier nicht vergessen, dass das ganze ftui3 "noch" im Betastatus ist und setstate hier viel Zeit "opfert".
Ich denke man sollte nicht immer gleich losfragen wie was geht, sondern konstruktiv hier mitwirken und sich einbringen...
Wie zum Beispiel bei einem "Fehler" in der Darstellung. Erstmal testen/probieren/nachlesen ob man das selber beheben kann...
Paar Fragen musste ich am Anfang auch stellen

,aber wenn man sich mit der Thematik bissl auseinandersetzt kommt man auch alleine auf viele settings...
Ich hoffe ich bin niemanden zu nahe getreten...

Sorry musste ich mal loswerden...