var loadingOverlay;
(function() {
if (typeof(loadingOverlay) !== 'undefined') return;
var lastSpinHandle = "";
var heredoc = function(f) {
return f.toString().match(/\/\*\s*([\s\S]*?)\s*\*\//m)[1];
};
var lut = [];
for (var il = 0; il < 256; il++) { lut[il] = (il < 16 ? '0' : '') + (il).toString(16); }
var uuid = function() {
var d0 = Math.random() * 0xffffffff | 0;
var d1 = Math.random() * 0xffffffff | 0;
var d2 = Math.random() * 0xffffffff | 0;
var d3 = Math.random() * 0xffffffff | 0;
return lut[d0 & 0xff] + lut[d0 >> 8 & 0xff] + lut[d0 >> 16 & 0xff] + lut[d0 >> 24 & 0xff] + '-' +
lut[d1 & 0xff] + lut[d1 >> 8 & 0xff] + '-' + lut[d1 >> 16 & 0x0f | 0x40] + lut[d1 >> 24 & 0xff] + '-' +
lut[d2 & 0x3f | 0x80] + lut[d2 >> 8 & 0xff] + '-' + lut[d2 >> 16 & 0xff] + lut[d2 >> 24 & 0xff] +
lut[d3 & 0xff] + lut[d3 >> 8 & 0xff] + lut[d3 >> 16 & 0xff] + lut[d3 >> 24 & 0xff];
};
var makeCRCTable = function() {
var c;
var crcTable = [];
for (var n = 0; n < 256; n++) {
c = n;
for (var k = 0; k < 8; k++) {
c = ((c & 1) ? (0xEDB88320 ^ (c >>> 1)) : (c >>> 1));
}
crcTable[n] = c;
}
return crcTable;
}
var crcTable = null;
var crc32 = function(str) {
if (!crcTable) crcTable = makeCRCTable();
var crc = 0 ^ (-1);
for (var i = 0; i < str.length; i++) {
crc = (crc >>> 8) ^ crcTable[(crc ^ str.charCodeAt(i)) & 0xFF];
}
return (crc ^ (-1)) >>> 0;
};
var showTarget = function(selector) {
var elem = document.querySelectorAll(selector);
for (var i = 0; i < elem.length; i++) {
elem[i].style.display = "block";
}
};
var hideTarget = function(selector) {
var elem = document.querySelectorAll(selector);
for (var i = 0; i < elem.length; i++) {
elem[i].style.display = "none";
}
};
var appendHtmlToTarget = function(selector, html) {
var elem = document.querySelectorAll(selector);
for (var i = 0; i < elem.length; i++) {
elem[i].insertAdjacentHTML('beforeend', html);
}
};
var lo = (function() {
var classNS = 'lo';
var idNS = 'lo-' + uuid();
var paramDefault = {
'wrapClass': classNS + '-wrap',
'spinClass': classNS + '-spin',
'spinID': idNS,
'target': 'body',
'spinMinMS': 300,
'spinWaitMS': 100,
};
var param2hash = function(param) {
return crc32(param['wrapClass'] + param['spinClass'] + param['spinID']);
};
var cache = {};
return {
uuid: uuid,
cache: function(param, createItemCallback) {
var hash = param2hash(param);
if (cache[hash]) return cache[hash];
cache[hash] = createItemCallback();
return cache[hash];
},
config2param: function(config) {
var param = paramDefault;
if ((typeof config === 'undefined') || (typeof config !== 'object')) {
return param;
}
for (var prop in param) {
if (typeof config[prop] !== 'undefined') {
param[prop] = config[prop];
}
}
return param;
},
};
})();
var invokeLoadingOverlay = function(config) {
var param = lo.config2param(config);
return lo.cache(param, function() {
var target = '#' + param['spinID'];
////console.log('target...');
////console.debug(target);
var cancelSpinnerOn = false;
var spinnerStart;
var cancelled_cb_proto = {
'invoked': false,
'cb': null,
};
var cancelled_cb_hash = {};
var cancelled_status_hash = {};
var cancelled_hash_proto = {
'status': false,
'cb_hash': {},
};
var cancelled_hash = {};
var activateSpinner = function() {
var spinWrap = document.getElementById(param['spinID']);
if (!spinWrap) {
for (var csh in cancelled_status_hash) {
if (!cancelled_status_hash[csh]) {
cancelled_status_hash[csh] = true;
}
}
appendHtmlToTarget(param.target, heredoc(function() {
/*
*/
})
.replace(/%wrapClass%/g, param['wrapClass'])
.replace(/%spinID%/g, param['spinID'])
);
}
var mySpinHandle = uuid();
lastSpinHandle = mySpinHandle;
cancelSpinnerOn = false;
cancelled_status_hash[mySpinHandle] = false;
cancelled_hash[mySpinHandle] = cancelled_hash_proto;
////console.log('actvate: '+mySpinHandle);
setTimeout(function() {
if (cancelled_status_hash[mySpinHandle] == true) {
return;
}
if (cancelSpinnerOn && (lastSpinHandle == mySpinHandle)) {
cancelSpinnerOn = false;
lastSpinHandle = null;
return false;
}
if (lastSpinHandle != mySpinHandle) {
return false;
}
spinnerStart = Date.now();
showTarget(target);
}, param.spinWaitMS);
return mySpinHandle;
};
var spinMin = param.spinMinMS;
var cancelSpinner = function cancelSpinnerCallee(spinHandle, cancelledCallback, cancelUUID) {
//console.log("cancel: " + spinHandle);
var cUUID;
if (typeof cancelUUID === 'undefined') {
cUUID = lo.uuid();
} else {
cUUID = cancelUUID;
}
if (cancelled_status_hash[spinHandle] === true) {
if (typeof cancelled_cb_hash[cUUID] !== 'undefined') {
if (!cancelled_cb_hash[cUUID].invoked) {
cancelled_cb_hash[cUUID].invoked = true;
cancelled_cb_hash[cUUID]();
}
}
return;
}
cancelled_cb_hash[cUUID] = cancelled_cb_proto;
if (typeof cancelledCallback !== 'undefined') {
cancelled_cb_hash[cUUID].cb = cancelledCallback;
}
if (typeof cancelled_hash[spinHandle] === 'undefined') {
cancelled_hash[spinHandle] = cancelled_hash_proto;
}
cancelled_hash[spinHandle].cb_hash[cUUID] = cancelled_cb_hash[cUUID];
cancelSpinnerOn = true;
setTimeout(function() {
var spinTime = Date.now() - spinnerStart;
if (spinTime < spinMin) {
setTimeout(function() {
cancelSpinnerCallee(spinHandle, cancelledCallback, cUUID);
}, 10);
} else {
cancelled_status_hash[spinHandle] = true;
if (typeof cancelledCallback === 'function') {
//console.log('cb cancel normal');
cancelled_hash[spinHandle].cb_hash[cUUID].invoked = true;
cancelled_cb_hash[cUUID].invoked = true;
cancelledCallback();
for (var c in cancelled_hash[spinHandle].cb_hash) {
if (!cancelled_hash[spinHandle].cb_hash[c].invoked && (typeof cancelled_hash[spinHandle].cb_hash[c].cb === 'function')) {
cancelled_hash[spinHandle].cb_hash[c].invoked = true;
cancelled_hash[spinHandle].cb_hash[c].cb();
}
}
}
//console.log('cancel spinHandle ' + spinHandle + ' check if others are uncancelled');
for (var hh in cancelled_status_hash) {
if (!cancelled_status_hash[hh]) {
return;
}
}
hideTarget(target);
}
}, 10);
};
//typeof cancelSpinnerCallee === 'undefined';
delete cancelSpinnerCallee;
var obj = {
cancel: cancelSpinner,
activate: activateSpinner,
cancelAll : function() {
var spinWrapElem = document.querySelectorAll('#'+param['spinID']);
for (var i = 0; i < spinWrapElem.length; i++) {
spinWrapElem[i].remove();
//console.log('removed');
}
},
};
var targetElem = document.querySelectorAll(target);
if (targetElem) {
targetElem.forEach(function(elem) {
if (elem.classList.contains(param['class'])) {
return obj;
}
});
}
appendHtmlToTarget(param.target, heredoc(function() {
/*
*/
}).replace(/%wrapClass%/g, param['wrapClass']).replace(/%spinClass%/g, param['spinClass']));
return obj;
});
};
//loadingOverlay = invokeLoadingOverlay;
function functionize( obj , func ) {
out = func;
for( var i in obj ){ out[i] = obj[i]; } ;
return out;
}
loadingOverlay = invokeLoadingOverlay();
loadingOverlay = functionize( loadingOverlay , function(param){ return invokeLoadingOverlay(param); } );
})();