FTUI version 3

[juemuc]

Hallo zusammen,

unter FTUI2 nutze ich das sscam-Widget https://wiki.fhem.de/wiki/FTUI_Widget_f%C3%BCr_SSCam_Streaming_Devices_(SSCamSTRM) Gibt es unter FTUI3 hier auch ein Pendant?
Ich hoffe, ich habe nicht wieder falsch gesucht

Viele Grüße
Jürgen

[mr_petz]

Hallo zusammen,

unter FTUI2 nutze ich das sscam-Widget https://wiki.fhem.de/wiki/FTUI_Widget_f%C3%BCr_SSCam_Streaming_Devices_(SSCamSTRM) Gibt es unter FTUI3 hier auch ein Pendant?
Ich hoffe, ich habe nicht wieder falsch gesucht

Viele Grüße
Jürgen

Nein das gibt es meines Wissens noch nicht. Ich hatte mal zu Testzwecken eine PTZ-Steuerung mit FTUI3 Boardmitteln gebaut + JS-Code (siehe Bild).
Das alles ging über CGI-Befehle. Problem ist aber, zum Nachbau braucht man da extra JS-Code, weil immer nach einem SetCommand ein StopCommand mitgesendet werden muss.
Hier müsste man auch von jeder Kamera die CGI kennen.
Um das FTUI2-Widget zu portieren, müsstest du den Entwickler mal anfragen...

LG mr_petz

[juemuc]

Danke für die Info. Ich werde mich mit DS-Starter in Verbindung setzen.

Viele Grüße
Jürgen

[M.Piet]

Code Auswählen Erweitern

        <ftui-icon color="green" size="2" left="285px"
              path="../images/openautomation" [name]="Rollo_Wohnzimmer:state | map('pct 100:fts_roof_window_shutter_0, pct 75:fts_roof_window_shutter_03, pct 50:fts_roof_window_shutter_05,
              pct 25:fts_roof_window_shutter_07, pct 0:fts_roof_window_shutter_10, undefined:message_attention, .*:message_attention')">
        </ftui-icon>

Hey Jürgen,
Super! Danke! Das ist genau das was ich suche!
Bei mir werden die Icons aber nicht angezeigt. Das sind animierte GIFs. Kann es sein das es damit zusammenhängt?

Code Auswählen Erweitern

        <ftui-icon color="green" size="2" left="285px"
              path="../images/diverses" [name]="HMW_Sen_SC_12_DR_OEQ0863464_04:state | map('sensor_closed:sleep_TR.gif, sensor_open:fire_TR.gif')">
        </ftui-icon>   

Die beiden Gifs liegen im folgenden Pfad:
/opt/fhem/www/ftui/images/diverses/fire_TR.gif
/opt/fhem/www/ftui/images/diverses/sleep_TR.gif

Und das State von dem Device passt auch (siehe Screenshot)

[mr_petz]

@M.Piet

gifs sind keine Icons.
Dafür ftui-image verwenden.
Edit:
Bsp.:
https://forum.fhem.de/index.php/topic,115259.msg1186952.html#msg1186952

LG

[OdfFhem]

Angenommen, es wäre doch ein Icon ...

Code Auswählen Erweitern


   <ftui-icon path="../jscolor" [name]="ftuitest:onoff | map('1:cross.gif, 0:arrow.gif')"></ftui-icon>

liefert einen falschen Link: http://raspberrypiX:8083/fhem/jscolor/arrow.gif.svg ... und zeigt nichts an

Code Auswählen Erweitern


   <ftui-icon path="../jscolor" [name]="ftuitest:onoff | map('1:cross, 0:arrow')" type="gif"></ftui-icon>

liefert einen korrekten Link: http://raspberrypiX:8083/fhem/jscolor/arrow.gif ... und zeigt es entsprechend an

[M.Piet]

Dafür ftui-image verwenden.

https://forum.fhem.de/index.php/topic,115259.msg1186952.html#msg1186952

Hey Danke dir.

Aber...es klappt nicht. Ich weiß nicht warum.

Mein TestDummy hat entweder "on" oder "off"
Die GIFs werden auch angezeigt:

Code Auswählen Erweitern

http://192.168.92.30:8083/fhem/ftui3/images/diverses/fire_TR.gif
http://192.168.92.30:8083/fhem/ftui3/images/diverses/sleep_TR.gif


Ich verstehe nicht wo hier der Fehler ist:

Code Auswählen Erweitern

   <ftui-image left="48%" top="06%" width="10%" height="08%" [src]="TestDummy | map('on:`./images/diverses/fire_TR.gif`,  off:`./images/diverses/sleep_TR.gif`')"></ftui-image>

[mr_petz]

Es wird ja was angezeigt.
Auf dem deinem Bild rechts mitte ist ein weißer Punkt.
Lasse mal zum Test width und height weg Damit man mehr sieht...

Edit:
und mal so testen:

Code Auswählen Erweitern


<ftui-image left="48%" top="6%" base="images/diverses/" [src]="TestDummy | map('on:fire_TR.gif,  off:sleep_TR.gif')"></ftui-image>


./ ist hier nicht nötig. es würde aber beides gehen...

[M.Piet]

Oh man....ich hatte die Brille nicht auf. Logisch bei den Werten die da angegeben waren...
Es geht...!
Danke dir!


...aber....wie bekomme ich denn nun noch das GIF in die Mitte? Ich verstehe grad nicht, warum er das linksbündig macht.
Verstehe nicht, warum die Icons und der Text in der mitte steht, das Bild aber nicht.

Code Auswählen Erweitern

<ftui-column align-items color="medium">
  <ftui-label text="Holzvergaser"></ftui-label>
  <ftui-image width="45%" [src]="TestDummy | map('Holzvergaser in Betrieb:`./images/diverses/fire_TR.gif`,  Holzvergaser aus:`./images/diverses/sleep_TR.gif`')"></ftui-image>
  <ftui-label [text]="CN.Holzvergaser:appOpHoursPerDayTemp | round(0,20) "></ftui-label>
  <ftui-label [text]="CN.Holzvergaser:appOpHoursPerDay | round(0,50)"></ftui-label>  
  <ftui-label [text]="CN.Holzvergaser:appOpHoursPerMonthTemp | round(0,50)"></ftui-label>  
  <ftui-label [text]="CN.Holzvergaser:appOpHoursPerMonth | round(0,50)"></ftui-label>
  <ftui-label [text]="CN.Holzvergaser:appOpHoursPerYearTemp | round(0,50)"></ftui-label>    
  <ftui-label [text]="CN.Holzvergaser:appOpHoursPerYear | round(0,50)"></ftui-label>
</ftui-column>

[juemuc]

Hi, ich habe hier einen einfachen Timerset um den WeekdayTimer zu füttern und auszulesen.
Ich habe den in anderer Form für meine HeizungsTimer genutzt und für den WeekdayTimer umgebaut.
Vielleicht kann man darauf aufbauen den wdtimer_widget zu portieren.
Für meine Anwendung reicht dieser aus...
Das ist wieder eine "Übergangslösung" von mir und ich werde da nicht mehr viel Zeit reinstecken (ist nicht böse gemeint).
Optisch ist er sehr einfach gehalten.
Wer hier lust hat weiter zu stylen oder zu ändern kann es gerne machen
Ein grid-tile witdth="10" ist ein muss! Sonst verschieben sich die Reihen. Wie gesagt, für mich ausreichend...

zum runterladen hier hingehen:
https://github.com/mr-petz/ftui/tree/weekdaytimerset/www/ftui/components/timerset

LG mr_petz

Hallo mr_petz,

ich beschäftige mich gerade mit dem Thema "Weekdaytimer". Dazu habe ich noch folgende Fragen:

• In welches Verzeichnis muss deine js-Datei?
• Kann man hiermit nur eine Uhrzeit mitgeben oder ist auch die Definition von Sonnenaufgang bzw. Sonnenuntergang möglich?

Meine Weekdaytimer sind z.B. so in FHEM definiert:

Code Auswählen Erweitern

defmod Esszimmerlampe_WT WeekdayTimer Esszimmerlampe_WT_dummy de 1234560|{sunset_abs("HORIZON=-0.9","00:00","00:00")}|on (ReadingsVal("Uhrzeit","state","") le "20:30")

Wenn dies noch nicht möglich ist, wer sieht sich in der Lage die FTUI3-Version zu erweitern? Die FTUI2-Vorlage ist unter https://github.com/svenson08/ftui-weekdaytimer-widget zu finden.
Ich bin leider nur Anwender, kann aber gerne testen.

Viele Grüße und einen guten Rutsch
Jürgen

[OdfFhem]

...wie bekomme ich denn nun noch das GIF in die Mitte?

Kannst Du mal die beiden GIFs anhängen ... im Zweifel nur temporär ?
Dann kann man es leichter nachstellen ...

[mr_petz]

Hi Jürgen,
#1 ins  ftui/components/timerset
#2 schaue ich mir nochmal an (wird da nicht auch automatisch eine Zeit gesetzt?)

LG mr_petz

[mr_petz]

@M.Piet,@OdfFhem

Ich glaube das liegt an der width Angabe.
Hier müsste man mit style="width:50%" arbeiten.

LG

[OdfFhem]

@mr_petz

Könnte gut sein, da das Attribut width die Darstellungsfläche auf (die ersten) 45% einschränkt - daher klebt es vermutlich links ...

Ich hatte übrigens mal in der icon-Komponente geschaut; dort wird jedes Nicht-SVG in ein img-Tag gepackt; zusätzlich könnte man auf size zurückgreifen ... ausprobiert habe ich es bislang aber nicht.

[mr_petz]

@OdfFhem
Danke fürs nachschauen. Wir müssten wirklich mal alles ins wiki schreiben. Jetzt wo du es schreibst fällt es mir auch wieder ein, dass man im icon den type angeben kann. Wir/ich können sich jeden Anwendungsfall garnicht merken.

LG