2018-01-25 11:06:58 +01:00
<!DOCTYPE html>
< html >
< head >
< title > ONLYOFFICE Document Editor< / title >
< meta http-equiv = "Content-Type" content = "text/html; charset=utf-8" / >
< meta http-equiv = "X-UA-Compatible" content = "IE=edge,chrome=IE8" / >
< meta name = "description" content = "" / >
< meta name = "keywords" content = "" / >
< link rel = "icon" href = "resources/img/favicon.ico" type = "image/x-icon" / >
2019-01-15 14:28:49 +01:00
<!-- splash -->
2018-01-25 11:06:58 +01:00
< style type = "text/css" >
.loadmask {
left: 0;
top: 0;
position: absolute;
height: 100%;
width: 100%;
overflow: hidden;
border: none;
background-color: #f4f4f4;
z-index: 100;
}
.loader-page {
width: 100%;
height: 170px;
bottom: 42%;
position: absolute;
text-align: center;
line-height: 10px;
}
.loader-logo {
max-height: 160px;
margin-bottom: 10px;
}
.loader-page-romb {
width: 40px;
display: inline-block;
}
.loader-page-text {
width: 100%;
bottom: 42%;
position: absolute;
text-align: center;
color: #888;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
line-height: 20px;
}
.loader-page-text-loading {
font-size: 14px;
}
.loader-page-text-customer {
font-size: 16px;
margin-bottom: 5px;
}
.romb {
width: 40px;
height: 40px;
-webkit-transform: rotate(135deg) skew(20deg, 20deg);
-moz-transform: rotate(135deg) skew(20deg, 20deg);
-ms-transform: rotate(135deg) skew(20deg, 20deg);
-o-transform: rotate(135deg) skew(20deg, 20deg);
position: absolute;
background: red;
border-radius: 6px;
-webkit-animation: movedown 3s infinite ease;
-moz-animation: movedown 3s infinite ease;
-ms-animation: movedown 3s infinite ease;
-o-animation: movedown 3s infinite ease;
animation: movedown 3s infinite ease;
}
#blue {
z-index: 3;
background: #55bce6;
-webkit-animation-name: blue;
-moz-animation-name: blue;
-ms-animation-name: blue;
-o-animation-name: blue;
animation-name: blue;
}
#red {
z-index:1;
background: #de7a59;
-webkit-animation-name: red;
-moz-animation-name: red;
-ms-animation-name: red;
-o-animation-name: red;
animation-name: red;
}
#green {
z-index: 2;
background: #a1cb5c;
-webkit-animation-name: green;
-moz-animation-name: green;
-ms-animation-name: green;
-o-animation-name: green;
animation-name: green;
}
@-webkit-keyframes red {
0% { top:120px; background: #de7a59; }
10% { top:120px; background: #F2CBBF; }
14% { background: #f4f4f4; top:120px; }
15% { background: #f4f4f4; top:0;}
20% { background: #E6E4E4; }
30% { background: #D2D2D2; }
40% { top:120px; }
100% { top:120px; background: #de7a59; }
}
@keyframes red {
0% { top:120px; background: #de7a59; }
10% { top:120px; background: #F2CBBF; }
14% { background: #f4f4f4; top:120px; }
15% { background: #f4f4f4; top:0; }
20% { background: #E6E4E4; }
30% { background: #D2D2D2; }
40% { top:120px; }
100% { top:120px; background: #de7a59; }
}
@-webkit-keyframes green {
0% { top:110px; background: #a1cb5c; opacity:1; }
10% { top:110px; background: #CBE0AC; opacity:1; }
14% { background: #f4f4f4; top:110px; opacity:1; }
15% { background: #f4f4f4; top:0; opacity:1; }
20% { background: #f4f4f4; top:0; opacity:0; }
25% { background: #EFEFEF; top:0; opacity:1; }
30% { background:#E6E4E4; }
70% { top:110px; }
100% { top:110px; background: #a1cb5c; }
}
@keyframes green {
0% { top:110px; background: #a1cb5c; opacity:1; }
10% { top:110px; background: #CBE0AC; opacity:1; }
14% { background: #f4f4f4; top:110px; opacity:1; }
15% { background: #f4f4f4; top:0; opacity:1; }
20% { background: #f4f4f4; top:0; opacity:0; }
25% { background: #EFEFEF; top:0; opacity:1; }
30% { background:#E6E4E4; }
70% { top:110px; }
100% { top:110px; background: #a1cb5c; }
}
@-webkit-keyframes blue {
0% { top:100px; background: #55bce6; opacity:1; }
10% { top:100px; background: #BFE8F8; opacity:1; }
14% { background: #f4f4f4; top:100px; opacity:1; }
15% { background: #f4f4f4; top:0; opacity:1; }
20% { background: #f4f4f4; top:0; opacity:0; }
25% { background: #f4f4f4; top:0; opacity:0; }
45% { background: #EFEFEF; top:0; opacity:0,2; }
100% { top:100px; background: #55bce6; }
}
@keyframes blue {
0% { top:100px; background: #55bce6; opacity:1; }
10% { top:100px; background: #BFE8F8; opacity:1; }
14% { background: #f4f4f4; top:100px; opacity:1; }
15% { background: #f4f4f4; top:0; opacity:1; }
20% { background: #f4f4f4; top:0; opacity:0; }
25% { background: #f4f4f4; top:0; opacity:0; }
45% { background: #EFEFEF; top:0; opacity:0,2; }
100% { top:100px; background: #55bce6; }
}
< / style >
2019-01-15 14:28:49 +01:00
2018-01-25 11:06:58 +01:00
< script >
var userAgent = navigator . userAgent . toLowerCase ( ) ,
check = function ( regex ) { return regex . test ( userAgent ) ; } ,
stopLoading = false ;
if ( ! check ( /opera/ ) && ( check ( /msie/ ) || check ( /trident/ ) ) ) {
var m = /msie (\d+\.\d+)/ . exec ( userAgent ) ;
if ( m && parseFloat ( m [ 1 ] ) < 9.0 ) {
document . write ( '<div class="app-error-panel">' +
'<div class="message-block">' +
'<div class="message-inner">' +
'<div class="title">Your browser is not supported.</div>' +
'<div class="text">Sorry, Spreadsheet Editor is currently only supported in the latest versions of the Chrome, Firefox, Safari or Internet Explorer web browsers.</div>' +
'</div>' +
'</div></div>' ) ;
stopLoading = true ;
}
}
function getUrlParams ( ) {
var e ,
a = /\+/g , // Regex for replacing addition symbol with a space
r = /([^&=]+)=?([^&]*)/g ,
d = function ( s ) { return decodeURIComponent ( s . replace ( a , " " ) ) ; } ,
q = window . location . search . substring ( 1 ) ,
urlParams = { } ;
while ( e = r . exec ( q ) )
urlParams [ d ( e [ 1 ] ) ] = d ( e [ 2 ] ) ;
return urlParams ;
}
function encodeUrlParam ( str ) {
return str . replace ( /&/g , '&' )
. replace ( /"/g , '"' )
. replace ( /'/g , ''' )
. replace ( /</g , '<' )
. replace ( />/g , '>' ) ;
}
var params = getUrlParams ( ) ,
2019-01-15 14:28:49 +01:00
lang = ( params [ "lang" ] || 'en' ) . split ( /[\-\_]/ ) [ 0 ] ,
2018-01-25 11:06:58 +01:00
customer = params [ "customer" ] ? ( '<div class="loader-page-text-customer">' + encodeUrlParam ( params [ "customer" ] ) + '</div>' ) : '' ,
margin = ( customer !== '' ) ? 50 : 20 ,
loading = 'Loading...' ,
logo = params [ "logo" ] ? ( ( params [ "logo" ] !== 'none' ) ? ( '<img src="' + encodeUrlParam ( params [ "logo" ] ) + '" class="loader-logo" />' ) : '' ) : null ;
window . frameEditorId = params [ "frameEditorId" ] ;
if ( lang == 'de' ) loading = 'Ladevorgang...' ;
else if ( lang == 'es' ) loading = 'Cargando...' ;
else if ( lang == 'fr' ) loading = 'Chargement en cours...' ;
else if ( lang == 'it' ) loading = 'Caricamento in corso...' ;
else if ( lang == 'pt' ) loading = 'Carregando...' ;
else if ( lang == 'ru' ) loading = 'Загрузка...' ;
else if ( lang == 'sl' ) loading = 'Nalaganje...' ;
else if ( lang == 'tr' ) loading = 'Yükleniyor...' ;
if ( ! stopLoading )
2019-01-15 14:28:49 +01:00
document . write (
'<div id="loading-mask" class="loadmask">' +
2018-01-25 11:06:58 +01:00
'<div class="loader-page" style="margin-bottom: ' + margin + 'px;' + ( ( logo !== null ) ? 'height: auto;' : '' ) + '">' +
( ( logo !== null ) ? logo :
2019-01-15 14:28:49 +01:00
'<div class="loader-page-romb">' +
'<div class="romb" id="blue"></div>' +
'<div class="romb" id="green"></div>' +
'<div class="romb" id="red"></div>' +
'</div>' ) +
2018-01-25 11:06:58 +01:00
'</div>' +
'<div class="loader-page-text">' + customer +
2019-01-15 14:28:49 +01:00
'<div class="loader-page-text-loading">' + loading + '</div>' +
'</div>' +
'</div>' ) ;
< / script >
< link rel = "stylesheet" type = "text/css" href = "../../../../sdkjs/cell/css/main.css" / >
< link rel = "stylesheet" type = "text/css" href = "../../../apps/spreadsheeteditor/main/resources/css/app.css" >
< / head >
< body >
< script >
window . requireTimeourError = function ( ) {
var reqerr ;
2018-01-25 11:06:58 +01:00
2019-01-15 14:28:49 +01:00
if ( lang == 'de' ) reqerr = 'Die Verbindung ist zu langsam, einige Komponenten konnten nicht geladen werden. Aktualisieren Sie bitte die Seite.' ;
else if ( lang == 'es' ) reqerr = 'La conexión es muy lenta, algunos de los componentes no han podido cargar. Por favor recargue la página.' ;
else if ( lang == 'fr' ) reqerr = 'La connexion est trop lente, certains des composants n\'ons pas pu être chargé. Veuillez recharger la page.' ;
else if ( lang == 'ru' ) reqerr = 'Слишком медленное соединение, не удается загрузить некоторые компоненты. Пожалуйста, обновите страницу.' ;
else reqerr = 'The connection is too slow, some of the components could not be loaded. Please reload the page.' ;
return reqerr ;
} ;
var requireTimeoutID = setTimeout ( function ( ) {
window . alert ( window . requireTimeourError ( ) ) ;
window . location . reload ( ) ;
} , 30000 ) ;
var require = {
waitSeconds : 30 ,
callback : function ( ) {
clearTimeout ( requireTimeoutID ) ;
}
2018-01-25 11:06:58 +01:00
} ;
< / script >
< div id = "viewport" > < / div >
< script data-main = "app" src = "../../../vendor/requirejs/require.js" > < / script >
< / body >
< / html >
