From 63b2a2412d4ec21f00b0f220e12c1554c07a8b85 Mon Sep 17 00:00:00 2001 From: Tobias Reich Date: Sat, 11 Jul 2015 14:52:38 +0200 Subject: [PATCH] Updated loadingBar.js (ES2015) --- dist/main.js | Bin 179941 -> 179942 bytes src/scripts/contextMenu.js | 4 +-- src/scripts/header.js | 4 +-- src/scripts/loadingBar.js | 58 +++++++++++++++++-------------------- 4 files changed, 31 insertions(+), 35 deletions(-) mode change 100644 => 100755 dist/main.js diff --git a/dist/main.js b/dist/main.js old mode 100644 new mode 100755 index 21ffdb2cb2e869ebad21ec45b556735fd4d35f47..6fe25b764d1cd89092ea1703adf74e43b98985dd GIT binary patch delta 49 zcmaF*m+RSIu7)j)NB&O#P{<^({o!B6dyLaR=rgfTH(Sdnu>JghMrI~3fBPjyCgHsR Db*L6U delta 41 zcmV+^0M`HJ{R-v%3V^f$#Ql?s(h3KBd~S7YY(2Ng{Q>F$x4HiT69Tu>0Rj`f%{CMY diff --git a/src/scripts/contextMenu.js b/src/scripts/contextMenu.js index 255f9ea..305456f 100644 --- a/src/scripts/contextMenu.js +++ b/src/scripts/contextMenu.js @@ -1,6 +1,6 @@ /** - * @description This module is used for the context menu. - * @copyright 2015 by Tobias Reich + * @description This module is used for the context menu. + * @copyright 2015 by Tobias Reich */ contextMenu = {} diff --git a/src/scripts/header.js b/src/scripts/header.js index 4ff9d63..e411b30 100644 --- a/src/scripts/header.js +++ b/src/scripts/header.js @@ -1,6 +1,6 @@ /** - * @description This module takes care of the header. - * @copyright 2015 by Tobias Reich + * @description This module takes care of the header. + * @copyright 2015 by Tobias Reich */ header = { diff --git a/src/scripts/loadingBar.js b/src/scripts/loadingBar.js index 5453996..83d42d5 100755 --- a/src/scripts/loadingBar.js +++ b/src/scripts/loadingBar.js @@ -1,19 +1,19 @@ /** - * @description This module is used to show and hide the loading bar. - * @copyright 2015 by Tobias Reich + * @description This module is used to show and hide the loading bar. + * @copyright 2015 by Tobias Reich */ loadingBar = { - status: null, - _dom: $('#loading') + status : null, + _dom : $('#loading') } loadingBar.dom = function(selector) { - if (selector===undefined||selector===null||selector==='') return loadingBar._dom; - return loadingBar._dom.find(selector); + if (selector==null || selector==='') return loadingBar._dom + return loadingBar._dom.find(selector) } @@ -22,56 +22,52 @@ loadingBar.show = function(status, errorText) { if (status==='error') { // Set status - loadingBar.status = 'error'; + loadingBar.status = 'error' // Parse text - if (errorText) errorText = errorText.replace('
', ''); - if (!errorText) errorText = 'Whoops, it looks like something went wrong. Please reload the site and try again!'; + if (errorText) errorText = errorText.replace('
', '') + if (!errorText) errorText = 'Whoops, it looks like something went wrong. Please reload the site and try again!' // Move header down - if (visible.header()) header.dom().addClass('error'); + if (visible.header()) header.dom().addClass('error') // Modify loading loadingBar.dom() .removeClass('loading uploading error') - .html('

Error: ' + errorText + '

') + .html(`

Error: ${ errorText }

`) .addClass(status) - .show(); + .show() // Set timeout - clearTimeout(loadingBar._timeout); - loadingBar._timeout = setTimeout(function() { + clearTimeout(loadingBar._timeout) + loadingBar._timeout = setTimeout(() => loadingBar.hide(true), 3000) - loadingBar.hide(true) - - }, 3000); - - return true; + return true } if (loadingBar.status===null) { // Set status - loadingBar.status = 'loading'; + loadingBar.status = 'loading' // Set timeout - clearTimeout(loadingBar._timeout); - loadingBar._timeout = setTimeout(function() { + clearTimeout(loadingBar._timeout) + loadingBar._timeout = setTimeout(() => { // Move header down - if (visible.header()) header.dom().addClass('loading'); + if (visible.header()) header.dom().addClass('loading') // Modify loading loadingBar.dom() .removeClass('loading uploading error') .html('') .addClass('loading') - .show(); + .show() - }, 1000); + }, 1000) - return true; + return true } @@ -79,17 +75,17 @@ loadingBar.show = function(status, errorText) { loadingBar.hide = function(force) { - if ((loadingBar.status!=='error'&&loadingBar.status!==null)||force) { + if ((loadingBar.status!=='error' && loadingBar.status!==null) || force) { // Remove status - loadingBar.status = null; + loadingBar.status = null // Move header up - header.dom().removeClass('error loading'); + header.dom().removeClass('error loading') // Set timeout - clearTimeout(loadingBar._timeout); - setTimeout(function() { loadingBar.dom().hide() }, 300); + clearTimeout(loadingBar._timeout) + setTimeout(() => loadingBar.dom().hide(), 300) }