File size: 1,959 Bytes
f3d0444 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 |
// add loading when page is loading
$('body').addClass('loading');
$(window).on('load', function() {
// remove loading when page is loaded
$('body').removeClass('loading');
// alert using modal when loading is removed
$('.modal.auto-show').each(function() {
if (!$('body').hasClass('modal-open')) {
$(this).modal('show').addClass('shown');
}
// trigger next modal
$(this).on('hidden.bs.modal', function(e) {
$('.modal.auto-show:not(.shown)').first().modal('show').addClass('shown');
});
});
});
// add loading when form submit
$('form').submit(function() {
if (!$('body').hasClass('live')) $('body').addClass('loading');
});
// add loading when ajax
$(document).on({
ajaxStart: function() { if (!$('body').hasClass('live')) $('body').addClass('loading'); },
ajaxStop: function() { $('body').removeClass('loading'); }
});
// notification using bootstrap toast
//$('.toast').toast('show');
// initiate and show alert modal
function modalAlert(title=gettext('Error'), body=gettext('Error'), btnDismissText=gettext('Close')) {
var modal =
'<div class="modal fade" data-backdrop="static" data-keyboard="false" tabindex="-1" role="dialog" aria-hidden="true">' +
'<div class="modal-dialog modal-dialog-centered modal-sm">'+
'<div class="modal-content">'+
'<div class="modal-header">'+
'<div class="modal-title mx-auto" id="modal-label-{{ forloop.counter0 }}">'+ title +'</div>'+
'</div>'+
'<div class="modal-body">'+ body +'</div>'+
'<div class="modal-footer">'+
'<button type="button" class="btn btn-primary mx-auto" data-dismiss="modal">'+ btnDismissText +'</button>'+
'</div>'+
'</div>'+
'</div>'+
'</div>';
$('.wrapper').append(modal);
$('.modal:last').modal('show').addClass('shown');
}
|