FHEM Forum

FHEM => Frontends => TabletUI => Thema gestartet von: kaptainlu am 04 Dezember 2022, 10:34:53

Titel: FTUI 2 - Symbol soll erscheinen und blinken sobald Kontakt sich öffnet
Beitrag von: kaptainlu am 04 Dezember 2022, 10:34:53
Hallo zusammen,

stehe gerade auf dem Schlauch und benötige daher ein wenig Unterstützung.

Ich habe einen Aqara Kontaktsensor an meinem Briefkasten montiert.
Sobald die Briefkastenklappe geöffnet wird, möchte ich, dass auf meinem Tablet ein Symbol (oa-message_mail_open) erscheint, welches gelb ist und blinkt.

Bekomme ich irgendwie nicht hin.

Zitat<div class="sheet">
                     <div class="row">
                      <div class="cell">
                          <div data-type="symbol" data-device="Kontakt_Briefkasten" data-get="state"
                          data-states='["open","closed]'
                          data-icons='["oa-message_mail_open","fa-accusoft"]'
                          class="yellow blink great readonly"></div></div></div>
                      </div>

Vielen Dank vorab!
Titel: Antw:FTUI 2 - Symbol soll erscheinen und blinken sobald Kontakt sich öffnet
Beitrag von: OdfFhem am 04 Dezember 2022, 11:23:31
Beispiel für blinkendes Icon, falls das "Reading" dem "Wert1" entspricht:

<div data-type="symbol" data-device="dummy1"
  data-states='["Wert1","Wert2","Wert3"]'
  data-icons='["fa-exclamation-triangle fa-blink","fa-exclamation-circle","fa-cog fa-spin"]'
  data-colors='["Crimson","GoldenRod","SeaGreen"]'
   >
</div>

Wichtig ist also, nicht class (für alle) zu erweitern, sondern den zugehörigen data-icons-Eintrag ...
Titel: Antw:FTUI 2 - Symbol soll erscheinen und blinken sobald Kontakt sich öffnet
Beitrag von: TomLee am 04 Dezember 2022, 11:31:51
ZitatWichtig ist also, nicht class (für alle) zu erweitern, sondern den zugehörigen data-icons-Eintrag ...

Und dann fehlt einfach nur ein Anführungszeichen hinter closed.

<div class="sheet">
  <div class="row">
    <div class="cell">
      <div
        data-type="symbol"
        data-device="Kontakt_Briefkasten"
        data-get="state"
        data-states='["open","closed"]'
        data-icons='["oa-message_mail_open fa-blink","fa-accusoft"]'
        class="bigger"
      ></div>
    </div>
  </div>
</div>