Primer Commit
This commit is contained in:
LuisAngelSalinasl
380
assets/libs/sweetalert2/sweet-alert.init.js
Normal file
380
assets/libs/sweetalert2/sweet-alert.init.js
Normal file
@@ -0,0 +1,380 @@
|
||||
|
||||
!function ($) {
|
||||
"use strict";
|
||||
|
||||
var SweetAlert = function () { };
|
||||
|
||||
//examples
|
||||
SweetAlert.prototype.init = function () {
|
||||
|
||||
//Basic
|
||||
$('#sa-basic').click(function () {
|
||||
Swal.fire("Here's a message!");
|
||||
});
|
||||
|
||||
//A title with a text under
|
||||
$('#sa-title').click(function () {
|
||||
Swal.fire("Here's a message!", "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed lorem erat eleifend ex semper, lobortis purus sed.")
|
||||
});
|
||||
|
||||
//Success Message
|
||||
$('#sa-success').click(function () {
|
||||
Swal.fire("Good job!", "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed lorem erat eleifend ex semper, lobortis purus sed.", "success")
|
||||
});
|
||||
|
||||
//Warning Message
|
||||
$('#sa-warning').click(function () {
|
||||
Swal.fire({
|
||||
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!",
|
||||
closeOnConfirm: false
|
||||
}, function () {
|
||||
swal("Deleted!", "Your imaginary file has been deleted.", "success");
|
||||
});
|
||||
});
|
||||
|
||||
//Custom Image
|
||||
$('#sa-image').click(function () {
|
||||
Swal.fire({
|
||||
title: "Govinda!",
|
||||
text: "Recently joined twitter",
|
||||
imageUrl: "../../assets/images/users/2.jpg"
|
||||
});
|
||||
});
|
||||
|
||||
//Auto Close Timer
|
||||
$('#sa-close').click(function () {
|
||||
Swal.fire({
|
||||
title: "Auto close alert!",
|
||||
text: "I will close in 2 seconds.",
|
||||
timer: 2000,
|
||||
showConfirmButton: false
|
||||
});
|
||||
});
|
||||
|
||||
$("#model-error-icon").click(function () {
|
||||
Swal.fire({
|
||||
type: 'error',
|
||||
title: 'Oops...',
|
||||
text: 'Something went wrong!',
|
||||
footer: '<a href>Why do I have this issue?</a>'
|
||||
})
|
||||
});
|
||||
|
||||
$("#sa-html").click(function () {
|
||||
Swal.fire({
|
||||
title: '<strong>HTML <u>example</u></strong>',
|
||||
type: 'info',
|
||||
html:
|
||||
'You can use <b>bold text</b>, ' +
|
||||
'<a href="//github.com">links</a> ' +
|
||||
'and other HTML tags',
|
||||
showCloseButton: true,
|
||||
showCancelButton: true,
|
||||
focusConfirm: false,
|
||||
confirmButtonText:
|
||||
'<i class="fa fa-thumbs-up"></i> Great!',
|
||||
confirmButtonAriaLabel: 'Thumbs up, great!',
|
||||
cancelButtonText:
|
||||
'<i class="fa fa-thumbs-down"></i>',
|
||||
cancelButtonAriaLabel: 'Thumbs down',
|
||||
})
|
||||
});
|
||||
|
||||
$("#sa-position").click(function () {
|
||||
Swal.fire({
|
||||
position: 'top-end',
|
||||
type: 'success',
|
||||
title: 'Your work has been saved',
|
||||
showConfirmButton: false,
|
||||
timer: 1500
|
||||
})
|
||||
});
|
||||
|
||||
$("#sa-animation").click(function () {
|
||||
Swal.fire({
|
||||
title: 'Custom animation with Animate.css',
|
||||
animation: false,
|
||||
customClass: {
|
||||
popup: 'animated tada'
|
||||
}
|
||||
})
|
||||
});
|
||||
|
||||
$("#sa-confirm").click(function () {
|
||||
Swal.fire({
|
||||
title: 'Are you sure?',
|
||||
text: "You won't be able to revert this!",
|
||||
type: 'warning',
|
||||
showCancelButton: true,
|
||||
confirmButtonColor: '#3085d6',
|
||||
cancelButtonColor: '#d33',
|
||||
confirmButtonText: 'Yes, delete it!'
|
||||
}).then((result) => {
|
||||
if (result.value) {
|
||||
Swal.fire(
|
||||
'Deleted!',
|
||||
'Your file has been deleted.',
|
||||
'success'
|
||||
)
|
||||
}
|
||||
})
|
||||
});
|
||||
|
||||
$("#sa-passparameter").click(function () {
|
||||
const swalWithBootstrapButtons = Swal.mixin({
|
||||
customClass: {
|
||||
confirmButton: 'btn btn-success',
|
||||
cancelButton: 'mr-2 btn btn-danger'
|
||||
},
|
||||
buttonsStyling: false,
|
||||
})
|
||||
|
||||
swalWithBootstrapButtons.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!',
|
||||
reverseButtons: true
|
||||
}).then((result) => {
|
||||
if (result.value) {
|
||||
swalWithBootstrapButtons.fire(
|
||||
'Deleted!',
|
||||
'Your file has been deleted.',
|
||||
'success'
|
||||
)
|
||||
} else if (
|
||||
// Read more about handling dismissals
|
||||
result.dismiss === Swal.DismissReason.cancel
|
||||
) {
|
||||
swalWithBootstrapButtons.fire(
|
||||
'Cancelled',
|
||||
'Your imaginary file is safe :)',
|
||||
'error'
|
||||
)
|
||||
}
|
||||
})
|
||||
});
|
||||
|
||||
$("#sa-bg").click(function () {
|
||||
Swal.fire({
|
||||
title: 'Custom width, padding, background.',
|
||||
width: 600,
|
||||
padding: '3em',
|
||||
background: '#fff url(../../assets/images/background/active-bg.png)',
|
||||
backdrop: `
|
||||
rgba(0,0,123,0.4)
|
||||
url("../../assets/images/background/nyan-cat.gif")
|
||||
center left
|
||||
no-repeat
|
||||
`
|
||||
})
|
||||
});
|
||||
|
||||
$("#sa-autoclose").click(function () {
|
||||
let timerInterval
|
||||
Swal.fire({
|
||||
title: 'Auto close alert!',
|
||||
html: 'I will close in <strong></strong> 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')
|
||||
}
|
||||
})
|
||||
});
|
||||
|
||||
$("#sa-rtl").click(function () {
|
||||
Swal.fire({
|
||||
title: 'هل تريد الاستمرار؟',
|
||||
type: 'question',
|
||||
customClass: {
|
||||
icon: 'swal2-arabic-question-mark'
|
||||
},
|
||||
confirmButtonText: 'نعم',
|
||||
cancelButtonText: 'لا',
|
||||
showCancelButton: true,
|
||||
showCloseButton: true
|
||||
})
|
||||
});
|
||||
|
||||
$("#sa-ajax").click(function () {
|
||||
Swal.fire({
|
||||
title: 'Submit your Github username',
|
||||
input: 'text',
|
||||
inputAttributes: {
|
||||
autocapitalize: 'off'
|
||||
},
|
||||
showCancelButton: true,
|
||||
confirmButtonText: 'Look up',
|
||||
showLoaderOnConfirm: true,
|
||||
preConfirm: (login) => {
|
||||
return fetch(`//api.github.com/users/${login}`)
|
||||
.then(response => {
|
||||
if (!response.ok) {
|
||||
throw new Error(response.statusText)
|
||||
}
|
||||
return response.json()
|
||||
})
|
||||
.catch(error => {
|
||||
Swal.showValidationMessage(
|
||||
`Request failed: ${error}`
|
||||
)
|
||||
})
|
||||
},
|
||||
allowOutsideClick: () => !Swal.isLoading()
|
||||
}).then((result) => {
|
||||
if (result.value) {
|
||||
Swal.fire({
|
||||
title: `${result.value.login}'s avatar`,
|
||||
imageUrl: result.value.avatar_url
|
||||
})
|
||||
}
|
||||
})
|
||||
});
|
||||
|
||||
$("#sa-chain").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: <pre><code>' +
|
||||
JSON.stringify(result.value) +
|
||||
'</code></pre>',
|
||||
confirmButtonText: 'Lovely!'
|
||||
})
|
||||
}
|
||||
})
|
||||
});
|
||||
|
||||
$("#sa-queue").click(function () {
|
||||
const ipAPI = 'https://api.ipify.org?format=json'
|
||||
|
||||
Swal.queue([{
|
||||
title: 'Your public IP',
|
||||
confirmButtonText: 'Show my public IP',
|
||||
text:
|
||||
'Your public IP will be received ' +
|
||||
'via AJAX request',
|
||||
showLoaderOnConfirm: true,
|
||||
preConfirm: () => {
|
||||
return fetch(ipAPI)
|
||||
.then(response => response.json())
|
||||
.then(data => Swal.insertQueueStep(data.ip))
|
||||
.catch(() => {
|
||||
Swal.insertQueueStep({
|
||||
type: 'error',
|
||||
title: 'Unable to get your public IP'
|
||||
})
|
||||
})
|
||||
}
|
||||
}])
|
||||
});
|
||||
|
||||
$("#sa-timerfun").click(function () {
|
||||
let timerInterval
|
||||
Swal.fire({
|
||||
title: 'Auto close alert!',
|
||||
html:
|
||||
'I will close in <strong></strong> seconds.<br/><br/>' +
|
||||
'<button id="increase" class="btn btn-warning">' +
|
||||
'I need 5 more seconds!' +
|
||||
'</button><br/>' +
|
||||
'<button id="stop" class="btn btn-danger mt-1">' +
|
||||
'Please stop the timer!!' +
|
||||
'</button><br/>' +
|
||||
'<button id="resume" class="btn btn-success mt-1" disabled>' +
|
||||
'Phew... you can restart now!' +
|
||||
'</button><br/>' +
|
||||
'<button id="toggle" class="btn btn-primary mt-1">' +
|
||||
'Toggle' +
|
||||
'</button>',
|
||||
timer: 10000,
|
||||
onBeforeOpen: () => {
|
||||
const content = Swal.getContent()
|
||||
const $ = content.querySelector.bind(content)
|
||||
|
||||
const stop = $('#stop')
|
||||
const resume = $('#resume')
|
||||
const toggle = $('#toggle')
|
||||
const increase = $('#increase')
|
||||
|
||||
Swal.showLoading()
|
||||
|
||||
function toggleButtons() {
|
||||
stop.disabled = !Swal.isTimerRunning()
|
||||
resume.disabled = Swal.isTimerRunning()
|
||||
}
|
||||
|
||||
stop.addEventListener('click', () => {
|
||||
Swal.stopTimer()
|
||||
toggleButtons()
|
||||
})
|
||||
|
||||
resume.addEventListener('click', () => {
|
||||
Swal.resumeTimer()
|
||||
toggleButtons()
|
||||
})
|
||||
|
||||
toggle.addEventListener('click', () => {
|
||||
Swal.toggleTimer()
|
||||
toggleButtons()
|
||||
})
|
||||
|
||||
increase.addEventListener('click', () => {
|
||||
Swal.increaseTimer(5000)
|
||||
})
|
||||
|
||||
timerInterval = setInterval(() => {
|
||||
Swal.getContent().querySelector('strong')
|
||||
.textContent = (Swal.getTimerLeft() / 1000)
|
||||
.toFixed(0)
|
||||
}, 100)
|
||||
},
|
||||
onClose: () => {
|
||||
clearInterval(timerInterval)
|
||||
}
|
||||
})
|
||||
});
|
||||
},
|
||||
//init
|
||||
$.SweetAlert = new SweetAlert, $.SweetAlert.Constructor = SweetAlert
|
||||
}(window.jQuery),
|
||||
|
||||
//initializing
|
||||
function ($) {
|
||||
"use strict";
|
||||
$.SweetAlert.init()
|
||||
}(window.jQuery);
|
||||
Reference in New Issue
Block a user