From 5baef07b559bbc6d6cd1410ffd0c8f9e987ef575 Mon Sep 17 00:00:00 2001
From: Marcel Klehr <mklehr@gmx.net>
Date: Sat, 17 Nov 2012 15:28:33 +0100
Subject: [PATCH] Load l10n.js first but asynchronusly

---
 src/templates/index.html      | 16 +++++++++-------
 src/templates/pad.html        | 17 +++++++++--------
 src/templates/timeslider.html | 19 +++++++++----------
 3 files changed, 27 insertions(+), 25 deletions(-)

diff --git a/src/templates/index.html b/src/templates/index.html
index c1214007f..9fd33a26a 100644
--- a/src/templates/index.html
+++ b/src/templates/index.html
@@ -33,6 +33,15 @@
         <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0">
         <link rel="resource" type="application/l10n" href="locales.ini" />
         <link rel="shortcut icon" href="<%=settings.favicon%>">
+        
+        <script type="text/javascript"> 
+            (function(document) {
+              // Set language for l10n
+              var language = document.cookie.match(/language=(\w{2})/);
+              if(language) document.documentElement.lang = language[1];
+            })(document)
+        </script>
+        <script type="text/javascript" src="static/js/l10n.js" async></script>
 
         <style>
             html, body {
@@ -184,14 +193,7 @@
                 return randomstring;
             }
             
-            (function(document) {
-              // Set language for l10n
-              var language = document.cookie.match(/language=(\w{2})/);
-              if(language) document.documentElement.lang = language[1];
-            })(document)
-            
             // start the custom js
             if (typeof customStart == "function") customStart();
         </script>
-        <script type="text/javascript" src="static/js/l10n.js"></script>
 </html>
diff --git a/src/templates/pad.html b/src/templates/pad.html
index 35f0b5dee..82bd10704 100644
--- a/src/templates/pad.html
+++ b/src/templates/pad.html
@@ -32,11 +32,17 @@
         <meta charset="utf-8">
         <meta name="robots" content="noindex, nofollow">
         <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0">
+        <link rel="shortcut icon" href="<%=settings.favicon%>">
 
         <link rel="resource" type="application/l10n" href="../locales.ini" />
-
-
-        <link rel="shortcut icon" href="<%=settings.favicon%>">
+        <script type="text/javascript">
+            (function() {
+              // Set language for l10n
+              var language = document.cookie.match(/language=(\w{2})/);
+              if(language) document.documentElement.lang = language[1];
+            })();
+        </script>
+        <script type="text/javascript" src="../static/js/l10n.js" async></script>
 
         <% e.begin_block("styles"); %>
         <link href="../static/css/pad.css" rel="stylesheet">
@@ -381,14 +387,9 @@
                 // call original error handler
                 if(typeof(originalHandler) == 'function') originalHandler.call(null, arguments);
               };
-              
-              // Set language for l10n
-              var language = document.cookie.match(/language=(\w{2})/);
-              if(language) document.documentElement.lang = language[1];
             })();
         </script>
         
-        <script type="text/javascript" src="../static/js/l10n.js"></script>
         <script type="text/javascript" src="../static/js/require-kernel.js"></script>
         <script type="text/javascript" src="../socket.io/socket.io.js"></script>
 
diff --git a/src/templates/timeslider.html b/src/templates/timeslider.html
index ca5f27892..dfeee16c7 100644
--- a/src/templates/timeslider.html
+++ b/src/templates/timeslider.html
@@ -32,8 +32,16 @@
   <meta charset="utf-8">
   <meta name="robots" content="noindex, nofollow">
   <link rel="shortcut icon" href="<%=settings.favicon%>">
-  <script type="text/javascript" src="../../static/js/l10n.js"></script>
   <link rel="resource" type="application/l10n" href="../../locales.ini" />
+  
+  <script type="text/javascript">
+    (function() {
+      // Set language for l10n
+      var language = document.cookie.match(/language=(\w{2})/);
+      if(language) document.documentElement.lang = language[1];
+    })();
+  </script>
+  <script type="text/javascript" src="../../static/js/l10n.js" async></script>
   <link rel="stylesheet" href="../../static/css/pad.css">
   <link rel="stylesheet" href="../../static/css/timeslider.css">
   <link rel="stylesheet" href="../../static/custom/timeslider.css">
@@ -169,15 +177,6 @@
 </div>
 </div>
 
-<script type="text/javascript">
-    (function() {
-      // Set language for l10n
-      var language = document.cookie.match(/language=(\w{2})/);
-      if(language) document.documentElement.lang = language[1];
-    })();
-</script>
-
-<script type="text/javascript" src="../../static/js/l10n.js"></script>
 <script type="text/javascript" src="../../static/js/require-kernel.js"></script>
 <script type="text/javascript" src="../../socket.io/socket.io.js"></script>