Sweet alert dialog with spinner in AngularJs

Question

I am trying to display a spinner in a sweet alert dialog something close to Bootstrap modal dialog (http://jsfiddle.net/D6rD6/5/)

The closest i could come up with is something like this :

SweetAlert.swal({
title: '<small>Import errors occurred !</small>',
text: '<i class="fa fa-spinner" aria-hidden="true"></i>',
html: true,
customClass: 'manual-upload-errors-swal-width'
});

If this is not possible whats the closest and best solution ?

Solution

The original sweet alert plugin is unsupported, I suggest you using SweetAlert2 plugin.

Migration is simple, here's the migration guide: Migration from SweetAlert to SweetAlert2

In SweetAlert2 there's swal.showLoading(), so you can show loading modal as easy as:

Swal.fire('Please wait')
Swal.showLoading()

<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>

Comments

[hakuna]

Is there a way i can use different spinner ?

[Limon Monte]

No, currently there's only this spinner implemented. To use other spinners you should hide buttons (showConfirmButton: false) and pass a custom spinner to the html paremeter.

[Osama Khalid]

How do you stop it?