162 lines
5.5 KiB
JavaScript
162 lines
5.5 KiB
JavaScript
|
|
||
|
/**
|
||
|
* Theme: Ubold Admin Template
|
||
|
* Author: Coderthemes
|
||
|
* SweetAlert
|
||
|
*/
|
||
|
|
||
|
!function ($) {
|
||
|
"use strict";
|
||
|
|
||
|
var SweetAlert = function () {
|
||
|
};
|
||
|
|
||
|
//examples
|
||
|
SweetAlert.prototype.init = function () {
|
||
|
|
||
|
//Basic
|
||
|
$('#sa-basic').click(function () {
|
||
|
swal("Here's a message!");
|
||
|
});
|
||
|
|
||
|
//A title with a text under
|
||
|
$('#sa-title').click(function () {
|
||
|
swal("Here's a message!", "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed lorem erat, tincidunt vitae ipsum et, pellentesque maximus enim. Mauris eleifend ex semper, lobortis purus sed, pharetra felis")
|
||
|
});
|
||
|
|
||
|
//Success Message
|
||
|
$('#sa-success').click(function () {
|
||
|
swal("Good job!", "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed lorem erat, tincidunt vitae ipsum et, pellentesque maximus enim. Mauris eleifend ex semper, lobortis purus sed, pharetra felis", "success")
|
||
|
});
|
||
|
|
||
|
//Warning Message
|
||
|
$('#sa-warning').click(function () {
|
||
|
swal({
|
||
|
title: "Are you sure?",
|
||
|
text: "You will not be able to recover this imaginary file!",
|
||
|
type: "warning",
|
||
|
showCancelButton: true,
|
||
|
confirmButtonClass: 'btn-warning',
|
||
|
confirmButtonText: "Yes, delete it!",
|
||
|
closeOnConfirm: false
|
||
|
}, function () {
|
||
|
swal("Deleted!", "Your imaginary file has been deleted.", "success");
|
||
|
});
|
||
|
});
|
||
|
|
||
|
//Parameter
|
||
|
$('#sa-params').click(function () {
|
||
|
swal({
|
||
|
title: "Are you sure?",
|
||
|
text: "You will not be able to recover this imaginary file!",
|
||
|
type: "warning",
|
||
|
showCancelButton: true,
|
||
|
confirmButtonColor: "#DD6B55",
|
||
|
confirmButtonText: "Yes, delete it!",
|
||
|
cancelButtonText: "No, cancel plx!",
|
||
|
closeOnConfirm: false,
|
||
|
closeOnCancel: false
|
||
|
}, function (isConfirm) {
|
||
|
if (isConfirm) {
|
||
|
swal("Deleted!", "Your imaginary file has been deleted.", "success");
|
||
|
} else {
|
||
|
swal("Cancelled", "Your imaginary file is safe :)", "error");
|
||
|
}
|
||
|
});
|
||
|
});
|
||
|
|
||
|
//Custom Image
|
||
|
$('#sa-image').click(function () {
|
||
|
swal({
|
||
|
title: "Sweet!",
|
||
|
text: "Here's a custom image.",
|
||
|
imageUrl: "../plugins/bootstrap-sweetalert/thumbs-up.jpg"
|
||
|
});
|
||
|
});
|
||
|
|
||
|
//Auto Close Timer
|
||
|
$('#sa-close').click(function () {
|
||
|
swal({
|
||
|
title: "Auto close alert!",
|
||
|
text: "I will close in 2 seconds.",
|
||
|
timer: 2000,
|
||
|
showConfirmButton: false
|
||
|
});
|
||
|
});
|
||
|
|
||
|
//Primary
|
||
|
$('#primary-alert').click(function () {
|
||
|
swal({
|
||
|
title: "Are you sure?",
|
||
|
text: "You will not be able to recover this imaginary file!",
|
||
|
type: "info",
|
||
|
showCancelButton: true,
|
||
|
cancelButtonClass: 'btn-default btn-md waves-effect',
|
||
|
confirmButtonClass: 'btn-primary btn-md waves-effect waves-light',
|
||
|
confirmButtonText: 'Primary!'
|
||
|
});
|
||
|
});
|
||
|
|
||
|
//Info
|
||
|
$('#info-alert').click(function () {
|
||
|
swal({
|
||
|
title: "Are you sure?",
|
||
|
text: "You will not be able to recover this imaginary file!",
|
||
|
type: "info",
|
||
|
showCancelButton: true,
|
||
|
cancelButtonClass: 'btn-default btn-md waves-effect',
|
||
|
confirmButtonClass: 'btn-info btn-md waves-effect waves-light',
|
||
|
confirmButtonText: 'Info!'
|
||
|
});
|
||
|
});
|
||
|
|
||
|
//Success
|
||
|
$('#success-alert').click(function () {
|
||
|
swal({
|
||
|
title: "Are you sure?",
|
||
|
text: "You will not be able to recover this imaginary file!",
|
||
|
type: "success",
|
||
|
showCancelButton: true,
|
||
|
cancelButtonClass: 'btn-default btn-md waves-effect',
|
||
|
confirmButtonClass: 'btn-success btn-md waves-effect waves-light',
|
||
|
confirmButtonText: 'Success!'
|
||
|
});
|
||
|
});
|
||
|
|
||
|
//Warning
|
||
|
$('#warning-alert').click(function () {
|
||
|
swal({
|
||
|
title: "Are you sure?",
|
||
|
text: "You will not be able to recover this imaginary file!",
|
||
|
type: "warning",
|
||
|
showCancelButton: true,
|
||
|
cancelButtonClass: 'btn-default btn-md waves-effect',
|
||
|
confirmButtonClass: 'btn-warning btn-md waves-effect waves-light',
|
||
|
confirmButtonText: 'Warning!'
|
||
|
});
|
||
|
});
|
||
|
|
||
|
//Danger
|
||
|
$('#danger-alert').click(function () {
|
||
|
swal({
|
||
|
title: "Are you sure?",
|
||
|
text: "You will not be able to recover this imaginary file!",
|
||
|
type: "error",
|
||
|
showCancelButton: true,
|
||
|
cancelButtonClass: 'btn-default btn-md waves-effect',
|
||
|
confirmButtonClass: 'btn-danger btn-md waves-effect waves-light',
|
||
|
confirmButtonText: 'Danger!'
|
||
|
});
|
||
|
});
|
||
|
|
||
|
|
||
|
},
|
||
|
//init
|
||
|
$.SweetAlert = new SweetAlert, $.SweetAlert.Constructor = SweetAlert
|
||
|
}(window.jQuery),
|
||
|
|
||
|
//initializing
|
||
|
function ($) {
|
||
|
"use strict";
|
||
|
$.SweetAlert.init()
|
||
|
}(window.jQuery);
|