You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
62 lines
1.6 KiB
JavaScript
62 lines
1.6 KiB
JavaScript
(function ($) {
|
|
"use strict";
|
|
|
|
/*
|
|
* Notifications
|
|
*/
|
|
function notify(from, align, icon, type, animIn, animOut){
|
|
$.growl({
|
|
icon: icon,
|
|
title: ' Bootstrap Growl ',
|
|
message: 'Turning standard Bootstrap alerts into awesome notifications',
|
|
url: ''
|
|
},{
|
|
element: 'body',
|
|
type: type,
|
|
allow_dismiss: true,
|
|
placement: {
|
|
from: from,
|
|
align: align
|
|
},
|
|
offset: {
|
|
x: 20,
|
|
y: 85
|
|
},
|
|
spacing: 10,
|
|
z_index: 1031,
|
|
delay: 2500,
|
|
timer: 1000,
|
|
url_target: '_blank',
|
|
mouse_over: false,
|
|
animate: {
|
|
enter: animIn,
|
|
exit: animOut
|
|
},
|
|
icon_type: 'class',
|
|
template: '<div data-growl="container" class="alert" role="alert">' +
|
|
'<button type="button" class="close" data-growl="dismiss">' +
|
|
'<span aria-hidden="true">×</span>' +
|
|
'<span class="sr-only">Close</span>' +
|
|
'</button>' +
|
|
'<span data-growl="icon"></span>' +
|
|
'<span data-growl="title"></span>' +
|
|
'<span data-growl="message"></span>' +
|
|
'<a href="#" data-growl="url"></a>' +
|
|
'</div>'
|
|
});
|
|
};
|
|
|
|
$('.notification-demo .btn').on('click', function(e){
|
|
e.preventDefault();
|
|
var nFrom = $(this).attr('data-from');
|
|
var nAlign = $(this).attr('data-align');
|
|
var nIcons = $(this).attr('data-icon');
|
|
var nType = $(this).attr('data-type');
|
|
var nAnimIn = $(this).attr('data-animation-in');
|
|
var nAnimOut = $(this).attr('data-animation-out');
|
|
|
|
notify(nFrom, nAlign, nIcons, nType, nAnimIn, nAnimOut);
|
|
});
|
|
|
|
|
|
})(jQuery);
|