/** * Theme: Velonic - Responsive Bootstrap 5 Admin Dashboard * Author: Techzaa * Toastr js */ // Notification !function ($) { "use strict"; var NotificationApp = function () { }; NotificationApp.prototype.send = function (heading, body, position, loaderBgColor, icon, hideAfter, stack, showHideTransition) { // default if (!hideAfter) hideAfter = 3000; if (!stack) stack = 1; var options = { heading: heading, text: body, position: position, loaderBg: loaderBgColor, icon: icon, hideAfter: hideAfter, stack: stack }; if (showHideTransition) options.showHideTransition = showHideTransition; else options.showHideTransition = 'fade'; $.toast().reset('all'); $.toast(options); } $.NotificationApp = new NotificationApp, $.NotificationApp.Constructor = NotificationApp // notification examples $("#toastr-one").on('click', function (e) { $.NotificationApp.send("Heads up!", "This alert needs your attention, but it is not super important.", 'top-right', 'rgba(0,0,0,0.2)', 'info'); }); $("#toastr-two").on('click', function (e) { $.NotificationApp.send("Heads up!", "Check below fields please.", 'top-center', 'rgba(0,0,0,0.2)', 'warning'); }); $("#toastr-three").on('click', function (e) { $.NotificationApp.send("Well Done!", "You successfully read this important alert message", 'bottom-right', 'rgba(0,0,0,0.2)', 'success'); }); $("#toastr-four").on('click', function (e) { $.NotificationApp.send("Oh snap!", "Change a few things up and try submitting again.", 'bottom-left', 'rgba(0,0,0,0.2)', 'error'); }); $("#toastr-five").on('click', function (e) { $.NotificationApp.send("How to contribute?", ['Fork the repository', 'Improve/extend the functionality', 'Create a pull request'], 'top-right', 'rgba(0,0,0,0.2)', 'info'); }); $("#toastr-six").on('click', function (e) { $.NotificationApp.send("Can I add icons?", "Yes! check this update.", 'top-right', 'rgba(0,0,0,0.2)', 'info', false); }); $("#toastr-seven").on('click', function (e) { $.NotificationApp.send("", "Set the `hideAfter` property to false and the toast will become sticky.", 'top-right', 'rgba(0,0,0,0.2)', 'success'); }); $("#toastr-eight").on('click', function (e) { $.NotificationApp.send("", "Set the `showHideTransition` property to fade|plain|slide to achieve different transitions.", 'top-right', 'rgba(0,0,0,0.2)', 'info', 3000, 1, 'fade'); }); }(window.jQuery);