feat: Animation de progression pendant la déconnexion (v1.2.7)

- Ajout d'un spinner circulaire animé pendant la déconnexion
- Rotation fluide avec design violet cohérent
- Textes dynamiques "Déconnexion en cours..." pendant le processus
- Boutons masqués pour éviter les doubles clics
- Transitions en fondu entre icône et spinner
- Délais optimisés pour une expérience fluide
This commit is contained in:
Pierre Marx
2025-09-04 15:51:01 -04:00
parent f0b407d4b8
commit c7bef13dcd
4 changed files with 126 additions and 6 deletions

View File

@@ -121,13 +121,16 @@
<!-- Modal de confirmation de déconnexion -->
<div id="logoutModal" class="modal-overlay">
<div class="logout-modal">
<div class="logout-modal-icon">
<div class="logout-modal-icon" id="logoutIcon">
<span>👋</span>
</div>
<h2>Déconnexion</h2>
<p>Êtes-vous sûr de vouloir vous déconnecter ?</p>
<p class="logout-modal-subtitle">Votre session sera fermée et vous devrez vous reconnecter.</p>
<div class="logout-modal-buttons">
<div class="logout-spinner" id="logoutSpinner" style="display: none;">
<div class="spinner-ring"></div>
</div>
<h2 id="logoutTitle">Déconnexion</h2>
<p id="logoutText">Êtes-vous sûr de vouloir vous déconnecter ?</p>
<p class="logout-modal-subtitle" id="logoutSubtitle">Votre session sera fermée et vous devrez vous reconnecter.</p>
<div class="logout-modal-buttons" id="logoutButtons">
<button id="cancelLogoutBtn" class="btn-modal-cancel">Annuler</button>
<button id="confirmLogoutBtn" class="btn-modal-confirm">Se déconnecter</button>
</div>