Added spinner on modify user btn

This commit is contained in:
Matthieu Leproux
2021-06-16 15:03:49 +02:00
parent cef967de8e
commit c1c9030e6d
2 changed files with 13 additions and 5 deletions
+8 -2
View File
@@ -1306,7 +1306,7 @@ function update_user_password() {
function update_user_info() {
//Show spinner
$(".update-user-button").html("<i class='icon-spin6 animate-spin'> </i>");
$(".update-user-button i").removeClass("icon-floppy").addClass("icon-spin6 animate-spin");
let pop_in_container = $('.UserListPopInContainer');
let ajax_data = {
@@ -1345,7 +1345,8 @@ function update_user_info() {
$("#UserList .update-user-success").fadeIn();
//Hide spinner
$(".update-user-button").html(str_popin_update_btn);
$(".update-user-button i").removeClass("icon-spin6 animate-spin").addClass("icon-floppy");
} else if (data.stat === 'fail') {
$("#UserList .update-user-fail").html(data.message);
$("#UserList .update-user-fail").fadeIn();
@@ -1392,6 +1393,9 @@ function get_user_info(uid, callback=None) {
}
function update_guest_info() {
//Show spinner
$(".update-user-button i").removeClass("icon-floppy").addClass("icon-spin6 animate-spin");
let pop_in_container = $('.GuestUserListPopInContainer');
let ajax_data = {
pwg_token: pwg_token,
@@ -1409,6 +1413,8 @@ function update_guest_info() {
if (data.stat == 'ok') {
$("#GuestUserList .update-user-success").fadeIn();
}
//Hide spinner
$(".update-user-button i").removeClass("icon-spin6 animate-spin").addClass("icon-floppy");
}
});
}
+5 -3
View File
@@ -13,6 +13,8 @@
{combine_script id='jquery.tipTip' load='header' path='themes/default/js/plugins/jquery.tipTip.minified.js'}
{combine_css path="admin/themes/default/fontello/css/animation.css" order=10} {* order 10 is required, see issue 1080 *}
{footer_script}
/* Translates */
@@ -607,12 +609,12 @@ update_selection_content();
<div class="update-container" style="display:flex;flex-direction:column">
<div style="display:flex;justify-content:space-between;margin-bottom: 10px;">
<div>
<span class="update-user-button">{'Update'|@translate}</span>
<span class="update-user-button"><i class='icon-floppy'></i>{'Update'|@translate}</span>
<span class="close-update-button">{'Close'|@translate}</span>
<span class="update-user-success icon-green icon-ok">{'User updated'|@translate}</span>
</div>
<div>
<span class="delete-user-button icon-trash">{'Delete user'|@translate}</span>
<span class="delete-user-button icon-trash">{'Delete'|@translate}</span>
</div>
</div>
<div>
@@ -768,7 +770,7 @@ update_selection_content();
<div class="update-container">
<div style="display:flex;flex-direction:column">
<div style="display:flex;">
<span class="update-user-button">{'Update'|@translate}</span>
<span class="update-user-button"><i class='icon-floppy'></i>{'Update'|@translate}</span>
<span class="close-update-button">{'Close'|@translate}</span>
<span class="update-user-success icon-green">{'User updated'|@translate}</span>
</div>