Bedingtes Anzeigen von Widgets möglich?

Begonnen von Tobias, 30 August 2016, 13:41:04

Vorheriges Thema - Nächstes Thema

Tobias

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??
Maintainer: Text2Speech, TrashCal, MediaList

Meine Projekte: https://github.com/tobiasfaust
* PumpControl v2: allround Bewässerungssteuerung mit ESP und FHEM
* Ein Modbus RS485 zu MQTT Gateway für SolarWechselrichter

peterk_de

FHEM auf Ubuntu-VM / 2xNUC Proxmox Cluster
UI: HomeKit, TabletUI, Grafana
IOdevs: 2xHueBridge, RaspiMatic-CCU, CUL868, 2xHarmonyHub, 6xRaspi-Roomnode mit CO2, VOC und lepresenced
Devices: 107xHomematic(IP), 96xPhilips Hue, 17xTECHEM, 12xBTLE, 8xSONOS, 2xHomeConnect, 1xShelly 3em, 1xNanoleaf ...

Tobias

#2
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...
Maintainer: Text2Speech, TrashCal, MediaList

Meine Projekte: https://github.com/tobiasfaust
* PumpControl v2: allround Bewässerungssteuerung mit ESP und FHEM
* Ein Modbus RS485 zu MQTT Gateway für SolarWechselrichter