/* Template Name: Admiria - Bootstrap 4 Admin Dashboard Author: Themesbrand Website: www.Themesbrand.in File: Sweet Alert init js */ ! function($) { "use strict"; var SweetAlert = function() {}; //examples SweetAlert.prototype.init = function() { //Basic $('#sa-basic').on('click', function() { Swal.fire('Any fool can use a computer') }); //A title with a text under $('#sa-title').click(function() { Swal.fire( 'The Internet?', 'That thing is still around?', 'question' ) }); //Success Message $('#sa-success').click(function() { Swal.fire({ title: 'Good job!', text: 'You clicked the button!', type: 'success', showCancelButton: true, confirmButtonClass: 'btn btn-success', cancelButtonClass: 'btn btn-danger m-l-10' }) }); //Warning Message $('#sa-warning').click(function() { Swal.fire({ title: 'Are you sure?', text: "You won't be able to revert this!", type: 'warning', showCancelButton: true, confirmButtonClass: 'btn btn-success', cancelButtonClass: 'btn btn-danger m-l-10', confirmButtonText: 'Yes, delete it!' }).then(function() { Swal.fire( 'Deleted!', 'Your file has been deleted.', 'success' ) }) }); //Parameter $('#sa-params').click(function() { Swal.fire({ title: 'Are you sure?', text: "You won't be able to revert this!", type: 'warning', showCancelButton: true, confirmButtonText: 'Yes, delete it!', cancelButtonText: 'No, cancel!', confirmButtonClass: 'btn btn-success', cancelButtonClass: 'btn btn-danger m-l-10', buttonsStyling: false }).then(function() { Swal.fire( 'Deleted!', 'Your file has been deleted.', 'success' ) }, function(dismiss) { // dismiss can be 'cancel', 'overlay', // 'close', and 'timer' if (dismiss === 'cancel') { Swal.fire( 'Cancelled', 'Your imaginary file is safe :)', 'error' ) } }) }); //Custom Image $('#sa-image').click(function() { Swal.fire({ title: 'Sweet!', text: 'Modal with a custom image.', imageUrl: 'assets/images/logo.png', imageHeight: 28, animation: false }) }); //Auto Close Timer $('#sa-close').click(function() { let timerInterval Swal.fire({ title: 'Auto close alert!', html: 'I will close in seconds.', timer: 2000, onBeforeOpen: () => { Swal.showLoading() timerInterval = setInterval(() => { Swal.getContent().querySelector('strong') .textContent = Swal.getTimerLeft() }, 100) }, onClose: () => { clearInterval(timerInterval) } }).then((result) => { if ( // Read more about handling dismissals result.dismiss === Swal.DismissReason.timer ) { console.log('I was closed by the timer') } }) }); //custom html alert $('#custom-html-alert').click(function() { Swal.fire({ title: 'HTML example', type: 'info', html: 'You can use bold text, ' + 'links ' + 'and other HTML tags', showCloseButton: true, showCancelButton: true, confirmButtonClass: 'btn btn-success', cancelButtonClass: 'btn btn-danger m-l-10', confirmButtonText: ' Great!', cancelButtonText: '' }) }); //Custom width padding $('#custom-padding-width-alert').click(function() { Swal.fire({ title: 'Custom width, padding, background.', width: 600, padding: 100, background: '#fff url(//subtlepatterns2015.subtlepatterns.netdna-cdn.com/patterns/geometry.png)' }) }); //Ajax $('#ajax-alert').click(function() { Swal.fire({ title: 'Submit email to run ajax request', input: 'email', showCancelButton: true, confirmButtonText: 'Submit', showLoaderOnConfirm: true, confirmButtonClass: 'btn btn-success', cancelButtonClass: 'btn btn-danger m-l-10', preConfirm: function(email) { return new Promise(function(resolve, reject) { setTimeout(function() { if (email === 'taken@example.com') { reject('This email is already taken.') } else { resolve() } }, 2000) }) }, allowOutsideClick: false }).then(function(email) { swal({ type: 'success', title: 'Ajax request finished!', html: 'Submitted email: ' + email }) }) }); //chaining modal alert $('#chaining-alert').click(function() { Swal.mixin({ input: 'text', confirmButtonText: 'Next →', showCancelButton: true, progressSteps: ['1', '2', '3'] }).queue([{ title: 'Question 1', text: 'Chaining swal2 modals is easy' }, 'Question 2', 'Question 3' ]).then((result) => { if (result.value) { Swal.fire({ title: 'All done!', html: 'Your answers:
' +
JSON.stringify(result.value) +
'',
confirmButtonText: 'Lovely!'
})
}
})
});
//Danger
$('#dynamic-alert').click(function() {
swal.queue([{
title: 'Your public IP',
confirmButtonText: 'Show my public IP',
text: 'Your public IP will be received ' +
'via AJAX request',
showLoaderOnConfirm: true,
preConfirm: function() {
return new Promise(function(resolve) {
$.get('https://api.ipify.org?format=json')
.done(function(data) {
swal.insertQueueStep(data.ip)
resolve()
})
})
}
}])
});
},
//init
$.SweetAlert = new SweetAlert, $.SweetAlert.Constructor = SweetAlert
}(window.jQuery),
//initializing
function($) {
"use strict";
$.SweetAlert.init()
}(window.jQuery);