obstacl
Version:
Simple multipurpose loader plugin for any frontend project
40 lines (39 loc) • 1.73 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.breakClick = exports.overlayDelay = exports.injectCustomHtml = exports.overlay = void 0;
function overlay(opts) {
var span = document.createElement('span');
span.classList.add('Overlay');
span.innerHTML = "\n <span class=\"" + opts.icon + " " + (opts.animate === false ? '' : 'animate-spin') + " mr-2\" style=\"font-size: " + opts.font + "px;\">\n </span>\n <span style=\"font-size: " + opts.font + "px;\">\n " + opts.text + "\n </span>\n ";
return span;
}
exports.overlay = overlay;
function injectCustomHtml(html, useOverlay) {
if (useOverlay === void 0) { useOverlay = true; }
var div = document.createElement('div');
div.classList.add(useOverlay ? 'Overlay' : '');
div.innerHTML = html;
return div;
}
exports.injectCustomHtml = injectCustomHtml;
function overlayDelay(opts) {
var span = document.createElement('span');
span.classList.add('Overlay');
span.innerHTML = "\n <span class=\"DelayCount mr-2\" style=\"font-size: " + opts.font + "px;\">\n </span>\n <span style=\"font-size: " + opts.font + "px;\">\n " + opts.text + "\n </span>\n ";
var time = Math.ceil(opts.timer / 1000);
var _loop_1 = function (i) {
setTimeout(function () {
span.firstChild.textContent = String(i);
}, opts.timer - (1000 * i));
};
for (var i = time; i >= 0; i--) {
_loop_1(i);
}
return span;
}
exports.overlayDelay = overlayDelay;
function breakClick(e) {
e.preventDefault();
return;
}
exports.breakClick = breakClick;