thomas/lovelace-slider-entity-row
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Add support for rtl languages. Fix #40

Browse Source
This commit is contained in:
Thomas Lovén 2019-04-10 21:04:00 +02:00
parent a7bf69d7e0
commit 46be70ee49
1 changed files with 12 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
slider-entity-row.js
View File

@ -30,6 +30,7 @@ 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
dir="{{rtl}}"
min="{{min}}" min="{{min}}"
max="{{max}}" max="{{max}}"
value="{{value}}" value="{{value}}"
@ -295,6 +296,8 @@ class SliderEntityRow extends Polymer.Element {
this.max = config.max || 100; this.max = config.max || 100;
this.step = config.step || 5; this.step = config.step || 5;
this.rtl = this._isRTL()? "rtl" : "ltr";
if(this._hass && this._config) { if(this._hass && this._config) {
this.stateObj = this._config.entity in this._hass.states ? this._hass.states[this._config.entity] : null; this.stateObj = this._config.entity in this._hass.states ? this._hass.states[this._config.entity] : null;
if(this.stateObj) { if(this.stateObj) {
@ -315,6 +318,7 @@ class SliderEntityRow extends Polymer.Element {
set hass(hass) { set hass(hass) {
this._hass = hass; this._hass = hass;
this.rtl = this._isRTL()? "rtl" : "ltr";
if(hass && this._config) { if(hass && this._config) {
this.stateObj = this._config.entity in hass.states ? hass.states[this._config.entity] : null; 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) { selectedValue(ev) {
this.controller.set(this.stateObj, parseInt(this.value, 10)); this.controller.set(this.stateObj, parseInt(this.value, 10));
} }