From 46be70ee49a6e2b4b7536ce63bef069575b86d4c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Thomas=20Lov=C3=A9n?= <thomasloven@gmail.com>
Date: Wed, 10 Apr 2019 21:04:00 +0200
Subject: [PATCH] Add support for rtl languages. Fix #40

---
 slider-entity-row.js | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/slider-entity-row.js b/slider-entity-row.js
index 70e3b98..a930f9d 100644
--- a/slider-entity-row.js
+++ b/slider-entity-row.js
@@ -30,6 +30,7 @@ class SliderEntityRow extends Polymer.Element {
           <div class="flex">
         <template is="dom-if" if="{{displaySlider}}">
             <ha-slider
+              dir="{{rtl}}"
               min="{{min}}"
               max="{{max}}"
               value="{{value}}"
@@ -295,6 +296,8 @@ class SliderEntityRow extends Polymer.Element {
     this.max = config.max || 100;
     this.step = config.step || 5;
 
+    this.rtl = this._isRTL()? "rtl" : "ltr";
+
     if(this._hass && this._config) {
       this.stateObj = this._config.entity in this._hass.states ? this._hass.states[this._config.entity] : null;
       if(this.stateObj) {
@@ -315,6 +318,7 @@ class SliderEntityRow extends Polymer.Element {
 
   set hass(hass) {
     this._hass = hass;
+    this.rtl = this._isRTL()? "rtl" : "ltr";
 
     if(hass && this._config) {
       this.stateObj = this._config.entity in hass.states ? hass.states[this._config.entity] : null;
@@ -328,6 +332,14 @@ class SliderEntityRow extends Polymer.Element {
     }
   }
 
+  _isRTL() {
+    if(!this._hass) return false;
+    const lang = this._hass.language || "en";
+    if(!this._hass.translationMetadata.translations[lang]) return false;
+    const retval =  this._hass.translationMetadata.translations[lang].isRTL || false;
+    return retval;
+  }
+
   selectedValue(ev) {
     this.controller.set(this.stateObj, parseInt(this.value, 10));
   }