Merge pull request #246 from ONLYOFFICE/feature/bugfix-translate

Feature/bugfix translate

apps/common/locale.js

@@ -36,10 +36,14 @@ if (Common === undefined) {
 
 Common.Locale = new(function() {
     "use strict";
-    var l10n = {};
+    var l10n = null;
+    var loadcallback,
+        apply = false;
 
-    var _applyLocalization = function() {
+    var _applyLocalization = function(callback) {
         try {
+            callback && (loadcallback = callback);
+            if (l10n) {
                 for (var prop in l10n) {
                     var p = prop.split('.');
                     if (p && p.length > 2) {
@@ -57,6 +61,9 @@ Common.Locale = new(function() {
                         }
                     }
                 }
+                loadcallback && loadcallback();
+            } else
+                apply = true;
         }
         catch (e) {
         }
@@ -64,7 +71,7 @@ Common.Locale = new(function() {
 
     var _get = function(prop, scope) {
         var res = '';
-        if (scope && scope.name) {
+        if (l10n && scope && scope.name) {
             res = l10n[scope.name + '.' + prop];
         }
 
@@ -99,10 +106,12 @@ Common.Locale = new(function() {
                     throw new Error('loaded');
                 }
             }).then(function(json) {
-                if ( !!json ) l10n = json;
+                l10n = json || {};
+                apply && _applyLocalization();
             }).catch(function(e) {
+                l10n = l10n || {};
+                apply && _applyLocalization();
                 if ( e.message == 'loaded' ) {
-
                 } else
                     console.log('fetch error: ' + e);
             });
@@ -110,7 +119,13 @@ Common.Locale = new(function() {
 
     if ( !window.fetch ) {
         /* use fetch polifill if native method isn't supported */
-        require(['../vendor/fetch/fetch.umd'], _requireLang);
+        var polyfills = ['../vendor/fetch/fetch.umd'];
+        if ( !window.Promise ) {
+            require(['../vendor/es6-promise/es6-promise.auto.min.js'],
+                function () {
+                    require(polyfills, _requireLang);
+                });
+        } else require(polyfills, _requireLang);
     } else _requireLang();
 
     return {

apps/documenteditor/embed/index.html

@@ -190,7 +190,7 @@
 
       <!-- debug begin -->
       <script type="text/javascript">var less=less||{};less.env='development';</script>
-      <script src="../../../vendor/less/dist/less-1.5.1.js" type="text/javascript"></script>
+      <script src="../../../vendor/less/dist/less-2.7.1.js" type="text/javascript"></script>
       <!-- debug end -->
 
        <script>
@@ -334,6 +334,13 @@
       <script type="text/javascript" src="../../../vendor/sockjs/sockjs.min.js"></script>
       <script type="text/javascript" src="../../../vendor/xregexp/xregexp-all-min.js"></script>
 
+      <script src="../../../vendor/requirejs/require.js"></script>
+      <script>
+          require.config({
+              baseUrl: '../../'
+          });
+      </script>
+
       <script type="text/javascript" src="../sdk_dev_scripts.js"></script>
       <script>
           window.sdk_dev_scrpipts.forEach(function(item){

apps/documenteditor/embed/index.html.deploy

@@ -320,10 +320,16 @@
 
       <!--vendor-->
       <script type="text/javascript" src="../../../vendor/jquery/jquery.min.js"></script>
-      <script type="text/javascript" src="../../../vendor/jquery/jquery.browser.min.js"></script>
+      <script type="text/javascript" src="../../../vendor/jquery.browser/dist/jquery.browser.min.js"></script>
       <script type="text/javascript" src="../../../vendor/bootstrap/dist/js/bootstrap.min.js"></script>
       <script type="text/javascript" src="../../../vendor/sockjs/sockjs.min.js"></script>
       <script type="text/javascript" src="../../../vendor/xregexp/xregexp-all-min.js"></script>
+      <script src="../../../vendor/requirejs/require.js"></script>
+      <script>
+          require.config({
+              baseUrl: '../../'
+          });
+      </script>
 
       <!--sdk-->
       <script type="text/javascript" src="../../../../sdkjs/common/AllFonts.js"></script>

apps/documenteditor/embed/js/application.js

@@ -31,7 +31,8 @@
  *
 */
 +function ($) {
-    Common.Locale.apply();
+    Common.Locale.apply(function() {
         DE.ApplicationView.create();
         DE.ApplicationController.create();
+    });
 }();

apps/documenteditor/main/app.js

@@ -169,8 +169,8 @@ require([
         ]
     });
 
-    Common.Locale.apply();
-
+    Common.Locale.apply(
+        function() {
             require([
                 'documenteditor/main/app/controller/Viewport',
                 'documenteditor/main/app/controller/DocumentHolder',
@@ -207,6 +207,8 @@ require([
             ], function() {
                 app.start();
             });
+        }
+    );
 }, function(err) {
     if (err.requireType == 'timeout' && !reqerr && window.requireTimeourError) {
         reqerr = window.requireTimeourError();

apps/documenteditor/main/app_dev.js

@@ -159,8 +159,8 @@ require([
         ]
     });
 
-    Common.Locale.apply();
-
+    Common.Locale.apply(
+        function() {
             require([
                 'documenteditor/main/app/controller/Viewport',
                 'documenteditor/main/app/controller/DocumentHolder',
@@ -198,6 +198,8 @@ require([
                 window.compareVersions = true;
                 app.start();
             });
+        }
+    );
 }, function(err) {
     if (err.requireType == 'timeout' && !reqerr && window.requireTimeourError) {
         reqerr = window.requireTimeourError();

apps/documenteditor/mobile/app-dev.js

@@ -155,8 +155,6 @@ require([
         ]
     });
 
-    Common.Locale.apply();
-
     var device = Framework7.prototype.device;
     var loadPlatformCss = function (filename, opt){
         var fileref = document.createElement('link');
@@ -198,6 +196,7 @@ require([
     //Load platform styles
     loadPlatformCss('resources/css/app-' + (device.android ? 'material' : 'ios') + '.css');
 
+    Common.Locale.apply(function() {
         require([
             'common/main/lib/util/LocalStorage',
             'common/main/lib/util/utils',
@@ -227,6 +226,7 @@ require([
             window.compareVersions = true;
             app.start();
         });
+    });
 }, function(err) {
     if (err.requireType == 'timeout' && !reqerr && window.requireTimeourError) {
         reqerr = window.requireTimeourError();

apps/documenteditor/mobile/app.js

@@ -166,8 +166,6 @@ require([
         ]
     });
 
-    Common.Locale.apply();
-
     var device = Framework7.prototype.device;
     var loadPlatformCss = function (filename, opt){
         var fileref = document.createElement('link');
@@ -209,6 +207,7 @@ require([
     //Load platform styles
     loadPlatformCss('resources/css/app-' + (device.android ? 'material' : 'ios') + '.css');
 
+    Common.Locale.apply(function() {
         require([
             'common/main/lib/util/LocalStorage',
             'common/main/lib/util/utils',
@@ -237,6 +236,7 @@ require([
         ], function() {
             app.start();
         });
+    });
 }, function(err) {
     if (err.requireType == 'timeout' && !reqerr && window.requireTimeourError) {
         reqerr = window.requireTimeourError();

apps/presentationeditor/embed/index.html

@@ -189,7 +189,7 @@
 
       <!-- debug begin -->
       <script type="text/javascript">var less=less||{};less.env='development';</script>
-      <script src="../../../vendor/less/dist/less-1.5.1.js" type="text/javascript"></script>
+      <script src="../../../vendor/less/dist/less-2.7.1.js" type="text/javascript"></script>
       <!-- debug end -->
 
       <script>
@@ -336,6 +336,13 @@
       <script type="text/javascript" src="../../../vendor/sockjs/sockjs.min.js"></script>
       <script type="text/javascript" src="../../../vendor/xregexp/xregexp-all-min.js"></script>
 
+      <script src="../../../vendor/requirejs/require.js"></script>
+      <script>
+          require.config({
+              baseUrl: '../../'
+          });
+      </script>
+
       <script type="text/javascript" src="../sdk_dev_scripts.js"></script>
       <script>
           window.sdk_dev_scrpipts.forEach(function(item){

apps/presentationeditor/embed/index.html.deploy

@@ -324,11 +324,16 @@
 
       <!--vendor-->
       <script type="text/javascript" src="../../../vendor/jquery/jquery.min.js"></script>
-      <script type="text/javascript" src="../../../vendor/jquery/jquery.browser.min.js"></script>
+      <script type="text/javascript" src="../../../vendor/jquery.browser/dist/jquery.browser.min.js"></script>
       <script type="text/javascript" src="../../../vendor/bootstrap/dist/js/bootstrap.min.js"></script>
       <script type="text/javascript" src="../../../vendor/sockjs/sockjs.min.js"></script>
       <script type="text/javascript" src="../../../vendor/xregexp/xregexp-all-min.js"></script>
-
+      <script src="../../../vendor/requirejs/require.js"></script>
+      <script>
+          require.config({
+              baseUrl: '../../'
+          });
+      </script>
       <!--sdk-->
       <script type="text/javascript" src="../../../../sdkjs/common/AllFonts.js"></script>
       <script type="text/javascript" src="../../../../sdkjs/slide/sdk-all-min.js"></script>

apps/presentationeditor/embed/js/application.js

@@ -31,8 +31,8 @@
  *
 */
 (function ($) {
-    Common.Locale.apply();
+    Common.Locale.apply(function() {
         PE.ApplicationView.create();
         PE.ApplicationController.create();
-
+    });
 })(window.jQuery);

apps/presentationeditor/main/app.js

@@ -160,8 +160,7 @@ require([
         ]
     });
 
-    Common.Locale.apply();
-
+    Common.Locale.apply(function(){
         require([
             'presentationeditor/main/app/controller/Viewport',
             'presentationeditor/main/app/controller/DocumentHolder',
@@ -194,6 +193,7 @@ require([
         ], function() {
             app.start();
         });
+    });
 }, function(err) {
     if (err.requireType == 'timeout' && !reqerr && window.requireTimeourError) {
         reqerr = window.requireTimeourError();

apps/presentationeditor/main/app_dev.js

@@ -151,8 +151,7 @@ require([
         ]
     });
 
-    Common.Locale.apply();
-
+    Common.Locale.apply(function(){
         require([
             'presentationeditor/main/app/controller/Viewport',
             'presentationeditor/main/app/controller/DocumentHolder',
@@ -186,6 +185,7 @@ require([
             window.compareVersions = true;
             app.start();
         });
+    });
 }, function(err) {
     if (err.requireType == 'timeout' && !reqerr && window.requireTimeourError) {
         reqerr = window.requireTimeourError();

apps/presentationeditor/mobile/app-dev.js

@@ -153,8 +153,6 @@ require([
         ]
     });
 
-    Common.Locale.apply();
-
     var device = Framework7.prototype.device;
     var loadPlatformCss = function (filename, opt){
         var fileref = document.createElement('link');
@@ -193,6 +191,7 @@ require([
     //Load platform styles
     loadPlatformCss('resources/css/app-' + (device.android ? 'material' : 'ios') + '.css');
 
+    Common.Locale.apply(function(){
         require([
             'common/main/lib/util/LocalStorage',
             'common/main/lib/util/utils',
@@ -224,6 +223,7 @@ require([
             window.compareVersions = true;
             app.start();
         });
+    });
 }, function(err) {
     if (err.requireType == 'timeout' && !reqerr && window.requireTimeourError) {
         reqerr = window.requireTimeourError();

apps/presentationeditor/mobile/app.js

@@ -164,8 +164,6 @@ require([
         ]
     });
 
-    Common.Locale.apply();
-
     var device = Framework7.prototype.device;
     var loadPlatformCss = function (filename, opt){
         var fileref = document.createElement('link');
@@ -204,6 +202,7 @@ require([
     //Load platform styles
     loadPlatformCss('resources/css/app-' + (device.android ? 'material' : 'ios') + '.css');
 
+    Common.Locale.apply(function(){
         require([
             'common/main/lib/util/LocalStorage',
             'common/main/lib/util/utils',
@@ -233,6 +232,7 @@ require([
         ], function() {
             app.start();
         });
+    });
 }, function(err) {
     if (err.requireType == 'timeout' && !reqerr && window.requireTimeourError) {
         reqerr = window.requireTimeourError();

apps/spreadsheeteditor/embed/index.html

@@ -190,7 +190,7 @@
 
       <!-- debug begin -->
       <script type="text/javascript">var less=less||{};less.env='development';</script>
-      <script src="../../../vendor/less/dist/less-1.5.1.js" type="text/javascript"></script>
+      <script src="../../../vendor/less/dist/less-2.7.1.js" type="text/javascript"></script>
       <!-- debug end -->
 
       <script>
@@ -337,6 +337,13 @@
       <script type="text/javascript" src="../../../vendor/jszip/jszip.min.js"></script>
       <script type="text/javascript" src="../../../vendor/jszip-utils/jszip-utils.min.js"></script>
 
+      <script src="../../../vendor/requirejs/require.js"></script>
+      <script>
+          require.config({
+              baseUrl: '../../'
+          });
+      </script>
+
       <script type="text/javascript" src="../sdk_dev_scripts.js"></script>
       <script>
           window.sdk_dev_scrpipts.forEach(function(item){

apps/spreadsheeteditor/embed/index.html.deploy

@@ -321,14 +321,19 @@
 
       <!--vendor-->
       <script type="text/javascript" src="../../../vendor/jquery/jquery.min.js"></script>
-      <script type="text/javascript" src="../../../vendor/jquery/jquery.browser.min.js"></script>
+      <script type="text/javascript" src="../../../vendor/jquery.browser/dist/jquery.browser.min.js"></script>
       <script type="text/javascript" src="../../../vendor/bootstrap/dist/js/bootstrap.min.js"></script>
       <script type="text/javascript" src="../../../vendor/sockjs/sockjs.min.js"></script>
       <script type="text/javascript" src="../../../vendor/underscore/underscore-min.js"></script>
       <script type="text/javascript" src="../../../vendor/xregexp/xregexp-all-min.js"></script>
       <script type="text/javascript" src="../../../vendor/jszip/jszip.min.js"></script>
       <script type="text/javascript" src="../../../vendor/jszip-utils/jszip-utils.min.js"></script>
-
+      <script src="../../../vendor/requirejs/require.js"></script>
+      <script>
+          require.config({
+              baseUrl: '../../'
+          });
+      </script>
       <!--sdk-->
       <link rel="stylesheet" type="text/css" href="../../../../sdkjs/cell/css/main.css"/>
       <script type="text/javascript" src="../../../../sdkjs/common/AllFonts.js"></script>

apps/spreadsheeteditor/embed/js/application.js

@@ -33,9 +33,10 @@
 (function ($) {
 
     $(function(){
-        Common.Locale.apply();
+        Common.Locale.apply(function() {
             SSE.ApplicationView.create();
             SSE.ApplicationController.create();
+        });
     })
 
 })(window.jQuery);

apps/spreadsheeteditor/main/app.js

@@ -167,8 +167,7 @@ require([
         ]
     });
 
-    Common.Locale.apply();
-
+    Common.Locale.apply(function(){
         require([
             'spreadsheeteditor/main/app/controller/Viewport',
             'spreadsheeteditor/main/app/controller/DocumentHolder',
@@ -204,6 +203,7 @@ require([
         ], function() {
             app.start();
         });
+    });
 }, function(err) {
     if (err.requireType == 'timeout' && !reqerr && window.requireTimeourError) {
         reqerr = window.requireTimeourError();

apps/spreadsheeteditor/main/app_dev.js

@@ -157,8 +157,7 @@ require([
         ]
     });
 
-    Common.Locale.apply();
-
+    Common.Locale.apply(function(){
         require([
             'spreadsheeteditor/main/app/controller/Viewport',
             'spreadsheeteditor/main/app/controller/DocumentHolder',
@@ -195,6 +194,7 @@ require([
             window.compareVersions = true;
             app.start();
         });
+    });
 }, function(err) {
     if (err.requireType == 'timeout' && !reqerr && window.requireTimeourError) {
         reqerr = window.requireTimeourError();

apps/spreadsheeteditor/mobile/app-dev.js

@@ -139,8 +139,6 @@ require([
         ]
     });
 
-    Common.Locale.apply();
-
     var device = Framework7.prototype.device;
     var loadPlatformCss = function (filename, opt){
         var fileref = document.createElement('link');
@@ -182,6 +180,7 @@ require([
     //Load platform styles
     loadPlatformCss('resources/css/app-' + (device.android ? 'material' : 'ios') + '.css');
 
+    Common.Locale.apply(function(){
         require([
             'common/main/lib/util/LocalStorage',
             'common/main/lib/util/utils',
@@ -213,6 +212,7 @@ require([
             window.compareVersions = true;
             app.start();
         });
+    });
 }, function(err) {
     if (err.requireType == 'timeout' && !reqerr && window.requireTimeourError) {
         reqerr = window.requireTimeourError();

apps/spreadsheeteditor/mobile/app.js

@@ -150,8 +150,6 @@ require([
         ]
     });
 
-    Common.Locale.apply();
-
     var device = Framework7.prototype.device;
     var loadPlatformCss = function (filename, opt){
         var fileref = document.createElement('link');
@@ -193,6 +191,7 @@ require([
     //Load platform styles
     loadPlatformCss('resources/css/app-' + (device.android ? 'material' : 'ios') + '.css');
 
+    Common.Locale.apply(function(){
         require([
             'common/main/lib/util/LocalStorage',
             'common/main/lib/util/utils',
@@ -223,6 +222,7 @@ require([
         ], function() {
             app.start();
         });
+    });
 }, function(err) {
     if (err.requireType == 'timeout' && !reqerr && window.requireTimeourError) {
         reqerr = window.requireTimeourError();

build/Gruntfile.js

@@ -165,6 +165,7 @@ module.exports = function(grunt) {
     doRegisterTask('bootstrap');
     doRegisterTask('iscroll');
     doRegisterTask('fetch');
+    doRegisterTask('es6-promise');
     doRegisterTask('jszip');
     doRegisterTask('jsziputils');
     doRegisterTask('requirejs', function(defaultConfig, packageFile) {
@@ -511,6 +512,7 @@ module.exports = function(grunt) {
     grunt.registerTask('deploy-jszip',                  ['jszip-init', 'clean', 'copy']);
     grunt.registerTask('deploy-jsziputils',             ['jsziputils-init', 'clean', 'copy']);
     grunt.registerTask('deploy-requirejs',              ['requirejs-init', 'clean', 'uglify']);
+    grunt.registerTask('deploy-es6-promise',            ['es6-promise-init', 'clean', 'copy']);
 
     grunt.registerTask('deploy-app-main',               ['main-app-init', 'clean:prebuild', 'imagemin', 'less', 'requirejs', 'concat',
                                                             'copy', 'svgmin', 'inline', 'json-minify',

build/common.json

@@ -205,6 +205,17 @@
             }
         }
     },
+    "es6-promise": {
+        "clean": [
+            "../deploy/web-apps/vendor/es6-promise"
+        ],
+        "copy": {
+            "script": {
+                "src": "../vendor/es6-promise/es6-promise.auto.min.js",
+                "dest": "../deploy/web-apps/vendor/es6-promise/es6-promise.auto.min.js"
+            }
+        }
+    },
     "requirejs": {
         "clean": [
             "../deploy/web-apps/vendor/requirejs"
@@ -229,7 +240,8 @@
             "deploy-iscroll",
             "deploy-fetch",
             "deploy-jszip",
-            "deploy-jsziputils"
+            "deploy-jsziputils",
+            "deploy-es6-promise"
         ]
     }
 }