✨ feat(Security): Active l'authentification à deux facteurs (2FA). ✨ feat(Account): Ajoute une entité et un formulaire pour les administrateurs. 🐛 fix(Security): Corrige la redirection après la connexion. ✨ feat(CRM): Ajoute une page d'administration des comptes administrateurs.
80 lines
3.2 KiB
JavaScript
80 lines
3.2 KiB
JavaScript
import './admin.scss'
|
|
import * as Turbo from "@hotwired/turbo"
|
|
|
|
// Cette fonction initialise tous les écouteurs d'événements
|
|
function initAdminLayout() {
|
|
const sidebar = document.getElementById('sidebar');
|
|
const overlay = document.getElementById('sidebar-overlay');
|
|
const toggleBtn = document.getElementById('sidebar-toggle');
|
|
const settingsToggle = document.getElementById('settings-toggle');
|
|
const settingsSubmenu = document.getElementById('settings-submenu');
|
|
const settingsChevron = document.getElementById('settings-chevron');
|
|
|
|
// --- TOGGLE SIDEBAR MOBILE ---
|
|
if (toggleBtn && sidebar && overlay) {
|
|
// On clone pour éviter de doubler les events avec Turbo
|
|
toggleBtn.replaceWith(toggleBtn.cloneNode(true));
|
|
const newToggleBtn = document.getElementById('sidebar-toggle');
|
|
|
|
newToggleBtn.addEventListener('click', () => {
|
|
sidebar.classList.toggle('-translate-x-full');
|
|
overlay.classList.toggle('hidden');
|
|
});
|
|
|
|
overlay.addEventListener('click', () => {
|
|
sidebar.classList.add('-translate-x-full');
|
|
overlay.classList.add('hidden');
|
|
});
|
|
}
|
|
|
|
// --- GESTION SOUS-MENU PARAMÈTRES ---
|
|
if (settingsToggle) {
|
|
settingsToggle.replaceWith(settingsToggle.cloneNode(true));
|
|
const newSettingsToggle = document.getElementById('settings-toggle');
|
|
|
|
newSettingsToggle.addEventListener('click', (e) => {
|
|
e.preventDefault();
|
|
if (settingsSubmenu) settingsSubmenu.classList.toggle('hidden');
|
|
if (settingsChevron) settingsChevron.classList.toggle('rotate-180');
|
|
});
|
|
|
|
// Persistance : Garder ouvert si on est dans une sous-route admin
|
|
if (window.location.pathname.includes('administrateur')) {
|
|
if (settingsSubmenu) settingsSubmenu.classList.remove('hidden');
|
|
if (settingsChevron) settingsChevron.classList.add('rotate-180');
|
|
}
|
|
}
|
|
|
|
// --- GESTION DES MESSAGES FLASH (Auto-suppression 10s) ---
|
|
const flashes = document.querySelectorAll('.flash-message');
|
|
flashes.forEach((flash) => {
|
|
// Supprime le message après 10 secondes
|
|
setTimeout(() => {
|
|
// Animation de sortie
|
|
flash.classList.add('opacity-0', 'translate-x-10');
|
|
// Retrait du DOM après l'animation
|
|
setTimeout(() => flash.remove(), 500);
|
|
}, 10000);
|
|
});
|
|
}
|
|
|
|
// --- CORRECTIF DATA-TURBO-CONFIRM ---
|
|
// Force l'affichage de la confirmation native sur les liens avec data-turbo-confirm
|
|
document.addEventListener("turbo:click", (event) => {
|
|
const message = event.target.getAttribute("data-turbo-confirm");
|
|
if (message && !confirm(message)) {
|
|
event.preventDefault();
|
|
}
|
|
});
|
|
|
|
// S'exécute au premier chargement ET à chaque navigation Turbo
|
|
document.addEventListener('turbo:load', initAdminLayout);
|
|
|
|
// Fermer la sidebar mobile avant que Turbo ne mette en cache la page
|
|
document.addEventListener('turbo:before-cache', () => {
|
|
const sidebar = document.getElementById('sidebar');
|
|
const overlay = document.getElementById('sidebar-overlay');
|
|
if (sidebar) sidebar.classList.add('-translate-x-full');
|
|
if (overlay) overlay.classList.add('hidden');
|
|
});
|