Add some customization options. Fix #11
This commit is contained in:
parent
bf9cd55d4c
commit
ba8f5049de
@ -77,3 +77,12 @@ Add a slider to adjust brightness of lights, volume of media players or position
|
||||
entity: cover.hall_window
|
||||
full_row: true
|
||||
```
|
||||
|
||||
### Extra options
|
||||
`hide_state` - (default: false) Set to true to hide the percentage display.
|
||||
|
||||
`min` - (default: 0) Minimum value of slider
|
||||
`max` - (default: 100) Maximum value of slider
|
||||
`step` - (default: 5) Step size of slider
|
||||
Note that slider values are in percent and will be rescaled e.g. for lights which require a brightness setting between 0 and 255.
|
||||
|
||||
|
@ -29,10 +29,10 @@ class SliderEntityRow extends Polymer.Element {
|
||||
<div class="flex">
|
||||
<template is="dom-if" if="{{displaySlider}}">
|
||||
<ha-slider
|
||||
min="0"
|
||||
max="100"
|
||||
min="{{min}}"
|
||||
max="{{max}}"
|
||||
value="{{value}}"
|
||||
step="5"
|
||||
step="{{step}}"
|
||||
pin
|
||||
on-change="selectedValue"
|
||||
on-click="stopPropagation"
|
||||
@ -151,7 +151,12 @@ class SliderEntityRow extends Polymer.Element {
|
||||
this.displayRow = !config.full_row;
|
||||
this.displayToggle = config.toggle && domain === 'light';
|
||||
this.displayValue = !this.displayToggle;
|
||||
if(config.hide_state) this.displayValue = false;
|
||||
this.displaySlider = false;
|
||||
|
||||
this.min = config.min || 0;
|
||||
this.max = config.max || 100;
|
||||
this.step = config.step || 5;
|
||||
}
|
||||
|
||||
statusString(stateObj) {
|
||||
|
Loading…
x
Reference in New Issue
Block a user