outdatedbrowser_rails 1.0.2.0 → 1.1.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 1fab95341f820a8510300a0efb3f7d045ec380b5
-  data.tar.gz: 4358848091e2201a1e52db4b7a5219553de344c2
+  metadata.gz: 4b03add0832c8ab1562e6ed2c05c8ca0f0eb7448
+  data.tar.gz: 55d278ae5e0f5cc7c3f6dc5f589360025a33fcde
 SHA512:
-  metadata.gz: 2cf231f6675216c4ed19f9b3713c9a588f2404231b1915dc4abd750e3f0c1c2c7523c1a01962b3980c05fe14e0212cdd6f8cc6244a215f551e7d04008db2a229
-  data.tar.gz: 03b6b9fc2506540b126f54a44a3e0da528890d0f2dd4c25bf31d1e0cf6c37793377a1c9081ff5b0762274412c28d1da447c4aab57f88e86453f379d17f43ee2e
+  metadata.gz: 087ca512f03d1bde3cdd2bfcde297fc626d77ab681e9404f1d4bb6c308b24f7bb1098e05b6f2a573f12adae308914a44e0664920aa135d62838c98f3238316dd
+  data.tar.gz: d492b14a3c11d2ea94fb6fe07d16dcd6172704112d81df477d65974673c92f8851a51af72f0d0d240f3205044c4f92cfd3def7e3b74c1000e0b9f393e4064046

data/README.rdoc

@@ -4,6 +4,8 @@ This project bundles the excellent Burocratik's
 [Outdated Browser](https://github.com/burocratik/outdated-browser)
 detector for use with the rails 3.1+ asset pipeline.
 
+{<img src="https://badge.fury.io/rb/outdatedbrowser_rails.svg" alt="Gem Version" />}[http://badge.fury.io/rb/outdatedbrowser_rails]
+
 ## Installation
 
 Add this line to your application's Gemfile:

data/Rakefile

@@ -45,6 +45,7 @@ task :clean do
       rm_rf "app/assets/#{filetype}/outdatedbrowser/#{filename}"
     end
   end
+  rm_rf 'app/views/outdatedbrowser/lang'
 end
 
 namespace :generate do
@@ -59,5 +60,9 @@ namespace :generate do
     target_dir = "app/assets/stylesheets/outdatedbrowser"
     mkdir_p target_dir
     puts FileUtils.cp(Dir.glob("#{origin}/outdatedBrowser.css"), target_dir)
+
+    Rake.rake_output_message "Copying html files"
+    target_dir = "app/views/outdatedbrowser"
+    puts FileUtils.cp_r(Dir.glob("#{origin}/lang"), target_dir)
   end
 end

data/app/assets/javascripts/outdatedbrowser/outdatedBrowser.js

@@ -1,28 +1,24 @@
 /*!--------------------------------------------------------------------
 JAVASCRIPT "Outdated Browser"
-Version:    1.0.2 - 2014
+Version:    1.1.0 - 2014
 author:     Burocratik
 website:    http://www.burocratik.com
 * @preserve
 -----------------------------------------------------------------------*/
 var outdatedBrowser = function(options) {
 
-    //Variable definition
+    //Variable definition (before ajax)
     var outdated = document.getElementById("outdated");
-    var btnClose = document.getElementById("btnCloseUpdateBrowser");
-    var btnUpdate = document.getElementById("btnUpdateBrowser");
 
     // Default settings
     this.defaultOpts = {
-        bgColor: '#F25648',
-        color: '#FFFFFF',
-        lowerThan: 'transform'
-    };
+        bgColor: '#f25648',
+        color: '#ffffff',
+        lowerThan: 'transform',
+        languagePath: '../outdatedbrowser/lang/en.html'
+    }
 
     if (options) {
-        this.defaultOpts.bgColor = options.bgColor;
-        this.defaultOpts.color = options.color;
-
         //assign css3 property to IE browser version
         if(options.lowerThan == 'IE8' || options.lowerThan == 'borderSpacing') {
             options.lowerThan = 'borderSpacing';
@@ -33,17 +29,23 @@ var outdatedBrowser = function(options) {
         } else if (options.lowerThan == 'IE11' || options.lowerThan == 'borderImage') {
             options.lowerThan = 'borderImage';
         }
-
+        //all properties
+        this.defaultOpts.bgColor = options.bgColor;
+        this.defaultOpts.color = options.color;
         this.defaultOpts.lowerThan = options.lowerThan;
+        this.defaultOpts.languagePath = options.languagePath;
 
         bkgColor = this.defaultOpts.bgColor;
         txtColor = this.defaultOpts.color;
         cssProp = this.defaultOpts.lowerThan;
+        languagePath = this.defaultOpts.languagePath;
     } else {
         bkgColor = this.defaultOpts.bgColor;
         txtColor = this.defaultOpts.color;
         cssProp = this.defaultOpts.lowerThan;
-    }
+        languagePath = this.defaultOpts.languagePath;
+    };//end if options
+
 
     //Define opacity and fadeIn/fadeOut functions
     var done = true;
@@ -53,13 +55,13 @@ var outdatedBrowser = function(options) {
         outdated.style.filter = 'alpha(opacity=' + opacity_value + ')';
     }
 
-    function function_fade_out(opacity_value) {
-        function_opacity(opacity_value);
-        if (opacity_value == 1) {
-            outdated.style.display = 'none';
-            done = true;
-        }
-    }
+    // function function_fade_out(opacity_value) {
+    //     function_opacity(opacity_value);
+    //     if (opacity_value == 1) {
+    //         outdated.style.display = 'none';
+    //         done = true;
+    //     }
+    // }
 
     function function_fade_in(opacity_value) {
         function_opacity(opacity_value);
@@ -72,9 +74,9 @@ var outdatedBrowser = function(options) {
     }
 
     //check if element has a particular class
-    function hasClass(element, cls) {
-        return (' ' + element.className + ' ').indexOf(' ' + cls + ' ') > -1;
-    }
+    // function hasClass(element, cls) {
+    //     return (' ' + element.className + ' ').indexOf(' ' + cls + ' ') > -1;
+    // }
 
     var supports = (function() {
        var div = document.createElement('div'),
@@ -106,36 +108,109 @@ var outdatedBrowser = function(options) {
                     return function () {
                         function_fade_in(x);
                     };
-                })(i), i * 10);
+                })(i), i * 8);
             }
         }
+    };//end if
+
+    //Check AJAX Options: if languagePath == '' > use no Ajax way, html is needed inside <div id="outdated">
+    if( languagePath === ' ' || languagePath.length == 0 ){
+        startStylesAndEvents();
+    }else{
+        grabFile(languagePath);
+    }
+
+    //events and colors
+    function startStylesAndEvents(){
+        var btnClose = document.getElementById("btnCloseUpdateBrowser");
+        var btnUpdate = document.getElementById("btnUpdateBrowser");
+
+        //check settings attributes
+        outdated.style.backgroundColor = bkgColor;
+        //way too hard to put !important on IE6
+        outdated.style.color = txtColor;
+        outdated.children[0].style.color = txtColor;
+        outdated.children[1].style.color = txtColor;
+
+        //check settings attributes
+        btnUpdate.style.color = txtColor;
+        btnUpdate.style.borderColor = txtColor;
+        btnClose.style.color = txtColor;
+
         //close button
         btnClose.onmousedown = function() {
             outdated.style.display = 'none';
             return false;
         };
-    }
+
+        //Override the update button color to match the background color
+        btnUpdate.onmouseover = function() {
+            this.style.color = bkgColor;
+            this.style.backgroundColor = txtColor;
+        };
+        btnUpdate.onmouseout = function() {
+            this.style.color = txtColor;
+            this.style.backgroundColor = bkgColor;
+        };
+    }//end styles and events
+
+
+    // IF AJAX with request ERROR > insert english default
+    var ajaxEnglishDefault = '<h6>Your browser is out-of-date!</h6>'
+        + '<p>Update your browser to view this website correctly. <a id="btnUpdateBrowser" href="http://outdatedbrowser.com/">Update my browser now </a></p>'
+        + '<p class="last"><a href="#" id="btnCloseUpdateBrowser" title="Close">&times;</a></p>';
+
+
+    //** AJAX FUNCTIONS - Bulletproof Ajax by Jeremy Keith **
+    function getHTTPObject() {
+      var xhr = false;
+      if (window.XMLHttpRequest) {
+        xhr = new XMLHttpRequest();
+      } else if (window.ActiveXObject) {
+        try {
+          xhr = new ActiveXObject("Msxml2.XMLHTTP");
+        } catch(e) {
+          try {
+            xhr = new ActiveXObject("Microsoft.XMLHTTP");
+          } catch(e) {
+            xhr = false;
+          }
+        }
+      }
+      return xhr;
+    };//end function
+
+    function grabFile(file) {
+        var request = getHTTPObject();
+            if (request) {
+                request.onreadystatechange = function() {
+                displayResponse(request);
+            };
+                request.open("GET", file, true);
+                request.send(null);
+            }
+        return false;
+    };//end grabFile
+
+    function displayResponse(request) {
+        var insertContentHere = document.getElementById("outdated");
+        if (request.readyState == 4) {
+            if (request.status == 200 || request.status == 304) {
+                insertContentHere.innerHTML = request.responseText;
+            }else{
+                insertContentHere.innerHTML = ajaxEnglishDefault;
+            }
+            startStylesAndEvents();
+        }
+      return false;
+    };//end displayResponse
+
+////////END of outdatedBrowser function
+};
+
+
+
+
+
 
 
-    //check settings attributes
-    outdated.style.backgroundColor = bkgColor;
-    //way too hard to put !important on IE6
-    outdated.style.color = txtColor;
-    outdated.children[0].style.color = txtColor;
-    outdated.children[1].style.color = txtColor;
-
-    //check settings attributes
-    btnUpdate.style.color = txtColor;
-    btnUpdate.style.borderColor = txtColor;
-    btnClose.style.color = txtColor;
-
-    //Override the update button color to match the background color
-    btnUpdate.onmouseover = function() {
-        this.style.color = bkgColor;
-        this.style.backgroundColor = txtColor;
-    };
-    btnUpdate.onmouseout = function() {
-        this.style.color = txtColor;
-        this.style.backgroundColor = bkgColor;
-    };
-};//end of function

data/app/assets/javascripts/outdatedbrowser/{require_outdatedbrowser.js → require_outdatedbrowser.js.erb}

@@ -1,3 +1,4 @@
+<%# encoding: utf-8 %>
 
 //event listener: DOM ready
 function addLoadEvent(func) {
@@ -11,11 +12,13 @@ function addLoadEvent(func) {
         }
     }
 }
+
 //call plugin function after DOM ready
 addLoadEvent(
     outdatedBrowser({
         bgColor: '#f25648',
         color: '#ffffff',
-        lowerThan: 'transform'
+        lowerThan: 'transform',
+        languagePath: ''
     })
 );

data/app/assets/stylesheets/outdatedbrowser/outdatedBrowser.css

@@ -1,6 +1,6 @@
 /*!--------------------------------------------------------------------
 STYLES "Outdated Browser"
-Version:    1.0.2 - 2014
+Version:    1.1.0 - 2014
 author:     Burocratik
 website:    http://www.burocratik.com
 * @preserve
@@ -12,14 +12,15 @@ website:    http://www.burocratik.com
 }
 * html #outdated{position: absolute;}
 #outdated h6{font-size: 25px; line-height: 25px; margin: 30px 0 10px;}
-#outdated p{font-size: 12px; line-height: 12px;}
+#outdated p{font-size: 12px; line-height: 12px; margin: 0;}
 #outdated #btnUpdateBrowser{
-    display: block; position: relative; padding: 10px 20px; margin: 30px auto 0; width: 180px;
+    display: block; position: relative; padding: 10px 20px; margin: 30px auto 0; width: 230px; /*need for IE*/
     color: #ffffff; text-decoration: none; border: 2px solid #ffffff; cursor: pointer;
 }
 #outdated #btnUpdateBrowser:hover{color: #f25648; background-color:#ffffff;}
-#outdated .last{position: absolute; top: 20px; right: 30px; width: 15px; height: 15px;}
+#outdated .last{position: absolute; top: 10px; right: 25px; width: 20px; height: 20px;}
+#outdated .last[dir='rtl']{right: auto !important; left: 25px !important;}
 #outdated #btnCloseUpdateBrowser{
-    display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%;
-    text-decoration: none; color: #ffffff; font-size: 36px;
-}
+    display: block; position: relative; width: 100%; height: 100%;
+    text-decoration: none; color: #ffffff; font-size: 36px; line-height: 36px;
+}

data/app/views/outdatedbrowser/_outdatedbrowser.html.erb

@@ -1,14 +1,3 @@
 <div id="outdated">
-  <h6>
-    <%= t('outdatedbrowser.out_of_date') %>
-  </h6>
-  <p>
-    <%= t('outdatedbrowser.suggest_update') %>
-    <a id="btnUpdateBrowser" href="http://outdatedbrowser.com/">
-      <%= t('outdatedbrowser.update_now') %>
-  </a>
-  </p>
-  <p class="last">
-    <a href="#" id="btnCloseUpdateBrowser" title="Close">&times;</a>
-  </p>
+  <%= render file: "outdatedbrowser/lang/#{I18n.locale}" rescue render file: "outdatedbrowser/lang/en" %>
 </div>

data/app/views/outdatedbrowser/lang/br.html

@@ -0,0 +1,3 @@
+ <h6>O seu navegador est&aacute; desatualizado!</h6>
+ <p>Atualize o seu navegador para ter uma melhor experi&ecirc;ncia e visualiza&ccedil;&atilde;o deste site. <a id="btnUpdateBrowser" href="http://outdatedbrowser.com/br">Atualize o seu navegador agora</a></p>
+ <p class="last"><a href="#" id="btnCloseUpdateBrowser" title="Fechar">&times;</a></p>

data/app/views/outdatedbrowser/lang/cn.html

@@ -0,0 +1,3 @@
+ <h6>您的浏览器已过时</h6>
+ <p>要正常浏览本网站请升级您的浏览器。<a id="btnUpdateBrowser" href="http://outdatedbrowser.com/cn">现在升级</a></p>
+ <p class="last"><a href="#" id="btnCloseUpdateBrowser" title="关闭">&times;</a></p>

data/app/views/outdatedbrowser/lang/cz.html

@@ -0,0 +1,3 @@
+ <h6>Váš prohlížeč je zastaralý!</h6>
+ <p>Pro správné zobrazení těchto stránek aktualizujte svůj prohlížeč. <a id="btnUpdateBrowser" href="http://outdatedbrowser.com/cz">Aktualizovat nyní svůj prohlížeč</a></p>
+ <p class="last"><a href="#" id="btnCloseUpdateBrowser" title="Zavřít">&times;</a></p>

data/app/views/outdatedbrowser/lang/de.html

@@ -0,0 +1,3 @@
+ <h6>Ihr Browser ist veraltet!</h6>
+ <p>Bitte aktualisieren Sie Ihren Browser, um diese Website korrekt darzustellen. <a id="btnUpdateBrowser" href="http://outdatedbrowser.com/de">Den Browser jetzt aktualisieren </a></p>
+ <p class="last"><a href="#" id="btnCloseUpdateBrowser" title="Schließen">&times;</a></p>

data/app/views/outdatedbrowser/lang/ee.html

@@ -0,0 +1,3 @@
+<h6>Sinu veebilehitseja on vananenud!</h6>
+<p>Palun uuenda oma veebilehitsejat, et näha lehekülge korrektselt. <a id="btnUpdateBrowser" href="http://outdatedbrowser.com/ee">Uuenda oma veebilehitsejat kohe</a></p>
+<p class="last"><a href="#" id="btnCloseUpdateBrowser" title="Sulge">&times;</a></p>

data/app/views/outdatedbrowser/lang/en.html

@@ -0,0 +1,3 @@
+ <h6>Your browser is out-of-date!</h6>
+ <p>Update your browser to view this website correctly. <a id="btnUpdateBrowser" href="http://outdatedbrowser.com/">Update my browser now </a></p>
+ <p class="last"><a href="#" id="btnCloseUpdateBrowser" title="Close">&times;</a></p>

data/app/views/outdatedbrowser/lang/es.html

@@ -0,0 +1,3 @@
+ <h6>¡Tu navegador está anticuado!</h6>
+ <p>Actualiza tu navegador para ver esta página correctamente. <a id="btnUpdateBrowser" href="http://outdatedbrowser.com/es">Actualizar mi navegador ahora</a></p>
+ <p class="last"><a href="#" id="btnCloseUpdateBrowser" title="Cerrar">&times;</a></p>

data/app/views/outdatedbrowser/lang/fa.html

@@ -0,0 +1,3 @@
+<h6 dir="rtl">مرورگر شما منسوخ شده است!</h6>
+<p dir="rtl">جهت مشاهده صحیح این وبسایت، مرورگرتان را بروز رسانی نمایید. <a id="btnUpdateBrowser" href="http://outdatedbrowser.com/">همین حالا مرورگرم را بروز کن </a></p>    
+<p dir="rtl" class="last"><a href="#" id="btnCloseUpdateBrowser" title="Close">&times;</a></p>

data/app/views/outdatedbrowser/lang/fi.html

@@ -0,0 +1,3 @@
+ <h6>Selaimesi on vanhentunut!</h6>
+ <p>Lataa ajantasainen selain n&auml;hd&auml;ksesi t&auml;m&auml;n sivun oikein. <a id="btnUpdateBrowser" href="http://outdatedbrowser.com/">P&auml;ivit&auml; selaimeni nyt </a></p>
+ <p class="last"><a href="#" id="btnCloseUpdateBrowser" title="Sulje">&times;</a></p>

data/app/views/outdatedbrowser/lang/fr.html

@@ -0,0 +1,3 @@
+ <h6>Votre navigateur est désuet!</h6>
+ <p>Mettez à jour votre navigateur pour afficher correctement ce site Web. <a id="btnUpdateBrowser" href="http://outdatedbrowser.com/fr">Mettre à jour maintenant </a></p>
+ <p class="last"><a href="#" id="btnCloseUpdateBrowser" title="Fermer">&times;</a></p>

data/app/views/outdatedbrowser/lang/hu.html

@@ -0,0 +1,3 @@
+ <h6>A böngészője elavult!</h6>
+ <p>Firssítse vagy cserélje le a böngészőjét. <a id="btnUpdateBrowser" href="http://outdatedbrowser.com/hu">A böngészőm frissítése </a></p>
+ <p class="last"><a href="#" id="btnCloseUpdateBrowser" title="Close">&times;</a></p>

data/app/views/outdatedbrowser/lang/id.html

@@ -0,0 +1,3 @@
+ <h6>Browser yang Anda gunakan sudah ketinggalan zaman!</h6>
+ <p>Perbaharuilah browser Anda agar bisa menjelajahi website ini dengan nyaman. <a id="btnUpdateBrowser" href="http://outdatedbrowser.com/">Perbaharui browser sekarang </a></p>
+ <p class="last"><a href="#" id="btnCloseUpdateBrowser" title="Close">&times;</a></p>

data/app/views/outdatedbrowser/lang/it.html

@@ -0,0 +1,3 @@
+ <h6>Il tuo browser non &egrave; aggiornato!</h6>
+ <p>Aggiornalo per vedere questo sito correttamente. <a id="btnUpdateBrowser" href="http://outdatedbrowser.com/it">Aggiorna ora</a></p>
+ <p class="last"><a href="#" id="btnCloseUpdateBrowser" title="Chiudi">&times;</a></p>

data/app/views/outdatedbrowser/lang/lt.html

@@ -0,0 +1,3 @@
+ <h6>Jūsų naršyklės versija yra pasenusi!</h6>
+ <p>Atnaujinkite savo naršyklę, kad galėtumėte peržiūrėti šią svetainę tinkamai. <a id="btnUpdateBrowser" href="http://outdatedbrowser.com/">Atnaujinti naršyklę </a></p>
+ <p class="last"><a href="#" id="btnCloseUpdateBrowser" title="Close">&times;</a></p>

data/app/views/outdatedbrowser/lang/nl.html

@@ -0,0 +1,3 @@
+ <h6>Je gebruikt een oude browser!</h6>
+ <p>Update je browser om deze website correct te bekijken. <a id="btnUpdateBrowser" href="http://outdatedbrowser.com/nl">Update mijn browser nu </a></p>
+ <p class="last"><a href="#" id="btnCloseUpdateBrowser" title="Sluiten">&times;</a></p>

data/app/views/outdatedbrowser/lang/pl.html

@@ -0,0 +1,3 @@
+<h6>Twoja przeglądarka jest przestarzała!</h6>
+<p>Zaktualizuj swoją przeglądarkę, aby poprawnie wyświetlić tę stronę. <a id="btnUpdateBrowser" href="http://outdatedbrowser.com/pl">Zaktualizuj przeglądarkę już teraz </a></p>
+<p class="last"><a href="#" id="btnCloseUpdateBrowser" title="Close">&times;</a></p>

data/app/views/outdatedbrowser/lang/pt.html

@@ -0,0 +1,3 @@
+ <h6>O seu browser est&aacute; desatualizado!</h6>
+ <p>Atualize o seu browser para ter uma melhor experi&ecirc;ncia e visualiza&ccedil;&atilde;o deste site. <a id="btnUpdateBrowser" href="http://outdatedbrowser.com/pt">Atualize o seu browser agora</a></p>
+ <p class="last"><a href="#" id="btnCloseUpdateBrowser" title="Fechar">&times;</a></p>

data/app/views/outdatedbrowser/lang/ro.html

@@ -0,0 +1,3 @@
+ <h6>Browserul este învechit!</h6>
+ <p>Actualizați browserul pentru a vizualiza corect acest site. <a id="btnUpdateBrowser" href="http://outdatedbrowser.com/">Actualizați browserul acum!</a></p>
+ <p class="last"><a href="#" id="btnCloseUpdateBrowser" title="Close">&times;</a></p>

data/app/views/outdatedbrowser/lang/ru.html

@@ -0,0 +1,3 @@
+ <h6>Ваш браузер устарел!</h6>
+ <p>Обновите ваш браузер для правильного отображения этого сайта. <a id="btnUpdateBrowser" href="http://outdatedbrowser.com/ru">Обновить мой браузер </a></p>
+ <p class="last"><a href="#" id="btnCloseUpdateBrowser" title="Close">&times;</a></p>

data/app/views/outdatedbrowser/lang/si.html

@@ -0,0 +1,3 @@
+ <h6>Vaš brskalnik je zastarel!</h6>
+ <p>Za pravilen prikaz spletne strani posodobite vaš brskalnik. <a id="btnUpdateBrowser" href="http://outdatedbrowser.com/si">Posodobi brskalnik </a></p>
+ <p class="last"><a href="#" id="btnCloseUpdateBrowser" title="Zapri">&times;</a></p>

data/app/views/outdatedbrowser/lang/ua.html

@@ -0,0 +1,3 @@
+ <h6>Ваш браузер застарів!</h6>
+ <p>Оновіть ваш браузер для правильного відображення цього сайта. <a id="btnUpdateBrowser" href="http://outdatedbrowser.com/ua">Оновити мій браузер </a></p>
+ <p class="last"><a href="#" id="btnCloseUpdateBrowser" title="Close">&times;</a></p>

data/lib/outdatedbrowser_rails/version.rb

@@ -1,3 +1,3 @@
 module OutdatedbrowserRails
-  VERSION = "1.0.2.0"
+  VERSION = "1.1.0"
 end

data/spec/dummy/config/application.rb

@@ -33,7 +33,8 @@ module Dummy
 
     # The default locale is :en and all translations from config/locales/*.rb,yml are auto loaded.
     # config.i18n.load_path += Dir[Rails.root.join('my', 'locales', '*.{rb,yml}').to_s]
-    # config.i18n.default_locale = :de
+    config.i18n.default_locale = 'de'
+    I18n.config.enforce_available_locales = false
 
     # Configure the default encoding used in templates for Ruby 1.9.
     config.encoding = "utf-8"
@@ -62,4 +63,3 @@ module Dummy
     config.assets.version = '1.0'
   end
 end
-

data/spec/dummy/config/locales/de.yml

@@ -0,0 +1,5 @@
+# Sample localization file for English. Add more files in this directory for other locales.
+# See https://github.com/svenfuchs/rails-i18n/tree/master/rails%2Flocale for starting points.
+
+de:
+  hello: "Hallo"