Good day,
Most of my lights are on dimmers, so would like to use this to display all of the Dimmer items, however, Dimmer is not a supported type. Also interested in showing groups of type Contact to cover doors and windows. Any plans to add? Thank you.
Update: I have been able to add Dimmer and Contact type support to the widget. For simplicity, I made Dimmer just like Switch - on/off only.
<div ng-if="(config.item_type=='Dimmer')">
<div style="height:30px;"><label class="myswitch">
<input type="checkbox" ng-checked="(itemValue(item.name)=='ON')||(itemValue(item.name)>0)" ng-click="sendCmd(item.name, (itemValue(item.name)=='OFF') ? 'ON':'OFF')"/><div class="myslider round"></div></label>
</div>
</div>
Contact is similar to Window. Along the way I discovered the code can be confused if there are Things in the group that have never been used (status is NULL) so added handling on Contact for it but left other types alone.
<div ng-if="(config.item_type=='Contact')">
<div>
<div ng-if="(itemValue(item.name)=='OPEN')"> {{"open"}} </div>
<div ng-if="(itemState(item.name)=='CLOSED')"> {{"closed"}}</div>
<div ng-if="(itemState(item.name)=='NULL')"> {{"uninitialized"}}</div>
</div>
<div ng-style="{'background-color': (itemState(item.name)=='OPEN') ? '#FF0000' : 'transparent' }">
<button style="width: 100%; height: 2em; border: 0; color: white; background: transparent; font-size: 16px" ng-click="">
<div ng-if="((config.item_icon_iconset)==NULL)"><widget-icon iconset="'freepik-household'" icon="'door'" /></div>
<div ng-if="((config.item_icon_iconset)!=NULL)"><widget-icon iconset='config.item_icon_iconset' icon='config.item_icon' /></div>
</button>
</div>
</div>