Message d'attente

This commit is contained in:
Fred Tempez 2020-08-09 18:32:16 +02:00
parent 7c956dd919
commit 74787dffbc
3 changed files with 22 additions and 12 deletions

View File

@ -23,27 +23,35 @@
for themselves. Background we set to 80% white with for themselves. Background we set to 80% white with
our animation centered, and no-repeating */ our animation centered, and no-repeating */
.modal { .modal {
display: none; display: none;
position: fixed; position: fixed;
z-index: 1000; z-index: 1000;
top: 0; top: 0;
left: 0; left: 0;
height: 100%; height: 100%;
width: 100%; width: 100%;
background: rgba( 0, 0, 0, .9 ) background: rgba( 0, 0, 0, .9 )
url('core/vendor/zwiico/img/ajax-loader.png') url('core/vendor/zwiico/img/ajax-loader.png')
50% 50% 50% 45%
no-repeat; no-repeat;
} }
.alertMessage {
color: lightgrey;
display: none;
display: flex;
align-items: center;
justify-content: center;
}
/* When the body has the loading class, we turn /* When the body has the loading class, we turn
the scrollbar off with overflow:hidden */ the scrollbar off with overflow:hidden */
body.loading .modal { body.loading .modal .alertMessage {
overflow: hidden; overflow: hidden;
} }
/* Anytime the body has the loading class, our /* Anytime the body has the loading class, our
modal element will be visible */ modal element will be visible */
body.loading .modal { body.loading .modal .alertMessage {
display: block; display: block;
} }

View File

@ -15,6 +15,7 @@ $( document).ready(function() {
$("#configBackupSubmit").addClass("disabled").prop("disabled", true); $("#configBackupSubmit").addClass("disabled").prop("disabled", true);
e.preventDefault(); e.preventDefault();
$("body").addClass("loading"); $("body").addClass("loading");
$(".modal").addClass("alertMessage");
var url = "<?php echo helper::baseUrl() . $this->getUrl(0); ?>/backup"; var url = "<?php echo helper::baseUrl() . $this->getUrl(0); ?>/backup";
$.ajax({ $.ajax({
type: "POST", type: "POST",
@ -30,6 +31,7 @@ $( document).ready(function() {
}, },
complete: function(){ complete: function(){
$("#configBackupSubmit").removeClass("disabled").prop("disabled", false); $("#configBackupSubmit").removeClass("disabled").prop("disabled", false);
$(".modal").removeClass("alertMessage");
} }
}); });
}); });

View File

@ -13,7 +13,7 @@
'value' => 'Sauvegarder' 'value' => 'Sauvegarder'
]); ?> ]); ?>
</div> </div>
<div class="modal"><!-- Emplacement pour l'animation --></div> <div class="modal">Merci de patienter, je travaille pour vous.<!-- Emplacement pour l'animation --></div>
</div> </div>
<div class="row"> <div class="row">
<div class="col8 offset2"> <div class="col8 offset2">