UNPKG

pimatic-hue-zll

Version:

Pimatic integration with (Zigbee Light Link based) Philips Hue

88 lines 4.38 kB
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 -->