$(function () { 'use strict'; $('#basic-alert').on('click', function () { Swal.fire({ title: 'Any fool can use a computer', confirmButtonClass: 'btn btn-primary', buttonsStyling: !1 }); }), $('#with-title').on('click', function () { Swal.fire({ title: 'The Internet?,', text: 'That thing is still around?', confirmButtonClass: 'btn btn-primary', buttonsStyling: !1 }); }), $('#footer-alert').on('click', function () { Swal.fire({ type: 'error', title: 'Oops...', text: 'Something went wrong!', footer: '<a href>Why do I have this issue?</a>', confirmButtonClass: 'btn btn-primary', buttonsStyling: !1 }); }), $('#html-alert').on('click', function () { Swal.fire({ title: '<strong>HTML <u>example</u></strong>', type: 'info', html: 'You can use <b>bold text</b>, <a href="https://pixinvent.com/" target="_blank">links</a> and other HTML tags', showCloseButton: !0, showCancelButton: !0, focusConfirm: !1, confirmButtonText: feather.icons['thumbs-up'].toSvg({ class: 'font-medium-1 me-50' }) + 'Great!', confirmButtonAriaLabel: 'Thumbs up, great!', cancelButtonText: feather.icons['thumbs-down'].toSvg({ class: 'font-medium-1' }), cancelButtonAriaLabel: 'Thumbs down', confirmButtonClass: 'btn btn-primary', buttonsStyling: !1, cancelButtonClass: 'btn btn-danger ms-1' }); }), $('#position-top-start').on('click', function () { Swal.fire({ position: 'top-start', type: 'success', title: 'Your work has been saved', showConfirmButton: !1, timer: 1500, confirmButtonClass: 'btn btn-primary', buttonsStyling: !1 }); }), $('#position-top-end').on('click', function () { Swal.fire({ position: 'top-end', type: 'success', title: 'Your work has been saved', showConfirmButton: !1, timer: 1500, confirmButtonClass: 'btn btn-primary', buttonsStyling: !1 }); }), $('#position-bottom-start').on('click', function () { Swal.fire({ position: 'bottom-start', type: 'success', title: 'Your work has been saved', showConfirmButton: !1, timer: 1500, confirmButtonClass: 'btn btn-primary', buttonsStyling: !1 }); }), $('#position-bottom-end').on('click', function () { Swal.fire({ position: 'bottom-end', type: 'success', title: 'Your work has been saved', showConfirmButton: !1, timer: 1500, confirmButtonClass: 'btn btn-primary', buttonsStyling: !1 }); }), $('#bounce-in-animation').on('click', function () { Swal.fire({ title: 'Bounce In Animation', animation: !1, customClass: 'animated bounceIn', confirmButtonClass: 'btn btn-primary', buttonsStyling: !1 }); }), $('#fade-in-animation').on('click', function () { Swal.fire({ title: 'Fade In Animation', animation: !1, customClass: 'animated fadeIn', confirmButtonClass: 'btn btn-primary', buttonsStyling: !1 }); }), $('#flip-x-animation').on('click', function () { Swal.fire({ title: 'Flip In Animation', animation: !1, customClass: 'animated flipInX', confirmButtonClass: 'btn btn-primary', buttonsStyling: !1 }); }), $('#tada-animation').on('click', function () { Swal.fire({ title: 'Tada Animation', animation: !1, customClass: 'animated tada', confirmButtonClass: 'btn btn-primary', buttonsStyling: !1 }); }), $('#shake-animation').on('click', function () { Swal.fire({ title: 'Shake Animation', animation: !1, customClass: 'animated shake', confirmButtonClass: 'btn btn-primary', buttonsStyling: !1 }); }), $('#type-success').on('click', function () { Swal.fire({ title: 'Good job!', text: 'You clicked the button!', type: 'success', confirmButtonClass: 'btn btn-primary', buttonsStyling: !1 }); }), $('#type-info').on('click', function () { Swal.fire({ title: 'Info!', text: 'You clicked the button!', type: 'info', confirmButtonClass: 'btn btn-primary', buttonsStyling: !1 }); }), $('#type-warning').on('click', function () { Swal.fire({ title: 'Warning!', text: ' You clicked the button!', type: 'warning', confirmButtonClass: 'btn btn-primary', buttonsStyling: !1 }); }), $('#type-error').on('click', function () { Swal.fire({ title: 'Error!', text: ' You clicked the button!', type: 'error', confirmButtonClass: 'btn btn-primary', buttonsStyling: !1 }); }), $('#custom-icon').on('click', function () { Swal.fire({ title: 'Sweet!', text: 'Modal with a custom image.', imageUrl: '../../../app-assets/images/slider/04.jpg', imageWidth: 400, imageHeight: 200, imageAlt: 'Custom image', animation: !1, confirmButtonClass: 'btn btn-primary', buttonsStyling: !1 }); }), $('#auto-close').on('click', function () { var t; Swal.fire({ title: 'Auto close alert!', html: 'I will close in <strong></strong> seconds.', timer: 2e3, confirmButtonClass: 'btn btn-primary', buttonsStyling: !1, onBeforeOpen: function () { Swal.showLoading(), (t = setInterval(function () { Swal.getContent().querySelector('strong').textContent = Swal.getTimerLeft(); }, 100)); }, onClose: function () { clearInterval(t); } }).then(function (t) { t.dismiss === Swal.DismissReason.timer && console.log('I was closed by the timer'); }); }), $('#outside-click').on('click', function () { Swal.fire({ title: 'Click outside to close!', text: 'This is a cool message!', allowOutsideClick: !0, confirmButtonClass: 'btn btn-primary', buttonsStyling: !1 }); }), $('#prompt-function').on('click', function () { Swal.mixin({ input: 'text', confirmButtonText: 'Next →', showCancelButton: !0, progressSteps: ['1', '2', '3'], confirmButtonClass: 'btn btn-primary', buttonsStyling: !1, cancelButtonClass: 'btn btn-danger ms-1' }) .queue([{ title: 'Question 1', text: 'Chaining swal2 modals is easy' }, 'Question 2', 'Question 3']) .then(function (t) { t.value && Swal.fire({ title: 'All done!', html: 'Your answers: <pre><code>' + JSON.stringify(t.value) + '</code></pre>', confirmButtonText: 'Lovely!' }); }); }), $('#ajax-request').on('click', function () { Swal.fire({ title: 'Search for a user', input: 'text', confirmButtonClass: 'btn btn-primary', buttonsStyling: !1, inputAttributes: { autocapitalize: 'off' }, showCancelButton: !0, confirmButtonText: 'Look up', showLoaderOnConfirm: !0, cancelButtonClass: 'btn btn-danger ms-1', preConfirm: function (t) { return fetch('//api.github.com/users/' + t) .then(function (t) { if (!t.ok) throw (console.log(t), new Error(t.statusText)); return t.json(); }) .catch(function (t) { Swal.showValidationMessage('Request failed: ' + t); }); }, allowOutsideClick: function () { Swal.isLoading(); } }).then(function (t) { t.value && Swal.fire({ title: t.value.login + "'s avatar", imageUrl: t.value.avatar_url }); }); }), $('#confirm-text').on('click', function () { Swal.fire({ title: 'Are you sure?', text: "You won't be able to revert this!", type: 'warning', showCancelButton: !0, confirmButtonColor: '#3085d6', cancelButtonColor: '#d33', confirmButtonText: 'Yes, delete it!', confirmButtonClass: 'btn btn-primary', cancelButtonClass: 'btn btn-danger ms-1', buttonsStyling: !1 }).then(function (t) { t.value && Swal.fire({ type: 'success', title: 'Deleted!', text: 'Your file has been deleted.', confirmButtonClass: 'btn btn-success' }); }); }), $('#confirm-color').on('click', function () { Swal.fire({ title: 'Are you sure?', text: "You won't be able to revert this!", type: 'warning', showCancelButton: !0, confirmButtonColor: '#3085d6', cancelButtonColor: '#d33', confirmButtonText: 'Yes, delete it!', confirmButtonClass: 'btn btn-primary', cancelButtonClass: 'btn btn-danger ms-1', buttonsStyling: !1 }).then(function (t) { t.value ? Swal.fire({ type: 'success', title: 'Deleted!', text: 'Your file has been deleted.', confirmButtonClass: 'btn btn-success' }) : t.dismiss === Swal.DismissReason.cancel && Swal.fire({ title: 'Cancelled', text: 'Your imaginary file is safe :)', type: 'error', confirmButtonClass: 'btn btn-success' }); }); }); });