From 5da16db81b454f31c335ef8f39d447469201756c Mon Sep 17 00:00:00 2001
From: Ronen Hayun <ronen.hayun@gmail.com>
Date: Tue, 20 Nov 2018 14:10:40 +0200
Subject: [PATCH] RTL support (POC) (#2014)

* RTL support (POC)

* restore yarn.lock
---
 src/layouts/home-assistant-main.js        | 17 +++++++++++++++++
 src/translations/translationMetadata.json |  3 ++-
 src/types.ts                              |  1 +
 3 files changed, 20 insertions(+), 1 deletion(-)

diff --git a/src/layouts/home-assistant-main.js b/src/layouts/home-assistant-main.js
index da19cbb55d..61a38b7bdc 100644
--- a/src/layouts/home-assistant-main.js
+++ b/src/layouts/home-assistant-main.js
@@ -27,6 +27,9 @@ class HomeAssistantMain extends NavigateMixin(EventsMixin(PolymerElement)) {
           /* remove the grey tap highlights in iOS on the fullscreen touch targets */
           -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
         }
+        :host([rtl]) {
+          direction: rtl;
+        }
         iron-pages,
         ha-sidebar {
           /* allow a light tap highlight on the actual interface elements  */
@@ -56,6 +59,7 @@ class HomeAssistantMain extends NavigateMixin(EventsMixin(PolymerElement)) {
       >
         <app-drawer
           id="drawer"
+          align="start"
           slot="drawer"
           disable-swipe="[[_computeDisableSwipe(hass)]]"
           swipe-open="[[!_computeDisableSwipe(hass)]]"
@@ -108,6 +112,11 @@ class HomeAssistantMain extends NavigateMixin(EventsMixin(PolymerElement)) {
         type: Boolean,
         computed: "computeDockedSidebar(hass)",
       },
+      rtl: {
+        type: Boolean,
+        reflectToAttribute: true,
+        computed: "computeRTL(hass)",
+      },
     };
   }
 
@@ -165,6 +174,14 @@ class HomeAssistantMain extends NavigateMixin(EventsMixin(PolymerElement)) {
   _computeDisableSwipe(hass) {
     return NON_SWIPABLE_PANELS.indexOf(hass.panelUrl) !== -1;
   }
+
+  computeRTL(hass) {
+    var lang = hass.selectedLanguage || hass.language;
+    if (hass.translationMetadata.translations[lang]) {
+      return hass.translationMetadata.translations[lang].isRTL || false;
+    }
+    return false;
+  }
 }
 
 customElements.define("home-assistant-main", HomeAssistantMain);
diff --git a/src/translations/translationMetadata.json b/src/translations/translationMetadata.json
index faaceac74c..3a31673c25 100644
--- a/src/translations/translationMetadata.json
+++ b/src/translations/translationMetadata.json
@@ -51,7 +51,8 @@
     "nativeName": "Schwiizerdütsch"
   },
   "he": {
-    "nativeName": "עברית"
+    "nativeName": "עברית",
+    "isRTL": true
   },
   "hi": {
     "nativeName": "हिन्दी"
diff --git a/src/types.ts b/src/types.ts
index 3dacd9f349..dad3f5ffd4 100644
--- a/src/types.ts
+++ b/src/types.ts
@@ -60,6 +60,7 @@ export interface Panels {
 
 export interface Translation {
   nativeName: string;
+  isRTL: boolean;
   fingerprints: { [fragment: string]: string };
 }