lychee/src/scripts/loadingBar.js

/**
 * @description	This module is used to show and hide the loading bar.
 * @copyright	2015 by Tobias Reich
 */

loadingBar = {

	status: null

}

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.controls()) header.dom().addClass('error');

		// Modify loading
		lychee.loadingBar
			.removeClass('loading uploading error')
			.addClass(status)
			.html('<h1>Error: <span>' + errorText + '</span></h1>')
			.show()
			.css('height', '40px');

		// Set timeout
		clearTimeout(lychee.loadingBar.data('timeout'));
		lychee.loadingBar.data('timeout', setTimeout(function() { loadingBar.hide(true) }, 3000));

		return true;

	}

	if (loadingBar.status===null) {

		// Set status
		loadingBar.status = 'loading';

		// Set timeout
		clearTimeout(lychee.loadingBar.data('timeout'));
		lychee.loadingBar.data('timeout', setTimeout(function() {

			// Move header down
			if (visible.controls()) header.dom().addClass('loading');

			// Modify loading
			lychee.loadingBar
				.removeClass('loading uploading error')
				.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
		if (visible.controls()) header.dom().removeClass('error loading');

		// Modify loading
		lychee.loadingBar
			.html('')
			.css('height', '3px');

		// Set timeout
		clearTimeout(lychee.loadingBar.data('timeout'));
		setTimeout(function() { lychee.loadingBar.hide() }, 300);

	}

}