From 347adf688a9c5a9a1cc04bc37a811bc19f850624 Mon Sep 17 00:00:00 2001 From: n1474335 Date: Fri, 19 May 2017 16:23:52 +0000 Subject: [PATCH] Added loading messages to preloader --- src/web/App.js | 3 +++ src/web/html/index.html | 25 +++++++++++++++++++++++++ src/web/stylesheets/preloader.css | 19 ++++++++++++++++++- 3 files changed, 46 insertions(+), 1 deletion(-) diff --git a/src/web/App.js b/src/web/App.js index e172855f..2b3f3638 100755 --- a/src/web/App.js +++ b/src/web/App.js @@ -70,6 +70,9 @@ App.prototype.loaded = function() { document.getElementById("loader-wrapper").remove(); document.body.classList.remove("loaded"); }, 1000); + + // Clear the loading message interval + clearInterval(window.loadingMsgInt); }; diff --git a/src/web/html/index.html b/src/web/html/index.html index 82284ea4..4c596be9 100755 --- a/src/web/html/index.html +++ b/src/web/html/index.html @@ -34,12 +34,37 @@
+
Edit diff --git a/src/web/stylesheets/preloader.css b/src/web/stylesheets/preloader.css index 1dfce7ed..e10297ac 100644 --- a/src/web/stylesheets/preloader.css +++ b/src/web/stylesheets/preloader.css @@ -55,9 +55,26 @@ animation: spin 1.5s linear infinite; } +#preloader-msg { + display: block; + position: relative; + width: 300px; + left: calc(50% - 150px); + top: calc(50% + 50px); + text-align: center; + margin-top: 50px; + opacity: 0; +} + +#preloader-msg.loading { + opacity: 1; + transition: all 0.1s ease-in; +} + /* Loaded */ -.loaded #preloader { +.loaded #preloader, +.loaded #preloader-msg { opacity: 0; transition: all 0.3s ease-out; }