web/cryptpad
2
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Use less2 for the loading screen

Browse Source
This commit is contained in:
yflory
2017-09-13 16:19:26 +02:00
parent 8c41e0bdd6
commit ab64bf9e59
15 changed files with 47 additions and 617 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
www/common/loading.js
View File

@@ -1,13 +1,14 @@
define([
'less!/customize/src/less/loading.less'
'less!/bower_components/components-font-awesome/css/font-awesome.min.css',
'less!/customize/src/less2/loading.less'
], function () {
var urlArgs = window.location.href.replace(/^.*\?([^\?]*)$/, function (all, x) { return x; });
var elem = document.createElement('div');
elem.setAttribute('id', 'loading');
elem.setAttribute('id', 'cp-loading');
elem.innerHTML = [
'<div class="loadingContainer">',
'<img class="cryptofist" src="/customize/cryptpad-new-logo-colors-logoonly.png?' + urlArgs + '">',
'<div class="spinnerContainer">',
'<div class="cp-loading-container">',
'<img class="cp-loading-cryptofist" src="/customize/cryptpad-new-logo-colors-logoonly.png?' + urlArgs + '">',
'<div class="cp-loading-spinner-container">',
'<span class="fa fa-circle-o-notch fa-spin fa-4x fa-fw"></span>',
'</div>',
'<p id="cp-loading-message"></p>',