LoadingOverlay Helper Module

loading.js

"use strict";

/**
 * Loading
 *
 * A loading indicator that can be activated for the entire
 * website or on an element basis.
 *
 * Requires https://cdn.jsdelivr.net/npm/[email protected]/dist/loadingoverlay.min.js
 */
export function loading() {

	const LOADING_OVERLAY_OPTIONS = {
		background: 'rgba(197, 0, 114, 0.9)',
		imageColor: '#ffffff'
	};

	return {
		showForSite:    function() {
			jQuery.LoadingOverlay('show', LOADING_OVERLAY_OPTIONS);
		},
		hideForSite:    function() {
			jQuery.LoadingOverlay('hide');
		},
		showForElement: function(element) {
			jQuery(element).LoadingOverlay('show', LOADING_OVERLAY_OPTIONS);
		},
		hideForElement: function(element) {
			jQuery(element).LoadingOverlay('hide');
		}
	};
}