From b18c6bd425f6fb164a68c62ee7db1eadc978f633 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Thomas=20Lov=C3=A9n?= <thomasloven@gmail.com>
Date: Thu, 16 Aug 2018 23:05:39 +0200
Subject: [PATCH] Option to remove toggle and put slider on separate row

---
 README.md            |  7 +++++++
 slider-entity-row.js | 24 ++++++++++++++++++++++++
 2 files changed, 31 insertions(+)

diff --git a/README.md b/README.md
index ba44335..053cf18 100644
--- a/README.md
+++ b/README.md
@@ -25,3 +25,10 @@ views:
         type: custom:slider-entity-row
 ```
 ![slider-entity-row](https://user-images.githubusercontent.com/1299821/44172580-e7161200-a0dd-11e8-8042-19199ad5d5ac.png)
+
+
+### Other options
+
+`hide_control: true` - Remove toggle
+
+`break_slider: true` - Put slider on separate row
diff --git a/slider-entity-row.js b/slider-entity-row.js
index 6970de2..4f5bd29 100644
--- a/slider-entity-row.js
+++ b/slider-entity-row.js
@@ -8,11 +8,23 @@ class SliderEntityRow extends Polymer.Element {
       paper-slider {
         margin-left: auto;
       }
+      .second-line paper-slider {
+        width: 100%;
+      }
     </style>
     <hui-generic-entity-row config="[[_config]]" hass="[[_hass]]">
+      <template is='dom-if' if='{{!breakSlider}}'>
       <paper-slider min="[[min]]" max="[[max]]" value="{{value}}" on-change="selectedValue" on-click="stopPropagation"></paper-slider>
+      </template>
+      <template is='dom-if' if='{{!hideControl}}'>
       <ha-entity-toggle state-obj="[[stateObj]]" hass="[[_hass]]"></ha-entity-toggle>
+      </template>
       </hui-generic-entity-row>
+      <template is='dom-if' if='{{breakSlider}}'>
+      <div class="second-line">
+      <paper-slider min="[[min]]" max="[[max]]" value="{{value}}" on-change="selectedValue" on-click="stopPropagation"></paper-slider>
+      </div>
+      </template>
     `
   }
 
@@ -20,6 +32,14 @@ class SliderEntityRow extends Polymer.Element {
     return {
       _hass: Object,
       _config: Object,
+      hideControl: {
+        type: Boolean,
+        value: false,
+      },
+      breakSlider: {
+        type: Boolean,
+        value: false,
+      },
       stateObj: {
         type: Object,
         value: null,
@@ -43,6 +63,10 @@ class SliderEntityRow extends Polymer.Element {
   setConfig(config)
   {
     this._config = config;
+    if('hide_control' in config && config.hide_control)
+      this.hideControl = true;
+    if('break_slider' in config && config.break_slider)
+      this.breakSlider = true;
   }
 
   set hass(hass) {