` } ], user: [ { name: 'Profilo', icon: 'account_circle', content: `

Profilo

Contenuto del profilo...

` }, { name: 'Impostazioni', icon: 'settings', content: `

Impostazioni

Contenuto delle impostazioni...

` } ] }; const currentUserRole = 'admin'; // Questo dovrebbe essere determinato dinamicamente const menu = document.getElementById('menu'); const sectionContent = document.getElementById('section-content'); roles[currentUserRole].forEach(item => { const li = document.createElement('li'); li.classList.add('nav-item'); const a = document.createElement('a'); a.href = '#'; a.classList.add('nav-link'); a.innerHTML = `${item.icon}${item.name}`; const tooltip = document.createElement('span'); tooltip.classList.add('nav-tooltip'); tooltip.textContent = item.name; a.addEventListener('click', function (e) { e.preventDefault(); document.querySelectorAll('#menu a').forEach(a => a.classList.remove('active')); this.classList.add('active'); if (item.content === 'form') { fetch('url-alla-tua-pagina-php-che-esegue-lo-shortcode') .then(response => response.text()) .then(data => { sectionContent.innerHTML = data; }); } else { sectionContent.innerHTML = item.content; } }); li.appendChild(a); li.appendChild(tooltip); menu.appendChild(li); }); sectionContent.innerHTML = roles[currentUserRole][0].content; document.querySelector('#menu a').classList.add('active'); // Verifica lo stato iniziale della sidebar if (sidebar.classList.contains("collapsed")) { body.classList.add("collapsed"); body.classList.remove("expanded"); } else { body.classList.add("expanded"); body.classList.remove("collapsed"); } }); // Codice JavaScript per la sidebar const sidebar = document.querySelector(".sidebar"); const sidebarToggler = document.querySelector(".sidebar-toggler"); const menuToggler = document.querySelector(".menu-toggler"); const body = document.body; function toggleSidebar() { if (sidebar.classList.toggle("collapsed")) { body.classList.add("collapsed"); body.classList.remove("expanded"); } else { body.classList.add("expanded"); body.classList.remove("collapsed"); } } sidebarToggler.addEventListener("click", toggleSidebar); menuToggler.addEventListener("click", () => { toggleMenu(sidebar.classList.toggle("menu-active")); }); function toggleMenu(isMenuActive) { sidebar.style.height = isMenuActive ? `${sidebar.scrollHeight}px` : "56px"; // Altezza in visualizzazione mobile (collapsed) menuToggler.querySelector("span").innerText = isMenuActive ? "close" : "menu"; } window.addEventListener("resize", () => { if (window.innerWidth >= 1024) { sidebar.style.height = "calc(100vh - 32px)"; } else { sidebar.classList.remove("collapsed"); sidebar.style.height = "auto"; toggleMenu(sidebar.classList.contains("menu-active")); } });