274 lines
8.1 KiB
PHP
274 lines
8.1 KiB
PHP
{{--
|
|
========================================
|
|
SIDEBAR MENU MODULARE NETGESCON
|
|
========================================
|
|
Sidebar completamente modulare con gestione permessi,
|
|
componenti separati e stili/JS esterni.
|
|
|
|
Struttura:
|
|
- Header (logo, data, news ticker)
|
|
- Notifiche e quick actions
|
|
- Menu navigation con permessi
|
|
- Footer con info utente
|
|
|
|
Autore: NetGesCon Development Team
|
|
Data: 2024
|
|
========================================
|
|
--}}
|
|
|
|
{{-- Include helpers per gestione permessi --}}
|
|
@include('components.menu.sections.menu-helpers')
|
|
|
|
{{-- Sidebar container principale --}}
|
|
<div class="netgescon-sidebar d-flex flex-column h-100" id="netgesconSidebar">
|
|
|
|
{{-- Header con Logo, Data e News --}}
|
|
@include('components.menu.sections.header')
|
|
|
|
{{-- Notifiche e Quick Actions --}}
|
|
@include('components.menu.sections.notifications')
|
|
|
|
{{-- Menu Navigation principale --}}
|
|
<nav class="sidebar-nav flex-fill overflow-auto" role="navigation" aria-label="Menu principale NetGesCon">
|
|
<ul class="nav nav-pills flex-column p-2">
|
|
|
|
{{-- Dashboard - Sempre visibile --}}
|
|
@if(canUserAccessMenu('dashboard'))
|
|
@include('components.menu.sections.dashboard')
|
|
@endif
|
|
|
|
{{-- Stabili - Solo amministratori e superiori --}}
|
|
@if(canUserAccessMenu('stabili'))
|
|
@include('components.menu.sections.stabili')
|
|
@endif
|
|
|
|
{{-- Condomini - Solo amministratori e superiori --}}
|
|
@if(canUserAccessMenu('condomini'))
|
|
@include('components.menu.sections.condomini')
|
|
@endif
|
|
|
|
{{-- Contabilità - Solo ruoli economici --}}
|
|
@if(canUserAccessMenu('contabilita'))
|
|
@include('components.menu.sections.contabilita')
|
|
@endif
|
|
|
|
{{-- Fiscale - Solo ruoli economici --}}
|
|
@if(canUserAccessMenu('fiscale'))
|
|
@include('components.menu.sections.fiscale')
|
|
@endif
|
|
|
|
{{-- Menu Semplici - Comunicazioni, tickets, etc --}}
|
|
@if(canUserAccessAnyMenu(['comunicazioni', 'tickets', 'assemblee']))
|
|
@include('components.menu.sections.menu-semplici')
|
|
@endif
|
|
|
|
</ul>
|
|
</nav>
|
|
|
|
{{-- Footer con info utente e versione --}}
|
|
@include('components.menu.sections.footer')
|
|
|
|
</div>
|
|
|
|
{{-- Include CSS e JS esterni per la sidebar --}}
|
|
@push('styles')
|
|
<link rel="stylesheet" href="{{ asset('css/sidebar.css') }}">
|
|
@endpush
|
|
|
|
@push('scripts')
|
|
<script src="{{ asset('js/sidebar.js') }}"></script>
|
|
@endpush
|
|
|
|
{{-- CSS interno temporaneo --}}
|
|
<style>
|
|
/* NetGesCon Sidebar Styles */
|
|
.netgescon-sidebar {
|
|
background: linear-gradient(180deg, #f8f9fa 0%, #e9ecef 100%);
|
|
border-right: 2px solid #007bff;
|
|
box-shadow: 2px 0 10px rgba(0,123,255,0.1);
|
|
min-height: 100vh;
|
|
width: 280px;
|
|
}
|
|
|
|
.netgescon-sidebar .nav-link {
|
|
border-radius: 8px;
|
|
margin: 2px 0;
|
|
padding: 8px 12px;
|
|
transition: all 0.3s ease;
|
|
}
|
|
|
|
.netgescon-sidebar .nav-link:hover {
|
|
background-color: rgba(0,123,255,0.1);
|
|
transform: translateX(5px);
|
|
}
|
|
|
|
.netgescon-sidebar .nav-link.active {
|
|
background-color: #007bff !important;
|
|
color: white !important;
|
|
font-weight: bold;
|
|
box-shadow: 0 2px 5px rgba(0,123,255,0.3);
|
|
}
|
|
|
|
.netgescon-sidebar .collapse .nav-link {
|
|
padding: 6px 12px;
|
|
font-size: 0.9em;
|
|
}
|
|
|
|
.netgescon-sidebar .collapse .nav-link:hover {
|
|
background-color: rgba(0,123,255,0.05);
|
|
color: #007bff;
|
|
}
|
|
|
|
/* Header styles */
|
|
.netgescon-sidebar .border-bottom {
|
|
border-color: #007bff !important;
|
|
}
|
|
|
|
/* Footer styles */
|
|
.netgescon-sidebar .border-top {
|
|
border-color: #007bff !important;
|
|
}
|
|
|
|
/* Dark mode support */
|
|
.dark .netgescon-sidebar {
|
|
background: linear-gradient(180deg, #1f2937 0%, #111827 100%);
|
|
border-color: #4b5563;
|
|
}
|
|
|
|
.dark .netgescon-sidebar .nav-link {
|
|
color: #d1d5db;
|
|
}
|
|
|
|
.dark .netgescon-sidebar .nav-link:hover {
|
|
background-color: rgba(55, 65, 81, 0.3);
|
|
color: #d1d5db;
|
|
}
|
|
|
|
/* Responsive */
|
|
@media (max-width: 768px) {
|
|
.netgescon-sidebar {
|
|
position: fixed;
|
|
top: 0;
|
|
left: -100%;
|
|
width: 280px;
|
|
z-index: 1050;
|
|
transition: left 0.3s ease;
|
|
}
|
|
|
|
.netgescon-sidebar.show {
|
|
left: 0;
|
|
}
|
|
}
|
|
</style>
|
|
|
|
{{-- JavaScript per funzionalità sidebar --}}
|
|
<script>
|
|
document.addEventListener('DOMContentLoaded', function() {
|
|
// Gestione toggle menu collassabili
|
|
const collapseElements = document.querySelectorAll('[data-bs-toggle="collapse"]');
|
|
collapseElements.forEach(element => {
|
|
element.addEventListener('click', function() {
|
|
const icon = this.querySelector('.fa-chevron-down, .fa-chevron-up');
|
|
if (icon) {
|
|
icon.classList.toggle('fa-chevron-down');
|
|
icon.classList.toggle('fa-chevron-up');
|
|
}
|
|
});
|
|
});
|
|
|
|
// Gestione menu attivo
|
|
const navLinks = document.querySelectorAll('.netgescon-sidebar .nav-link[href]');
|
|
const currentPath = window.location.pathname;
|
|
|
|
navLinks.forEach(link => {
|
|
if (link.getAttribute('href') === currentPath) {
|
|
link.classList.add('active');
|
|
// Espandi il menu parent se è collassato
|
|
const parentCollapse = link.closest('.collapse');
|
|
if (parentCollapse) {
|
|
parentCollapse.classList.add('show');
|
|
const toggleButton = document.querySelector(`[href="#${parentCollapse.id}"]`);
|
|
if (toggleButton) {
|
|
toggleButton.setAttribute('aria-expanded', 'true');
|
|
}
|
|
}
|
|
}
|
|
});
|
|
|
|
// Aggiorna data e ora ogni minuto
|
|
function updateDateTime() {
|
|
const now = new Date();
|
|
const dateElement = document.getElementById('current-date');
|
|
const timeElement = document.getElementById('current-time');
|
|
|
|
if (dateElement) {
|
|
dateElement.textContent = now.toLocaleDateString('it-IT');
|
|
}
|
|
if (timeElement) {
|
|
timeElement.textContent = now.toLocaleTimeString('it-IT', { hour: '2-digit', minute: '2-digit' });
|
|
}
|
|
}
|
|
|
|
updateDateTime();
|
|
setInterval(updateDateTime, 60000);
|
|
|
|
// News ticker animation
|
|
const newsTicker = document.querySelector('.news-ticker');
|
|
if (newsTicker) {
|
|
newsTicker.addEventListener('animationend', function() {
|
|
this.style.animation = 'none';
|
|
setTimeout(() => {
|
|
this.style.animation = 'scroll-left 30s linear infinite';
|
|
}, 50);
|
|
});
|
|
}
|
|
|
|
// Aggiorna data e ora display
|
|
function updateDateTimeDisplay() {
|
|
const now = new Date();
|
|
const options = {
|
|
weekday: 'short',
|
|
year: 'numeric',
|
|
month: 'short',
|
|
day: 'numeric',
|
|
hour: '2-digit',
|
|
minute: '2-digit'
|
|
};
|
|
const dateTimeDisplay = document.getElementById('datetime-display');
|
|
if (dateTimeDisplay) {
|
|
dateTimeDisplay.textContent = now.toLocaleDateString('it-IT', options);
|
|
}
|
|
}
|
|
|
|
// Aggiorna ogni minuto
|
|
updateDateTimeDisplay();
|
|
setInterval(updateDateTimeDisplay, 60000);
|
|
|
|
// News ticker animation
|
|
function animateNews() {
|
|
const newsText = document.getElementById('news-text');
|
|
if (newsText) {
|
|
const news = [
|
|
'🌤️ Meteo: Sereno 18°C • 📈 FTSE MIB +0.5% • 🏛️ Nuove agevolazioni fiscali 2025',
|
|
'⚡ BREAKING: Nuovo decreto condomini • 💰 EURO/USD 1.095 • 🏠 Mercato immobiliare +2.3%',
|
|
'🎯 Scadenza F24: 16/01 • 📊 Inflazione 0.8% • 🔧 Bonus ristrutturazioni prorogato'
|
|
];
|
|
|
|
let index = 0;
|
|
setInterval(() => {
|
|
index = (index + 1) % news.length;
|
|
newsText.textContent = news[index];
|
|
}, 10000);
|
|
}
|
|
}
|
|
|
|
// Avvia animazione news
|
|
animateNews();
|
|
|
|
// Funzione per aprire pagina news
|
|
function openNewsPage() {
|
|
window.open('https://www.ansa.it/sito/notizie/economia/economia.html', '_blank');
|
|
}
|
|
});
|
|
</script>
|