Add some customization options. Fix #11

This commit is contained in:
Thomas Lovén 2019-01-20 21:37:14 +01:00
parent bf9cd55d4c
commit ba8f5049de
2 changed files with 17 additions and 3 deletions

View File

@ -77,3 +77,12 @@ Add a slider to adjust brightness of lights, volume of media players or position
entity: cover.hall_window entity: cover.hall_window
full_row: true 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.

View File

@ -29,10 +29,10 @@ class SliderEntityRow extends Polymer.Element {
<div class="flex"> <div class="flex">
<template is="dom-if" if="{{displaySlider}}"> <template is="dom-if" if="{{displaySlider}}">
<ha-slider <ha-slider
min="0" min="{{min}}"
max="100" max="{{max}}"
value="{{value}}" value="{{value}}"
step="5" step="{{step}}"
pin pin
on-change="selectedValue" on-change="selectedValue"
on-click="stopPropagation" on-click="stopPropagation"
@ -151,7 +151,12 @@ class SliderEntityRow extends Polymer.Element {
this.displayRow = !config.full_row; this.displayRow = !config.full_row;
this.displayToggle = config.toggle && domain === 'light'; this.displayToggle = config.toggle && domain === 'light';
this.displayValue = !this.displayToggle; this.displayValue = !this.displayToggle;
if(config.hide_state) this.displayValue = false;
this.displaySlider = false; this.displaySlider = false;
this.min = config.min || 0;
this.max = config.max || 100;
this.step = config.step || 5;
} }
statusString(stateObj) { statusString(stateObj) {