EVOLUTION-NINJA
Edit File: notification-active.js
(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);