FTUI Wechsel zwischen zwei icons

Begonnen von neyzen, 29 Juni 2020, 14:46:26

Vorheriges Thema - Nächstes Thema

neyzen

Hallo,

ist es möglich in FTUI,

das ich bei einem "on" Zustand zwei unterschiedliche Icons im wechsel anzeigen lassen kann?
z.B. möchte ich gerne die Aussentür im FTUI mit zwei icons anzeigen wenn sie offen ist.
Das erste icon ist eine geschlossene Tür das zweite eine offene Tür. Und dieses immmer im wechsel, so das eine art Animation entsteht. Tür auf - zu -auf -zu - auf ....

Mein jetziger code sieht so aus.

<li data-row="3" data-col="15" data-sizex="1" data-sizey="1">
<div class="large" style="color:white;">GIRIŞ</div>
<div class="inline top-space-2x">
<div class="bigger compressed"
data-type="symbol"
data-device="MAX_00f80d"
data-states='["opened","closed"]'
data-icons='["fa-door-open faa-flash animated faa-slow","fa-door-closed"]'
data-colors='["#ff0000","#7fff00"]'
</div>
</li>

Tom0711

Ich habe leider keine Antwort, sondern die selbe Frage:

ich habe mir in FTUI ein Symbol-Widget für den Zustand meiner Wallbox angelegt.
Wenn das Auto lädt, soll eine Animation gezeigt werden.

Laut https://wiki.fhem.de/wiki/FTUI_Widget_Symbol#Symbol_mit_vier_Zust.C3.A4nden_und_Animation sollte das funktionieren.

Mein Code:
    <div class="left">
                <div data-type="symbol"
                data-device="go_eCharger"
                data-get="car"
                data-states='["1","2","3","4"]'
                data-icons='["fa-power-off","fa-battery-0 fa-battery-1 fa-battery-2 fa-battery-3 fa-battery-4","fa-connect","fa-battery-full"]'
                data-colors='["GoldenRod","green","Crimson","green"]'>
                </div>
                <div data-type="label">Status</div>
          </div>

Ich hätte erwartet, dass im Zustand 2 jetzt Batterien mit zunehmender Füllung gecycled werden. Leider wird bei mir nur eine "leere" Batterie angezeigt. Machen wir etwas falsch?

Thomas

amenomade

#2
Da hast Du etwas falsch verstanden. Nirgendwo steht, dass man so eine animierte Transition zwischen mehreren unterschiedlichen Icons haben kann.

Im verlinkten Wiki Beitrag handelt es sich um fa-spin.
fa-spin ist aber kein Icon sondern ein "modifier", das das Icon fa-cog zum Drehen bringt.
Pi 3B, Alexa, CUL868+Selbstbau 1/2λ-Dipol-Antenne, USB Optolink / Vitotronic, Debmatic und HM / HmIP Komponenten, Rademacher Duofern Jalousien, Fritz!Dect Thermostaten, Proteus

Tom0711

@amenomade:

Danke schön! Das passt genauso, hab jetzt ein fa-blink dahinter gesetzt.

Thomas