Commit 376990a7 authored by Julia Radzhabova's avatar Julia Radzhabova

Added custom logo to loader of the editors (need parameter in config -> customization).

parent 4e72c53a
...@@ -691,6 +691,9 @@ ...@@ -691,6 +691,9 @@
if (config.editorConfig.customization.loaderName !== 'none') params += "&customer=" + config.editorConfig.customization.loaderName; if (config.editorConfig.customization.loaderName !== 'none') params += "&customer=" + config.editorConfig.customization.loaderName;
} else } else
params += "&customer=ONLYOFFICE"; params += "&customer=ONLYOFFICE";
if ( (typeof(config.editorConfig.customization) == 'object') && config.editorConfig.customization.loaderLogo) {
if (config.editorConfig.customization.loaderLogo !== '') params += "&logo=" + config.editorConfig.customization.loaderLogo;
}
} }
return params; return params;
......
...@@ -32,6 +32,12 @@ ...@@ -32,6 +32,12 @@
bottom: 42%; bottom: 42%;
position: absolute; position: absolute;
text-align: center; text-align: center;
line-height: 10px;
}
.loader-logo {
max-height: 160px;
margin-bottom: 10px;
} }
.loader-page-romb { .loader-page-romb {
...@@ -219,7 +225,8 @@ ...@@ -219,7 +225,8 @@
lang = (params["lang"] || 'en').split("-")[0], lang = (params["lang"] || 'en').split("-")[0],
customer = params["customer"] ? ('<div class="loader-page-text-customer">' + encodeUrlParam(params["customer"]) + '</div>') : '', customer = params["customer"] ? ('<div class="loader-page-text-customer">' + encodeUrlParam(params["customer"]) + '</div>') : '',
margin = (customer !== '') ? 50 : 20, margin = (customer !== '') ? 50 : 20,
loading = 'Loading...'; loading = 'Loading...',
logo = params["logo"] ? ((params["logo"] !== 'none') ? ('<img src="' + encodeUrlParam(params["logo"]) + '" class="loader-logo" />') : '') : null;
if ( lang == 'de') loading = 'Ladevorgang...'; if ( lang == 'de') loading = 'Ladevorgang...';
else if ( lang == 'es') loading = 'Cargando...'; else if ( lang == 'es') loading = 'Cargando...';
...@@ -232,12 +239,14 @@ ...@@ -232,12 +239,14 @@
document.write( document.write(
'<div id="loading-mask" class="loadmask">' + '<div id="loading-mask" class="loadmask">' +
'<div class="loader-page" style="margin-bottom: ' + margin + 'px;">' + '<div class="loader-page" style="margin-bottom: ' + margin + 'px;' + ((logo!='') ? 'height: auto;' : '') + '">' +
'<div class="loader-page-romb">' + ((logo!==null) ? logo :
'<div class="romb" id="blue"></div>' + '<div class="loader-page-romb">' +
'<div class="romb" id="green"></div>' + '<div class="romb" id="blue"></div>' +
'<div class="romb" id="red"></div>' + '<div class="romb" id="green"></div>' +
'</div></div>' + '<div class="romb" id="red"></div>' +
'</div>') +
'</div>' +
'<div class="loader-page-text">' + customer + '<div class="loader-page-text">' + customer +
'<div class="loader-page-text-loading">' + loading + '</div>' + '<div class="loader-page-text-loading">' + loading + '</div>' +
'</div>' + '</div>' +
......
...@@ -28,6 +28,12 @@ ...@@ -28,6 +28,12 @@
bottom: 42%; bottom: 42%;
position: absolute; position: absolute;
text-align: center; text-align: center;
line-height: 10px;
}
.loader-logo {
max-height: 160px;
margin-bottom: 10px;
} }
.loader-page-romb { .loader-page-romb {
...@@ -209,7 +215,8 @@ ...@@ -209,7 +215,8 @@
lang = (params["lang"] || 'en').split("-")[0], lang = (params["lang"] || 'en').split("-")[0],
customer = params["customer"] ? ('<div class="loader-page-text-customer">' + encodeUrlParam(params["customer"]) + '</div>') : '', customer = params["customer"] ? ('<div class="loader-page-text-customer">' + encodeUrlParam(params["customer"]) + '</div>') : '',
margin = (customer !== '') ? 50 : 20, margin = (customer !== '') ? 50 : 20,
loading = 'Loading...'; loading = 'Loading...',
logo = params["logo"] ? ((params["logo"] !== 'none') ? ('<img src="' + encodeUrlParam(params["logo"]) + '" class="loader-logo" />') : '') : null;
if ( lang == 'de') loading = 'Ladevorgang...'; if ( lang == 'de') loading = 'Ladevorgang...';
else if ( lang == 'es') loading = 'Cargando...'; else if ( lang == 'es') loading = 'Cargando...';
...@@ -222,12 +229,14 @@ ...@@ -222,12 +229,14 @@
document.write( document.write(
'<div id="loading-mask" class="loadmask">' + '<div id="loading-mask" class="loadmask">' +
'<div class="loader-page" style="margin-bottom: ' + margin + 'px;">' + '<div class="loader-page" style="margin-bottom: ' + margin + 'px;' + ((logo!='') ? 'height: auto;' : '') + '">' +
'<div class="loader-page-romb">' + ((logo!==null) ? logo :
'<div class="romb" id="blue"></div>' + '<div class="loader-page-romb">' +
'<div class="romb" id="green"></div>' + '<div class="romb" id="blue"></div>' +
'<div class="romb" id="red"></div>' + '<div class="romb" id="green"></div>' +
'</div></div>' + '<div class="romb" id="red"></div>' +
'</div>') +
'</div>' +
'<div class="loader-page-text">' + customer + '<div class="loader-page-text">' + customer +
'<div class="loader-page-text-loading">' + loading + '</div>' + '<div class="loader-page-text-loading">' + loading + '</div>' +
'</div>' + '</div>' +
......
...@@ -31,6 +31,12 @@ ...@@ -31,6 +31,12 @@
bottom: 42%; bottom: 42%;
position: absolute; position: absolute;
text-align: center; text-align: center;
line-height: 10px;
}
.loader-logo {
max-height: 160px;
margin-bottom: 10px;
} }
.loader-page-romb { .loader-page-romb {
...@@ -201,8 +207,9 @@ ...@@ -201,8 +207,9 @@
lang = (params["lang"] || 'en').split("-")[0], lang = (params["lang"] || 'en').split("-")[0],
customer = params["customer"] ? ('<div class="loader-page-text-customer">' + encodeUrlParam(params["customer"]) + '</div>') : '', customer = params["customer"] ? ('<div class="loader-page-text-customer">' + encodeUrlParam(params["customer"]) + '</div>') : '',
margin = (customer !== '') ? 50 : 20, margin = (customer !== '') ? 50 : 20,
loading = 'Loading...'; loading = 'Loading...',
logo = params["logo"] ? ((params["logo"] !== 'none') ? ('<img src="' + encodeUrlParam(params["logo"]) + '" class="loader-logo" />') : '') : null;
if ( lang == 'de') loading = 'Ladevorgang...'; if ( lang == 'de') loading = 'Ladevorgang...';
else if ( lang == 'es') loading = 'Cargando...'; else if ( lang == 'es') loading = 'Cargando...';
else if ( lang == 'fr') loading = 'Chargement en cours...'; else if ( lang == 'fr') loading = 'Chargement en cours...';
...@@ -214,12 +221,14 @@ ...@@ -214,12 +221,14 @@
document.write( document.write(
'<div id="loading-mask" class="loadmask">' + '<div id="loading-mask" class="loadmask">' +
'<div class="loader-page" style="margin-bottom: ' + margin + 'px;">' + '<div class="loader-page" style="margin-bottom: ' + margin + 'px;' + ((logo!='') ? 'height: auto;' : '') + '">' +
'<div class="loader-page-romb">' + ((logo!==null) ? logo :
'<div class="romb" id="blue"></div>' + '<div class="loader-page-romb">' +
'<div class="romb" id="green"></div>' + '<div class="romb" id="blue"></div>' +
'<div class="romb" id="red"></div>' + '<div class="romb" id="green"></div>' +
'</div></div>' + '<div class="romb" id="red"></div>' +
'</div>') +
'</div>' +
'<div class="loader-page-text">' + customer + '<div class="loader-page-text">' + customer +
'<div class="loader-page-text-loading">' + loading + '</div>' + '<div class="loader-page-text-loading">' + loading + '</div>' +
'</div>' + '</div>' +
......
...@@ -30,6 +30,12 @@ ...@@ -30,6 +30,12 @@
bottom: 42%; bottom: 42%;
position: absolute; position: absolute;
text-align: center; text-align: center;
line-height: 10px;
}
.loader-logo {
max-height: 160px;
margin-bottom: 10px;
} }
.loader-page-romb { .loader-page-romb {
...@@ -201,7 +207,8 @@ ...@@ -201,7 +207,8 @@
lang = (params["lang"] || 'en').split("-")[0], lang = (params["lang"] || 'en').split("-")[0],
customer = params["customer"] ? ('<div class="loader-page-text-customer">' + encodeUrlParam(params["customer"]) + '</div>') : '', customer = params["customer"] ? ('<div class="loader-page-text-customer">' + encodeUrlParam(params["customer"]) + '</div>') : '',
margin = (customer !== '') ? 50 : 20, margin = (customer !== '') ? 50 : 20,
loading = 'Loading...'; loading = 'Loading...',
logo = params["logo"] ? ((params["logo"] !== 'none') ? ('<img src="' + encodeUrlParam(params["logo"]) + '" class="loader-logo" />') : '') : null;
if ( lang == 'de') loading = 'Ladevorgang...'; if ( lang == 'de') loading = 'Ladevorgang...';
else if ( lang == 'es') loading = 'Cargando...'; else if ( lang == 'es') loading = 'Cargando...';
...@@ -214,12 +221,14 @@ ...@@ -214,12 +221,14 @@
document.write( document.write(
'<div id="loading-mask" class="loadmask">' + '<div id="loading-mask" class="loadmask">' +
'<div class="loader-page" style="margin-bottom: ' + margin + 'px;">' + '<div class="loader-page" style="margin-bottom: ' + margin + 'px;' + ((logo!='') ? 'height: auto;' : '') + '">' +
'<div class="loader-page-romb">' + ((logo!==null) ? logo :
'<div class="romb" id="blue"></div>' + '<div class="loader-page-romb">' +
'<div class="romb" id="green"></div>' + '<div class="romb" id="blue"></div>' +
'<div class="romb" id="red"></div>' + '<div class="romb" id="green"></div>' +
'</div></div>' + '<div class="romb" id="red"></div>' +
'</div>') +
'</div>' +
'<div class="loader-page-text">' + customer + '<div class="loader-page-text">' + customer +
'<div class="loader-page-text-loading">' + loading + '</div>' + '<div class="loader-page-text-loading">' + loading + '</div>' +
'</div>' + '</div>' +
......
...@@ -27,6 +27,12 @@ ...@@ -27,6 +27,12 @@
bottom: 42%; bottom: 42%;
position: absolute; position: absolute;
text-align: center; text-align: center;
line-height: 10px;
}
.loader-logo {
max-height: 160px;
margin-bottom: 10px;
} }
.loader-page-romb { .loader-page-romb {
...@@ -255,7 +261,8 @@ ...@@ -255,7 +261,8 @@
lang = (params["lang"] || 'en').split("-")[0], lang = (params["lang"] || 'en').split("-")[0],
customer = params["customer"] ? ('<div class="loader-page-text-customer">' + encodeUrlParam(params["customer"]) + '</div>') : '', customer = params["customer"] ? ('<div class="loader-page-text-customer">' + encodeUrlParam(params["customer"]) + '</div>') : '',
margin = (customer !== '') ? 50 : 20, margin = (customer !== '') ? 50 : 20,
loading = 'Loading...'; loading = 'Loading...',
logo = params["logo"] ? ((params["logo"] !== 'none') ? ('<img src="' + encodeUrlParam(params["logo"]) + '" class="loader-logo" />') : '') : null;
if ( lang == 'de') loading = 'Ladevorgang...'; if ( lang == 'de') loading = 'Ladevorgang...';
else if ( lang == 'es') loading = 'Cargando...'; else if ( lang == 'es') loading = 'Cargando...';
...@@ -268,12 +275,14 @@ ...@@ -268,12 +275,14 @@
document.write( document.write(
'<div id="loading-mask" class="loadmask">' + '<div id="loading-mask" class="loadmask">' +
'<div class="loader-page" style="margin-bottom: ' + margin + 'px;">' + '<div class="loader-page" style="margin-bottom: ' + margin + 'px;' + ((logo!='') ? 'height: auto;' : '') + '">' +
'<div class="loader-page-romb">' + ((logo!==null) ? logo :
'<div class="romb" id="blue"></div>' + '<div class="loader-page-romb">' +
'<div class="romb" id="green"></div>' + '<div class="romb" id="blue"></div>' +
'<div class="romb" id="red"></div>' + '<div class="romb" id="green"></div>' +
'</div></div>' + '<div class="romb" id="red"></div>' +
'</div>') +
'</div>' +
'<div class="loader-page-text">' + customer + '<div class="loader-page-text">' + customer +
'<div class="loader-page-text-loading">' + loading + '</div>' + '<div class="loader-page-text-loading">' + loading + '</div>' +
'</div>' + '</div>' +
......
...@@ -27,6 +27,12 @@ ...@@ -27,6 +27,12 @@
bottom: 42%; bottom: 42%;
position: absolute; position: absolute;
text-align: center; text-align: center;
line-height: 10px;
}
.loader-logo {
max-height: 160px;
margin-bottom: 10px;
} }
.loader-page-romb { .loader-page-romb {
...@@ -246,7 +252,8 @@ ...@@ -246,7 +252,8 @@
lang = (params["lang"] || 'en').split("-")[0], lang = (params["lang"] || 'en').split("-")[0],
customer = params["customer"] ? ('<div class="loader-page-text-customer">' + encodeUrlParam(params["customer"]) + '</div>') : '', customer = params["customer"] ? ('<div class="loader-page-text-customer">' + encodeUrlParam(params["customer"]) + '</div>') : '',
margin = (customer !== '') ? 50 : 20, margin = (customer !== '') ? 50 : 20,
loading = 'Loading...'; loading = 'Loading...',
logo = params["logo"] ? ((params["logo"] !== 'none') ? ('<img src="' + encodeUrlParam(params["logo"]) + '" class="loader-logo" />') : '') : null;
if ( lang == 'de') loading = 'Ladevorgang...'; if ( lang == 'de') loading = 'Ladevorgang...';
else if ( lang == 'es') loading = 'Cargando...'; else if ( lang == 'es') loading = 'Cargando...';
...@@ -259,12 +266,14 @@ ...@@ -259,12 +266,14 @@
document.write( document.write(
'<div id="loading-mask" class="loadmask">' + '<div id="loading-mask" class="loadmask">' +
'<div class="loader-page" style="margin-bottom: ' + margin + 'px;">' + '<div class="loader-page" style="margin-bottom: ' + margin + 'px;' + ((logo!='') ? 'height: auto;' : '') + '">' +
'<div class="loader-page-romb">' + ((logo!==null) ? logo :
'<div class="romb" id="blue"></div>' + '<div class="loader-page-romb">' +
'<div class="romb" id="green"></div>' + '<div class="romb" id="blue"></div>' +
'<div class="romb" id="red"></div>' + '<div class="romb" id="green"></div>' +
'</div></div>' + '<div class="romb" id="red"></div>' +
'</div>') +
'</div>' +
'<div class="loader-page-text">' + customer + '<div class="loader-page-text">' + customer +
'<div class="loader-page-text-loading">' + loading + '</div>' + '<div class="loader-page-text-loading">' + loading + '</div>' +
'</div>' + '</div>' +
......
...@@ -32,6 +32,12 @@ ...@@ -32,6 +32,12 @@
bottom: 42%; bottom: 42%;
position: absolute; position: absolute;
text-align: center; text-align: center;
line-height: 10px;
}
.loader-logo {
max-height: 160px;
margin-bottom: 10px;
} }
.loader-page-romb { .loader-page-romb {
...@@ -218,7 +224,8 @@ ...@@ -218,7 +224,8 @@
lang = (params["lang"] || 'en').split("-")[0], lang = (params["lang"] || 'en').split("-")[0],
customer = params["customer"] ? ('<div class="loader-page-text-customer">' + encodeUrlParam(params["customer"]) + '</div>') : '', customer = params["customer"] ? ('<div class="loader-page-text-customer">' + encodeUrlParam(params["customer"]) + '</div>') : '',
margin = (customer !== '') ? 50 : 20, margin = (customer !== '') ? 50 : 20,
loading = 'Loading...'; loading = 'Loading...',
logo = params["logo"] ? ((params["logo"] !== 'none') ? ('<img src="' + encodeUrlParam(params["logo"]) + '" class="loader-logo" />') : '') : null;
if ( lang == 'de') loading = 'Ladevorgang...'; if ( lang == 'de') loading = 'Ladevorgang...';
else if ( lang == 'es') loading = 'Cargando...'; else if ( lang == 'es') loading = 'Cargando...';
...@@ -231,12 +238,14 @@ ...@@ -231,12 +238,14 @@
document.write( document.write(
'<div id="loading-mask" class="loadmask">' + '<div id="loading-mask" class="loadmask">' +
'<div class="loader-page" style="margin-bottom: ' + margin + 'px;">' + '<div class="loader-page" style="margin-bottom: ' + margin + 'px;' + ((logo!='') ? 'height: auto;' : '') + '">' +
'<div class="loader-page-romb">' + ((logo!==null) ? logo :
'<div class="romb" id="blue"></div>' + '<div class="loader-page-romb">' +
'<div class="romb" id="green"></div>' + '<div class="romb" id="blue"></div>' +
'<div class="romb" id="red"></div>' + '<div class="romb" id="green"></div>' +
'</div></div>' + '<div class="romb" id="red"></div>' +
'</div>') +
'</div>' +
'<div class="loader-page-text">' + customer + '<div class="loader-page-text">' + customer +
'<div class="loader-page-text-loading">' + loading + '</div>' + '<div class="loader-page-text-loading">' + loading + '</div>' +
'</div>' + '</div>' +
......
...@@ -28,6 +28,12 @@ ...@@ -28,6 +28,12 @@
bottom: 42%; bottom: 42%;
position: absolute; position: absolute;
text-align: center; text-align: center;
line-height: 10px;
}
.loader-logo {
max-height: 160px;
margin-bottom: 10px;
} }
.loader-page-romb { .loader-page-romb {
...@@ -209,7 +215,8 @@ ...@@ -209,7 +215,8 @@
lang = (params["lang"] || 'en').split("-")[0], lang = (params["lang"] || 'en').split("-")[0],
customer = params["customer"] ? ('<div class="loader-page-text-customer">' + encodeUrlParam(params["customer"]) + '</div>') : '', customer = params["customer"] ? ('<div class="loader-page-text-customer">' + encodeUrlParam(params["customer"]) + '</div>') : '',
margin = (customer !== '') ? 50 : 20, margin = (customer !== '') ? 50 : 20,
loading = 'Loading...'; loading = 'Loading...',
logo = params["logo"] ? ((params["logo"] !== 'none') ? ('<img src="' + encodeUrlParam(params["logo"]) + '" class="loader-logo" />') : '') : null;
if ( lang == 'de') loading = 'Ladevorgang...'; if ( lang == 'de') loading = 'Ladevorgang...';
else if ( lang == 'es') loading = 'Cargando...'; else if ( lang == 'es') loading = 'Cargando...';
...@@ -222,12 +229,14 @@ ...@@ -222,12 +229,14 @@
document.write( document.write(
'<div id="loading-mask" class="loadmask">' + '<div id="loading-mask" class="loadmask">' +
'<div class="loader-page" style="margin-bottom: ' + margin + 'px;">' + '<div class="loader-page" style="margin-bottom: ' + margin + 'px;' + ((logo!='') ? 'height: auto;' : '') + '">' +
'<div class="loader-page-romb">' + ((logo!==null) ? logo :
'<div class="romb" id="blue"></div>' + '<div class="loader-page-romb">' +
'<div class="romb" id="green"></div>' + '<div class="romb" id="blue"></div>' +
'<div class="romb" id="red"></div>' + '<div class="romb" id="green"></div>' +
'</div></div>' + '<div class="romb" id="red"></div>' +
'</div>') +
'</div>' +
'<div class="loader-page-text">' + customer + '<div class="loader-page-text">' + customer +
'<div class="loader-page-text-loading">' + loading + '</div>' + '<div class="loader-page-text-loading">' + loading + '</div>' +
'</div>' + '</div>' +
......
...@@ -31,6 +31,12 @@ ...@@ -31,6 +31,12 @@
bottom: 42%; bottom: 42%;
position: absolute; position: absolute;
text-align: center; text-align: center;
line-height: 10px;
}
.loader-logo {
max-height: 160px;
margin-bottom: 10px;
} }
.loader-page-romb { .loader-page-romb {
...@@ -202,7 +208,8 @@ ...@@ -202,7 +208,8 @@
lang = (params["lang"] || 'en').split("-")[0], lang = (params["lang"] || 'en').split("-")[0],
customer = params["customer"] ? ('<div class="loader-page-text-customer">' + encodeUrlParam(params["customer"]) + '</div>') : '', customer = params["customer"] ? ('<div class="loader-page-text-customer">' + encodeUrlParam(params["customer"]) + '</div>') : '',
margin = (customer !== '') ? 50 : 20, margin = (customer !== '') ? 50 : 20,
loading = 'Loading...'; loading = 'Loading...',
logo = params["logo"] ? ((params["logo"] !== 'none') ? ('<img src="' + encodeUrlParam(params["logo"]) + '" class="loader-logo" />') : '') : null;
if ( lang == 'de') loading = 'Ladevorgang...'; if ( lang == 'de') loading = 'Ladevorgang...';
else if ( lang == 'es') loading = 'Cargando...'; else if ( lang == 'es') loading = 'Cargando...';
...@@ -215,12 +222,14 @@ ...@@ -215,12 +222,14 @@
document.write( document.write(
'<div id="loading-mask" class="loadmask">' + '<div id="loading-mask" class="loadmask">' +
'<div class="loader-page" style="margin-bottom: ' + margin + 'px;">' + '<div class="loader-page" style="margin-bottom: ' + margin + 'px;' + ((logo!='') ? 'height: auto;' : '') + '">' +
'<div class="loader-page-romb">' + ((logo!==null) ? logo :
'<div class="romb" id="blue"></div>' + '<div class="loader-page-romb">' +
'<div class="romb" id="green"></div>' + '<div class="romb" id="blue"></div>' +
'<div class="romb" id="red"></div>' + '<div class="romb" id="green"></div>' +
'</div></div>' + '<div class="romb" id="red"></div>' +
'</div>') +
'</div>' +
'<div class="loader-page-text">' + customer + '<div class="loader-page-text">' + customer +
'<div class="loader-page-text-loading">' + loading + '</div>' + '<div class="loader-page-text-loading">' + loading + '</div>' +
'</div>' + '</div>' +
......
...@@ -30,6 +30,12 @@ ...@@ -30,6 +30,12 @@
bottom: 42%; bottom: 42%;
position: absolute; position: absolute;
text-align: center; text-align: center;
line-height: 10px;
}
.loader-logo {
max-height: 160px;
margin-bottom: 10px;
} }
.loader-page-romb { .loader-page-romb {
...@@ -201,7 +207,8 @@ ...@@ -201,7 +207,8 @@
lang = (params["lang"] || 'en').split("-")[0], lang = (params["lang"] || 'en').split("-")[0],
customer = params["customer"] ? ('<div class="loader-page-text-customer">' + encodeUrlParam(params["customer"]) + '</div>') : '', customer = params["customer"] ? ('<div class="loader-page-text-customer">' + encodeUrlParam(params["customer"]) + '</div>') : '',
margin = (customer !== '') ? 50 : 20, margin = (customer !== '') ? 50 : 20,
loading = 'Loading...'; loading = 'Loading...',
logo = params["logo"] ? ((params["logo"] !== 'none') ? ('<img src="' + encodeUrlParam(params["logo"]) + '" class="loader-logo" />') : '') : null;
if ( lang == 'de') loading = 'Ladevorgang...'; if ( lang == 'de') loading = 'Ladevorgang...';
else if ( lang == 'es') loading = 'Cargando...'; else if ( lang == 'es') loading = 'Cargando...';
...@@ -214,12 +221,14 @@ ...@@ -214,12 +221,14 @@
document.write( document.write(
'<div id="loading-mask" class="loadmask">' + '<div id="loading-mask" class="loadmask">' +
'<div class="loader-page" style="margin-bottom: ' + margin + 'px;">' + '<div class="loader-page" style="margin-bottom: ' + margin + 'px;' + ((logo!='') ? 'height: auto;' : '') + '">' +
'<div class="loader-page-romb">' + ((logo!==null) ? logo :
'<div class="romb" id="blue"></div>' + '<div class="loader-page-romb">' +
'<div class="romb" id="green"></div>' + '<div class="romb" id="blue"></div>' +
'<div class="romb" id="red"></div>' + '<div class="romb" id="green"></div>' +
'</div></div>' + '<div class="romb" id="red"></div>' +
'</div>') +
'</div>' +
'<div class="loader-page-text">' + customer + '<div class="loader-page-text">' + customer +
'<div class="loader-page-text-loading">' + loading + '</div>' + '<div class="loader-page-text-loading">' + loading + '</div>' +
'</div>' + '</div>' +
......
...@@ -27,6 +27,12 @@ ...@@ -27,6 +27,12 @@
bottom: 42%; bottom: 42%;
position: absolute; position: absolute;
text-align: center; text-align: center;
line-height: 10px;
}
.loader-logo {
max-height: 160px;
margin-bottom: 10px;
} }
.loader-page-romb { .loader-page-romb {
...@@ -254,7 +260,8 @@ ...@@ -254,7 +260,8 @@
lang = (params["lang"] || 'en').split("-")[0], lang = (params["lang"] || 'en').split("-")[0],
customer = params["customer"] ? ('<div class="loader-page-text-customer">' + encodeUrlParam(params["customer"]) + '</div>') : '', customer = params["customer"] ? ('<div class="loader-page-text-customer">' + encodeUrlParam(params["customer"]) + '</div>') : '',
margin = (customer !== '') ? 50 : 20, margin = (customer !== '') ? 50 : 20,
loading = 'Loading...'; loading = 'Loading...',
logo = params["logo"] ? ((params["logo"] !== 'none') ? ('<img src="' + encodeUrlParam(params["logo"]) + '" class="loader-logo" />') : '') : null;
if ( lang == 'de') loading = 'Ladevorgang...'; if ( lang == 'de') loading = 'Ladevorgang...';
else if ( lang == 'es') loading = 'Cargando...'; else if ( lang == 'es') loading = 'Cargando...';
...@@ -267,12 +274,14 @@ ...@@ -267,12 +274,14 @@
document.write( document.write(
'<div id="loading-mask" class="loadmask">' + '<div id="loading-mask" class="loadmask">' +
'<div class="loader-page" style="margin-bottom: ' + margin + 'px;">' + '<div class="loader-page" style="margin-bottom: ' + margin + 'px;' + ((logo!='') ? 'height: auto;' : '') + '">' +
'<div class="loader-page-romb">' + ((logo!==null) ? logo :
'<div class="romb" id="blue"></div>' + '<div class="loader-page-romb">' +
'<div class="romb" id="green"></div>' + '<div class="romb" id="blue"></div>' +
'<div class="romb" id="red"></div>' + '<div class="romb" id="green"></div>' +
'</div></div>' + '<div class="romb" id="red"></div>' +
'</div>') +
'</div>' +
'<div class="loader-page-text">' + customer + '<div class="loader-page-text">' + customer +
'<div class="loader-page-text-loading">' + loading + '</div>' + '<div class="loader-page-text-loading">' + loading + '</div>' +
'</div>' + '</div>' +
......
...@@ -27,6 +27,12 @@ ...@@ -27,6 +27,12 @@
bottom: 42%; bottom: 42%;
position: absolute; position: absolute;
text-align: center; text-align: center;
line-height: 10px;
}
.loader-logo {
max-height: 160px;
margin-bottom: 10px;
} }
.loader-page-romb { .loader-page-romb {
...@@ -245,7 +251,8 @@ ...@@ -245,7 +251,8 @@
lang = (params["lang"] || 'en').split("-")[0], lang = (params["lang"] || 'en').split("-")[0],
customer = params["customer"] ? ('<div class="loader-page-text-customer">' + encodeUrlParam(params["customer"]) + '</div>') : '', customer = params["customer"] ? ('<div class="loader-page-text-customer">' + encodeUrlParam(params["customer"]) + '</div>') : '',
margin = (customer !== '') ? 50 : 20, margin = (customer !== '') ? 50 : 20,
loading = 'Loading...'; loading = 'Loading...',
logo = params["logo"] ? ((params["logo"] !== 'none') ? ('<img src="' + encodeUrlParam(params["logo"]) + '" class="loader-logo" />') : '') : null;
if ( lang == 'de') loading = 'Ladevorgang...'; if ( lang == 'de') loading = 'Ladevorgang...';
else if ( lang == 'es') loading = 'Cargando...'; else if ( lang == 'es') loading = 'Cargando...';
...@@ -258,12 +265,14 @@ ...@@ -258,12 +265,14 @@
document.write( document.write(
'<div id="loading-mask" class="loadmask">' + '<div id="loading-mask" class="loadmask">' +
'<div class="loader-page" style="margin-bottom: ' + margin + 'px;">' + '<div class="loader-page" style="margin-bottom: ' + margin + 'px;' + ((logo!='') ? 'height: auto;' : '') + '">' +
'<div class="loader-page-romb">' + ((logo!==null) ? logo :
'<div class="romb" id="blue"></div>' + '<div class="loader-page-romb">' +
'<div class="romb" id="green"></div>' + '<div class="romb" id="blue"></div>' +
'<div class="romb" id="red"></div>' + '<div class="romb" id="green"></div>' +
'</div></div>' + '<div class="romb" id="red"></div>' +
'</div>') +
'</div>' +
'<div class="loader-page-text">' + customer + '<div class="loader-page-text">' + customer +
'<div class="loader-page-text-loading">' + loading + '</div>' + '<div class="loader-page-text-loading">' + loading + '</div>' +
'</div>' + '</div>' +
......
...@@ -32,6 +32,12 @@ ...@@ -32,6 +32,12 @@
bottom: 42%; bottom: 42%;
position: absolute; position: absolute;
text-align: center; text-align: center;
line-height: 10px;
}
.loader-logo {
max-height: 160px;
margin-bottom: 10px;
} }
.loader-page-romb { .loader-page-romb {
...@@ -218,7 +224,8 @@ ...@@ -218,7 +224,8 @@
lang = (params["lang"] || 'en').split("-")[0], lang = (params["lang"] || 'en').split("-")[0],
customer = params["customer"] ? ('<div class="loader-page-text-customer">' + encodeUrlParam(params["customer"]) + '</div>') : '', customer = params["customer"] ? ('<div class="loader-page-text-customer">' + encodeUrlParam(params["customer"]) + '</div>') : '',
margin = (customer !== '') ? 50 : 20, margin = (customer !== '') ? 50 : 20,
loading = 'Loading...'; loading = 'Loading...',
logo = params["logo"] ? ((params["logo"] !== 'none') ? ('<img src="' + encodeUrlParam(params["logo"]) + '" class="loader-logo" />') : '') : null;
if ( lang == 'de') loading = 'Ladevorgang...'; if ( lang == 'de') loading = 'Ladevorgang...';
else if ( lang == 'es') loading = 'Cargando...'; else if ( lang == 'es') loading = 'Cargando...';
...@@ -231,12 +238,14 @@ ...@@ -231,12 +238,14 @@
document.write( document.write(
'<div id="loading-mask" class="loadmask">' + '<div id="loading-mask" class="loadmask">' +
'<div class="loader-page" style="margin-bottom: ' + margin + 'px;">' + '<div class="loader-page" style="margin-bottom: ' + margin + 'px;' + ((logo!='') ? 'height: auto;' : '') + '">' +
'<div class="loader-page-romb">' + ((logo!==null) ? logo :
'<div class="romb" id="blue"></div>' + '<div class="loader-page-romb">' +
'<div class="romb" id="green"></div>' + '<div class="romb" id="blue"></div>' +
'<div class="romb" id="red"></div>' + '<div class="romb" id="green"></div>' +
'</div></div>' + '<div class="romb" id="red"></div>' +
'</div>') +
'</div>' +
'<div class="loader-page-text">' + customer + '<div class="loader-page-text">' + customer +
'<div class="loader-page-text-loading">' + loading + '</div>' + '<div class="loader-page-text-loading">' + loading + '</div>' +
'</div>' + '</div>' +
......
...@@ -28,6 +28,12 @@ ...@@ -28,6 +28,12 @@
bottom: 42%; bottom: 42%;
position: absolute; position: absolute;
text-align: center; text-align: center;
line-height: 10px;
}
.loader-logo {
max-height: 160px;
margin-bottom: 10px;
} }
.loader-page-romb { .loader-page-romb {
...@@ -209,7 +215,8 @@ ...@@ -209,7 +215,8 @@
lang = (params["lang"] || 'en').split("-")[0], lang = (params["lang"] || 'en').split("-")[0],
customer = params["customer"] ? ('<div class="loader-page-text-customer">' + encodeUrlParam(params["customer"]) + '</div>') : '', customer = params["customer"] ? ('<div class="loader-page-text-customer">' + encodeUrlParam(params["customer"]) + '</div>') : '',
margin = (customer !== '') ? 50 : 20, margin = (customer !== '') ? 50 : 20,
loading = 'Loading...'; loading = 'Loading...',
logo = params["logo"] ? ((params["logo"] !== 'none') ? ('<img src="' + encodeUrlParam(params["logo"]) + '" class="loader-logo" />') : '') : null;
if ( lang == 'de') loading = 'Ladevorgang...'; if ( lang == 'de') loading = 'Ladevorgang...';
else if ( lang == 'es') loading = 'Cargando...'; else if ( lang == 'es') loading = 'Cargando...';
...@@ -222,12 +229,14 @@ ...@@ -222,12 +229,14 @@
document.write( document.write(
'<div id="loading-mask" class="loadmask">' + '<div id="loading-mask" class="loadmask">' +
'<div class="loader-page" style="margin-bottom: ' + margin + 'px;">' + '<div class="loader-page" style="margin-bottom: ' + margin + 'px;' + ((logo!='') ? 'height: auto;' : '') + '">' +
'<div class="loader-page-romb">' + ((logo!==null) ? logo :
'<div class="romb" id="blue"></div>' + '<div class="loader-page-romb">' +
'<div class="romb" id="green"></div>' + '<div class="romb" id="blue"></div>' +
'<div class="romb" id="red"></div>' + '<div class="romb" id="green"></div>' +
'</div></div>' + '<div class="romb" id="red"></div>' +
'</div>') +
'</div>' +
'<div class="loader-page-text">' + customer + '<div class="loader-page-text">' + customer +
'<div class="loader-page-text-loading">' + loading + '</div>' + '<div class="loader-page-text-loading">' + loading + '</div>' +
'</div>' + '</div>' +
......
...@@ -33,6 +33,12 @@ ...@@ -33,6 +33,12 @@
bottom: 42%; bottom: 42%;
position: absolute; position: absolute;
text-align: center; text-align: center;
line-height: 10px;
}
.loader-logo {
max-height: 160px;
margin-bottom: 10px;
} }
.loader-page-romb { .loader-page-romb {
...@@ -204,7 +210,8 @@ ...@@ -204,7 +210,8 @@
lang = (params["lang"] || 'en').split("-")[0], lang = (params["lang"] || 'en').split("-")[0],
customer = params["customer"] ? ('<div class="loader-page-text-customer">' + encodeUrlParam(params["customer"]) + '</div>') : '', customer = params["customer"] ? ('<div class="loader-page-text-customer">' + encodeUrlParam(params["customer"]) + '</div>') : '',
margin = (customer !== '') ? 50 : 20, margin = (customer !== '') ? 50 : 20,
loading = 'Loading...'; loading = 'Loading...',
logo = params["logo"] ? ((params["logo"] !== 'none') ? ('<img src="' + encodeUrlParam(params["logo"]) + '" class="loader-logo" />') : '') : null;
if ( lang == 'de') loading = 'Ladevorgang...'; if ( lang == 'de') loading = 'Ladevorgang...';
else if ( lang == 'es') loading = 'Cargando...'; else if ( lang == 'es') loading = 'Cargando...';
...@@ -217,12 +224,14 @@ ...@@ -217,12 +224,14 @@
document.write( document.write(
'<div id="loading-mask" class="loadmask">' + '<div id="loading-mask" class="loadmask">' +
'<div class="loader-page" style="margin-bottom: ' + margin + 'px;">' + '<div class="loader-page" style="margin-bottom: ' + margin + 'px;' + ((logo!='') ? 'height: auto;' : '') + '">' +
'<div class="loader-page-romb">' + ((logo!==null) ? logo :
'<div class="romb" id="blue"></div>' + '<div class="loader-page-romb">' +
'<div class="romb" id="green"></div>' + '<div class="romb" id="blue"></div>' +
'<div class="romb" id="red"></div>' + '<div class="romb" id="green"></div>' +
'</div></div>' + '<div class="romb" id="red"></div>' +
'</div>') +
'</div>' +
'<div class="loader-page-text">' + customer + '<div class="loader-page-text">' + customer +
'<div class="loader-page-text-loading">' + loading + '</div>' + '<div class="loader-page-text-loading">' + loading + '</div>' +
'</div>' + '</div>' +
......
...@@ -32,6 +32,12 @@ ...@@ -32,6 +32,12 @@
bottom: 42%; bottom: 42%;
position: absolute; position: absolute;
text-align: center; text-align: center;
line-height: 10px;
}
.loader-logo {
max-height: 160px;
margin-bottom: 10px;
} }
.loader-page-romb { .loader-page-romb {
...@@ -202,7 +208,8 @@ ...@@ -202,7 +208,8 @@
lang = (params["lang"] || 'en').split("-")[0], lang = (params["lang"] || 'en').split("-")[0],
customer = params["customer"] ? ('<div class="loader-page-text-customer">' + encodeUrlParam(params["customer"]) + '</div>') : '', customer = params["customer"] ? ('<div class="loader-page-text-customer">' + encodeUrlParam(params["customer"]) + '</div>') : '',
margin = (customer !== '') ? 50 : 20, margin = (customer !== '') ? 50 : 20,
loading = 'Loading...'; loading = 'Loading...',
logo = params["logo"] ? ((params["logo"] !== 'none') ? ('<img src="' + encodeUrlParam(params["logo"]) + '" class="loader-logo" />') : '') : null;
if ( lang == 'de') loading = 'Ladevorgang...'; if ( lang == 'de') loading = 'Ladevorgang...';
else if ( lang == 'es') loading = 'Cargando...'; else if ( lang == 'es') loading = 'Cargando...';
...@@ -215,12 +222,14 @@ ...@@ -215,12 +222,14 @@
document.write( document.write(
'<div id="loading-mask" class="loadmask">' + '<div id="loading-mask" class="loadmask">' +
'<div class="loader-page" style="margin-bottom: ' + margin + 'px;">' + '<div class="loader-page" style="margin-bottom: ' + margin + 'px;' + ((logo!='') ? 'height: auto;' : '') + '">' +
'<div class="loader-page-romb">' + ((logo!==null) ? logo :
'<div class="romb" id="blue"></div>' + '<div class="loader-page-romb">' +
'<div class="romb" id="green"></div>' + '<div class="romb" id="blue"></div>' +
'<div class="romb" id="red"></div>' + '<div class="romb" id="green"></div>' +
'</div></div>' + '<div class="romb" id="red"></div>' +
'</div>') +
'</div>' +
'<div class="loader-page-text">' + customer + '<div class="loader-page-text">' + customer +
'<div class="loader-page-text-loading">' + loading + '</div>' + '<div class="loader-page-text-loading">' + loading + '</div>' +
'</div>' + '</div>' +
......
...@@ -27,6 +27,12 @@ ...@@ -27,6 +27,12 @@
bottom: 42%; bottom: 42%;
position: absolute; position: absolute;
text-align: center; text-align: center;
line-height: 10px;
}
.loader-logo {
max-height: 160px;
margin-bottom: 10px;
} }
.loader-page-romb { .loader-page-romb {
...@@ -261,7 +267,8 @@ ...@@ -261,7 +267,8 @@
lang = (params["lang"] || 'en').split("-")[0], lang = (params["lang"] || 'en').split("-")[0],
customer = params["customer"] ? ('<div class="loader-page-text-customer">' + encodeUrlParam(params["customer"]) + '</div>') : '', customer = params["customer"] ? ('<div class="loader-page-text-customer">' + encodeUrlParam(params["customer"]) + '</div>') : '',
margin = (customer !== '') ? 50 : 20, margin = (customer !== '') ? 50 : 20,
loading = 'Loading...'; loading = 'Loading...',
logo = params["logo"] ? ((params["logo"] !== 'none') ? ('<img src="' + encodeUrlParam(params["logo"]) + '" class="loader-logo" />') : '') : null;
if ( lang == 'de') loading = 'Ladevorgang...'; if ( lang == 'de') loading = 'Ladevorgang...';
else if ( lang == 'es') loading = 'Cargando...'; else if ( lang == 'es') loading = 'Cargando...';
...@@ -274,12 +281,14 @@ ...@@ -274,12 +281,14 @@
document.write( document.write(
'<div id="loading-mask" class="loadmask">' + '<div id="loading-mask" class="loadmask">' +
'<div class="loader-page" style="margin-bottom: ' + margin + 'px;">' + '<div class="loader-page" style="margin-bottom: ' + margin + 'px;' + ((logo!='') ? 'height: auto;' : '') + '">' +
'<div class="loader-page-romb">' + ((logo!==null) ? logo :
'<div class="romb" id="blue"></div>' + '<div class="loader-page-romb">' +
'<div class="romb" id="green"></div>' + '<div class="romb" id="blue"></div>' +
'<div class="romb" id="red"></div>' + '<div class="romb" id="green"></div>' +
'</div></div>' + '<div class="romb" id="red"></div>' +
'</div>') +
'</div>' +
'<div class="loader-page-text">' + customer + '<div class="loader-page-text">' + customer +
'<div class="loader-page-text-loading">' + loading + '</div>' + '<div class="loader-page-text-loading">' + loading + '</div>' +
'</div>' + '</div>' +
......
...@@ -27,6 +27,12 @@ ...@@ -27,6 +27,12 @@
bottom: 42%; bottom: 42%;
position: absolute; position: absolute;
text-align: center; text-align: center;
line-height: 10px;
}
.loader-logo {
max-height: 160px;
margin-bottom: 10px;
} }
.loader-page-romb { .loader-page-romb {
...@@ -246,7 +252,8 @@ ...@@ -246,7 +252,8 @@
lang = (params["lang"] || 'en').split("-")[0], lang = (params["lang"] || 'en').split("-")[0],
customer = params["customer"] ? ('<div class="loader-page-text-customer">' + encodeUrlParam(params["customer"]) + '</div>') : '', customer = params["customer"] ? ('<div class="loader-page-text-customer">' + encodeUrlParam(params["customer"]) + '</div>') : '',
margin = (customer !== '') ? 50 : 20, margin = (customer !== '') ? 50 : 20,
loading = 'Loading...'; loading = 'Loading...',
logo = params["logo"] ? ((params["logo"] !== 'none') ? ('<img src="' + encodeUrlParam(params["logo"]) + '" class="loader-logo" />') : '') : null;
if ( lang == 'de') loading = 'Ladevorgang...'; if ( lang == 'de') loading = 'Ladevorgang...';
else if ( lang == 'es') loading = 'Cargando...'; else if ( lang == 'es') loading = 'Cargando...';
...@@ -259,12 +266,14 @@ ...@@ -259,12 +266,14 @@
document.write( document.write(
'<div id="loading-mask" class="loadmask">' + '<div id="loading-mask" class="loadmask">' +
'<div class="loader-page" style="margin-bottom: ' + margin + 'px;">' + '<div class="loader-page" style="margin-bottom: ' + margin + 'px;' + ((logo!='') ? 'height: auto;' : '') + '">' +
'<div class="loader-page-romb">' + ((logo!==null) ? logo :
'<div class="romb" id="blue"></div>' + '<div class="loader-page-romb">' +
'<div class="romb" id="green"></div>' + '<div class="romb" id="blue"></div>' +
'<div class="romb" id="red"></div>' + '<div class="romb" id="green"></div>' +
'</div></div>' + '<div class="romb" id="red"></div>' +
'</div>') +
'</div>' +
'<div class="loader-page-text">' + customer + '<div class="loader-page-text">' + customer +
'<div class="loader-page-text-loading">' + loading + '</div>' + '<div class="loader-page-text-loading">' + loading + '</div>' +
'</div>' + '</div>' +
......
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment