From 2ab0e1adf20132d5d7ff9f18e35642510260b3e1 Mon Sep 17 00:00:00 2001
From: Patrick <patrick.wuerstle@gmx.de>
Date: Tue, 23 Feb 2021 09:46:16 +0100
Subject: [PATCH] language selector based on browser

---
 public/rgc_website/index.html        |  6 +++---
 public/rgc_website/js/add_content.js |  4 ++--
 public/rgc_website/js/language.js    |  2 +-
 public/rgc_website/js/search.js      | 15 +++++++++++++++
 4 files changed, 21 insertions(+), 6 deletions(-)

diff --git a/public/rgc_website/index.html b/public/rgc_website/index.html
index 56345b5..527ad4b 100644
--- a/public/rgc_website/index.html
+++ b/public/rgc_website/index.html
@@ -61,9 +61,9 @@
           </select> 
       </div>  -->
 
-        <select class="selectpicker" data-img-src="imgs/flags/226-united-states.png" style="background-color: #cc3125; width: 10em; border-color:#cc3125;" data-width="fit">
-          <option class="selectlang" data-img-src="imgs/flags/226-united-states.png" style="background-color: white;">English</option>
-          <option class="selectlang" data-img-src="imgs/flags/226-united-states.png" style="background-color: white;">Deutsch</option>
+        <select id="selectpicker1" class="selectpicker" data-img-src="imgs/flags/226-united-states.png" style="background-color: #cc3125; width: 10em; border-color:#cc3125;" data-width="fit">
+          <option value='1' class="selectlang" data-img-src="imgs/flags/226-united-states.png" style="background-color: white;">English</option>
+          <option value='2' class="selectlang" data-img-src="imgs/flags/226-united-states.png" style="background-color: white;">Deutsch</option>
         </select>
         <!-- <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarHeader"
           aria-controls="navbarHeader" aria-expanded="false" aria-label="Toggle navigation">
diff --git a/public/rgc_website/js/add_content.js b/public/rgc_website/js/add_content.js
index 606872c..df50bf9 100644
--- a/public/rgc_website/js/add_content.js
+++ b/public/rgc_website/js/add_content.js
@@ -9,9 +9,9 @@ function addcontent(item){
       YouTubeHTML = `<a class="btn btn-sm btn-outline-danger" href="${YouTubelink}">YouTube</a>` 
     }
     var description = ""
-    if (lang_setting == "English"){
+    if (lang_setting == "1"){
         description = item.item.description_en
-    } else if (lang_setting == "Deutsch"){
+    } else if (lang_setting == "2"){
         description = item.item.description_de
     }
     // Prepare Explore Link
diff --git a/public/rgc_website/js/language.js b/public/rgc_website/js/language.js
index 2a77690..40857a8 100644
--- a/public/rgc_website/js/language.js
+++ b/public/rgc_website/js/language.js
@@ -16,7 +16,7 @@ $('.selectpicker').change(function(){
     // alert($(this).val());
 })
 
-var lang_setting = "English"
+var lang_setting = "2"
 
 function language(lang){
     //Change the language settings of the general Elements
diff --git a/public/rgc_website/js/search.js b/public/rgc_website/js/search.js
index 1d1373e..ca6c01b 100644
--- a/public/rgc_website/js/search.js
+++ b/public/rgc_website/js/search.js
@@ -49,8 +49,23 @@ $(document).ready(function(){
         //Do something
     }
     });
+    var userLang = navigator.language || navigator.userLanguage; 
+    console.log("The language is: " + userLang);
+    if (userLang.includes("de")){
+        console.log(true)
+        var select1 = document.getElementById('selectpicker1');
+        console.log(select1)
+        select1.value = "2";
+        select1.dispatchEvent(new Event('change'));
+    }
 });
 
+// window.onload = function () {
+//     var e = document.getElementById("selectpicker1");
+//     e.value = 2;
+//     e.dispatchEvent(new Event('change'));
+// };
+
 
 // searchbar and start search
 function searchToggle(obj, evt){
-- 
GitLab