From f3c6b3960727d9f19fe50bbd1b2c5587f76cdfc0 Mon Sep 17 00:00:00 2001
From: Antoine M <antoine.martinon@deligraph.com>
Date: Mon, 7 Apr 2025 15:34:40 +0200
Subject: [PATCH] FIX optimizing save progress on save button

---
 includes/artisans.php         | 16 ++++++++++++++--
 resources/css/admin-style.css |  8 +++++++-
 2 files changed, 21 insertions(+), 3 deletions(-)

diff --git a/includes/artisans.php b/includes/artisans.php
index feb6850..dca7af4 100644
--- a/includes/artisans.php
+++ b/includes/artisans.php
@@ -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-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>
 		<script>
 			jQuery(function($) {
 				$('#save-post-custom').on('click', function(e) {
 					e.preventDefault();
-					const $button = $(this);
+					const $button = $(this.querySelector('button'));
+					const $spinner = $(this.querySelector('.spinner'));
 
 					// Désactiver le bouton et changer le texte
 					$button.prop('disabled', true).text('Sauvegarde en cours...');
+					$spinner.show();
+					$spinner.addClass('is-active');
 
 					// Déclencher la sauvegarde
 					$('#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
 					setTimeout(function() {
 						$button.prop('disabled', false).text('Sauvegarder');
+						$spinner.hide();
+						$spinner.removeClass('is-active');
 					}, 3000);
 				});
 			});
diff --git a/resources/css/admin-style.css b/resources/css/admin-style.css
index 29cfb0b..916fe5d 100644
--- a/resources/css/admin-style.css
+++ b/resources/css/admin-style.css
@@ -654,7 +654,13 @@ select[data-enpassusermodified='yes'] {
   @apply text-white border-none rounded-xl px-4 !py-1 ml-auto;
 }
 #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 {