pimatic-hue-zll
Version:
Pimatic integration with (Zigbee Light Link based) Philips Hue
88 lines • 4.38 kB
text/jade
script#huezllonoff-template(type='text/template')
li.sortable.huezlllight-device.no-header
div.item-inner
label.device-label(data-bind="text: name, tooltip: $data.labelTooltipHtml")
|
div.ui-dimlevel
select.switch(data-bind="attr: { id: switchId }, value: switchState")
option(value="off")=__('Off')
option(value="on")=__('On')
|
span.attributes(data-bind="template: { name: 'huezlllight-attribute-template', foreach: $data.device.attributes, afterRender: $data.afterAttributeRender }")
script#huezlldimmable-template(type='text/template')
li.sortable.huezlllight-device.no-header
div.item-inner
label.device-label(data-bind="text: name, tooltip: $data.labelTooltipHtml")
|
div.ui-dimlevel
select.switch(data-bind="attr: { id: switchId }, value: switchState")
option(value="off")=__('Off')
option(value="on")=__('On')
|
input.dimmer(min="0", max="100", step="1", data-highlight="true",
data-bind="attr: { id: sliderBriId }, value: sliderBriValue")
|
span.attributes(data-bind="template: { name: 'huezlllight-attribute-template', foreach: $data.device.attributes, afterRender: $data.afterAttributeRender }")
script#huezllcolortemp-template(type='text/template')
li.sortable.huezlllight-device.no-header
div.item-inner
label.device-label(data-bind="text: name, tooltip: $data.labelTooltipHtml")
|
div.ui-dimlevel
select.switch(data-bind="attr: { id: switchId }, value: switchState")
option(value="off")=__('Off')
option(value="on")=__('On')
|
input.dimmer(min="0", max="100", step="1", data-highlight="true",
data-bind="attr: { id: sliderBriId }, value: sliderBriValue")
|
div.ui-color
div.ui-colorpicker-spacer
|
input.dimmer(min="153", max="500", step="1", data-highlight="true",
data-bind="attr: { id: sliderCtId }, value: sliderCtValue")
|
span.attributes(data-bind="template: { name: 'huezlllight-attribute-template', foreach: $data.device.attributes, afterRender: $data.afterAttributeRender }")
script#huezllcolor-template(type='text/template')
li.sortable.huezlllight-device.no-header
div.item-inner
label.device-label(data-bind="text: name, tooltip: $data.labelTooltipHtml")
|
div.ui-dimlevel
select.switch(data-bind="attr: { id: switchId }, value: switchState")
option(value="off")=__('Off')
option(value="on")=__('On')
|
input.dimmer(min="0", max="100", step="1", data-highlight="true",
data-bind="attr: { id: sliderBriId }, value: sliderBriValue")
|
div.ui-color
div.ui-colorpicker(class="ui-flipswitch ui-corner-all")
input.light-color()
|
span.attributes(data-bind="template: { name: 'huezlllight-attribute-template', foreach: $data.device.attributes, afterRender: $data.afterAttributeRender }")
script#huezllextendedcolor-template(type='text/template')
li.sortable.huezlllight-device.no-header
div.item-inner
label.device-label(data-bind="text: name, tooltip: $data.labelTooltipHtml")
|
div.ui-dimlevel
select.switch(data-bind="attr: { id: switchId }, value: switchState")
option(value="off")=__('Off')
option(value="on")=__('On')
|
input.dimmer(min="0", max="100", step="1", data-highlight="true",
data-bind="attr: { id: sliderBriId }, value: sliderBriValue")
|
div.ui-color
div.ui-colorpicker(class="ui-flipswitch ui-corner-all")
input.light-color()
|
input.dimmer(min="153", max="500", step="1", data-highlight="true",
data-bind="attr: { id: sliderCtId }, value: sliderCtValue")
|
span.attributes(data-bind="template: { name: 'huezlllight-attribute-template', foreach: $data.device.attributes, afterRender: $data.afterAttributeRender }")
script#huezlllight-attribute-template(type='text/template')
<!-- ko if: $data.name !== 'state' && $data.name !== 'dimlevel' && $data.name !== 'reachable' && $data.name !== 'ct' && $data.name !== 'hue' && $data.name !== 'sat' && $data.name !== 'colormode' -->
<!-- ko template: {name: 'attribute-template', data: $data} --><!-- /ko -->
<!-- /ko -->