Inisital Asset Commit
This commit is contained in:
1058
assets/plugins/notifications/css/lobibox.css
Normal file
1058
assets/plugins/notifications/css/lobibox.css
Normal file
File diff suppressed because it is too large
Load Diff
1060
assets/plugins/notifications/css/lobibox.min.css
vendored
Normal file
1060
assets/plugins/notifications/css/lobibox.min.css
vendored
Normal file
File diff suppressed because it is too large
Load Diff
BIN
assets/plugins/notifications/img/1.jpg
Normal file
BIN
assets/plugins/notifications/img/1.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 6.1 KiB |
BIN
assets/plugins/notifications/img/2.jpg
Normal file
BIN
assets/plugins/notifications/img/2.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 13 KiB |
BIN
assets/plugins/notifications/img/3.jpg
Normal file
BIN
assets/plugins/notifications/img/3.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 19 KiB |
BIN
assets/plugins/notifications/img/4.jpg
Normal file
BIN
assets/plugins/notifications/img/4.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 26 KiB |
BIN
assets/plugins/notifications/img/5.jpg
Normal file
BIN
assets/plugins/notifications/img/5.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 6.3 KiB |
BIN
assets/plugins/notifications/img/6.jpg
Normal file
BIN
assets/plugins/notifications/img/6.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 25 KiB |
1575
assets/plugins/notifications/js/lobibox.js
Normal file
1575
assets/plugins/notifications/js/lobibox.js
Normal file
File diff suppressed because it is too large
Load Diff
1
assets/plugins/notifications/js/lobibox.min.js
vendored
Normal file
1
assets/plugins/notifications/js/lobibox.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
1136
assets/plugins/notifications/js/messageboxes.js
Normal file
1136
assets/plugins/notifications/js/messageboxes.js
Normal file
File diff suppressed because it is too large
Load Diff
1
assets/plugins/notifications/js/messageboxes.min.js
vendored
Normal file
1
assets/plugins/notifications/js/messageboxes.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
286
assets/plugins/notifications/js/notification-custom-script.js
Normal file
286
assets/plugins/notifications/js/notification-custom-script.js
Normal file
@@ -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.'
|
||||
});
|
||||
}
|
||||
438
assets/plugins/notifications/js/notifications.js
Normal file
438
assets/plugins/notifications/js/notifications.js
Normal file
@@ -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'
|
||||
}
|
||||
}
|
||||
};
|
||||
})();
|
||||
|
||||
|
||||
1
assets/plugins/notifications/js/notifications.min.js
vendored
Normal file
1
assets/plugins/notifications/js/notifications.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
BIN
assets/plugins/notifications/sounds/sound1.ogg
Normal file
BIN
assets/plugins/notifications/sounds/sound1.ogg
Normal file
Binary file not shown.
BIN
assets/plugins/notifications/sounds/sound2.ogg
Normal file
BIN
assets/plugins/notifications/sounds/sound2.ogg
Normal file
Binary file not shown.
BIN
assets/plugins/notifications/sounds/sound3.ogg
Normal file
BIN
assets/plugins/notifications/sounds/sound3.ogg
Normal file
Binary file not shown.
BIN
assets/plugins/notifications/sounds/sound4.ogg
Normal file
BIN
assets/plugins/notifications/sounds/sound4.ogg
Normal file
Binary file not shown.
BIN
assets/plugins/notifications/sounds/sound5.ogg
Normal file
BIN
assets/plugins/notifications/sounds/sound5.ogg
Normal file
Binary file not shown.
BIN
assets/plugins/notifications/sounds/sound6.ogg
Normal file
BIN
assets/plugins/notifications/sounds/sound6.ogg
Normal file
Binary file not shown.
Reference in New Issue
Block a user