jeans/frontend
jeans/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-07-23 09:16:38 +00:00
Code Issues Packages Projects Releases Wiki Activity

hide brightness slider on unavailable light (#1046)

Browse Source
This commit is contained in:
NovapaX 2018-03-30 02:20:51 +02:00 committed by Paulus Schoutsen
parent 5508805f0b
commit ed0696ea9c
1 changed files with 12 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/dialogs/more-info/controls/more-info-light.html
View File

@ -57,6 +57,10 @@
--ha-color-picker-marker-bordercolor: white; --ha-color-picker-marker-bordercolor: white;
} }
.is-unavailable .control {
max-height: 0px;
}
paper-item { paper-item {
cursor: pointer; cursor: pointer;
} }
@ -64,7 +68,7 @@
<div class$='[[computeClassNames(stateObj)]]'> <div class$='[[computeClassNames(stateObj)]]'>
<div class='brightness'> <div class='control brightness'>
<ha-labeled-slider <ha-labeled-slider
caption='Brightness' icon='mdi:brightness-5' max='255' caption='Brightness' icon='mdi:brightness-5' max='255'
value='{{brightnessSliderValue}}' value='{{brightnessSliderValue}}'
@ -72,7 +76,7 @@
ignore-bar-touch></ha-labeled-slider> ignore-bar-touch></ha-labeled-slider>
</div> </div>
<div class='color_temp'> <div class='control color_temp'>
<ha-labeled-slider <ha-labeled-slider
caption='Color Temperature' icon='mdi:thermometer' caption='Color Temperature' icon='mdi:thermometer'
min='[[stateObj.attributes.min_mireds]]' max='[[stateObj.attributes.max_mireds]]' min='[[stateObj.attributes.min_mireds]]' max='[[stateObj.attributes.max_mireds]]'
@ -81,7 +85,7 @@
ignore-bar-touch></ha-labeled-slider> ignore-bar-touch></ha-labeled-slider>
</div> </div>
<div class='white_value'> <div class='control white_value'>
<ha-labeled-slider <ha-labeled-slider
caption='White Value' icon='mdi:file-word-box' max='255' caption='White Value' icon='mdi:file-word-box' max='255'
value='{{wvSliderValue}}' value='{{wvSliderValue}}'
@ -90,6 +94,7 @@
</div> </div>
<ha-color-picker <ha-color-picker
class='control color'
on-colorselected='colorPicked' on-colorselected='colorPicked'
desired-hs-color='{{colorPickerColor}}' desired-hs-color='{{colorPickerColor}}'
throttle='500' throttle='500'
@ -98,7 +103,7 @@
> >
</ha-color-picker> </ha-color-picker>
<div class='effect_list'> <div class='control effect_list'>
<paper-dropdown-menu label-float dynamic-align label='Effect'> <paper-dropdown-menu label-float dynamic-align label='Effect'>
<paper-listbox slot="dropdown-content" selected="{{effectIndex}}"> <paper-listbox slot="dropdown-content" selected="{{effectIndex}}">
<template is='dom-repeat' <template is='dom-repeat'
@ -200,6 +205,9 @@
if (stateObj && stateObj.state === 'on') { if (stateObj && stateObj.state === 'on') {
classes.push('is-on'); classes.push('is-on');
} }
if (stateObj && stateObj.state === 'unavailable') {
classes.push('is-unavailable');
}
return classes.join(' '); return classes.join(' ');
} }