FTUI version 3

[M.Piet]

@M.Piet,@OdfFhem

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

LG

Aber das ,,width:50%" verändert doch nur die Größe...?!?!

@OldFhem:
Die GIFs kann ich grad nicht senden, da ich nicht zuhause bin.

Guten Rutsch euch allen

[juemuc]

Hallo mr_petz,

ich bekomme das Weekdaytimer-Widget einfach nicht ans laufen. Ich habe folgende Schritte durchgeführt:


Die js-Datei ins Verzeichnis ftui/components/timerset verschoben
   

Code Auswählen Erweitern

uergen@ubuntu:/opt/fhem/www/ftui/components/timeset$ ls -l
insgesamt 484
-rwxr--r-- 1 root root 484170 Dez 31 15:00 timerset.component.js
-rw-r--r-- 1 root root   5353 Dez 27 16:37 timeset.component.js
juergen@ubuntu:/opt/fhem/www/ftui/components/timeset$

dummy1 und dummy definiert

Code Auswählen Erweitern

defmod dummy1 dummy
attr dummy1 room TEST

Code Auswählen Erweitern

defmod dummy WeekdayTimer dummy1 de 10:00 on
attr dummy commandTemplate set $NAME  $EVENT
attr dummy room TEST

In einem Tab versucht, den WT per popup aufzurufen:

Code Auswählen Erweitern

<ftui-grid-tile row="1" col="1" height="7" width="10">
    <header>Timer</header>
    <ftui-icon name="th" popup-target="pop1"></ftui-icon>
    <ftui-popup id="pop1" shape="round" height="">
      <header>Timer</header>
      <ftui-timerset
        device="dummy"
      >
      </ftui-timerset>
    </ftui-popup>        
  </ftui-grid-tile>


Der Code ist in einer Datei View6.html die so aufgerufen wird:

Code Auswählen Erweitern

    <ftui-tab-view id="View6">
      <ftui-grid-tile row="3" col="3" height="10" width="17">
        <ftui-content file="View6.html"></ftui-content>
      </ftui-grid-tile>
    </ftui-tab-view>


Ich bin mit meinem Latein am Ende  und erbitte um Hilfe 
Viele Grüße
Jürgen

[mr_petz]

Hier aufpassen! Die js muss in den Ordner timerset nicht timeset.
Ist einwenig unglücklich der Name.

Ich kann das noch ändern in wdtimer...
LG

[OdfFhem]

@mr_petz, @M.Piet

Irgendwie interessierte mich der Einsatz von ftui-icon sowie ftui-image für GIFs.

Für den Test habe ich die row/column-Konstruktion von @M.Piet verwendet.


Screenshot_gif_original gibt das Resultat wieder, wenn das GIF ohne weitere Attribute dargestellt wird.

Screenshot_gif_angepasst gibt das Resultat wieder, wenn das GIF mittels Attributverwendung angepasst dargestellt wird.
*** <ftui-icon ... size="-3">
*** <ftui-image ... width="150%">
Die Werte der Attribute können im Zweifel je nach GIF variieren.

[mr_petz]

Ist wie gedacht. Danke fürs testen.
Hier sieht man wie das image aussermittig bei 150% dargestellt wird.
Hast du das image auch mit style width getestet?


Edit:
@OdfFhem,@M.Piet
gerade mal getestet (bis zur Party noch bissl Zeit ).
mit width="45%" im ftui-image wird ein style="width:45%" im eingebetteten <img>Tag erzeugt, was sonst 100% hat und damit wird das Bild aussermittig angezeigt.
mit style="width:45%" wird es nur am Elternelement angewendet und das <img>Tag bleibt bei 100% und das Bild wird nicht aussermittig in 45% Größe dargestellt!
Ist glaube was für setstate zum korrigieren... es sei denn es ist so gewollt...

[juemuc]

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

Hi mr_petz,
Verzeichnis wurde korrigiert. Geändert hat sich aber leider nichts. Es passiert einfach nichts. Ich bin ratlos.

Kurz auch die Info zu Punkt #2: Ja, hier wird eine Zeit gesetzt.

Ich wünsche allen ein gutes neues Jahr.
Jürgen

[M.Piet]

@mr_petz und @OldFhem:
Danke fürs ausgiebige Testen.
Also muss ich erstmal damit leben und wir warten mal ab, was Setstate dazu sagt, richtig?

[mr_petz]

Hi Jürgen,
ich kann mir gut vorstellen dass deine js nicht in Ordnung ist.
Falsch erstellt oder ähnliches. Die Größe bei dir scheint auch die Falsche zu sein laut screenshot (~484000byte), müsste ca 21000byte sein.
Es müsste mindestens das wie auf dem Bild zu sehen sein oder eine Fehlermeldung angezeigt werden.
Am besten die Dateien immer mit wget holen. Bsp:

Code Auswählen Erweitern


wget https://raw.githubusercontent.com/mr-petz/ftui/weekdaytimerset/www/ftui/components/timerset/timerset.component.js

Wenn das bei nicht der Fall ist, auch Browsercache leeren!
Ich hänge mal die js temporär an.
Sag Bescheid wenn du das File hast.
Edit: und nachsichtig mit mir sein... das war eines meiner ersten Komponenten...
ach und dein Bild oben zeigt nicht das geöffnete Popup wo der wdtimer drin ist.?

LG mr_petz

ps. Allen einen guten Start ins neue Jahr

[mr_petz]

@mr_petz und @OldFhem:
Danke fürs ausgiebige Testen.
Also muss ich erstmal damit leben und wir warten mal ab, was Setstate dazu sagt, richtig?

Du kannst es wie @OdfFhem sagt mit ftui-icon machen oder es so testen mit style:

Code Auswählen Erweitern


  <ftui-column color="medium">
    <ftui-label text="Holzvergaser"></ftui-label>
    <ftui-image style="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>


LG mr_petz

[juemuc]

Hi Jürgen,
ich kann mir gut vorstellen dass deine js nicht in Ordnung ist.
Falsch erstellt oder ähnliches. Die Größe bei dir scheint auch die Falsche zu sein laut screenshot (~484000byte), müsste ca 21000byte sein.
Es müsste mindestens das wie auf dem Bild zu sehen sein oder eine Fehlermeldung angezeigt werden.
Am besten die Dateien immer mit wget holen.
Wenn das bei nicht der Fall ist, auch Browsercache leeren!
Ich hänge mal die js temporär an.
Sag Bescheid wenn du das File hast.
Edit: und nachsichtig mit mir sein... das war eines meiner ersten Komponenten...
ach und dein Bild oben zeigt nicht das geöffnete Popup wo der wdtimer drin ist.?

LG mr_petz

ps. Allen einen guten Start ins neue Jahr

Danke für Deine Tipps. Habe mir die Datei nun von hier heruntergeladen. Die Größe scheint nun zu passen. Ich teste nun wieder 
Viele Grüße
Jürgen

[juemuc]

Hi mr_petz,

mein erster erfolgreicher Versuch 
Ich habe allerdings noch einige Verständnis-Probleme 

• Das Format passt irgendwie noch nicht ganz
• Ich kann nichts ändern. Für eine Änderung muss ich erst alles Löschen und dann alles neu hinzufügen. Ist das so gewollt
• Warum muss man "senden"?

Code Auswählen Erweitern

<ftui-grid base-width="78" base-height="58" margin="3">
  <ftui-grid-tile row="1" col="1" height="5" width="10">
    <header>Timer</header>
    <ftui-timerset 
      device="dummy"
      >
    </ftui-timerset>
  </ftui-grid-tile>
</ftui-grid>


Viele Grüße
Jürgen

PS: Ich hoffe doch, dass ich nachsichtig bin  Ich bin ja über Eure Unterstützung sehr froh.

[mr_petz]

zu1) was meinst du mit Format? Wenn du das grau meinst, das ist das overlay wenn dein timerdevice disabled ist und da kommen wir:
zu2) kann es sein das dein timerdevice disabled ist? rechts unten den switch anmachen. Wenn disabled nicht gesetzt, ist standardmäßig aus.
zu3) senden ist speichern. erst wenn du alles eingestellt hast, wird mit senden alles zu Fhem geschickt und gespeichert.

LG

[juemuc]

Hi,

ok. jetzt habe ich das mit "disable" verstanden. Also einfache Werte setzen funktioniert. Uhrzeit über sunrise/sunset mit Bedingung fehlt leider  siehe Screenshot

Wer könnte hier helfen 

Ich stehe auch gerne als Tester bereit

Viele Grüße
Jürgen

[mr_petz]

Wie ich hier schon schrieb:
https://forum.fhem.de/index.php/topic,115259.msg1185270.html#msg1185270
ist das eine einfache Übergangslösung.
Für mehr nutze ich den nicht. Auch optisch habe ich mir nicht viel Mühe gegeben...
Für Extravariablen, wie sunset/sunrise, müsste ich wissen wie die in Fhem gestezt/verarbeitet werden und wie die im "alten" widget integriert wurden...
Alte Definition und list wären Hilfreich.
Die Basis hab ich ja...
Ein neuer Thread bestimmt auch, da hier StandardFtui3Themen behandelt werden sollen...

LG

[juemuc]

Hi mr_ petz,

ich frage Mal ganz "Blauäugig:

Kann man nicht die Programmierung von https://github.com/svenson08/ftui-weekdaytimer-widget/blob/master/js/widget_wdtimer.js größtenteils übernehmen?

Danke für Deine Unterstützung.

Viele Grüße
Jürgen