resq/public/assets/demo/default/custom/components/base/sweetalert2.js
2018-01-06 21:26:46 +08:00

170 lines
No EOL
5.6 KiB
JavaScript

//== 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: "<span><i class='la la-headphones'></i><span>I am game!</span></span>",
confirmButtonClass: "btn btn-danger m-btn m-btn--pill m-btn--air m-btn--icon",
showCancelButton: true,
cancelButtonText: "<span><i class='la la-thumbs-down'></i><span>No, thanks</span></span>",
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: $('<div>')
.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();
});