Add i18n

* add i18n for translation
* German translation
* Arabic translation
* RTL support

1 files changed, 15 insertions, 1 deletions

diff --git a/src/assets/javascripts/helpers/common.js b/src/assets/javascripts/helpers/common.js
index f3982cd6..545fc9c4 100644
--- a/src/assets/javascripts/helpers/common.js
+++ b/src/assets/javascripts/helpers/common.js
@@ -7,6 +7,7 @@ import redditHelper from "./reddit.js";
 import searchHelper from "./search.js";
 import translateHelper from "./translate/translate.js";
 import wikipediaHelper from "./wikipedia.js";
+import localise from '../localise.js'
 
 function getRandomInstance(instances) {
   return instances[~~(instances.length * Math.random())];
@@ -99,10 +100,12 @@ function processDefaultCustomInstances(
 
   nameCheckListElement.innerHTML =
     [
-      `<div>Toggle All<input type="checkbox" id="${name}-${protocol}-toogle-all" /></div>`,
+      `<div><x data-localise="__MSG_toggleAll__">Toggle All</x><input type="checkbox" id="${name}-${protocol}-toogle-all" /></div>`,
       ...nameHelper.getRedirects()[name][protocol].map((x) => `<div>${x}<input type="checkbox" id="${x}" /></div>`),
     ].join('\n<hr>\n');
 
+  localise.localisePage();
+
   calcNameCheckBoxes();
   document.getElementById(`${name}-${protocol}-toogle-all`).addEventListener("change", event => {
     if (event.target.checked)
@@ -168,10 +171,21 @@ function processDefaultCustomInstances(
   })
 }
 
+function browserLang() {
+  var userLang = navigator.language || navigator.userLanguage;
+  return userLang;
+}
+
+function isRtl() {
+  return ["ar", "iw", "ku", "fa", "ur"].includes(browserLang())
+}
+
 export default {
   getRandomInstance,
   updateInstances,
   protocolHost,
   isFirefox,
   processDefaultCustomInstances,
+  browserLang,
+  isRtl,
 };