1 line
10 KiB
JavaScript
1 line
10 KiB
JavaScript
document.getElementById("sa-basic")&&document.getElementById("sa-basic").addEventListener("click",function(){Swal.fire({title:"Any fool can use a computer",confirmButtonClass:"btn btn-primary w-xs mt-2",buttonsStyling:!1,showCloseButton:!0})}),document.getElementById("sa-title")&&document.getElementById("sa-title").addEventListener("click",function(){Swal.fire({title:"The Internet?",text:"That thing is still around?",icon:"question",confirmButtonClass:"btn btn-primary w-xs mt-2",buttonsStyling:!1,showCloseButton:!0})}),document.getElementById("sa-success")&&document.getElementById("sa-success").addEventListener("click",function(){Swal.fire({title:"Good job!",text:"You clicked the button!",icon:"success",showCancelButton:!0,confirmButtonClass:"btn btn-primary w-xs me-2 mt-2",cancelButtonClass:"btn btn-danger w-xs mt-2",buttonsStyling:!1,showCloseButton:!0})}),document.getElementById("sa-error")&&document.getElementById("sa-error").addEventListener("click",function(){Swal.fire({title:"Oops...",text:"Something went wrong!",icon:"error",confirmButtonClass:"btn btn-primary w-xs mt-2",buttonsStyling:!1,footer:'<a href="">Why do I have this issue?</a>',showCloseButton:!0})}),document.getElementById("sa-longcontent")&&document.getElementById("sa-longcontent").addEventListener("click",function(){Swal.fire({imageUrl:"https://placeholder.pics/svg/300x1500",imageHeight:1500,imageAlt:"A tall image",confirmButtonClass:"btn btn-primary w-xs mt-2",buttonsStyling:!1,showCloseButton:!0})}),document.getElementById("sa-warning")&&document.getElementById("sa-warning").addEventListener("click",function(){Swal.fire({title:"Are you sure?",text:"You won't be able to revert this!",icon:"warning",showCancelButton:!0,confirmButtonClass:"btn btn-primary w-xs me-2 mt-2",cancelButtonClass:"btn btn-danger w-xs mt-2",confirmButtonText:"Yes, delete it!",buttonsStyling:!1,showCloseButton:!0}).then(function(t){t.value&&Swal.fire({title:"Deleted!",text:"Your file has been deleted.",icon:"success",confirmButtonClass:"btn btn-primary w-xs mt-2",buttonsStyling:!1})})}),document.getElementById("sa-params")&&document.getElementById("sa-params").addEventListener("click",function(){Swal.fire({title:"Are you sure?",text:"You won't be able to revert this!",icon:"warning",showCancelButton:!0,confirmButtonText:"Yes, delete it!",cancelButtonText:"No, cancel!",confirmButtonClass:"btn btn-primary w-xs me-2 mt-2",cancelButtonClass:"btn btn-danger w-xs mt-2",buttonsStyling:!1,showCloseButton:!0}).then(function(t){t.value?Swal.fire({title:"Deleted!",text:"Your file has been deleted.",icon:"success",confirmButtonClass:"btn btn-primary w-xs mt-2",buttonsStyling:!1}):t.dismiss===Swal.DismissReason.cancel&&Swal.fire({title:"Cancelled",text:"Your imaginary file is safe :)",icon:"error",confirmButtonClass:"btn btn-primary mt-2",buttonsStyling:!1})})}),document.getElementById("sa-image")&&document.getElementById("sa-image").addEventListener("click",function(){Swal.fire({title:"Sweet!",text:"Modal with a custom image.",imageUrl:"assets/images/logo-sm.png",imageHeight:40,confirmButtonClass:"btn btn-primary w-xs mt-2",buttonsStyling:!1,animation:!1,showCloseButton:!0})}),document.getElementById("sa-close")&&document.getElementById("sa-close").addEventListener("click",function(){var t;Swal.fire({title:"Auto close alert!",html:"I will close in <strong></strong> seconds.",timer:2e3,timerProgressBar:!0,showCloseButton:!0,didOpen:function(){Swal.showLoading(),t=setInterval(function(){var t=Swal.getHtmlContainer();t&&(t=t.querySelector("b"))&&(t.textContent=Swal.getTimerLeft())},100)},onClose:function(){clearInterval(t)}}).then(function(t){t.dismiss===Swal.DismissReason.timer&&console.log("I was closed by the timer")})}),document.getElementById("custom-html-alert")&&document.getElementById("custom-html-alert").addEventListener("click",function(){Swal.fire({title:"<i>HTML</i> <u>example</u>",icon:"info",html:'You can use <b>bold text</b>, <a href="//Themesbrand.in/">links</a> and other HTML tags',showCloseButton:!0,showCancelButton:!0,confirmButtonClass:"btn btn-success me-2",cancelButtonClass:"btn btn-danger",buttonsStyling:!1,confirmButtonText:'<i class="ri-thumb-up-fill align-bottom me-1"></i> Great!',cancelButtonText:'<i class="ri-thumb-down-fill align-bottom"></i>'})}),document.getElementById("sa-dialog-three-btn")&&document.getElementById("sa-dialog-three-btn").addEventListener("click",function(){Swal.fire({title:"Do you want to save the changes?",showDenyButton:!0,showCancelButton:!0,confirmButtonText:"Save",confirmButtonClass:"btn btn-success w-xs me-2",cancelButtonClass:"btn btn-danger w-xs",denyButtonClass:"btn btn-info w-xs me-2",buttonsStyling:!1,denyButtonText:"Don't save",showCloseButton:!0}).then(function(t){t.isConfirmed?Swal.fire({title:"Saved!",icon:"success",confirmButtonClass:"btn btn-primary w-xs",buttonsStyling:!1}):t.isDenied&&Swal.fire({title:"Changes are not saved",icon:"info",confirmButtonClass:"btn btn-primary w-xs",buttonsStyling:!1})})}),document.getElementById("sa-position")&&document.getElementById("sa-position").addEventListener("click",function(){Swal.fire({position:"top-end",icon:"success",title:"Your work has been saved",showConfirmButton:!1,timer:1500,showCloseButton:!0})}),document.getElementById("custom-padding-width-alert")&&document.getElementById("custom-padding-width-alert").addEventListener("click",function(){Swal.fire({title:"Custom width, padding, background.",width:600,padding:100,confirmButtonClass:"btn btn-primary w-xs",buttonsStyling:!1,background:"#fff url(assets/images/chat-bg-pattern.png)"})}),document.getElementById("ajax-alert")&&document.getElementById("ajax-alert").addEventListener("click",function(){Swal.fire({title:"Submit email to run ajax request",input:"email",showCancelButton:!0,confirmButtonText:"Submit",showLoaderOnConfirm:!0,confirmButtonClass:"btn btn-primary w-xs me-2",cancelButtonClass:"btn btn-danger w-xs",buttonsStyling:!1,showCloseButton:!0,preConfirm:function(n){return new Promise(function(t,e){setTimeout(function(){"taken@example.com"===n?e("This email is already taken."):t()},2e3)})},allowOutsideClick:!1}).then(function(t){Swal.fire({icon:"success",title:"Ajax request finished!",confirmButtonClass:"btn btn-primary w-xs",buttonsStyling:!1,html:"Submitted email: "+t})})}),document.getElementById("custom-sa-success")&&document.getElementById("custom-sa-success").addEventListener("click",function(){Swal.fire({html:'<div class="mt-3"><lord-icon src="https://cdn.lordicon.com/lupuorrc.json" trigger="loop" colors="primary:#0ab39c,secondary:#405189" style="width:120px;height:120px"></lord-icon><div class="mt-4 pt-2 fs-15"><h4>Well done !</h4><p class="text-muted mx-4 mb-0">Aww yeah, you successfully read this important message.</p></div></div>',showCancelButton:!0,showConfirmButton:!1,cancelButtonClass:"btn btn-primary w-xs mb-1",cancelButtonText:"Back",buttonsStyling:!1,showCloseButton:!0})}),document.getElementById("custom-sa-error")&&document.getElementById("custom-sa-error").addEventListener("click",function(){Swal.fire({html:'<div class="mt-3"><lord-icon src="https://cdn.lordicon.com/tdrtiskw.json" trigger="loop" colors="primary:#f06548,secondary:#f7b84b" style="width:120px;height:120px"></lord-icon><div class="mt-4 pt-2 fs-15"><h4>Oops...! Something went Wrong !</h4><p class="text-muted mx-4 mb-0">Your email Address is invalid</p></div></div>',showCancelButton:!0,showConfirmButton:!1,cancelButtonClass:"btn btn-primary w-xs mb-1",cancelButtonText:"Dismiss",buttonsStyling:!1,showCloseButton:!0})}),document.getElementById("custom-sa-warning")&&document.getElementById("custom-sa-warning").addEventListener("click",function(){Swal.fire({html:'<div class="mt-3"><lord-icon src="https://cdn.lordicon.com/gsqxdxog.json" trigger="loop" colors="primary:#f7b84b,secondary:#f06548" style="width:100px;height:100px"></lord-icon><div class="mt-4 pt-2 fs-15 mx-5"><h4>Are you Sure ?</h4><p class="text-muted mx-4 mb-0">Are you Sure You want to Delete this Account ?</p></div></div>',showCancelButton:!0,confirmButtonClass:"btn btn-primary w-xs me-2 mb-1",confirmButtonText:"Yes, Delete It!",cancelButtonClass:"btn btn-danger w-xs mb-1",buttonsStyling:!1,showCloseButton:!0})}),document.getElementById("custom-sa-community")&&document.getElementById("custom-sa-community").addEventListener("click",function(){Swal.fire({title:"Join Our Community",html:'<div class="mt-3 text-start"><label for="input-email" class="form-label fs-13">Email</label><input type="email" class="form-control" id="input-email" placeholder="Enter Email Address"></div>',imageUrl:"assets/images/logo-sm.png",footer:'<p class="fs-13 text-muted mb-0">Already have an account ? <a href="#" class="fw-semibold text-decoration-underline"> Signin </a> </p>',imageHeight:40,confirmButtonClass:"btn btn-primary w-xs mb-2",confirmButtonText:'Register <i class="ri-arrow-right-line ms-1 align-bottom"></i>',buttonsStyling:!1,showCloseButton:!0})}),document.getElementById("custom-sa-email-verify")&&document.getElementById("custom-sa-email-verify").addEventListener("click",function(){Swal.fire({html:'<div class="mt-3"><div class="avatar-lg mx-auto"><div class="avatar-title bg-light text-success display-5 rounded-circle"><i class="ri-mail-send-fill"></i></div></div><div class="mt-4 pt-2 fs-15"><h4 class="fs-20 fw-semibold">Verify Your Email</h4><p class="text-muted mb-0 mt-3 fs-13">We have sent you verification email <span class="fw-medium text-dark">example@abc.com</span>, <br/> Please check it.</p></div></div>',showCancelButton:!1,confirmButtonClass:"btn btn-primary mb-1",confirmButtonText:"Verify Email",buttonsStyling:!1,footer:'<p class="fs-14 text-muted mb-0">Didn\'t receive an email ? <a href="#" class="fw-semibold text-decoration-underline">Resend</a></p>',showCloseButton:!0})}),document.getElementById("custom-sa-notification")&&document.getElementById("custom-sa-notification").addEventListener("click",function(){Swal.fire({html:'<div class="mt-3"><div class="avatar-lg mx-auto"><img src="assets/images/users/avatar-2.jpg" class="rounded-circle img-thumbnail" alt="thumbnail"></div><div class="mt-4 pt-2 fs-15"><h4 class="fs-18 fw-semibold">Welcome <span class="fw-semibold">Mike Mayer</span></h4><p class="text-muted mb-0 fs-13">You have <span class="fw-semibold text-success">2</span> Notifications</p></div></div>',showCancelButton:!1,confirmButtonClass:"btn btn-primary mb-1",confirmButtonText:'Show Me <i class="ri-arrow-right-line ms-1 align-bottom"></i>',buttonsStyling:!1,showCloseButton:!0})}); |