#37 browser not compatible translation

ce7796aa · Sebastián Collado Montañez · 02145ed4 · ce7796aa · ce7796aa
Commit ce7796aa authored Mar 10, 2017 by Sebastián Collado Montañez
Showing with 44 additions and 4 deletions
sails/src/assets/app/browserNotCompatible.html
sails/src/assets/scripts/check_browser.js
--- a/sails/src/assets/app/browserNotCompatible.html
+++ b/sails/src/assets/app/browserNotCompatible.html
@@ -5,9 +5,6 @@
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <link rel="stylesheet" href="css/main.css">
  <link rel="icon" href="img/logo_pictogram.png" type='image/png'>
-  <script>
-    var lang = (navigator.language || navigator.userLanguage).split("-")[0];
-  </script>
 </head>
 <body>

@@ -19,6 +16,7 @@
    </div>
  </div>

+  <div id="es">
    <div class="container vertical-center">
      <div class="row">
        <div class="col-md-12 text-center">
@@ -39,6 +37,46 @@
        </div>
      </div>
    </div>
+  </div>
+
+  <div id="en">
+    <div class="container vertical-center">
+      <div class="row">
+        <div class="col-md-12 text-center">
+          <br>
+          <h1>Browser not compatible with Pictogram <i class="fa fa-frown-o" aria-hidden="true"></i></h1>
+          <br>
+          <h4>We recommend using the latest version of <a href="https://www.google.com/chrome/" target="_blank">Google Chrome</a> or <a href="https://www.mozilla.org/firefox/new/" target="_blank">Mozilla Firefox</a>.</h4>
+        </div>
+      </div>
+    </div>
+
+    <div class="languages">
+      <div class="container">
+        <div class="row">
+          <div class="col-xs-12">
+            <div class="languages-margin text-muted text-center">If problems persist, contact with <a href="mailto:soporte@yottacode.com" translate="" class="ng-scope">customer support</a>.</div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+
+<script>
+  /* SIMPLY DOCUMENT TRANSLATION */
+
+  // Browser default language
+  var lang = (navigator.language || navigator.userLanguage).split("-")[0];
+
+  // If language not available, set english as default
+  if(lang != "en" && lang != "es"){
+    lang = "en";
+  }
+
+  // Show div acording to language
+  document.getElementById('en').style.display = (lang=='en')? 'inline' : 'none';
+  document.getElementById('es').style.display = (lang=='es')? 'inline' : 'none';
+</script>

 </body>
 </html>
--- a/sails/src/assets/scripts/check_browser.js
+++ b/sails/src/assets/scripts/check_browser.js
@@ -19,12 +19,14 @@ var clientBrowser = (function(){
 var validBrowser = false;

 //Browser filter
-if(clientBrowser[0] == "Firefox" && parseInt(clientBrowser[1]) >= 25 )
+if(clientBrowser[0] == "Firefox" && parseInt(clientBrowser[1]) >= 35 )
  validBrowser = true;
 if(clientBrowser[0] == "Chrome" && parseInt(clientBrowser[1]) >= 45 )
  validBrowser = true;
 if(clientBrowser[0] == "Opera" && parseInt(clientBrowser[1]) >= 35 )
  validBrowser = true;
+if(clientBrowser[0] == "Edge" )
+  validBrowser = true;

 // Redirect to view
 if(!validBrowser) window.location = "browserNotCompatible.html";