//== Class definition var SweetAlert2Demo = function() { //== Demos var initDemos = function() { //== Sweetalert Demo 1 $('#m_sweetalert_demo_1').click(function(e) { swal('Good job!'); }); //== Sweetalert Demo 2 $('#m_sweetalert_demo_2').click(function(e) { swal("Here's the title!", "...and here's the text!"); }); //== Sweetalert Demo 3 $('#m_sweetalert_demo_3_1').click(function(e) { swal("Good job!", "You clicked the button!", "warning"); }); $('#m_sweetalert_demo_3_2').click(function(e) { swal("Good job!", "You clicked the button!", "error"); }); $('#m_sweetalert_demo_3_3').click(function(e) { swal("Good job!", "You clicked the button!", "success"); }); $('#m_sweetalert_demo_3_4').click(function(e) { swal("Good job!", "You clicked the button!", "info"); }); $('#m_sweetalert_demo_3_5').click(function(e) { swal("Good job!", "You clicked the button!", "question"); }); //== Sweetalert Demo 4 $('#m_sweetalert_demo_4').click(function(e) { swal({ title: "Good job!", text: "You clicked the button!", icon: "success", confirmButtonText: "Confirm me!", confirmButtonClass: "btn btn-focus m-btn m-btn--pill m-btn--air" }); }); //== Sweetalert Demo 5 $('#m_sweetalert_demo_5').click(function(e) { swal({ title: "Good job!", text: "You clicked the button!", icon: "success", confirmButtonText: "I am game!", confirmButtonClass: "btn btn-danger m-btn m-btn--pill m-btn--air m-btn--icon", showCancelButton: true, cancelButtonText: "No, thanks", cancelButtonClass: "btn btn-secondary m-btn m-btn--pill m-btn--icon" }); }); $('#m_sweetalert_demo_6').click(function(e) { swal({ position: 'top-right', type: 'success', title: 'Your work has been saved', showConfirmButton: false, timer: 1500 }); }); $('#m_sweetalert_demo_7').click(function(e) { swal({ title: 'jQuery HTML example', html: $('
') .addClass('some-class') .text('jQuery is everywhere.'), animation: false, customClass: 'animated tada' }) }); $('#m_sweetalert_demo_8').click(function(e) { swal({ title: 'Are you sure?', text: "You won't be able to revert this!", type: 'warning', showCancelButton: true, confirmButtonText: 'Yes, delete it!' }).then(function(result) { if (result.value) { swal( 'Deleted!', 'Your file has been deleted.', 'success' ) } }); }); $('#m_sweetalert_demo_9').click(function(e) { swal({ title: 'Are you sure?', text: "You won't be able to revert this!", type: 'warning', showCancelButton: true, confirmButtonText: 'Yes, delete it!', cancelButtonText: 'No, cancel!', reverseButtons: true }).then(function(result){ if (result.value) { swal( 'Deleted!', 'Your file has been deleted.', 'success' ) // result.dismiss can be 'cancel', 'overlay', // 'close', and 'timer' } else if (result.dismiss === 'cancel') { swal( 'Cancelled', 'Your imaginary file is safe :)', 'error' ) } }); }); $('#m_sweetalert_demo_10').click(function(e) { swal({ title: 'Sweet!', text: 'Modal with a custom image.', imageUrl: 'https://unsplash.it/400/200', imageWidth: 400, imageHeight: 200, imageAlt: 'Custom image', animation: false }); }); $('#m_sweetalert_demo_11').click(function(e) { swal({ title: 'Auto close alert!', text: 'I will close in 5 seconds.', timer: 5000, onOpen: function() { swal.showLoading() } }).then(function(result) { if (result.dismiss === 'timer') { console.log('I was closed by the timer') } }) }); }; return { //== Init init: function() { initDemos(); }, }; }(); //== Class Initialization jQuery(document).ready(function() { SweetAlert2Demo.init(); });