forked from ZwiiCMS-Team/ZwiiCMS
Message d'attente
This commit is contained in:
parent
7c956dd919
commit
74787dffbc
@ -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;
|
||||||
}
|
}
|
@ -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");
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
|
@ -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">
|
||||||
|
Loading…
Reference in New Issue
Block a user