FTUI version 3

[Dracolein]

Perfekt, das Element war es, super.

[Dracolein]

Um es auf die Spitze zu treiben:

Besteht eine Möglichkeit, diesen Swiper - oder Teile der dargestellten Optionen - zeitabhängig zu machen?

Zum Background:
Bei mir wechseln nun alle 20 Sekunden fein die Livestreams durch, das ist cool. Allerdings sind diverse Streams nach Sonnenuntergang schlicht schwarz weil dunkel draußen und dann würde ich gern diese Streams nach Sonnenuntergang bis zum nächsten Sonnenaufgang "ausblenden"

[OdfFhem]

@Dracolein

Hier könnte das hidden-Attribut helfen ... s. swiper-Beispiel im examples-Ordner.

[mr_petz]

@Dracolein
Ich hätte eine alternative zu swiper:

Code Auswählen Erweitern


<script>
  setInterval(()=>{
    const seconds = new Date().getSeconds();
    ftuiApp.fhemService.updateReadingItem('local-sec', {value: seconds});
  },1000);
</script>
<ftui-image [src]="local:sec | step('
     0:`https://i.pravatar.cc/100?img=1`,
    10:`https://i.pravatar.cc/100?img=2`,
    20:`https://i.pravatar.cc/100?img=3`,
    30:`https://i.pravatar.cc/100?img=4`,
    40:`https://i.pravatar.cc/100?img=5`,
    50:`https://i.pravatar.cc/100?img=6`,
    ')" nocache>
</ftui-image>

Einfach so in deine Seite und die url anpassen...
Ich weis das ist mit Extrascript, aber ich zeige gern andere Möglichkeiten...
Es sei denn du kannst dir die Sekunden aus Fhem holen??

Zum sunrise und sunset würde ich das anlegen:
https://wiki.fhem.de/wiki/SUNRISE_EL
Darauf könntest du dann wie @OdfFhem sagt [hidden] anwenden im ftui-image.

LG

[Dracolein]

Ah ich habe einige Hidden-Beispiele gefunden, die ein Reading abfragen.

Code Auswählen Erweitern

[hidden]="Nachtlichtautomatikschalter:state | map('on:false, off:true')"

Aber wie übertrage ich das auf die Abfrage (false / true) ob die aktuelle Uhrzeit "tagsüber" oder "nachts" ist?
Müsste ich dazu erst ein dummy_isDay Device oder sowas bauen, dessen state "on" oder "off" ist vermutlich? So wie hier am Beispiel?
https://wiki.fhem.de/wiki/Trick_der_Woche#isday

Es gibt auch die Funktion isday() die 1=Tag oder 0=Nacht liefert, was mir vollkommen ausreichen würde.
Wie sähe die Syntax aus in obigem Beispielcode, wenn man die Funktion direkt dort einbaut?

Code Auswählen Erweitern

[hidden]="isday() | map('1:false, 0:true')"
ist bestimmt falsch, oder?

[mr_petz]

isday() ist eine Fhem(Perl)funktion. Die kannst du so aufrufen in der Fhem-Kommandozeile:

Code Auswählen Erweitern


{isday()}

Liefert 0 und 1 glaube ich...

isday kannst du als Bedingung in einem notify oder doif nehmen und das in die if Abfrage einsetzen.
Bsp-definition:

Code Auswählen Erweitern


define dummy_istTag dummy
define doif_istTag DOIF (isday()) (set dummy_istTag on) DOELSE (set dummy_istTag off)


Edit. Beispiel bearbeitet...

[Dracolein]

Ich habe es nun so gelöst:

Code Auswählen Erweitern

[hidden]="dummy_istTag:state | map('on:false, off:true')"

unter Zuhilfenahme von diesen 3:

Code Auswählen Erweitern

define dummy_istTag dummy
define at_istTag_on at *{sunrise()} set dummy_istTag on
define at_istTag_off at *{sunset()} set dummy_istTag off

(editiert)

[mr_petz]

Hinweis: Du hast 2x sunset definiert...

[LuGu]

Wenn es bei Dir eine völlig andere Ursache gibt, dann scheint eine Analyse schwierig(er) bis unmöglich.
Reicht im Zweifel das einfache Löschen der problematischen Datei vor dem FTUI3-Update ?

Danke OdfFhem für's mitsuchen.
Ich habe das gesamte /examples gelöscht, danach lief das Update durch.

Gruß LuGu

[ThomasFh]

Hallo,

Ich würde gerne in einem Label drei verschiedene Readings in einer Zeile darstellen, weiß aber nicht, wie ich die 3 Werte zu einem Wert stringverketten (concat) kann.
In fhem wurden die 3 Werte schon mittels stateFormat zusammengefaßt, in FTUI3 erhalte ich jedoch nur den nativen state (bei mir open) angezeigt.

Danke vorab.

[Dracolein]

3 einzelne <ftui-label> Elemente von einem <ftui-row></ftui-row> umschlossen sind keine Alternative?

[bismosa]

Hallo,

3 einzelne <ftui-label> Elemente von einem <ftui-row></ftui-row> umschlossen sind keine Alternative?

Auch wenn ich nicht die Frage gestellt habe. Für mich ist es erst eine Alternative, seit dem ich den Rand im Label für die Unit komplett entfernt habe.
Dafür habe ich die label.component.js angepasst. Die Zeile 36 habe ich für mich ausgeklammert.
Ist natürlich bei einem Update ein Problem (es wurde auch kürzlich etwas geändert, habe ich mir aber noch nicht angeschaut.)

Code Auswählen Erweitern


https://github.com/knowthelist/ftui/blob/master/www/ftui/components/label/label.component.js#L36


Ich hatte das Problem vorher mehrfach 


[edit]
Es geht auch ohne Anpassung an der Komponente:

...
Als Übergangslösung könntest du es auch so machen:

Code Auswählen Erweitern


<ftui-label class="size-7 thin" text="11.8"><span class="size-1" slot="unit" style="position:relative;left:-0.75em;">°C</span></ftui-label>


Siehe Beitrag: https://forum.fhem.de/index.php/topic,115259.msg1242235.html#msg1242235
[/edit]

Gruß
Bismosa

[mr_petz]

Zu erwähnen ist, @setstate hat den Abstand der unit im label beim letzten update auf 0.15em verringert...
LG

[ThomasFh]

3 einzelne <ftui-label> Elemente von einem <ftui-row></ftui-row> umschlossen sind keine Alternative?

hab das erstmal so gemacht wie vorgeschlagen, ganz abgesehen davon, dass es schneller geht, wenn man in fhem gleich ein entsprechendes userReading(s) erstellt.

Mangels doku und eigenem Unvermögen bekomme ich aber keine Einheiten an das label

Code Auswählen Erweitern



      <!-- Victron -->
      <ftui-grid-tile row="8" col="4" height="2" width="3" color="green">
        <ftui-label size="3">Victron</ftui-label>
        <ftui-icon name="cog" size="3"></ftui-icon>
        <ftui-row width="80%" height="10%">
          <ftui-label [text]="VictronT1:GridPowerL1"></ftui-label>
                   <ftui-label [unit]="Watt"></ftui-label>
          <ftui-label [text]="VictronT1:GridPowerL2"></ftui-label>
          <ftui-label [text]="VictronT1:GridPowerL3"></ftui-label>
        </ftui-row>
      </ftui-grid-tile>



Ich dachte, dass man hiermit eine Einheit anhängen kann:
<ftui-label [unit]="Watt"></ftui-label>

Das klappt aber nicht.

[andreas_r]

Das hier kann nur funktionieren, wenn du ein FHEM Device hast, das "Watt" heisst und als status die Einheit hat.

Code Auswählen Erweitern

<ftui-label [unit]="Watt"></ftui-label>

Ansonsten muss es so heissen:

Code Auswählen Erweitern

<ftui-label unit="Watt"></ftui-label>