HABPanel: Darstellung Anzahl Items einer aktiven Gruppe

[JBreuer]

Gute Tag,

ich versuch in HABPanel mit dem Dummy Widget analog der Sitemap z.B. die Anzahl Lampen einer aktiven Gruppe anzeigen.

In der Sitemap sieht das so aus:

Clipboard01.png

Im Habpanel wird lediglich der Wert ON oder OFF angezeigt.

Group:Switch:OR(ON,OFF) LichtEG "Licht Erdgeschoss [MAP(de.map):%d]" <light>
Group:Switch:OR(ON,OFF) LichtOG "Licht Obergeschoss [MAP(de.map):%d]" <light>
Group:Switch:OR(ON,OFF) LichtAA "Licht Aussen [MAP(de.map):%d]" <light>
Group:Switch:OR(ON,OFF) SteckdAA "Licht Aussen [MAP(de.map):%d]" <light>

Clipboard01.png

[TomW80]

Hast Du dazu mittlerweile schon eine Lösung gefunden?

[tallman]

Nimm einfach ein Template-Widget.

<div ng-style="{background: (itemsInGroup('offen')|filter:{state:'OPEN'}).length ? 'red' : 'green'}">
{{(itemsInGroup('offen')|filter:{state:'OPEN'}).length}} Fenster sind offen
  <ul style="list-style-type: disc;">
    <li ng-repeat="item in (itemsInGroup('offen')|filter:{state:'OPEN'})">{{item.label}}
    </li>
  </ul>
</div>

meine Gruppe heißt 'offen' , das durch deine Gruppe ersetzen.
Wenn die Auflistung nicht gebraucht wir, einfach den Teil zwischen <ul ......</ul> weglassen

[udo1toni]

Was soll denn das MAP() im Label? Gewöhnlich sollte die Gruppe im Label immer die Anzahl eingeschalteter Items liefern, wenn die Gruppe als OR(ON,OFF) definiert ist.

Ich dachte immer, dass HABpanel Widgets den Status genauso anzeigne können, wie das in Basic UI möglich ist. (Ich arbeite nicht mit HABpanel)

[TomW80]

Nimm einfach ein Template-Widget.

<div ng-style="{background: (itemsInGroup('offen')|filter:{state:'OPEN'}).length ? 'red' : 'green'}">
{{(itemsInGroup('offen')|filter:{state:'OPEN'}).length}} Fenster sind offen
<ul style="list-style-type: disc;">
<li ng-repeat="item in (itemsInGroup('offen')|filter:{state:'OPEN'})">{{item.label}}
</li>
</ul>
</div>

meine Gruppe heißt 'offen' , das durch deine Gruppe ersetzen.
Wenn die Auflistung nicht gebraucht wir, einfach den Teil zwischen <ul ......</ul> weglassen

Danke, funktioniert
Die Auflistung möchte ich an dieser Stelle nicht, wie kann ich das Widget anklickbar machen so dass ich beim Klich auf ein anderes Dashboard springen kann?

Ich dachte immer, dass HABpanel Widgets den Status genauso anzeigne können, wie das in Basic UI möglich ist. (Ich arbeite nicht mit HABpanel)

Leider nicht.

[tallman]

einfach mit HTML alles in einen Link packen:

<a href="#/deinPfad">
  <div ng-style="{background: (itemsInGroup('offen')|filter:{state:'OPEN'}).length ? 'red' : 'green'}">
      {{(itemsInGroup('offen')|filter:{state:'OPEN'}).length}} Fenster sind offen
  </div>
</a>

[TomW80]

einfach mit HTML alles in einen Link packen:

Da hät ich auch selbst drauf kommen können. Danke!