From 029ed86395786b40cf57079e749d898f88019b20 Mon Sep 17 00:00:00 2001
From: andrey-git <andrey-git@users.noreply.github.com>
Date: Thu, 5 Jan 2017 23:26:39 +0200
Subject: [PATCH] Always show the brightness slider in more-info (#168)

* Always show the brightness slider in more-info

Always show the brightness slider in more-info if it is supported.
Even when the light is currently off.

* Lint fix

* Set brightness to 0 when light is off
---
 src/more-infos/more-info-light.html | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

diff --git a/src/more-infos/more-info-light.html b/src/more-infos/more-info-light.html
index b3b9429aef..769bced6d3 100644
--- a/src/more-infos/more-info-light.html
+++ b/src/more-infos/more-info-light.html
@@ -132,6 +132,8 @@ Polymer({
       } else {
         this.effectIndex = -1;
       }
+    } else {
+      this.brightnessSliderValue = 0;
     }
 
     this.async(function () {
@@ -140,9 +142,16 @@ Polymer({
   },
 
   computeClassNames: function (stateObj) {
-    return window.hassUtil.attributeClassNames(
-      stateObj, ['brightness', 'rgb_color', 'color_temp', 'white_value',
+    var classes = window.hassUtil.attributeClassNames(
+      stateObj, ['rgb_color', 'color_temp', 'white_value',
         'effect_list']);
+    var BRIGHTNESS_SUPPORTED = 1;
+    // If brightness is supported - show the slider even if the attribute is
+    // missing (because the light is off).
+    if (stateObj && (stateObj.attributes.supported_features & BRIGHTNESS_SUPPORTED)) {
+      classes += ' has-brightness';
+    }
+    return classes;
   },
 
   effectChanged: function (effectIndex) {