Hi!
I’m heavily working with habpanel and try to make several dashboards. atm I’m stuck on the following:
I would like to see if my windows are open or closed.
I created a “dummy” widget, selected the item and backdrop icon - no problem.
But when I create a template which should have the background color red or green (depending on the state of both windows in that room) the color loads only on first change (the dummy element gets that right away when opening the dashboard).
What am i doing wrong?
And is there a way to rename “open” and “closed” in the dummy widget?
My Template code (Dont wrap in container is “off”):
<div ng-if="itemValue('EG_Buero_Fenster_beide') == 'OPEN'">
<button
style="width: 100%;
border: 0;
color: white;
background: #FF7373;
position: absolute;
top: 0;
bottom: 0;
font-size: 14px">
</button>
</div>
<div ng-if="itemValue('EG_Buero_Fenster_beide') == 'CLOSED'">
<button
style="width: 100%;
border: 0;
color: white;
background: #26FF93;
position: absolute;
top: 0;
bottom: 0;
font-size: 14px">
</button>
<background-icon iconset="'freepik-household'" icon="'window-3'" style="color:green" />
</div>
My items:
Contact EG_Buero_Fenster_links "Fenster Büro links [MAP(en.map):%s]" (EG_Buero) {knx="4/4/0"}
Contact EG_Buero_Fenster_rechts "Fenster Büro rechts [MAP(en.map):%s]" (EG_Buero) {knx="4/4/1"}
Contact EG_Buero_Fenster_beide "Fenster Büro beide [MAP(en.map):%s]" (EG_Buero) {knx="4/4/0+4/4/1"}
How it looks like: