From 89d586ddf387372f97fc793abd9e0088522f03d2 Mon Sep 17 00:00:00 2001
From: Marc Pabst <mail@marcpabst.de>
Date: Mon, 3 Oct 2016 01:14:01 +0200
Subject: [PATCH] Update more-info-light.html (#105)

* Update more-info-light.html

* Update more-info-light.html
---
 src/more-infos/more-info-light.html | 31 ++++++++++++++++++++++++++---
 1 file changed, 28 insertions(+), 3 deletions(-)

diff --git a/src/more-infos/more-info-light.html b/src/more-infos/more-info-light.html
index 3c36a18b2d..5bc5aea66a 100644
--- a/src/more-infos/more-info-light.html
+++ b/src/more-infos/more-info-light.html
@@ -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,