")
.css(_css.progress_wrapper)
.appendTo(element);
data.progress = {
bar : $("
").css(_css.progress_bar).appendTo(wrapper),
fixed : false,
margin : 0,
min : parseFloat(settings.progressMin),
max : parseFloat(settings.progressMax),
speed : parseInt(settings.progressSpeed, 10)
};
var progressPositionParts = (settings.progressFixedPosition + "").replace(/\s\s+/g, " ").toLowerCase().split(" ");
if (progressPositionParts.length === 2 && _ValidateProgressPosition(progressPositionParts[0])) {
data.progress.fixed = progressPositionParts[0];
data.progress.margin = _ParseSize(progressPositionParts[1]);
} else if (progressPositionParts.length === 2 && _ValidateProgressPosition(progressPositionParts[1])) {
data.progress.fixed = progressPositionParts[1];
data.progress.margin = _ParseSize(progressPositionParts[0]);
} else if (progressPositionParts.length === 1 && _ValidateProgressPosition(progressPositionParts[0])) {
data.progress.fixed = progressPositionParts[0];
data.progress.margin = 0;
}
if (data.progress.fixed === "top") {
element
.css(_css.progress_fixed)
.css("top", data.progress.margin ? data.progress.margin.value + (data.progress.margin.fixed ? data.progress.margin.units : "%") : 0);
} else if (data.progress.fixed === "bottom") {
element
.css(_css.progress_fixed)
.css("top", "auto");
}
if (settings.progressClass) {
data.progress.bar.addClass(settings.progressClass);
} else if (settings.progressColor) {
data.progress.bar.css("background", settings.progressColor);
}
}
// Fade
if (!settings.fade) {
settings.fade = [0, 0];
} else if (settings.fade === true) {
settings.fade = _defaultValues.fade;
} else if (typeof settings.fade === "string" || typeof settings.fade === "number") {
settings.fade = [settings.fade, settings.fade];
} else if ($.isArray(settings.fade) && settings.fade.length < 2) {
settings.fade = [settings.fade[0], settings.fade[0]];
}
settings.fade = [parseInt(settings.fade[0], 10), parseInt(settings.fade[1], 10)]
// Save settings
data.settings = settings;
// Save data
overlay.data("loadingoverlay_data", data);
// Save reference to overlay
container.data("loadingoverlay", overlay);
// Resize
overlay
.fadeTo(0, 0.01)
.appendTo("body");
_IntervalResize(container, true);
if (settings.resizeInterval > 0) {
data.resizeIntervalId = setInterval(function(){
_IntervalResize(container, false);
}, settings.resizeInterval);
}
// Show LoadingOverlay
overlay.fadeTo(settings.fade[0], 1);
}
data.count++;
}
function Hide(container, force){
container = $(container);
var overlay = _GetOverlay(container);
var data = _GetData(container);
if (data === false) return;
data.count--;
if (force || data.count <= 0) {
overlay.animate({
"opacity" : 0
}, data.settings.fade[1], function(){
if (data.resizeIntervalId) clearInterval(data.resizeIntervalId);
$(this).remove();
container.removeData("loadingoverlay");
});
}
}
function Resize(container){
_IntervalResize($(container), true);
}
function Text(container, value){
container = $(container);
var data = _GetData(container);
if (data === false || !data.text) return;
if (value === false) {
data.text.hide();
} else {
data.text
.show()
.text(value);
}
}
function Progress(container, value){
container = $(container);
var data = _GetData(container);
if (data === false || !data.progress) return;
if (value === false) {
data.progress.bar.hide();
} else {
var v = ((parseFloat(value) || 0) - data.progress.min) * 100 / (data.progress.max - data.progress.min);
if (v < 0) v = 0;
if (v > 100) v = 100;
data.progress.bar
.show()
.animate({
"width" : v + "%"
}, data.progress.speed);
}
}
function _IntervalResize(container, force){
var overlay = _GetOverlay(container);
var data = _GetData(container);
if (data === false) return;
// Overlay
if (!data.wholePage) {
var isFixed = container.css("position") === "fixed";
var pos = isFixed ? container[0].getBoundingClientRect() : container.offset();
overlay.css({
"position" : isFixed ? "fixed" : "absolute",
"top" : pos.top + parseInt(container.css("border-top-width"), 10),
"left" : pos.left + parseInt(container.css("border-left-width"), 10),
"width" : container.innerWidth(),
"height" : container.innerHeight()
});
}
// Elements
if (data.settings.size) {
var c = data.wholePage ? $(window) : container;
var size = data.settings.size.value;
if (!data.settings.size.fixed) {
size = Math.min(c.innerWidth(), c.innerHeight()) * size / 100;
if (data.settings.maxSize && size > data.settings.maxSize) size = data.settings.maxSize;
if (data.settings.minSize && size < data.settings.minSize) size = data.settings.minSize;
}
overlay.children(".loadingoverlay_element").each(function(){
var $this = $(this);
if (force || $this.data("loadingoverlay_autoresize")) {
var resizeFactor = $this.data("loadingoverlay_resizefactor");
if ($this.hasClass("loadingoverlay_fa") || $this.hasClass("loadingoverlay_text")) {
$this.css("font-size", (size * resizeFactor) + data.settings.size.units);
} else if ($this.hasClass("loadingoverlay_progress")) {
data.progress.bar.css("height", (size * resizeFactor) + data.settings.size.units);
if (!data.progress.fixed) {
data.progress.bar
.css("top", $this.position().top)
.css("top", "-=" + (size * resizeFactor * 0.5) + data.settings.size.units);
} else if (data.progress.fixed === "bottom") {
$this
.css("bottom", data.progress.margin ? data.progress.margin.value + (data.progress.margin.fixed ? data.progress.margin.units : "%") : 0)
.css("bottom", "+=" + (size * resizeFactor) + data.settings.size.units);
}
} else {
$this.css({
"width" : (size * resizeFactor) + data.settings.size.units,
"height" : (size * resizeFactor) + data.settings.size.units
});
}
}
});
}
}
function _GetOverlay(container){
return container.data("loadingoverlay");
}
function _GetData(container){
var overlay = _GetOverlay(container);
var data = (typeof overlay === "undefined") ? undefined : overlay.data("loadingoverlay_data");
if (typeof data === "undefined") {
// Clean DOM
$(".loadingoverlay").each(function(){
var $this = $(this);
var data = $this.data("loadingoverlay_data");
if (!document.body.contains(data.container[0])) {
if (data.resizeIntervalId) clearInterval(data.resizeIntervalId);
$this.remove();
}
});
return false;
} else {
overlay.toggle(container.is(":visible"));
return data;
}
}
function _CreateElement(overlay, order, autoResize, resizeFactor, animation){
var element = $("
", {
"class" : "loadingoverlay_element",
"css" : {
"order" : order
}
})
.css(_css.element)
.data({
"loadingoverlay_autoresize" : autoResize,
"loadingoverlay_resizefactor" : resizeFactor
})
.appendTo(overlay);
// Parse animation
if (animation === true) animation = _defaultValues.animations.time + " " + _defaultValues.animations.name;
if (typeof animation === "string") {
var animationName;
var animationTime;
var parts = animation.replace(/\s\s+/g, " ").toLowerCase().split(" ");
if (parts.length === 2 && _ValidateCssTime(parts[0]) && _ValidateAnimation(parts[1])) {
animationName = parts[1];
animationTime = parts[0];
} else if (parts.length === 2 && _ValidateCssTime(parts[1]) && _ValidateAnimation(parts[0])) {
animationName = parts[0];
animationTime = parts[1];
} else if (parts.length === 1 && _ValidateCssTime(parts[0])) {
animationName = _defaultValues.animations.name;
animationTime = parts[0];
} else if (parts.length === 1 && _ValidateAnimation(parts[0])) {
animationName = parts[0];
animationTime = _defaultValues.animations.time;
}
element.css({
"animation-name" : "loadingoverlay_animation__" + animationName,
"animation-duration" : animationTime,
"animation-timing-function" : "linear",
"animation-iteration-count" : "infinite"
});
}
return element;
}
function _ValidateCssTime(value){
return !isNaN(parseFloat(value)) && (value.slice(-1) === "s" || value.slice(-2) === "ms");
}
function _ValidateAnimation(value){
return _whitelists.animations.indexOf(value) > -1;
}
function _ValidateProgressPosition(value){
return _whitelists.progressPosition.indexOf(value) > -1;
}
function _ParseSize(value){
if (!value || value < 0) {
return false;
} else if (typeof value === "string" && ["vmin", "vmax"].indexOf(value.slice(-4)) > -1) {
return {
fixed : true,
units : value.slice(-4),
value : value.slice(0, -4)
};
} else if (typeof value === "string" && ["rem"].indexOf(value.slice(-3)) > -1) {
return {
fixed : true,
units : value.slice(-3),
value : value.slice(0, -3)
};
} else if (typeof value === "string" && ["px", "em", "cm", "mm", "in", "pt", "pc", "vh", "vw"].indexOf(value.slice(-2)) > -1) {
return {
fixed : true,
units : value.slice(-2),
value : value.slice(0, -2)
};
} else {
return {
fixed : false,
units : "px",
value : parseFloat(value)
};
}
}
$(function(){
$("head").append([
""
].join(" "));
});
}));