TRF Certest first commit
This commit is contained in:
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
@@ -0,0 +1,286 @@
|
||||
/* Default Notifications */
|
||||
function default_noti() {
|
||||
Lobibox.notify('default', {
|
||||
pauseDelayOnHover: true,
|
||||
continueDelayOnInactiveTab: false,
|
||||
position: 'top right',
|
||||
msg: 'Lorem ipsum dolor sit amet hears farmer indemnity inherent.'
|
||||
});
|
||||
}
|
||||
|
||||
function info_noti() {
|
||||
Lobibox.notify('info', {
|
||||
pauseDelayOnHover: true,
|
||||
continueDelayOnInactiveTab: false,
|
||||
position: 'top right',
|
||||
icon: 'bx bx-info-circle',
|
||||
msg: 'Lorem ipsum dolor sit amet hears farmer indemnity inherent.'
|
||||
});
|
||||
}
|
||||
|
||||
function warning_noti() {
|
||||
Lobibox.notify('warning', {
|
||||
pauseDelayOnHover: true,
|
||||
continueDelayOnInactiveTab: false,
|
||||
position: 'top right',
|
||||
icon: 'bx bx-error',
|
||||
msg: 'Lorem ipsum dolor sit amet hears farmer indemnity inherent.'
|
||||
});
|
||||
}
|
||||
|
||||
function error_noti() {
|
||||
Lobibox.notify('error', {
|
||||
pauseDelayOnHover: true,
|
||||
continueDelayOnInactiveTab: false,
|
||||
position: 'top right',
|
||||
icon: 'bx bx-x-circle',
|
||||
msg: 'Lorem ipsum dolor sit amet hears farmer indemnity inherent.'
|
||||
});
|
||||
}
|
||||
|
||||
function success_noti() {
|
||||
Lobibox.notify('success', {
|
||||
pauseDelayOnHover: true,
|
||||
continueDelayOnInactiveTab: false,
|
||||
position: 'top right',
|
||||
icon: 'bx bx-check-circle',
|
||||
msg: 'Lorem ipsum dolor sit amet hears farmer indemnity inherent.'
|
||||
});
|
||||
}
|
||||
/* Rounded corners Notifications */
|
||||
function round_default_noti() {
|
||||
Lobibox.notify('default', {
|
||||
pauseDelayOnHover: true,
|
||||
size: 'mini',
|
||||
rounded: true,
|
||||
delayIndicator: false,
|
||||
continueDelayOnInactiveTab: false,
|
||||
position: 'top right',
|
||||
msg: 'Lorem ipsum dolor sit amet hears farmer indemnity inherent.'
|
||||
});
|
||||
}
|
||||
|
||||
function round_info_noti() {
|
||||
Lobibox.notify('info', {
|
||||
pauseDelayOnHover: true,
|
||||
size: 'mini',
|
||||
rounded: true,
|
||||
icon: 'bx bx-info-circle',
|
||||
delayIndicator: false,
|
||||
continueDelayOnInactiveTab: false,
|
||||
position: 'top right',
|
||||
msg: 'Lorem ipsum dolor sit amet hears farmer indemnity inherent.'
|
||||
});
|
||||
}
|
||||
|
||||
function round_warning_noti() {
|
||||
Lobibox.notify('warning', {
|
||||
pauseDelayOnHover: true,
|
||||
size: 'mini',
|
||||
rounded: true,
|
||||
delayIndicator: false,
|
||||
icon: 'bx bx-error',
|
||||
continueDelayOnInactiveTab: false,
|
||||
position: 'top right',
|
||||
msg: 'Lorem ipsum dolor sit amet hears farmer indemnity inherent.'
|
||||
});
|
||||
}
|
||||
|
||||
function round_error_noti() {
|
||||
Lobibox.notify('error', {
|
||||
pauseDelayOnHover: true,
|
||||
size: 'mini',
|
||||
rounded: true,
|
||||
delayIndicator: false,
|
||||
icon: 'bx bx-x-circle',
|
||||
continueDelayOnInactiveTab: false,
|
||||
position: 'top right',
|
||||
msg: 'Lorem ipsum dolor sit amet hears farmer indemnity inherent.'
|
||||
});
|
||||
}
|
||||
|
||||
function round_success_noti() {
|
||||
Lobibox.notify('success', {
|
||||
pauseDelayOnHover: true,
|
||||
size: 'mini',
|
||||
rounded: true,
|
||||
icon: 'bx bx-check-circle',
|
||||
delayIndicator: false,
|
||||
continueDelayOnInactiveTab: false,
|
||||
position: 'top right',
|
||||
msg: 'Lorem ipsum dolor sit amet hears farmer indemnity inherent.'
|
||||
});
|
||||
}
|
||||
/* Notifications With Images*/
|
||||
function img_default_noti() {
|
||||
Lobibox.notify('default', {
|
||||
pauseDelayOnHover: true,
|
||||
continueDelayOnInactiveTab: false,
|
||||
position: 'top right',
|
||||
img: 'assets/plugins/notifications/img/1.jpg', //path to image
|
||||
msg: 'Lorem ipsum dolor sit amet hears farmer indemnity inherent.'
|
||||
});
|
||||
}
|
||||
|
||||
function img_info_noti() {
|
||||
Lobibox.notify('info', {
|
||||
pauseDelayOnHover: true,
|
||||
continueDelayOnInactiveTab: false,
|
||||
icon: 'bx bx-info-circle',
|
||||
position: 'top right',
|
||||
img: 'assets/plugins/notifications/img/2.jpg', //path to image
|
||||
msg: 'Lorem ipsum dolor sit amet hears farmer indemnity inherent.'
|
||||
});
|
||||
}
|
||||
|
||||
function img_warning_noti() {
|
||||
Lobibox.notify('warning', {
|
||||
pauseDelayOnHover: true,
|
||||
icon: 'bx bx-error',
|
||||
continueDelayOnInactiveTab: false,
|
||||
position: 'top right',
|
||||
img: 'assets/plugins/notifications/img/3.jpg', //path to image
|
||||
msg: 'Lorem ipsum dolor sit amet hears farmer indemnity inherent.'
|
||||
});
|
||||
}
|
||||
|
||||
function img_error_noti() {
|
||||
Lobibox.notify('error', {
|
||||
pauseDelayOnHover: true,
|
||||
continueDelayOnInactiveTab: false,
|
||||
icon: 'bx bx-x-circle',
|
||||
position: 'top right',
|
||||
img: 'assets/plugins/notifications/img/4.jpg', //path to image
|
||||
msg: 'Lorem ipsum dolor sit amet hears farmer indemnity inherent.'
|
||||
});
|
||||
}
|
||||
|
||||
function img_success_noti() {
|
||||
Lobibox.notify('success', {
|
||||
pauseDelayOnHover: true,
|
||||
continueDelayOnInactiveTab: false,
|
||||
position: 'top right',
|
||||
icon: 'bx bx-check-circle',
|
||||
img: 'assets/plugins/notifications/img/5.jpg', //path to image
|
||||
msg: 'Lorem ipsum dolor sit amet hears farmer indemnity inherent.'
|
||||
});
|
||||
}
|
||||
/* Notifications With Images*/
|
||||
function pos1_default_noti() {
|
||||
Lobibox.notify('default', {
|
||||
pauseDelayOnHover: true,
|
||||
continueDelayOnInactiveTab: false,
|
||||
position: 'center top',
|
||||
size: 'mini',
|
||||
msg: 'Lorem ipsum dolor sit amet hears farmer indemnity inherent.'
|
||||
});
|
||||
}
|
||||
|
||||
function pos2_info_noti() {
|
||||
Lobibox.notify('info', {
|
||||
pauseDelayOnHover: true,
|
||||
icon: 'bx bx-info-circle',
|
||||
continueDelayOnInactiveTab: false,
|
||||
position: 'top left',
|
||||
size: 'mini',
|
||||
msg: 'Lorem ipsum dolor sit amet hears farmer indemnity inherent.'
|
||||
});
|
||||
}
|
||||
|
||||
function pos3_warning_noti() {
|
||||
Lobibox.notify('warning', {
|
||||
pauseDelayOnHover: true,
|
||||
icon: 'bx bx-error',
|
||||
continueDelayOnInactiveTab: false,
|
||||
position: 'top right',
|
||||
size: 'mini',
|
||||
msg: 'Lorem ipsum dolor sit amet hears farmer indemnity inherent.'
|
||||
});
|
||||
}
|
||||
|
||||
function pos4_error_noti() {
|
||||
Lobibox.notify('error', {
|
||||
pauseDelayOnHover: true,
|
||||
icon: 'bx bx-x-circle',
|
||||
size: 'mini',
|
||||
continueDelayOnInactiveTab: false,
|
||||
position: 'bottom left',
|
||||
msg: 'Lorem ipsum dolor sit amet hears farmer indemnity inherent.'
|
||||
});
|
||||
}
|
||||
|
||||
function pos5_success_noti() {
|
||||
Lobibox.notify('success', {
|
||||
pauseDelayOnHover: true,
|
||||
size: 'mini',
|
||||
icon: 'bx bx-check-circle',
|
||||
continueDelayOnInactiveTab: false,
|
||||
position: 'bottom right',
|
||||
msg: 'Lorem ipsum dolor sit amet hears farmer indemnity inherent.'
|
||||
});
|
||||
}
|
||||
/* Animated Notifications*/
|
||||
function anim1_noti() {
|
||||
Lobibox.notify('default', {
|
||||
pauseDelayOnHover: true,
|
||||
continueDelayOnInactiveTab: false,
|
||||
position: 'center top',
|
||||
showClass: 'fadeInDown',
|
||||
hideClass: 'fadeOutDown',
|
||||
width: 600,
|
||||
msg: 'Lorem ipsum dolor sit amet hears farmer indemnity inherent.'
|
||||
});
|
||||
}
|
||||
|
||||
function anim2_noti() {
|
||||
Lobibox.notify('info', {
|
||||
pauseDelayOnHover: true,
|
||||
icon: 'bx bx-info-circle',
|
||||
continueDelayOnInactiveTab: false,
|
||||
position: 'center top',
|
||||
showClass: 'bounceIn',
|
||||
hideClass: 'bounceOut',
|
||||
width: 600,
|
||||
msg: 'Lorem ipsum dolor sit amet hears farmer indemnity inherent.'
|
||||
});
|
||||
}
|
||||
|
||||
function anim3_noti() {
|
||||
Lobibox.notify('warning', {
|
||||
pauseDelayOnHover: true,
|
||||
continueDelayOnInactiveTab: false,
|
||||
icon: 'bx bx-error',
|
||||
position: 'center top',
|
||||
showClass: 'zoomIn',
|
||||
hideClass: 'zoomOut',
|
||||
width: 600,
|
||||
msg: 'Lorem ipsum dolor sit amet hears farmer indemnity inherent.'
|
||||
});
|
||||
}
|
||||
|
||||
function anim4_noti() {
|
||||
Lobibox.notify('error', {
|
||||
pauseDelayOnHover: true,
|
||||
continueDelayOnInactiveTab: false,
|
||||
icon: '',
|
||||
position: 'center top',
|
||||
showClass: 'lightSpeedIn',
|
||||
hideClass: 'lightSpeedOut',
|
||||
icon: 'bx bx-x-circle',
|
||||
width: 600,
|
||||
msg: 'Lorem ipsum dolor sit amet hears farmer indemnity inherent.'
|
||||
});
|
||||
}
|
||||
|
||||
function anim5_noti() {
|
||||
Lobibox.notify('success', {
|
||||
pauseDelayOnHover: true,
|
||||
continueDelayOnInactiveTab: false,
|
||||
position: 'center top',
|
||||
showClass: 'rollIn',
|
||||
hideClass: 'rollOut',
|
||||
icon: 'bx bx-check-circle',
|
||||
width: 600,
|
||||
msg: 'Lorem ipsum dolor sit amet hears farmer indemnity inherent.'
|
||||
});
|
||||
}
|
||||
@@ -0,0 +1,438 @@
|
||||
//Author : @arboshiki
|
||||
/**
|
||||
* Generates random string of n length.
|
||||
* String contains only letters and numbers
|
||||
*
|
||||
* @param {int} n
|
||||
* @returns {String}
|
||||
*/
|
||||
Math.randomString = function (n) {
|
||||
var text = "";
|
||||
var possible = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
|
||||
|
||||
for (var i = 0; i < n; i++)
|
||||
text += possible.charAt(Math.floor(Math.random() * possible.length));
|
||||
|
||||
return text;
|
||||
};
|
||||
var Lobibox = Lobibox || {};
|
||||
(function () {
|
||||
|
||||
var LobiboxNotify = function (type, options) {
|
||||
//------------------------------------------------------------------------------
|
||||
//----------------PROTOTYPE VARIABLES-------------------------------------------
|
||||
//------------------------------------------------------------------------------
|
||||
this.$type = null;
|
||||
this.$options = null;
|
||||
this.$el = null;
|
||||
//------------------------------------------------------------------------------
|
||||
//-----------------PRIVATE VARIABLES--------------------------------------------
|
||||
//------------------------------------------------------------------------------
|
||||
var me = this;
|
||||
//------------------------------------------------------------------------------
|
||||
//-----------------PRIVATE FUNCTIONS--------------------------------------------
|
||||
//------------------------------------------------------------------------------
|
||||
var _processInput = function (options) {
|
||||
|
||||
if (options.size === 'mini' || options.size === 'large') {
|
||||
options = $.extend({}, Lobibox.notify.OPTIONS[options.size], options);
|
||||
}
|
||||
options = $.extend({}, Lobibox.notify.OPTIONS[me.$type], Lobibox.notify.DEFAULTS, options);
|
||||
|
||||
if (options.size !== 'mini' && options.title === true) {
|
||||
options.title = Lobibox.notify.OPTIONS[me.$type].title;
|
||||
} else if (options.size === 'mini' && options.title === true) {
|
||||
options.title = false;
|
||||
}
|
||||
if (options.icon === true) {
|
||||
options.icon = Lobibox.notify.OPTIONS.icons[options.iconSource][me.$type];
|
||||
}
|
||||
if (options.sound === true) {
|
||||
options.sound = Lobibox.notify.OPTIONS[me.$type].sound;
|
||||
}
|
||||
if (options.sound) {
|
||||
options.sound = options.soundPath + options.sound + options.soundExt;
|
||||
}
|
||||
return options;
|
||||
};
|
||||
|
||||
var _appendInWrapper = function ($el, $wrapper) {
|
||||
if (me.$options.size === 'normal') {
|
||||
if ($wrapper.hasClass('bottom')) {
|
||||
$wrapper.prepend($el);
|
||||
} else {
|
||||
$wrapper.append($el);
|
||||
}
|
||||
|
||||
} else if (me.$options.size === 'mini') {
|
||||
if ($wrapper.hasClass('bottom')) {
|
||||
$wrapper.prepend($el);
|
||||
} else {
|
||||
$wrapper.append($el);
|
||||
}
|
||||
} else if (me.$options.size === 'large') {
|
||||
var tabPane = _createTabPane().append($el);
|
||||
var $li = _createTabControl(tabPane.attr('id'));
|
||||
$wrapper.find('.lb-notify-wrapper').append(tabPane);
|
||||
$wrapper.find('.lb-notify-tabs').append($li);
|
||||
_activateTab($li);
|
||||
$li.find('>a').click(function () {
|
||||
_activateTab($li);
|
||||
});
|
||||
}
|
||||
};
|
||||
var _activateTab = function ($li) {
|
||||
$li.closest('.lb-notify-tabs').find('>li').removeClass('active');
|
||||
$li.addClass('active');
|
||||
var $current = $($li.find('>a').attr('href'));
|
||||
$current.closest('.lb-notify-wrapper').find('>.lb-tab-pane').removeClass('active');
|
||||
$current.addClass('active')
|
||||
};
|
||||
var _createTabControl = function (tabPaneId) {
|
||||
var $li = $('<li></li>', {
|
||||
'class': Lobibox.notify.OPTIONS[me.$type]['class']
|
||||
});
|
||||
$('<a></a>', {
|
||||
'href': '#' + tabPaneId
|
||||
}).append('<i class="tab-control-icon ' + me.$options.icon + '"></i>')
|
||||
.appendTo($li);
|
||||
return $li;
|
||||
};
|
||||
var _createTabPane = function () {
|
||||
return $('<div></div>', {
|
||||
'class': 'lb-tab-pane',
|
||||
'id': Math.randomString(10)
|
||||
})
|
||||
};
|
||||
var _createNotifyWrapper = function () {
|
||||
var selector = (me.$options.size === 'large' ? '.lobibox-notify-wrapper-large' : '.lobibox-notify-wrapper')
|
||||
+ "." + me.$options.position.replace(/\s/gi, '.'),
|
||||
$wrapper;
|
||||
|
||||
//var classes = me.$options.position.split(" ");
|
||||
$wrapper = $(selector);
|
||||
if ($wrapper.length === 0) {
|
||||
$wrapper = $('<div></div>')
|
||||
.addClass(selector.replace(/\./g, ' ').trim())
|
||||
.appendTo($('body'));
|
||||
if (me.$options.size === 'large') {
|
||||
$wrapper.append($('<ul class="lb-notify-tabs"></ul>'))
|
||||
.append($('<div class="lb-notify-wrapper"></div>'));
|
||||
}
|
||||
}
|
||||
return $wrapper;
|
||||
};
|
||||
var _createNotify = function () {
|
||||
var OPTS = Lobibox.notify.OPTIONS,
|
||||
$iconEl,
|
||||
$innerIconEl,
|
||||
$iconWrapper,
|
||||
$body,
|
||||
$msg,
|
||||
$notify = $('<div></div>', {
|
||||
'class': 'lobibox-notify ' + OPTS[me.$type]['class'] + ' ' + OPTS['class'] + ' ' + me.$options.showClass
|
||||
});
|
||||
|
||||
$iconWrapper = $('<div class="lobibox-notify-icon-wrapper"></div>').appendTo($notify);
|
||||
$iconEl = $('<div class="lobibox-notify-icon"></div>').appendTo($iconWrapper);
|
||||
$innerIconEl = $('<div></div>').appendTo($iconEl);
|
||||
|
||||
// Add image or icon depending on given parameters
|
||||
if (me.$options.img) {
|
||||
$innerIconEl.append('<img src="' + me.$options.img + '"/>');
|
||||
} else if (me.$options.icon) {
|
||||
$innerIconEl.append('<div class="icon-el"><i class="' + me.$options.icon + '"></i></div>');
|
||||
} else {
|
||||
$notify.addClass('without-icon');
|
||||
}
|
||||
// Create body, append title and message in body and append body in notification
|
||||
$msg = $('<div class="lobibox-notify-msg">' + me.$options.msg + '</div>');
|
||||
|
||||
if (me.$options.messageHeight !== false) {
|
||||
$msg.css('max-height', me.$options.messageHeight);
|
||||
}
|
||||
|
||||
$body = $('<div></div>', {
|
||||
'class': 'lobibox-notify-body'
|
||||
}).append($msg).appendTo($notify);
|
||||
|
||||
if (me.$options.title) {
|
||||
$body.prepend('<div class="lobibox-notify-title">' + me.$options.title + '<div>');
|
||||
}
|
||||
_addCloseButton($notify);
|
||||
if (me.$options.size === 'normal' || me.$options.size === 'mini') {
|
||||
_addCloseOnClick($notify);
|
||||
_addDelay($notify);
|
||||
}
|
||||
|
||||
// Give width to notification
|
||||
if (me.$options.width) {
|
||||
$notify.css('width', _calculateWidth(me.$options.width));
|
||||
}
|
||||
|
||||
return $notify;
|
||||
};
|
||||
var _addCloseButton = function ($el) {
|
||||
if (!me.$options.closable) {
|
||||
return;
|
||||
}
|
||||
$('<span class="lobibox-close">×</span>')
|
||||
.click(function (ev) {
|
||||
ev.preventDefault();
|
||||
ev.stopPropagation();
|
||||
me.remove();
|
||||
}).appendTo($el);
|
||||
};
|
||||
var _addCloseOnClick = function ($el) {
|
||||
if (!me.$options.closeOnClick) {
|
||||
return;
|
||||
}
|
||||
$el.click(function () {
|
||||
me.remove();
|
||||
});
|
||||
};
|
||||
var _addDelay = function ($el) {
|
||||
if (!me.$options.delay) {
|
||||
return;
|
||||
}
|
||||
if (me.$options.delayIndicator) {
|
||||
var delay = $('<div class="lobibox-delay-indicator"><div></div></div>');
|
||||
$el.append(delay);
|
||||
}
|
||||
var time = 0;
|
||||
var interval = 1000 / 30;
|
||||
var currentTime = new Date().getTime();
|
||||
var timer = setInterval(function () {
|
||||
if (me.$options.continueDelayOnInactiveTab) {
|
||||
time = new Date().getTime() - currentTime;
|
||||
} else {
|
||||
time += interval;
|
||||
}
|
||||
|
||||
var width = 100 * time / me.$options.delay;
|
||||
if (width >= 100) {
|
||||
width = 100;
|
||||
me.remove();
|
||||
timer = clearInterval(timer);
|
||||
}
|
||||
if (me.$options.delayIndicator) {
|
||||
delay.find('div').css('width', width + "%");
|
||||
}
|
||||
|
||||
}, interval);
|
||||
|
||||
if (me.$options.pauseDelayOnHover) {
|
||||
$el.on('mouseenter.lobibox', function () {
|
||||
interval = 0;
|
||||
}).on('mouseleave.lobibox', function () {
|
||||
interval = 1000 / 30;
|
||||
});
|
||||
}
|
||||
};
|
||||
var _findTabToActivate = function ($li) {
|
||||
var $itemToActivate = $li.prev();
|
||||
if ($itemToActivate.length === 0) {
|
||||
$itemToActivate = $li.next();
|
||||
}
|
||||
if ($itemToActivate.length === 0) {
|
||||
return null;
|
||||
}
|
||||
return $itemToActivate;
|
||||
};
|
||||
var _calculateWidth = function (width) {
|
||||
width = Math.min($(window).outerWidth(), width);
|
||||
return width;
|
||||
};
|
||||
//------------------------------------------------------------------------------
|
||||
//----------------PROTOTYPE FUNCTIONS-------------------------------------------
|
||||
//------------------------------------------------------------------------------
|
||||
/**
|
||||
* Delete the notification
|
||||
*
|
||||
* @returns {LobiboxNotify}
|
||||
*/
|
||||
this.remove = function () {
|
||||
me.$el.removeClass(me.$options.showClass)
|
||||
.addClass(me.$options.hideClass);
|
||||
var parent = me.$el.parent();
|
||||
var wrapper = parent.closest('.lobibox-notify-wrapper-large');
|
||||
|
||||
var href = '#' + parent.attr('id');
|
||||
|
||||
var $li = wrapper.find('>.lb-notify-tabs>li:has(a[href="' + href + '"])');
|
||||
$li.addClass(Lobibox.notify.OPTIONS['class'])
|
||||
.addClass(me.$options.hideClass);
|
||||
setTimeout(function () {
|
||||
if (me.$options.size === 'normal' || me.$options.size === 'mini') {
|
||||
me.$el.remove();
|
||||
} else if (me.$options.size === 'large') {
|
||||
|
||||
var $newLi = _findTabToActivate($li);
|
||||
if ($newLi) {
|
||||
_activateTab($newLi);
|
||||
}
|
||||
$li.remove();
|
||||
parent.remove();
|
||||
}
|
||||
var list = Lobibox.notify.list;
|
||||
var ind = list.indexOf(me);
|
||||
list.splice(ind, 1);
|
||||
var next = list[ind];
|
||||
if (next && next.$options.showAfterPrevious) {
|
||||
next._init();
|
||||
}
|
||||
}, 500);
|
||||
return me;
|
||||
};
|
||||
me._init = function () {
|
||||
// Create notification
|
||||
var $notify = _createNotify();
|
||||
if (me.$options.size === 'mini') {
|
||||
$notify.addClass('notify-mini');
|
||||
}
|
||||
|
||||
if (typeof me.$options.position === 'string') {
|
||||
var $wrapper = _createNotifyWrapper();
|
||||
_appendInWrapper($notify, $wrapper);
|
||||
if ($wrapper.hasClass('center')) {
|
||||
$wrapper.css('margin-left', '-' + ($wrapper.width() / 2) + "px");
|
||||
}
|
||||
} else {
|
||||
$('body').append($notify);
|
||||
$notify.css({
|
||||
'position': 'fixed',
|
||||
left: me.$options.position.left,
|
||||
top: me.$options.position.top
|
||||
})
|
||||
}
|
||||
|
||||
me.$el = $notify;
|
||||
if (me.$options.sound) {
|
||||
var snd = new Audio(me.$options.sound); // buffers automatically when created
|
||||
snd.play();
|
||||
}
|
||||
if (me.$options.rounded) {
|
||||
me.$el.addClass('rounded');
|
||||
}
|
||||
me.$el.on('click.lobibox', function (ev) {
|
||||
if (me.$options.onClickUrl) {
|
||||
window.location.href = me.$options.onClickUrl;
|
||||
}
|
||||
if (me.$options.onClick && typeof me.$options.onClick === 'function') {
|
||||
me.$options.onClick.call(me, ev);
|
||||
}
|
||||
});
|
||||
me.$el.data('lobibox', me);
|
||||
};
|
||||
//------------------------------------------------------------------------------
|
||||
//------------------------------------------------------------------------------
|
||||
//------------------------------------------------------------------------------
|
||||
this.$type = type;
|
||||
this.$options = _processInput(options);
|
||||
if (!me.$options.showAfterPrevious || Lobibox.notify.list.length === 0) {
|
||||
this._init();
|
||||
}
|
||||
|
||||
};
|
||||
|
||||
Lobibox.notify = function (type, options) {
|
||||
if (["default", "info", "warning", "error", "success"].indexOf(type) > -1) {
|
||||
var lobibox = new LobiboxNotify(type, options);
|
||||
Lobibox.notify.list.push(lobibox);
|
||||
return lobibox;
|
||||
}
|
||||
};
|
||||
Lobibox.notify.list = [];
|
||||
Lobibox.notify.closeAll = function () {
|
||||
var list = Lobibox.notify.list;
|
||||
for (var i in list) {
|
||||
list[i].remove();
|
||||
}
|
||||
};
|
||||
//User can set default options to this variable
|
||||
Lobibox.notify.DEFAULTS = {
|
||||
title: true, // Title of notification. If you do not include the title in options it will automatically takes its value
|
||||
//from Lobibox.notify.OPTIONS object depending of the type of the notifications or set custom string. Set this false to disable title
|
||||
size: 'normal', // normal, mini, large
|
||||
soundPath: 'sounds/', // The folder path where sounds are located
|
||||
soundExt: '.ogg', // Default extension for all sounds
|
||||
showClass: 'fadeInDown', // Show animation class.
|
||||
hideClass: 'zoomOut', // Hide animation class.
|
||||
icon: true, // Icon of notification. Leave as is for default icon or set custom string
|
||||
msg: '', // Message of notification
|
||||
img: null, // Image source string
|
||||
closable: true, // Make notifications closable
|
||||
hideCloseButton: false, // Notification may be closable but you can hide close button and it will be closed by clicking on notification itsef
|
||||
delay: 5000, // Hide notification after this time (in miliseconds)
|
||||
delayIndicator: true, // Show timer indicator
|
||||
closeOnClick: true, // Close notifications by clicking on them
|
||||
width: 400, // Width of notification box
|
||||
sound: true, // Sound of notification. Set this false to disable sound. Leave as is for default sound or set custom soud path
|
||||
// Place to show notification. Available options: "top left", "top right", "bottom left", "bottom right", "center top", "center bottom"
|
||||
// It can also be object {left: number, top: number} to position notification at any place
|
||||
position: "bottom right",
|
||||
iconSource: 'bootstrap', // "bootstrap" or "fontAwesome" the library which will be used for icons
|
||||
rounded: false, // Whether to make notification corners rounded
|
||||
messageHeight: 60, // Notification message maximum height. This is not for notification itself, this is for <code>.lobibox-notify-msg</code>
|
||||
pauseDelayOnHover: true, // When you mouse over on notification delay (if it is enabled) will be paused.
|
||||
onClickUrl: null, // The url which will be opened when notification is clicked
|
||||
showAfterPrevious: false, // Set this to true if you want notification not to be shown until previous notification is closed. This is useful for notification queues
|
||||
continueDelayOnInactiveTab: true, // Continue delay when browser tab is inactive
|
||||
|
||||
// Events
|
||||
onClick: null
|
||||
};
|
||||
//This variable is necessary.
|
||||
Lobibox.notify.OPTIONS = {
|
||||
'class': 'animated-fast',
|
||||
large: {
|
||||
width: 500,
|
||||
messageHeight: 96
|
||||
},
|
||||
mini: {
|
||||
'class': 'notify-mini',
|
||||
messageHeight: 32
|
||||
},
|
||||
default: {
|
||||
'class': 'lobibox-notify-default',
|
||||
'title': 'Default',
|
||||
sound: false
|
||||
},
|
||||
success: {
|
||||
'class': 'lobibox-notify-success',
|
||||
'title': 'Success',
|
||||
sound: 'sound2'
|
||||
},
|
||||
error: {
|
||||
'class': 'lobibox-notify-error',
|
||||
'title': 'Error',
|
||||
sound: 'sound4'
|
||||
},
|
||||
warning: {
|
||||
'class': 'lobibox-notify-warning',
|
||||
'title': 'Warning',
|
||||
sound: 'sound5'
|
||||
},
|
||||
info: {
|
||||
'class': 'lobibox-notify-info',
|
||||
'title': 'Information',
|
||||
sound: 'sound6'
|
||||
},
|
||||
icons: {
|
||||
bootstrap: {
|
||||
success: 'glyphicon glyphicon-ok-sign',
|
||||
error: 'glyphicon glyphicon-remove-sign',
|
||||
warning: 'glyphicon glyphicon-exclamation-sign',
|
||||
info: 'glyphicon glyphicon-info-sign'
|
||||
},
|
||||
fontAwesome: {
|
||||
success: 'fa fa-check-circle',
|
||||
error: 'fa fa-times-circle',
|
||||
warning: 'fa fa-exclamation-circle',
|
||||
info: 'fa fa-info-circle'
|
||||
}
|
||||
}
|
||||
};
|
||||
})();
|
||||
|
||||
|
||||
File diff suppressed because one or more lines are too long
Reference in New Issue
Block a user