Skip to content
Snippets Groups Projects
Normal view History Permalink
index.html 1.28 KiB
Newer Older
Clément's avatar
update: auto select language
Clément committed
1 2 3 4 5 6 
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
Benoit Alessandroni's avatar
Adding proper alerting to IE/Edge user to switch  
Benoit Alessandroni committed
7 
    <script src="https://cdn.polyfill.io/v3/polyfill.min.js?features=default,Array.prototype.includes,Array.prototype.find"></script>
Clément's avatar
update: auto select language
Clément committed
8 9 10 
  </head>
  <body>
    <script>
Benoit Alessandroni's avatar
Adding proper alerting to IE/Edge user to switch  
Benoit Alessandroni committed
11 12 13 14 
      if ((window.navigator.userAgent.indexOf("MSIE ") > -1 || !!navigator.userAgent.match(/Trident.*rv\:11\./)) ||
        window.navigator.userAgent.indexOf("Edge/") > -1) {
        alert("Please either update your Edge browser to the last version (>= 80, you can check that in ... -> Settings -> General) or switch to another browser (Chrome / Safari / Firefox)");
      }
Alice Poggioli's avatar
Finalize translation.  
Alice Poggioli committed
15 
      //Language given in translation
Benoit Alessandroni's avatar
Adding italian to possible languages  
Benoit Alessandroni committed
16 
      const langs = ['fr', 'en', 'it'];
Clément's avatar
update: auto select language
Clément committed
17 
      const defLang = 'en';
Alice Poggioli's avatar
Finalize translation.  
Alice Poggioli committed
18 19 

      //Get the favorite language of the user's navigator
Clément's avatar
update: auto select language
Clément committed
20 
      const userLangs = (navigator.languages || [navigator.language]).map(
Benoit Alessandroni's avatar
Adding proper alerting to IE/Edge user to switch  
Benoit Alessandroni committed
21 
        function (a) { return a.split('-').shift() }
Clément's avatar
update: auto select language
Clément committed
22 
      );
Clément's avatar
bugfix: use defLang  
Clément committed
23 
      userLangs.push(defLang);
Benoit Alessandroni's avatar
Adding proper alerting to IE/Edge user to switch  
Benoit Alessandroni committed
24 
      const selectedLang = userLangs.find(function(lang) { return langs.indexOf(lang) !== -1 });
Alice Poggioli's avatar
Finalize translation.  
Alice Poggioli committed
25 26 

      //Redirection to the appropriate index.html
Clément's avatar
update: auto select language
Clément committed
27 28 29 30 
      document.location.replace(selectedLang);
    </script>
  </body>
</html>