FHEM Forum

FHEM => Frontends => TabletUI => Thema gestartet von: Tobias am 30 August 2016, 13:41:04

Titel: Bedingtes Anzeigen von Widgets möglich?
Beitrag von: Tobias am 30 August 2016, 13:41:04
Hi,
ich bin gerade ab umbauen meiner Tablet-UI für die Living Räume auf templates. Funktioniert soweit ganz gut.
Allerdings habe ich noch keine Lösung gefunden wie ich in einem Template Bedingungen definieren kann.
Zb. das Homematic Thermostat kann eine Kindersicherung, das MAX Thermostat aber nicht.
Da es das Reading "R-BtnLock" bei Max nicht gibt, wird in der UI stattdessen ein unschönes Lampensybol angezeigt.
In dem Template möchte ich nun definieren, wenn das Reading vorhanden ist, soll ein bestimmter Block (nämlich die Lock Visualisierung) eingeblendet sein, andernfalls nicht.

Geht das, und wie??
Titel: Antw:Bedingtes Anzeigen von Widgets möglich?
Beitrag von: peterk_de am 30 August 2016, 18:21:16
Das könntest du hiermit:

https://forum.fhem.de/index.php/topic,56301.0.html

problemlos machen :-)
Titel: Antw:Bedingtes Anzeigen von Widgets möglich?
Beitrag von: Tobias am 01 September 2016, 11:14:37
GEHT!! Danke!!

Beispiel:
              <div data-type="classchanger"
                data-device="par_HZ_dev"
                data-get="R-btnLock"
                data-get-on='["on","off","set_on","set_off"]'
                data-off-class="hide"
                data-on-class="small inline left-narrow right-narrow-10" >

                <div
                  data-type="switch"
                  data-device="par_HZ_dev"
                  data-get="R-btnLock"
                  data-states='["on","off","set_on","set_off"]'
                  data-set-states='["regSet btnLock off","regSet btnLock on","",""]'
                  data-icons='["oa-secur_locked","oa-secur_open","oa-secur_locked fa-blink","oa-secur_open fa-blink"]'
                  data-colors='["red","green","red","green"]'
                  data-background-icons='["","","",""]'
                  data-background-colors='["SeaGreen","IndianRed","SeaGreen","IndianRed"]' >
                </div>
              </div>


Edit: ich habe gerade gesehen dass es die CSS Klasse "autohide" gibt... :( die geht auch...