Antoine/Metiers_du_patrimoine_theme
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

FIX optimizing save progress on save button
All checks were successful
continuous-integration/drone/push Build is passing
Details

Browse Source
This commit is contained in:
Antoine M 2025-04-07 15:34:40 +02:00
parent 87c5990927
commit f3c6b39607
2 changed files with 21 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
includes/artisans.php
View File

@ -89,17 +89,27 @@ add_action('edit_form_after_title', function () {
<!-- <button id="set-offline-status" class="button button-secondary">Mettre Hors Ligne</button> <!-- <button id="set-offline-status" class="button button-secondary">Mettre Hors Ligne</button>
<button id="set-online-status" class="button button-secondary">Mettre En Ligne</button> --> <button id="set-online-status" class="button button-secondary">Mettre En Ligne</button> -->
<button id="save-post-custom" class="button button-primary">Sauvegarder</button> <div id="save-post-custom">
<button class=" button button-primary">Sauvegarder</button>
<span class="spinner"></span>
</div>
</div> </div>
<script> <script>
jQuery(function($) { jQuery(function($) {
$('#save-post-custom').on('click', function(e) { $('#save-post-custom').on('click', function(e) {
e.preventDefault(); e.preventDefault();
const $button = $(this); const $button = $(this.querySelector('button'));
const $spinner = $(this.querySelector('.spinner'));
// Désactiver le bouton et changer le texte // Désactiver le bouton et changer le texte
$button.prop('disabled', true).text('Sauvegarde en cours...'); $button.prop('disabled', true).text('Sauvegarde en cours...');
$spinner.show();
$spinner.addClass('is-active');
// Déclencher la sauvegarde // Déclencher la sauvegarde
$('#publish').trigger('click'); $('#publish').trigger('click');
@ -107,6 +117,8 @@ add_action('edit_form_after_title', function () {
// Réactiver le bouton et restaurer le texte après un délai // Réactiver le bouton et restaurer le texte après un délai
setTimeout(function() { setTimeout(function() {
$button.prop('disabled', false).text('Sauvegarder'); $button.prop('disabled', false).text('Sauvegarder');
$spinner.hide();
$spinner.removeClass('is-active');
}, 3000); }, 3000);
}); });
}); });

8
resources/css/admin-style.css
View File

@ -654,7 +654,13 @@ select[data-enpassusermodified='yes'] {
@apply text-white border-none rounded-xl px-4 !py-1 ml-auto; @apply text-white border-none rounded-xl px-4 !py-1 ml-auto;
} }
#save-post-custom { #save-post-custom {
@apply ml-auto rounded-xl bg-amber-600 border-none text-white px-4 !py-1; @apply ml-auto w-fit p-0 mr-0;
button {
@apply rounded-xl bg-amber-600 border-none text-white px-4 !py-1 mr-0;
}
.spinner:not(.is-active) {
@apply !hidden;
}
} }
#set-offline-status { #set-offline-status {