154 lines
4.7 KiB
JavaScript
154 lines
4.7 KiB
JavaScript
"use strict";
|
|
|
|
(function (NioApp, $) {
|
|
'use strict'; // Basic Sweet Alerts
|
|
|
|
$('.eg-swal-default').on("click", function (e) {
|
|
Swal.fire('A Simple sweet alert Content');
|
|
e.preventDefault();
|
|
});
|
|
$('.eg-swal-default-s2').on("click", function (e) {
|
|
Swal.fire('The Internet?', 'That thing is still around?');
|
|
e.preventDefault();
|
|
});
|
|
$('.eg-swal-success').on("click", function (e) {
|
|
Swal.fire("Good job!", "You clicked the button!", "success");
|
|
e.preventDefault();
|
|
});
|
|
$('.eg-swal-info').on("click", function (e) {
|
|
Swal.fire("Good job!", "You clicked the button!", "info");
|
|
e.preventDefault();
|
|
});
|
|
$('.eg-swal-warning').on("click", function (e) {
|
|
Swal.fire("Good job!", "You clicked the button!", "warning");
|
|
e.preventDefault();
|
|
});
|
|
$('.eg-swal-error').on("click", function (e) {
|
|
Swal.fire("Good job!", "You clicked the button!", "error");
|
|
e.preventDefault();
|
|
});
|
|
$('.eg-swal-question').on("click", function (e) {
|
|
Swal.fire("Good job!", "You clicked the button!", "question");
|
|
e.preventDefault();
|
|
}); // Advanced Sweet Alerts
|
|
|
|
$('.eg-swal-av1').on("click", function (e) {
|
|
Swal.fire({
|
|
icon: 'error',
|
|
title: 'Oops...',
|
|
text: 'Something went wrong!',
|
|
footer: '<a href>Why do I have this issue?</a>'
|
|
});
|
|
e.preventDefault();
|
|
});
|
|
$('.eg-swal-av2').on("click", function (e) {
|
|
Swal.fire({
|
|
title: '<strong>HTML <u>example</u></strong>',
|
|
icon: 'info',
|
|
html: 'You can use <b>bold text</b>, ' + '<a href="//sweetalert2.github.io">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'
|
|
});
|
|
e.preventDefault();
|
|
});
|
|
$('.eg-swal-av2').on("click", function (e) {
|
|
Swal.fire({
|
|
position: 'top-end',
|
|
icon: 'success',
|
|
title: 'Your work has been saved',
|
|
showConfirmButton: false,
|
|
timer: 1500
|
|
});
|
|
e.preventDefault();
|
|
});
|
|
$('.eg-swal-av3').on("click", function (e) {
|
|
Swal.fire({
|
|
title: 'Are you sure?',
|
|
text: "You won't be able to revert this!",
|
|
icon: 'warning',
|
|
showCancelButton: true,
|
|
confirmButtonText: 'Yes, delete it!'
|
|
}).then(function (result) {
|
|
if (result.value) {
|
|
Swal.fire('Deleted!', 'Your file has been deleted.', 'success');
|
|
}
|
|
});
|
|
e.preventDefault();
|
|
});
|
|
$('.eg-swal-av4').on("click", function (e) {
|
|
Swal.fire({
|
|
title: 'Sweet!',
|
|
text: 'Modal with a custom image.',
|
|
imageUrl: 'https://unsplash.it/400/200',
|
|
imageWidth: 400,
|
|
imageHeight: 200,
|
|
imageAlt: 'Custom image'
|
|
});
|
|
e.preventDefault();
|
|
});
|
|
$('.eg-swal-av5').on("click", function (e) {
|
|
var timerInterval;
|
|
Swal.fire({
|
|
title: 'Auto close alert!',
|
|
html: 'I will close in <b></b> milliseconds.',
|
|
timer: 2000,
|
|
timerProgressBar: true,
|
|
onBeforeOpen: function onBeforeOpen() {
|
|
Swal.showLoading();
|
|
timerInterval = setInterval(function () {
|
|
Swal.getContent().querySelector('b').textContent = Swal.getTimerLeft();
|
|
}, 100);
|
|
},
|
|
onClose: function onClose() {
|
|
clearInterval(timerInterval);
|
|
}
|
|
}).then(function (result) {
|
|
if (
|
|
/* Read more about handling dismissals below */
|
|
result.dismiss === Swal.DismissReason.timer) {
|
|
console.log('I was closed by the timer'); // eslint-disable-line
|
|
}
|
|
});
|
|
e.preventDefault();
|
|
});
|
|
$('.eg-swal-av6').on("click", function (e) {
|
|
Swal.fire({
|
|
title: 'Submit your Github username',
|
|
input: 'text',
|
|
inputAttributes: {
|
|
autocapitalize: 'off'
|
|
},
|
|
showCancelButton: true,
|
|
confirmButtonText: 'Look up',
|
|
showLoaderOnConfirm: true,
|
|
preConfirm: function preConfirm(login) {
|
|
return fetch("//api.github.com/users/".concat(login)).then(function (response) {
|
|
if (!response.ok) {
|
|
throw new Error(response.statusText);
|
|
}
|
|
|
|
return response.json();
|
|
})["catch"](function (error) {
|
|
Swal.showValidationMessage("Request failed: ".concat(error));
|
|
});
|
|
},
|
|
allowOutsideClick: function allowOutsideClick() {
|
|
return !Swal.isLoading();
|
|
}
|
|
}).then(function (result) {
|
|
if (result.value) {
|
|
Swal.fire({
|
|
title: "".concat(result.value.login, "'s avatar"),
|
|
imageUrl: result.value.avatar_url,
|
|
imageWidth: '120px'
|
|
});
|
|
}
|
|
});
|
|
e.preventDefault();
|
|
});
|
|
})(NioApp, jQuery); |