FTUI version 3

[mr_petz]

Schau dir am besten immer erst die Demos und die dazu gehörigen Files an um die Settings zu haben:
https://github.com/knowthelist/ftui/tree/master/www/ftui/examples

Demo Popup:
https://knowthelist.github.io/ftui/www/ftui/examples/popup.html

und hier Timeout. Wurde erst behandelt (auch nachfolgende Beiträge):
https://forum.fhem.de/index.php/topic,115259.msg1197161.html#msg1197161

Ein wenig mitlesen ist hier angesagt...

Edit: Bsp:

Code Auswählen Erweitern


<ftui-tab view="HOME" home>
<ftui-tab view="HOME-TuerenFenster" timeout="5">
<ftui-tab view="HOME-Musik" timeout="10">
<ftui-tab view="HOME-Raumlicht">

hier wird zum view="HOME" gesprungen. mit home gibt man sein "TimeOutZiel" an...

LG mr_petz

[hackepeter]

Es funktioniert jetzt alles, vielen Dank für die Hilfe.

Ich habe auch vorher gelesen und mir natürlich auch die Demos angeschaut.
Mein Fehler war, dass in der Demo Timeout mit Timeout="0" schon drin war, ich hab es doppelt mit timeout="10" hinzugefügt - das hatte logischerweise nicht funktioniert. 

[presskopf]

Wenn du es im ftui-tab hast, setzt es in dein ftui-tab ein und vergiebst height="deineGröße" und width="deineGröße"
Bsp:

Code Auswählen Erweitern


<ftui-tab view="View" direction="vertical">
  <ftui-image src="http://192.168.178.13:88/cgi-bin/CGIProxy.fcgi?cmd=snapPicture2&usr=admin&pwd=Admin123" interval="10" nocache height="50%" width="50%"></ftui-image>
  <ftui-label class="size-1">CamHof</ftui-label>
</ftui-tab>


Eins ist beim Popup mit Cam zu bedenken. Das permanent traffic ensteht auch wenn das popup hidden ist!...
Abhilfe kann ein dummy schaffen der bei @close eine leere url bekommt und beim öffnen mit @click wird dann die richtige übergeben und aus dem Reading gelesen.
Bei Interesse kann ich ein Beispiel posten. (irgendwo wurde das hier im Thread schon mal erwähnt (gefühlte 1000Seiten vorher ))
LG mr_petz

Edit: Wenn das popup größer sein soll, dann machst du das auch mit: height="deineGröße" und width="deineGröße"
Wenn es über den gesamten grid-Bereich gehen soll dann auch noch mit: position="page"

Hi @mr_petz,

ich hätte da definitiv an Deinem Beispiel Interesse.

Meine aktuelle Lösung:
Ein Motion-Dienst zapft die Cams an und liefert dann die Bilder per Webserver.
Den permanenten Traffic verhindere ich, dass ich motion per @Click (->servicd) an und ausschalte.
Das funktioniert sehr gut, nur gibt's da ein bis drei "Gedenksekunden".

VG Matthias

[hackepeter]

Das hab ich ganz überlesen, an dem Beispiel habe ich auch Interesse

[stefan-dd]

Wie bekomme ich sämtliche Kommastellen Weg. Mit fix(2) kann ich welche dazu setzen, aber mit fix(0) gehen sie nicht weg. Wo liegt der Fehler?

Code Auswählen Erweitern

<ftui-label [text]="Wetter_DD_Proplanta:humidity | fix(0)" size="3" unit=" %"></ftui-label>

[mr_petz]

@presskopf, @hackepeter

Ich habe den Beitrag gefunden (ist von Januar 2021):
https://forum.fhem.de/index.php/topic,115259.msg1125250.html#msg1125250

Ich habe es auch so in der Art umgesetzt.
LG mr_petz

[Dracolein]

Wie bekomme ich sämtliche Kommastellen Weg. Mit fix(2) kann ich welche dazu setzen, aber mit fix(0) gehen sie nicht weg. Wo liegt der Fehler?

Code Auswählen Erweitern

<ftui-label [text]="Wetter_DD_Proplanta:humidity | fix(0)" size="3" unit=" %"></ftui-label>

Code Auswählen Erweitern

<ftui-label [text]="RaumsensorFranzi_T:temperature | fix(0)" class="size-4"
                            [color]="RaumsensorFranzi_T:temperature | step('19: blue, 20: green, 23: orange, 25: red')">
                            <span class="size-1" slot="unit">°C</span></ftui-label>
Readingwert aktuell:

temperature 20.75

[mr_petz]

@stefan-dd

Bei einem Readingstring mit "," kannst du nicht mit fix() kürzen. fix() geht nur bei zBsp.: 20.123 als Reading mit dot.
Bei proplanta wird z.Bsp. Luftfeuchte und Wind mit einem "," versehen.
Du müsstest mit replace() arbeiten wenn dein Reading ein "," im string hat.
LG mr_petz

Edit: Hier ein Beispiel:
Reading ist: 20,123
Würdest du mit replace(/\,(.*)/g,'') eine 20 draus machen.
oder (ungetestet) erst ein

Code Auswählen Erweitern


| replace(/\,/g,'.')

und dann noch ein fix

Code Auswählen Erweitern


| replace(/\,/g,'.') | fix(0)

hinterher...

ps. mit round() verhält sich das genauso wie mit fix(). nur Zahl mit "."

[setstate]

Bei mir sind alle Proplanta Readings mit . (wenn nötig) - nicht ein , irgendwo.

Wie sehen deine Server local settings aus? Bei mir: en_US.utf8

[mr_petz]

Bei mir sind alle Proplanta Readings mit . (wenn nötig) - nicht ein , irgendwo.

Wie sehen deine Server local settings aus? Bei mir: en_US.utf8

Ok. ich hatte mir es nicht im fhem-modul angeschaut, sondern online auf proplanta.
Reading sollte mit dot sein. Warum geht dann der fix(0) bei stefan-dd nicht?
Da muss er mal das Reading zeigen oder?

LG mr_petz

[setstate]

sehr komisch ...

Bei mir geht es auch, wenn es mit part() abgetrennt wurde

Code Auswählen Erweitern


      <ftui-label [text]="AgroWeather:temperature | fix(0)"></ftui-label>
      <ftui-label [text]="AgroWeather:temperature | round(0)"></ftui-label>
      <ftui-label [text]="AgroWeather:state | part(6)"></ftui-label>
      <ftui-label [text]="AgroWeather:state | part(6) | fix(0)"></ftui-label>
      <ftui-label [text]="AgroWeather:state | part(6) | round(0)"></ftui-label>


[MDietrich]

So sollte es funzen...

Code Auswählen Erweitern


<ftui-button [value]="HUEGroup2:any_on" states="pct 20, off" shape="circle"
[color]="HUEGroup2:any_on | map('1:brown, 0:dark')"
(value)="HUEGroup2">
</ftui-button>


Moin, ich habe dies ähnlich gemacht, nur "ein" und "aus", aber es wird nur jedes 2. Mal ausgeschaltet:

Code Auswählen Erweitern

<ftui-button states= "on,off" fill="solid" size="large"
              shape="normal" direction="horizontal"
              [(value)]="HUEGroup51694"
              [color]="HUEGroup51694:onoff | map('1:success, 0:light')">
              <ftui-label size="3"
                [text]="HUEGroup51694:onoff | map('1: An, 0: Aus')">
              </ftui-label>
              <ftui-icon type= "svg" path= "icons" size= "2"               
                [name]="HUEGroup51694:onoff | map('1: lightbulb-on, 0: lightbulb')">
              </ftui-icon>
            </ftui-button>

Hat sich gerade erledigt, so funktioniert es jetzt nachdem ich ein map für [value] ergänzt habe:

Code Auswählen Erweitern

<ftui-button states= "on,off" fill="solid" size="large"
              shape="normal" direction="horizontal"
              [value]="HUEGroup51694:onoff | map('1: on, 0: off')"
              [color]="HUEGroup51694:onoff | map('1:success, 0:light')"
              (value)="HUEGroup51694">
              <ftui-label size="3"
                [text]="HUEGroup51694:onoff | map('1: An, 0: Aus')">
              </ftui-label>
              <ftui-icon type= "svg" path= "icons" size= "2"               
                [name]="HUEGroup51694:onoff | map('1: lightbulb-on, 0: lightbulb')">
              </ftui-icon>
            </ftui-button>

Gruß,
MDietrich

[mr_petz]

@MDietrich

Wir hatten uns auf die Lösung hingetastet...
Das war dann das Resultat:

Code Auswählen Erweitern


<ftui-button [(value)]="HUEGroup2:pct" states="20,0" shape="circle"
[color]="HUEGroup2:any_on | map('1:brown, 0:dark')">
</ftui-button>


Dann so. das get brauchst du ja nur für die Farben...

LG mr_petz

[grossmaggul]

Ich möchte noch einmal darauf hinweisen, daß es Probleme mit Charts gibt, die man in einem content File aufbaut.
Man erhält dann immer beim Reload der Seite unten angehängte Fehlermeldung.

Außerdem fehlen teilweise die Achsenbeschriftungen.

[LuGu]

Ich möchte noch einmal darauf hinweisen, daß es Probleme mit Charts gibt, die man in einem content File aufbaut.
Man erhält dann immer beim Reload der Seite unten angehängte Fehlermeldung.

Außerdem fehlen teilweise die Achsenbeschriftungen.

Moin,
ich habe ähnliche Beobachtungen gemacht und schon mal nachgefragt. Bisher hatte aber noch keiner eine Idee.

https://forum.fhem.de/index.php/topic,117779.msg1193973/topicseen.html#msg1193973

Gruß LuGu