You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
91 lines
1.7 KiB
91 lines
1.7 KiB
/**
|
|
* @description This module is used to show and hide the loading bar.
|
|
*/
|
|
|
|
loadingBar = {
|
|
|
|
status : null,
|
|
_dom : $('#loading')
|
|
|
|
}
|
|
|
|
loadingBar.dom = function(selector) {
|
|
|
|
if (selector==null || selector==='') return loadingBar._dom
|
|
return loadingBar._dom.find(selector)
|
|
|
|
}
|
|
|
|
loadingBar.show = function(status, errorText) {
|
|
|
|
if (status==='error') {
|
|
|
|
// Set status
|
|
loadingBar.status = 'error'
|
|
|
|
// Parse text
|
|
if (errorText) errorText = errorText.replace('<br>', '')
|
|
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('header--error')
|
|
|
|
// Modify loading
|
|
loadingBar.dom()
|
|
.removeClass('loading uploading error')
|
|
.html(`<h1>Error: <span>${ errorText }</span></h1>`)
|
|
.addClass(status)
|
|
.show()
|
|
|
|
// Set timeout
|
|
clearTimeout(loadingBar._timeout)
|
|
loadingBar._timeout = setTimeout(() => loadingBar.hide(true), 3000)
|
|
|
|
return true
|
|
|
|
}
|
|
|
|
if (loadingBar.status===null) {
|
|
|
|
// Set status
|
|
loadingBar.status = 'loading'
|
|
|
|
// Set timeout
|
|
clearTimeout(loadingBar._timeout)
|
|
loadingBar._timeout = setTimeout(() => {
|
|
|
|
// Move header down
|
|
if (visible.header()) header.dom().addClass('header--loading')
|
|
|
|
// Modify loading
|
|
loadingBar.dom()
|
|
.removeClass('loading uploading error')
|
|
.html('')
|
|
.addClass('loading')
|
|
.show()
|
|
|
|
}, 1000)
|
|
|
|
return true
|
|
|
|
}
|
|
|
|
}
|
|
|
|
loadingBar.hide = function(force) {
|
|
|
|
if ((loadingBar.status!=='error' && loadingBar.status!=null) || force) {
|
|
|
|
// Remove status
|
|
loadingBar.status = null
|
|
|
|
// Move header up
|
|
header.dom().removeClass('header--error header--loading')
|
|
|
|
// Set timeout
|
|
clearTimeout(loadingBar._timeout)
|
|
setTimeout(() => loadingBar.dom().hide(), 300)
|
|
|
|
}
|
|
|
|
} |