mirror of
https://github.com/home-assistant/frontend.git
synced 2025-07-17 06:16:33 +00:00
Update more-info-light.html (#105)
* Update more-info-light.html * Update more-info-light.html
This commit is contained in:
parent
95cbc85b7f
commit
89d586ddf3
@ -9,7 +9,7 @@
|
||||
<template>
|
||||
<style is="custom-style" include="iron-flex"></style>
|
||||
<style>
|
||||
.brightness, .color_temp {
|
||||
.brightness, .color_temp, .white_value {
|
||||
max-height: 0px;
|
||||
overflow: hidden;
|
||||
transition: max-height .5s ease-in;
|
||||
@ -25,7 +25,8 @@
|
||||
}
|
||||
|
||||
.has-brightness .brightness,
|
||||
.has-color_temp .color_temp {
|
||||
.has-color_temp .color_temp,
|
||||
.has-white_value .white_value {
|
||||
max-height: 84px;
|
||||
}
|
||||
|
||||
@ -51,6 +52,13 @@
|
||||
on-change='ctSliderChanged'></ha-labeled-slider>
|
||||
</div>
|
||||
|
||||
<div class='white_value'>
|
||||
<ha-labeled-slider
|
||||
caption='White Value' icon='mdi:file-word-box' max='255'
|
||||
value='{{wvSliderValue}}'
|
||||
on-change='wvSliderChanged'></ha-labeled-slider>
|
||||
</div>
|
||||
|
||||
<ha-color-picker on-colorselected='colorPicked' height='200' width='250'>
|
||||
</ha-color-picker>
|
||||
</div>
|
||||
@ -80,12 +88,18 @@ Polymer({
|
||||
type: Number,
|
||||
value: 0,
|
||||
},
|
||||
|
||||
wvSliderValue: {
|
||||
type: Number,
|
||||
value: 0,
|
||||
},
|
||||
},
|
||||
|
||||
stateObjChanged: function (newVal) {
|
||||
if (newVal && newVal.state === 'on') {
|
||||
this.brightnessSliderValue = newVal.attributes.brightness;
|
||||
this.ctSliderValue = newVal.attributes.color_temp;
|
||||
this.wvSliderValue = newVal.attributes.white_value;
|
||||
}
|
||||
|
||||
this.async(function () {
|
||||
@ -95,7 +109,7 @@ Polymer({
|
||||
|
||||
computeClassNames: function (stateObj) {
|
||||
return window.hassUtil.attributeClassNames(
|
||||
stateObj, ['brightness', 'rgb_color', 'color_temp']);
|
||||
stateObj, ['brightness', 'rgb_color', 'color_temp', 'white_value']);
|
||||
},
|
||||
|
||||
brightnessSliderChanged: function (ev) {
|
||||
@ -124,6 +138,17 @@ Polymer({
|
||||
});
|
||||
},
|
||||
|
||||
wvSliderChanged: function (ev) {
|
||||
var wv = parseInt(ev.target.value, 10);
|
||||
|
||||
if (isNaN(wv)) return;
|
||||
|
||||
this.hass.serviceActions.callService('light', 'turn_on', {
|
||||
entity_id: this.stateObj.entityId,
|
||||
white_value: wv,
|
||||
});
|
||||
},
|
||||
|
||||
serviceChangeColor: function (hass, entityId, color) {
|
||||
hass.serviceActions.callService('light', 'turn_on', {
|
||||
entity_id: entityId,
|
||||
|
Loading…
x
Reference in New Issue
Block a user