[DE] Fixed display dummy document on loading

apps/documenteditor/main/app/controller/Main.js

@@ -365,7 +365,7 @@ define([
 
                 if (!( this.editorConfig.customization && ( this.editorConfig.customization.toolbarNoTabs ||
                     (this.editorConfig.targetApp!=='desktop') && (this.editorConfig.customization.loaderName || this.editorConfig.customization.loaderLogo)))) {
-                    $('#editor_sdk').append('<div class="doc-placeholder">' + '<div class="line"></div>'.repeat(20) + '</div>');
+                    $('#editor-container').append('<div class="doc-placeholder">' + '<div class="line"></div>'.repeat(20) + '</div>');
                 }
 
                 Common.Controllers.Desktop.init(this.appOptions);

apps/documenteditor/main/app/template/Viewport.template

@@ -9,7 +9,7 @@
             <div id="viewport-hbox-layout" class="layout-ct hbox">
                 <div id="left-menu" class="layout-item" style="width: 40px;"></div>
                 <div id="about-menu-panel" class="left-menu-full-ct" style="display:none;"></div>
-                <div id="editor_sdk" class="layout-item"></div>
+                <div id="editor-container" class="layout-item"><div id="editor_sdk"></div></div>
                 <div id="right-menu" class="layout-item"></div>
                 <div id="left-panel-history" class="layout-item" />
             </div>

apps/documenteditor/main/resources/less/app.less

@@ -150,12 +150,17 @@
 
 .doc-placeholder {
     background: #fbfbfb;
-    width: 100%;
     max-width: 796px;
     margin: 40px auto;
     height: 100%;
     border: 1px solid #dfdfdf;
     padding-top: 50px;
+    position: absolute;
+    left: 0;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    z-index: 1;
 
     -webkit-animation: flickerAnimation 2s infinite ease-in-out;
     -moz-animation: flickerAnimation 2s infinite ease-in-out;

apps/documenteditor/main/resources/less/layout.less

@@ -76,3 +76,8 @@ label {
     height: 100%;
     display: none;
 }
+
+#editor_sdk {
+    width: 100%;
+    height: 100%;
+}

apps/documenteditor/mobile/app/controller/Main.js

@@ -221,7 +221,7 @@ define([
                     me.api.asc_setLocale(me.editorConfig.lang);
 
                 if (!me.editorConfig.customization || !(me.editorConfig.customization.loaderName || me.editorConfig.customization.loaderLogo))
-                    $('#editor_sdk').append('<div class="doc-placeholder"><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div></div>');
+                    $('#editor-container').append('<div class="doc-placeholder"><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div></div>');
 
 //                if (this.appOptions.location == 'us' || this.appOptions.location == 'ca')
 //                    Common.Utils.Metric.setDefaultMetric(Common.Utils.Metric.c_MetricUnits.inch);

apps/documenteditor/mobile/app/template/Editor.template

@@ -2,7 +2,7 @@
     <div class="view view-main">
         <div class="pages navbar-through">
             <div data-page="index" class="page">
-                <div id="editor_sdk" class="page-content no-fastclick"></div>
+                <div id="editor-container" class="page-content no-fastclick"><div id="editor_sdk" class="no-fastclick"></div></div>
             </div>
         </div>
     </div>

build/common.json

@@ -1,7 +1,7 @@
 {
     "name": "common",
     "version": "4.3.0",
-    "build": 37,
+    "build": 39,
     "homepage": "http://www.onlyoffice.com",
     "private": true,
     "sdk": {

build/documenteditor.json

@@ -1,7 +1,7 @@
 {
     "name": "documenteditor",
     "version": "4.3.0",
-    "build": 1146,
+    "build": 1148,
     "homepage": "http://www.onlyoffice.com",
     "private": true,
     "main": {

build/presentationeditor.json

@@ -1,7 +1,7 @@
 {
     "name": "presentationeditor",
     "version": "4.3.0",
-    "build": 780,
+    "build": 782,
     "homepage": "http://www.onlyoffice.com",
     "private": true,
     "main": {

build/spreadsheeteditor.json

@@ -1,7 +1,7 @@
 {
     "name": "spreadsheeteditor",
     "version": "4.3.0",
-    "build": 884,
+    "build": 886,
     "homepage": "http://www.onlyoffice.com",
     "private": true,
     "main": {