Feat: Implémentation complète du menu hiérarchique et corrections Freya
MENU PRINCIPAL (menu.xhtml): - Structure exhaustive: 21 sections, 140+ items navigables - Utilisation du composant <fr:menu> de Freya - Organisation par domaines métier: Chantiers, Clients, Devis, Factures, etc. - Icônes PrimeIcons cohérentes pour chaque section - Navigation vers toutes les pages de l'application CORRECTIONS CRITIQUES: 1. Dépendance Freya WAR (pom.xml): - Ajout de freya-5.0.0.war contenant FreyaMenuRenderer - Correction du problème d'affichage (icônes seules sans labels) 2. Polyfill jQuery (custom-menu.js): - Ajout de jQuery.isFunction pour compatibilité jQuery 3.5+ - Correction de l'erreur "$.isFunction is not a function" - Chargement AVANT layout.js dans template.xhtml - Les sous-menus s'expandent/collapsent maintenant correctement FOOTER (footer.xhtml): - Design moderne 4 colonnes: À propos, Navigation, Support, Newsletter - Intégration réseaux sociaux - Liens rapides vers sections principales - Responsive avec PrimeFlex grid TEMPLATE (template.xhtml): - Ordre de chargement scripts corrigé (custom-menu.js avant layout.js) - CSS chargés en fin de <h:body> selon structure Freya DOCUMENTATION: - CORRECTIONS_MENU_SOUS_MENUS.md: Historique complet des corrections - CORRECTION_FREYA_TAG_DEPENDENCY.md: Documentation dépendance freya-tag Résultat: Navigation hiérarchique complète et fonctionnelle avec 140+ pages 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
DahoudG
@@ -1,58 +1,148 @@
|
||||
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
|
||||
xmlns:h="http://java.sun.com/jsf/html"
|
||||
xmlns:f="http://java.sun.com/jsf/core"
|
||||
xmlns:ui="http://java.sun.com/jsf/facelets"
|
||||
xmlns:p="http://primefaces.org/ui">
|
||||
|
||||
<div class="layout-footer">
|
||||
<div class="grid">
|
||||
<div class="col-12 lg:col-4">
|
||||
<div class="grid">
|
||||
<div class="col-6">
|
||||
<span class="footer-menutitle">PLAN DU SITE</span>
|
||||
<ul>
|
||||
<li><a href="dashboard.xhtml">Tableau de bord</a></li>
|
||||
<li><a href="chantiers.xhtml">Chantiers</a></li>
|
||||
<li><a href="clients.xhtml">Clients</a></li>
|
||||
<li><a href="devis.xhtml">Devis</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-6">
|
||||
<span class="footer-menutitle"></span>
|
||||
<ul>
|
||||
<li><a href="factures.xhtml">Factures</a></li>
|
||||
<li><a href="materiels.xhtml">Matériels</a></li>
|
||||
<li><a href="employes.xhtml">Employés</a></li>
|
||||
<li><a href="rapports.xhtml">Rapports</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 md:col-6 lg:col-4">
|
||||
<span class="footer-menutitle">NOUS CONTACTER</span>
|
||||
<ul>
|
||||
<li>Email : contact@btpxpress.com</li>
|
||||
<li>Support : support@btpxpress.com</li>
|
||||
<li>Téléphone : +33 (0)1 XX XX XX XX</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-12 md:col-6 lg:col-4">
|
||||
<span class="footer-menutitle">NEWSLETTER</span>
|
||||
<span class="footer-subtitle">Inscrivez-vous à notre newsletter pour recevoir les dernières nouveautés.</span>
|
||||
<h:form>
|
||||
<div class="newsletter-input">
|
||||
<p:inputText placeholder="Votre adresse email" />
|
||||
<p:commandButton value="S'inscrire" styleClass="ui-button-secondary"/>
|
||||
</div>
|
||||
</h:form>
|
||||
</div>
|
||||
<div class="col-12">
|
||||
<div class="footer-bottom">
|
||||
<h4>BTP Xpress</h4>
|
||||
<h6>Copyright © 2025 - Tous droits réservés</h6>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</ui:composition>
|
||||
|
||||
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
|
||||
xmlns:h="http://java.sun.com/jsf/html"
|
||||
xmlns:f="http://java.sun.com/jsf/core"
|
||||
xmlns:ui="http://java.sun.com/jsf/facelets"
|
||||
xmlns:p="http://primefaces.org/ui">
|
||||
|
||||
<div class="layout-footer">
|
||||
<div class="grid">
|
||||
<!-- Section 1: À propos -->
|
||||
<div class="col-12 lg:col-3">
|
||||
<span class="footer-menutitle">À PROPOS</span>
|
||||
<p class="footer-description" style="margin-top: 1rem; line-height: 1.8; color: var(--text-color-secondary);">
|
||||
BTP Xpress est la plateforme de gestion complète pour les professionnels du BTP.
|
||||
Optimisez vos chantiers, gérez vos équipes et suivez votre activité en temps réel.
|
||||
</p>
|
||||
<div style="margin-top: 1.5rem;">
|
||||
<a href="https://facebook.com/btpxpress" style="margin-right: 1rem; color: var(--text-color-secondary); font-size: 1.5rem;">
|
||||
<i class="pi pi-facebook"></i>
|
||||
</a>
|
||||
<a href="https://twitter.com/btpxpress" style="margin-right: 1rem; color: var(--text-color-secondary); font-size: 1.5rem;">
|
||||
<i class="pi pi-twitter"></i>
|
||||
</a>
|
||||
<a href="https://linkedin.com/company/btpxpress" style="margin-right: 1rem; color: var(--text-color-secondary); font-size: 1.5rem;">
|
||||
<i class="pi pi-linkedin"></i>
|
||||
</a>
|
||||
<a href="https://youtube.com/btpxpress" style="color: var(--text-color-secondary); font-size: 1.5rem;">
|
||||
<i class="pi pi-youtube"></i>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Section 2: Navigation rapide -->
|
||||
<div class="col-12 md:col-6 lg:col-3">
|
||||
<div class="grid">
|
||||
<div class="col-6">
|
||||
<span class="footer-menutitle">MODULES</span>
|
||||
<ul style="list-style: none; padding: 0; margin-top: 1rem;">
|
||||
<li style="margin-bottom: 0.75rem;"><a href="dashboard.xhtml" style="color: var(--text-color-secondary);"><i class="pi pi-home" style="margin-right: 0.5rem;"></i>Tableau de bord</a></li>
|
||||
<li style="margin-bottom: 0.75rem;"><a href="chantiers.xhtml" style="color: var(--text-color-secondary);"><i class="pi pi-building" style="margin-right: 0.5rem;"></i>Chantiers</a></li>
|
||||
<li style="margin-bottom: 0.75rem;"><a href="clients.xhtml" style="color: var(--text-color-secondary);"><i class="pi pi-users" style="margin-right: 0.5rem;"></i>Clients</a></li>
|
||||
<li style="margin-bottom: 0.75rem;"><a href="devis.xhtml" style="color: var(--text-color-secondary);"><i class="pi pi-file-edit" style="margin-right: 0.5rem;"></i>Devis</a></li>
|
||||
<li style="margin-bottom: 0.75rem;"><a href="factures.xhtml" style="color: var(--text-color-secondary);"><i class="pi pi-dollar" style="margin-right: 0.5rem;"></i>Factures</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-6">
|
||||
<span class="footer-menutitle">RESSOURCES</span>
|
||||
<ul style="list-style: none; padding: 0; margin-top: 1rem;">
|
||||
<li style="margin-bottom: 0.75rem;"><a href="employes.xhtml" style="color: var(--text-color-secondary);"><i class="pi pi-id-card" style="margin-right: 0.5rem;"></i>Employés</a></li>
|
||||
<li style="margin-bottom: 0.75rem;"><a href="materiels.xhtml" style="color: var(--text-color-secondary);"><i class="pi pi-wrench" style="margin-right: 0.5rem;"></i>Matériels</a></li>
|
||||
<li style="margin-bottom: 0.75rem;"><a href="stock.xhtml" style="color: var(--text-color-secondary);"><i class="pi pi-box" style="margin-right: 0.5rem;"></i>Stock</a></li>
|
||||
<li style="margin-bottom: 0.75rem;"><a href="planning.xhtml" style="color: var(--text-color-secondary);"><i class="pi pi-calendar" style="margin-right: 0.5rem;"></i>Planning</a></li>
|
||||
<li style="margin-bottom: 0.75rem;"><a href="rapports.xhtml" style="color: var(--text-color-secondary);"><i class="pi pi-chart-bar" style="margin-right: 0.5rem;"></i>Rapports</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Section 3: Support et contact -->
|
||||
<div class="col-12 md:col-6 lg:col-3">
|
||||
<span class="footer-menutitle">SUPPORT</span>
|
||||
<ul style="list-style: none; padding: 0; margin-top: 1rem;">
|
||||
<li style="margin-bottom: 1rem; display: flex; align-items: start;">
|
||||
<i class="pi pi-envelope" style="margin-right: 0.75rem; margin-top: 0.25rem; color: var(--primary-color);"></i>
|
||||
<div>
|
||||
<strong style="display: block; margin-bottom: 0.25rem;">Email</strong>
|
||||
<a href="mailto:contact@btpxpress.com" style="color: var(--text-color-secondary);">contact@btpxpress.com</a>
|
||||
</div>
|
||||
</li>
|
||||
<li style="margin-bottom: 1rem; display: flex; align-items: start;">
|
||||
<i class="pi pi-phone" style="margin-right: 0.75rem; margin-top: 0.25rem; color: var(--primary-color);"></i>
|
||||
<div>
|
||||
<strong style="display: block; margin-bottom: 0.25rem;">Téléphone</strong>
|
||||
<a href="tel:+33123456789" style="color: var(--text-color-secondary);">+33 (0)1 23 45 67 89</a>
|
||||
</div>
|
||||
</li>
|
||||
<li style="margin-bottom: 1rem; display: flex; align-items: start;">
|
||||
<i class="pi pi-question-circle" style="margin-right: 0.75rem; margin-top: 0.25rem; color: var(--primary-color);"></i>
|
||||
<div>
|
||||
<strong style="display: block; margin-bottom: 0.25rem;">Centre d'aide</strong>
|
||||
<a href="aide.xhtml" style="color: var(--text-color-secondary);">Documentation et FAQ</a>
|
||||
</div>
|
||||
</li>
|
||||
<li style="margin-bottom: 1rem; display: flex; align-items: start;">
|
||||
<i class="pi pi-book" style="margin-right: 0.75rem; margin-top: 0.25rem; color: var(--primary-color);"></i>
|
||||
<div>
|
||||
<strong style="display: block; margin-bottom: 0.25rem;">Documentation</strong>
|
||||
<a href="documentation.xhtml" style="color: var(--text-color-secondary);">Guide utilisateur</a>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<!-- Section 4: Newsletter et informations légales -->
|
||||
<div class="col-12 lg:col-3">
|
||||
<span class="footer-menutitle">RESTEZ INFORMÉ</span>
|
||||
<p class="footer-subtitle" style="margin-top: 1rem; line-height: 1.8; color: var(--text-color-secondary);">
|
||||
Recevez nos actualités, conseils et nouveautés directement dans votre boîte mail.
|
||||
</p>
|
||||
<h:form style="margin-top: 1.5rem;">
|
||||
<div class="newsletter-input" style="display: flex; gap: 0.5rem;">
|
||||
<p:inputText placeholder="Votre email" style="flex: 1;" />
|
||||
<p:commandButton value="S'inscrire" icon="pi pi-send" styleClass="ui-button-secondary"/>
|
||||
</div>
|
||||
</h:form>
|
||||
|
||||
<div style="margin-top: 2rem;">
|
||||
<span class="footer-menutitle">LÉGAL</span>
|
||||
<ul style="list-style: none; padding: 0; margin-top: 1rem;">
|
||||
<li style="margin-bottom: 0.5rem;"><a href="mentions-legales.xhtml" style="color: var(--text-color-secondary); font-size: 0.9rem;">Mentions légales</a></li>
|
||||
<li style="margin-bottom: 0.5rem;"><a href="cgv.xhtml" style="color: var(--text-color-secondary); font-size: 0.9rem;">Conditions générales de vente</a></li>
|
||||
<li style="margin-bottom: 0.5rem;"><a href="politique-confidentialite.xhtml" style="color: var(--text-color-secondary); font-size: 0.9rem;">Politique de confidentialité</a></li>
|
||||
<li style="margin-bottom: 0.5rem;"><a href="cookies.xhtml" style="color: var(--text-color-secondary); font-size: 0.9rem;">Gestion des cookies</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Barre de copyright -->
|
||||
<div class="col-12">
|
||||
<hr style="border-color: var(--surface-border); margin: 2rem 0;"/>
|
||||
<div class="footer-bottom" style="display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 1rem;">
|
||||
<div>
|
||||
<h4 style="margin: 0; font-size: 1.25rem; color: var(--primary-color);">
|
||||
<i class="pi pi-building" style="margin-right: 0.5rem;"></i>
|
||||
BTP Xpress
|
||||
</h4>
|
||||
<h6 style="margin: 0.5rem 0 0 0; color: var(--text-color-secondary); font-weight: normal;">
|
||||
Copyright © 2025 BTP Xpress - Tous droits réservés
|
||||
</h6>
|
||||
</div>
|
||||
<div style="display: flex; gap: 1.5rem; align-items: center;">
|
||||
<span style="color: var(--text-color-secondary); font-size: 0.9rem;">
|
||||
<i class="pi pi-shield" style="margin-right: 0.5rem; color: var(--primary-color);"></i>
|
||||
Paiement sécurisé
|
||||
</span>
|
||||
<span style="color: var(--text-color-secondary); font-size: 0.9rem;">
|
||||
<i class="pi pi-lock" style="margin-right: 0.5rem; color: var(--primary-color);"></i>
|
||||
Données protégées
|
||||
</span>
|
||||
<span style="color: var(--text-color-secondary); font-size: 0.9rem;">
|
||||
Made with <i class="pi pi-heart-fill" style="color: var(--red-500); margin: 0 0.25rem;"></i> in France
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</ui:composition>
|
||||
|
||||
|
||||
@@ -1,124 +1,302 @@
|
||||
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
|
||||
xmlns:h="http://java.sun.com/jsf/html"
|
||||
xmlns:f="http://java.sun.com/jsf/core"
|
||||
xmlns:ui="http://java.sun.com/jsf/facelets"
|
||||
xmlns:p="http://primefaces.org/ui"
|
||||
xmlns:fr="http://primefaces.org/freya">
|
||||
|
||||
<div class="menu-wrapper">
|
||||
<div class="sidebar-logo">
|
||||
<a href="dashboard.xhtml">
|
||||
<p:graphicImage name="images/logo-freya-single.svg" library="freya-layout" />
|
||||
</a>
|
||||
<a href="#" class="sidebar-pin" title="Toggle Menu">
|
||||
<span class="pin"></span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="layout-menu-container">
|
||||
<h:form id="menuform">
|
||||
<fr:menu widgetVar="FreyaMenuWidget">
|
||||
<p:menuitem id="m_dashboard" value="Dashboard" icon="pi pi-home" outcome="/dashboard" />
|
||||
|
||||
<p:submenu id="m_chantiers" label="Chantiers" icon="pi pi-building">
|
||||
<p:menuitem id="m_chantiers_liste" value="List" icon="pi pi-list" outcome="/chantiers" />
|
||||
<p:menuitem id="m_chantiers_nouveau" value="New" icon="pi pi-plus-circle" outcome="/chantiers/nouveau" />
|
||||
<p:menuitem id="m_chantiers_en_cours" value="In Progress" icon="pi pi-spin pi-spinner" outcome="/chantiers/en-cours" />
|
||||
<p:menuitem id="m_chantiers_termines" value="Completed" icon="pi pi-check-circle" outcome="/chantiers/termines" />
|
||||
<p:menuitem id="m_chantiers_planifies" value="Scheduled" icon="pi pi-calendar" outcome="/chantiers/planifies" />
|
||||
</p:submenu>
|
||||
|
||||
<p:submenu id="m_clients" label="Clients" icon="pi pi-users">
|
||||
<p:menuitem id="m_clients_liste" value="List" icon="pi pi-list" outcome="/clients" />
|
||||
<p:menuitem id="m_clients_nouveau" value="New" icon="pi pi-user-plus" outcome="/clients/nouveau" />
|
||||
<p:menuitem id="m_clients_recherche" value="Search" icon="pi pi-search" outcome="/clients/recherche" />
|
||||
</p:submenu>
|
||||
|
||||
<p:submenu id="m_devis" label="Devis" icon="pi pi-file-edit">
|
||||
<p:menuitem id="m_devis_liste" value="List" icon="pi pi-list" outcome="/devis" />
|
||||
<p:menuitem id="m_devis_nouveau" value="New" icon="pi pi-plus" outcome="/devis/nouveau" />
|
||||
<p:menuitem id="m_devis_attente" value="Pending" icon="pi pi-clock" outcome="/devis/attente" />
|
||||
<p:menuitem id="m_devis_acceptes" value="Accepted" icon="pi pi-check" outcome="/devis/acceptes" />
|
||||
<p:menuitem id="m_devis_expires" value="Expired" icon="pi pi-exclamation-triangle" outcome="/devis/expires" />
|
||||
</p:submenu>
|
||||
|
||||
<p:submenu id="m_factures" label="Factures" icon="pi pi-dollar">
|
||||
<p:menuitem id="m_factures_liste" value="List" icon="pi pi-list" outcome="/factures" />
|
||||
<p:menuitem id="m_factures_nouvelle" value="New" icon="pi pi-plus" outcome="/factures/nouvelle" />
|
||||
<p:menuitem id="m_factures_payees" value="Paid" icon="pi pi-check-circle" outcome="/factures/payees" />
|
||||
<p:menuitem id="m_factures_impayees" value="Unpaid" icon="pi pi-exclamation-circle" outcome="/factures/impayees" />
|
||||
<p:menuitem id="m_factures_retard" value="Overdue" icon="pi pi-clock" outcome="/factures/retard" />
|
||||
</p:submenu>
|
||||
|
||||
<p:submenu id="m_materiels" label="Matériels" icon="pi pi-wrench">
|
||||
<p:menuitem id="m_materiels_liste" value="Inventory" icon="pi pi-list" outcome="/materiels" />
|
||||
<p:menuitem id="m_materiels_nouveau" value="New" icon="pi pi-plus" outcome="/materiels/nouveau" />
|
||||
<p:menuitem id="m_materiels_disponibles" value="Available" icon="pi pi-check" outcome="/materiels/disponibles" />
|
||||
<p:menuitem id="m_materiels_maintenance" value="Maintenance" icon="pi pi-cog" outcome="/materiels/maintenance-prevue" />
|
||||
</p:submenu>
|
||||
|
||||
<p:submenu id="m_stock" label="Stock" icon="pi pi-box">
|
||||
<p:menuitem id="m_stock_liste" value="Management" icon="pi pi-list" outcome="/stock" />
|
||||
<p:menuitem id="m_stock_inventaire" value="Inventory" icon="pi pi-check-square" outcome="/stock/inventaire" />
|
||||
<p:menuitem id="m_stock_commandes" value="Orders" icon="pi pi-shopping-cart" outcome="/stock/commandes" />
|
||||
<p:menuitem id="m_stock_sorties" value="Outgoing" icon="pi pi-sign-out" outcome="/stock/sorties" />
|
||||
</p:submenu>
|
||||
|
||||
<p:submenu id="m_employes" label="Employés" icon="pi pi-id-card">
|
||||
<p:menuitem id="m_employes_liste" value="List" icon="pi pi-list" outcome="/employes" />
|
||||
<p:menuitem id="m_employes_nouveau" value="New" icon="pi pi-user-plus" outcome="/employes/nouveau" />
|
||||
<p:menuitem id="m_employes_actifs" value="Active" icon="pi pi-check-circle" outcome="/employes/actifs" />
|
||||
<p:menuitem id="m_employes_disponibles" value="Available" icon="pi pi-users" outcome="/employes/disponibles" />
|
||||
</p:submenu>
|
||||
|
||||
<p:submenu id="m_equipes" label="Équipes" icon="pi pi-users">
|
||||
<p:menuitem id="m_equipes_liste" value="List" icon="pi pi-list" outcome="/equipes" />
|
||||
<p:menuitem id="m_equipes_nouvelle" value="New" icon="pi pi-plus" outcome="/equipes/nouvelle" />
|
||||
<p:menuitem id="m_equipes_disponibles" value="Available" icon="pi pi-check" outcome="/equipes/disponibles" />
|
||||
<p:menuitem id="m_equipes_specialites" value="Specialties" icon="pi pi-tags" outcome="/equipes/specialites" />
|
||||
</p:submenu>
|
||||
|
||||
<p:submenu id="m_planning" label="Planning" icon="pi pi-calendar">
|
||||
<p:menuitem id="m_planning_calendrier" value="Calendar" icon="pi pi-calendar" outcome="/planning/calendrier" />
|
||||
<p:menuitem id="m_planning_materiel" value="Equipment" icon="pi pi-wrench" outcome="/planning/materiel" />
|
||||
<p:menuitem id="m_planning_equipes" value="Teams" icon="pi pi-users" outcome="/planning/equipes" />
|
||||
</p:submenu>
|
||||
|
||||
<p:submenu id="m_maintenance" label="Maintenance" icon="pi pi-cog">
|
||||
<p:menuitem id="m_maintenance_liste" value="List" icon="pi pi-list" outcome="/maintenance" />
|
||||
<p:menuitem id="m_maintenance_nouvelle" value="New" icon="pi pi-plus" outcome="/maintenance/nouveau" />
|
||||
<p:menuitem id="m_maintenance_preventive" value="Preventive" icon="pi pi-shield" outcome="/maintenance/preventive" />
|
||||
<p:menuitem id="m_maintenance_corrective" value="Corrective" icon="pi pi-exclamation-triangle" outcome="/maintenance/corrective" />
|
||||
<p:menuitem id="m_maintenance_urgente" value="Urgent" icon="pi pi-bolt" outcome="/maintenance/urgente" />
|
||||
</p:submenu>
|
||||
|
||||
<p:submenu id="m_rapports" label="Rapports" icon="pi pi-chart-bar">
|
||||
<p:menuitem id="m_rapports_liste" value="List" icon="pi pi-list" outcome="/rapports" />
|
||||
<p:menuitem id="m_rapports_ca" value="Revenue" icon="pi pi-dollar" outcome="/rapports/ca" />
|
||||
<p:menuitem id="m_rapports_rentabilite" value="Profitability" icon="pi pi-chart-line" outcome="/rapports/rentabilite" />
|
||||
<p:menuitem id="m_rapports_clients" value="By Client" icon="pi pi-users" outcome="/rapports/clients" />
|
||||
<p:menuitem id="m_rapports_equipes" value="By Team" icon="pi pi-id-card" outcome="/rapports/equipes" />
|
||||
</p:submenu>
|
||||
|
||||
<p:submenu id="m_notifications" label="Notifications" icon="pi pi-bell">
|
||||
<p:menuitem id="m_notifications_liste" value="All" icon="pi pi-list" outcome="/notifications" />
|
||||
<p:menuitem id="m_notifications_recentes" value="Recent" icon="pi pi-clock" outcome="/notifications/recentes" />
|
||||
<p:menuitem id="m_notifications_non_lues" value="Unread" icon="pi pi-envelope" outcome="/notifications/non-lues" />
|
||||
<p:menuitem id="m_notifications_statistiques" value="Statistics" icon="pi pi-chart-pie" outcome="/notifications/statistiques" />
|
||||
</p:submenu>
|
||||
|
||||
<p:submenu id="m_messages" label="Messages" icon="pi pi-comments">
|
||||
<p:menuitem id="m_messages_liste" value="Inbox" icon="pi pi-inbox" outcome="/messages" />
|
||||
<p:menuitem id="m_messages_nouveau" value="New" icon="pi pi-plus" outcome="/messages/nouveau" />
|
||||
<p:menuitem id="m_messages_envoyes" value="Sent" icon="pi pi-send" outcome="/messages/envoyes" />
|
||||
<p:menuitem id="m_messages_archives" value="Archived" icon="pi pi-archive" outcome="/messages/archives" />
|
||||
</p:submenu>
|
||||
|
||||
<p:menuitem id="m_profile" value="Profile" icon="pi pi-user" outcome="/profile" />
|
||||
<p:menuitem id="m_documentation" value="Documentation" icon="pi pi-book" outcome="/documentation" />
|
||||
</fr:menu>
|
||||
</h:form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</ui:composition>
|
||||
|
||||
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
|
||||
xmlns:h="http://java.sun.com/jsf/html"
|
||||
xmlns:f="http://java.sun.com/jsf/core"
|
||||
xmlns:ui="http://java.sun.com/jsf/facelets"
|
||||
xmlns:p="http://primefaces.org/ui"
|
||||
xmlns:fr="http://primefaces.org/freya">
|
||||
|
||||
<div class="menu-wrapper">
|
||||
<div class="sidebar-logo">
|
||||
<a href="dashboard.xhtml">
|
||||
<p:graphicImage name="images/logo-freya-single.svg" library="freya-layout" />
|
||||
</a>
|
||||
<a href="#" class="sidebar-pin" title="Épingler le menu">
|
||||
<span class="pin"></span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="layout-menu-container">
|
||||
<h:form id="menuform">
|
||||
<fr:menu widgetVar="FreyaMenuWidget">
|
||||
<!-- Dashboard Principal -->
|
||||
<p:menuitem id="m_dashboard" value="Tableau de bord" icon="pi pi-home" outcome="/dashboard" />
|
||||
|
||||
<!-- =============================================
|
||||
GESTION DES CHANTIERS
|
||||
============================================= -->
|
||||
<p:submenu id="m_chantiers" label="Chantiers" icon="pi pi-building">
|
||||
<p:menuitem id="m_chantiers_liste" value="Tous les chantiers" icon="pi pi-list" outcome="/chantiers" />
|
||||
<p:menuitem id="m_chantiers_nouveau" value="Nouveau chantier" icon="pi pi-plus-circle" outcome="/chantiers/nouveau" />
|
||||
<p:separator/>
|
||||
<p:menuitem id="m_chantiers_planifies" value="Planifiés" icon="pi pi-calendar" outcome="/chantiers/planifies" />
|
||||
<p:menuitem id="m_chantiers_en_cours" value="En cours" icon="pi pi-spin pi-spinner" outcome="/chantiers/en-cours" />
|
||||
<p:menuitem id="m_chantiers_suspendus" value="Suspendus" icon="pi pi-pause" outcome="/chantiers/suspendus" />
|
||||
<p:menuitem id="m_chantiers_termines" value="Terminés" icon="pi pi-check-circle" outcome="/chantiers/termines" />
|
||||
<p:separator/>
|
||||
<p:menuitem id="m_chantiers_phases" value="Phases de chantier" icon="pi pi-sitemap" outcome="/chantiers/phases" />
|
||||
<p:menuitem id="m_chantiers_templates" value="Templates de phases" icon="pi pi-clone" outcome="/chantiers/templates" />
|
||||
<p:menuitem id="m_chantiers_contraintes" value="Contraintes construction" icon="pi pi-exclamation-triangle" outcome="/chantiers/contraintes" />
|
||||
</p:submenu>
|
||||
|
||||
<!-- =============================================
|
||||
GESTION COMMERCIALE
|
||||
============================================= -->
|
||||
<p:submenu id="m_clients" label="Clients" icon="pi pi-users">
|
||||
<p:menuitem id="m_clients_liste" value="Tous les clients" icon="pi pi-list" outcome="/clients" />
|
||||
<p:menuitem id="m_clients_nouveau" value="Nouveau client" icon="pi pi-user-plus" outcome="/clients/nouveau" />
|
||||
<p:menuitem id="m_clients_recherche" value="Recherche avancée" icon="pi pi-search" outcome="/clients/recherche" />
|
||||
<p:separator/>
|
||||
<p:menuitem id="m_clients_entreprises" value="Profils entreprises" icon="pi pi-briefcase" outcome="/clients/entreprises" />
|
||||
<p:menuitem id="m_clients_avis" value="Avis clients" icon="pi pi-star" outcome="/clients/avis" />
|
||||
</p:submenu>
|
||||
|
||||
<p:submenu id="m_devis" label="Devis" icon="pi pi-file-edit">
|
||||
<p:menuitem id="m_devis_liste" value="Tous les devis" icon="pi pi-list" outcome="/devis" />
|
||||
<p:menuitem id="m_devis_nouveau" value="Nouveau devis" icon="pi pi-plus" outcome="/devis/nouveau" />
|
||||
<p:separator/>
|
||||
<p:menuitem id="m_devis_brouillon" value="Brouillons" icon="pi pi-pencil" outcome="/devis/brouillon" />
|
||||
<p:menuitem id="m_devis_attente" value="En attente" icon="pi pi-clock" outcome="/devis/attente" />
|
||||
<p:menuitem id="m_devis_acceptes" value="Acceptés" icon="pi pi-check" outcome="/devis/acceptes" />
|
||||
<p:menuitem id="m_devis_refuses" value="Refusés" icon="pi pi-times" outcome="/devis/refuses" />
|
||||
<p:menuitem id="m_devis_expires" value="Expirés" icon="pi pi-exclamation-triangle" outcome="/devis/expires" />
|
||||
</p:submenu>
|
||||
|
||||
<!-- =============================================
|
||||
GESTION FINANCIÈRE
|
||||
============================================= -->
|
||||
<p:submenu id="m_factures" label="Factures" icon="pi pi-dollar">
|
||||
<p:menuitem id="m_factures_liste" value="Toutes les factures" icon="pi pi-list" outcome="/factures" />
|
||||
<p:menuitem id="m_factures_nouvelle" value="Nouvelle facture" icon="pi pi-plus" outcome="/factures/nouvelle" />
|
||||
<p:separator/>
|
||||
<p:menuitem id="m_factures_brouillon" value="Brouillons" icon="pi pi-pencil" outcome="/factures/brouillon" />
|
||||
<p:menuitem id="m_factures_emises" value="Émises" icon="pi pi-send" outcome="/factures/emises" />
|
||||
<p:menuitem id="m_factures_payees" value="Payées" icon="pi pi-check-circle" outcome="/factures/payees" />
|
||||
<p:menuitem id="m_factures_impayees" value="Impayées" icon="pi pi-exclamation-circle" outcome="/factures/impayees" />
|
||||
<p:menuitem id="m_factures_retard" value="En retard" icon="pi pi-clock" outcome="/factures/retard" />
|
||||
<p:separator/>
|
||||
<p:menuitem id="m_factures_conditions" value="Conditions de paiement" icon="pi pi-credit-card" outcome="/factures/conditions-paiement" />
|
||||
</p:submenu>
|
||||
|
||||
<p:submenu id="m_budget" label="Budgets" icon="pi pi-money-bill">
|
||||
<p:menuitem id="m_budget_liste" value="Tous les budgets" icon="pi pi-list" outcome="/budgets" />
|
||||
<p:menuitem id="m_budget_nouveau" value="Nouveau budget" icon="pi pi-plus" outcome="/budgets/nouveau" />
|
||||
<p:menuitem id="m_budget_suivi" value="Suivi budgétaire" icon="pi pi-chart-line" outcome="/budgets/suivi" />
|
||||
<p:menuitem id="m_budget_alertes" value="Alertes dépassement" icon="pi pi-exclamation-triangle" outcome="/budgets/alertes" />
|
||||
</p:submenu>
|
||||
|
||||
<!-- =============================================
|
||||
GESTION DES RESSOURCES HUMAINES
|
||||
============================================= -->
|
||||
<p:submenu id="m_employes" label="Employés" icon="pi pi-id-card">
|
||||
<p:menuitem id="m_employes_liste" value="Tous les employés" icon="pi pi-list" outcome="/employes" />
|
||||
<p:menuitem id="m_employes_nouveau" value="Nouvel employé" icon="pi pi-user-plus" outcome="/employes/nouveau" />
|
||||
<p:separator/>
|
||||
<p:menuitem id="m_employes_actifs" value="Actifs" icon="pi pi-check-circle" outcome="/employes/actifs" />
|
||||
<p:menuitem id="m_employes_disponibles" value="Disponibles" icon="pi pi-users" outcome="/employes/disponibles" />
|
||||
<p:menuitem id="m_employes_conges" value="En congés" icon="pi pi-calendar-minus" outcome="/employes/conges" />
|
||||
<p:menuitem id="m_employes_inactifs" value="Inactifs" icon="pi pi-times-circle" outcome="/employes/inactifs" />
|
||||
<p:separator/>
|
||||
<p:menuitem id="m_employes_competences" value="Compétences" icon="pi pi-star" outcome="/employes/competences" />
|
||||
<p:menuitem id="m_employes_fonctions" value="Fonctions" icon="pi pi-briefcase" outcome="/employes/fonctions" />
|
||||
<p:menuitem id="m_employes_disponibilites" value="Disponibilités" icon="pi pi-calendar" outcome="/employes/disponibilites" />
|
||||
</p:submenu>
|
||||
|
||||
<p:submenu id="m_equipes" label="Équipes" icon="pi pi-users">
|
||||
<p:menuitem id="m_equipes_liste" value="Toutes les équipes" icon="pi pi-list" outcome="/equipes" />
|
||||
<p:menuitem id="m_equipes_nouvelle" value="Nouvelle équipe" icon="pi pi-plus" outcome="/equipes/nouvelle" />
|
||||
<p:separator/>
|
||||
<p:menuitem id="m_equipes_actives" value="Équipes actives" icon="pi pi-check" outcome="/equipes/actives" />
|
||||
<p:menuitem id="m_equipes_disponibles" value="Disponibles" icon="pi pi-calendar-plus" outcome="/equipes/disponibles" />
|
||||
<p:menuitem id="m_equipes_specialites" value="Par spécialité" icon="pi pi-tags" outcome="/equipes/specialites" />
|
||||
</p:submenu>
|
||||
|
||||
<!-- =============================================
|
||||
GESTION DU MATÉRIEL
|
||||
============================================= -->
|
||||
<p:submenu id="m_materiels" label="Matériels" icon="pi pi-wrench">
|
||||
<p:menuitem id="m_materiels_liste" value="Inventaire complet" icon="pi pi-list" outcome="/materiels" />
|
||||
<p:menuitem id="m_materiels_nouveau" value="Nouveau matériel" icon="pi pi-plus" outcome="/materiels/nouveau" />
|
||||
<p:separator/>
|
||||
<p:menuitem id="m_materiels_disponibles" value="Disponibles" icon="pi pi-check" outcome="/materiels/disponibles" />
|
||||
<p:menuitem id="m_materiels_utilises" value="En utilisation" icon="pi pi-spin pi-spinner" outcome="/materiels/utilises" />
|
||||
<p:menuitem id="m_materiels_maintenance" value="En maintenance" icon="pi pi-cog" outcome="/materiels/maintenance-prevue" />
|
||||
<p:menuitem id="m_materiels_hors_service" value="Hors service" icon="pi pi-times-circle" outcome="/materiels/hors-service" />
|
||||
<p:separator/>
|
||||
<p:menuitem id="m_materiels_reservations" value="Réservations" icon="pi pi-calendar" outcome="/materiels/reservations" />
|
||||
<p:menuitem id="m_materiels_marques" value="Marques" icon="pi pi-tag" outcome="/materiels/marques" />
|
||||
<p:menuitem id="m_materiels_competences" value="Compétences requises" icon="pi pi-shield" outcome="/materiels/competences" />
|
||||
<p:menuitem id="m_materiels_tests_qualite" value="Tests qualité" icon="pi pi-check-square" outcome="/materiels/tests-qualite" />
|
||||
</p:submenu>
|
||||
|
||||
<!-- =============================================
|
||||
GESTION DES STOCKS
|
||||
============================================= -->
|
||||
<p:submenu id="m_stock" label="Stock" icon="pi pi-box">
|
||||
<p:menuitem id="m_stock_liste" value="Gestion du stock" icon="pi pi-list" outcome="/stock" />
|
||||
<p:menuitem id="m_stock_nouveau" value="Nouvel article" icon="pi pi-plus" outcome="/stock/nouveau" />
|
||||
<p:separator/>
|
||||
<p:menuitem id="m_stock_inventaire" value="Inventaire" icon="pi pi-check-square" outcome="/stock/inventaire" />
|
||||
<p:menuitem id="m_stock_categories" value="Catégories" icon="pi pi-sitemap" outcome="/stock/categories" />
|
||||
<p:menuitem id="m_stock_alertes" value="Alertes stock" icon="pi pi-exclamation-triangle" outcome="/stock/alertes" />
|
||||
<p:separator/>
|
||||
<p:menuitem id="m_stock_entrees" value="Entrées de stock" icon="pi pi-sign-in" outcome="/stock/entrees" />
|
||||
<p:menuitem id="m_stock_sorties" value="Sorties de stock" icon="pi pi-sign-out" outcome="/stock/sorties" />
|
||||
<p:separator/>
|
||||
<p:menuitem id="m_stock_unites_mesure" value="Unités de mesure" icon="pi pi-calculator" outcome="/stock/unites-mesure" />
|
||||
<p:menuitem id="m_stock_unites_prix" value="Unités de prix" icon="pi pi-euro" outcome="/stock/unites-prix" />
|
||||
</p:submenu>
|
||||
|
||||
<!-- =============================================
|
||||
GESTION DES FOURNISSEURS
|
||||
============================================= -->
|
||||
<p:submenu id="m_fournisseurs" label="Fournisseurs" icon="pi pi-shopping-bag">
|
||||
<p:menuitem id="m_fournisseurs_liste" value="Tous les fournisseurs" icon="pi pi-list" outcome="/fournisseurs" />
|
||||
<p:menuitem id="m_fournisseurs_nouveau" value="Nouveau fournisseur" icon="pi pi-plus" outcome="/fournisseurs/nouveau" />
|
||||
<p:separator/>
|
||||
<p:menuitem id="m_fournisseurs_actifs" value="Actifs" icon="pi pi-check-circle" outcome="/fournisseurs/actifs" />
|
||||
<p:menuitem id="m_fournisseurs_suspendus" value="Suspendus" icon="pi pi-pause" outcome="/fournisseurs/suspendus" />
|
||||
<p:separator/>
|
||||
<p:menuitem id="m_fournisseurs_catalogues" value="Catalogues" icon="pi pi-book" outcome="/fournisseurs/catalogues" />
|
||||
<p:menuitem id="m_fournisseurs_specialites" value="Spécialités" icon="pi pi-tags" outcome="/fournisseurs/specialites" />
|
||||
<p:menuitem id="m_fournisseurs_comparaison" value="Comparaison" icon="pi pi-chart-bar" outcome="/fournisseurs/comparaison" />
|
||||
<p:menuitem id="m_fournisseurs_materiels" value="Matériels fournis" icon="pi pi-wrench" outcome="/fournisseurs/materiels" />
|
||||
</p:submenu>
|
||||
|
||||
<p:submenu id="m_bon_commande" label="Bons de commande" icon="pi pi-shopping-cart">
|
||||
<p:menuitem id="m_bon_commande_liste" value="Tous les bons" icon="pi pi-list" outcome="/bon-commande" />
|
||||
<p:menuitem id="m_bon_commande_nouveau" value="Nouveau bon" icon="pi pi-plus" outcome="/bon-commande/nouveau" />
|
||||
<p:separator/>
|
||||
<p:menuitem id="m_bon_commande_brouillon" value="Brouillons" icon="pi pi-pencil" outcome="/bon-commande/brouillon" />
|
||||
<p:menuitem id="m_bon_commande_valides" value="Validés" icon="pi pi-check" outcome="/bon-commande/valides" />
|
||||
<p:menuitem id="m_bon_commande_envoyes" value="Envoyés" icon="pi pi-send" outcome="/bon-commande/envoyes" />
|
||||
<p:menuitem id="m_bon_commande_recus" value="Reçus" icon="pi pi-inbox" outcome="/bon-commande/recus" />
|
||||
<p:menuitem id="m_bon_commande_annules" value="Annulés" icon="pi pi-times" outcome="/bon-commande/annules" />
|
||||
<p:separator/>
|
||||
<p:menuitem id="m_bon_commande_livraisons" value="Livraisons" icon="pi pi-truck" outcome="/bon-commande/livraisons" />
|
||||
</p:submenu>
|
||||
|
||||
<!-- =============================================
|
||||
PLANNING ET RÉSERVATIONS
|
||||
============================================= -->
|
||||
<p:submenu id="m_planning" label="Planning" icon="pi pi-calendar">
|
||||
<p:menuitem id="m_planning_calendrier" value="Calendrier général" icon="pi pi-calendar" outcome="/planning/calendrier" />
|
||||
<p:menuitem id="m_planning_nouveau" value="Nouvel événement" icon="pi pi-plus" outcome="/planning/nouveau" />
|
||||
<p:separator/>
|
||||
<p:menuitem id="m_planning_chantiers" value="Planning chantiers" icon="pi pi-building" outcome="/planning/chantiers" />
|
||||
<p:menuitem id="m_planning_materiel" value="Planning matériel" icon="pi pi-wrench" outcome="/planning/materiel" />
|
||||
<p:menuitem id="m_planning_equipes" value="Planning équipes" icon="pi pi-users" outcome="/planning/equipes" />
|
||||
<p:separator/>
|
||||
<p:menuitem id="m_planning_evenements" value="Événements" icon="pi pi-calendar-plus" outcome="/planning/evenements" />
|
||||
<p:menuitem id="m_planning_rappels" value="Rappels" icon="pi pi-bell" outcome="/planning/rappels" />
|
||||
<p:menuitem id="m_planning_vues" value="Vues personnalisées" icon="pi pi-eye" outcome="/planning/vues" />
|
||||
</p:submenu>
|
||||
|
||||
<!-- =============================================
|
||||
MAINTENANCE
|
||||
============================================= -->
|
||||
<p:submenu id="m_maintenance" label="Maintenance" icon="pi pi-cog">
|
||||
<p:menuitem id="m_maintenance_liste" value="Toutes les maintenances" icon="pi pi-list" outcome="/maintenance" />
|
||||
<p:menuitem id="m_maintenance_nouvelle" value="Nouvelle maintenance" icon="pi pi-plus" outcome="/maintenance/nouveau" />
|
||||
<p:separator/>
|
||||
<p:menuitem id="m_maintenance_preventive" value="Préventive" icon="pi pi-shield" outcome="/maintenance/preventive" />
|
||||
<p:menuitem id="m_maintenance_corrective" value="Corrective" icon="pi pi-exclamation-triangle" outcome="/maintenance/corrective" />
|
||||
<p:menuitem id="m_maintenance_urgente" value="Urgente" icon="pi pi-bolt" outcome="/maintenance/urgente" />
|
||||
<p:separator/>
|
||||
<p:menuitem id="m_maintenance_planifiees" value="Planifiées" icon="pi pi-calendar" outcome="/maintenance/planifiees" />
|
||||
<p:menuitem id="m_maintenance_en_cours" value="En cours" icon="pi pi-spin pi-spinner" outcome="/maintenance/en-cours" />
|
||||
<p:menuitem id="m_maintenance_terminees" value="Terminées" icon="pi pi-check-circle" outcome="/maintenance/terminees" />
|
||||
<p:menuitem id="m_maintenance_en_retard" value="En retard" icon="pi pi-clock" outcome="/maintenance/en-retard" />
|
||||
</p:submenu>
|
||||
|
||||
<!-- =============================================
|
||||
DOCUMENTS
|
||||
============================================= -->
|
||||
<p:submenu id="m_documents" label="Documents" icon="pi pi-file">
|
||||
<p:menuitem id="m_documents_liste" value="Tous les documents" icon="pi pi-list" outcome="/documents" />
|
||||
<p:menuitem id="m_documents_nouveau" value="Nouveau document" icon="pi pi-upload" outcome="/documents/nouveau" />
|
||||
<p:separator/>
|
||||
<p:menuitem id="m_documents_contrats" value="Contrats" icon="pi pi-file-edit" outcome="/documents/contrats" />
|
||||
<p:menuitem id="m_documents_plans" value="Plans" icon="pi pi-map" outcome="/documents/plans" />
|
||||
<p:menuitem id="m_documents_factures_docs" value="Factures" icon="pi pi-file-pdf" outcome="/documents/factures" />
|
||||
<p:menuitem id="m_documents_devis_docs" value="Devis" icon="pi pi-file-edit" outcome="/documents/devis" />
|
||||
<p:menuitem id="m_documents_rapports" value="Rapports" icon="pi pi-chart-bar" outcome="/documents/rapports" />
|
||||
<p:menuitem id="m_documents_autres" value="Autres" icon="pi pi-folder" outcome="/documents/autres" />
|
||||
</p:submenu>
|
||||
|
||||
<!-- =============================================
|
||||
RAPPORTS ET ANALYSES
|
||||
============================================= -->
|
||||
<p:submenu id="m_rapports" label="Rapports" icon="pi pi-chart-bar">
|
||||
<p:menuitem id="m_rapports_tableau_bord" value="Tableau de bord" icon="pi pi-chart-line" outcome="/rapports/tableau-bord" />
|
||||
<p:separator/>
|
||||
<p:menuitem id="m_rapports_ca" value="Chiffre d'affaires" icon="pi pi-dollar" outcome="/rapports/ca" />
|
||||
<p:menuitem id="m_rapports_rentabilite" value="Rentabilité" icon="pi pi-chart-line" outcome="/rapports/rentabilite" />
|
||||
<p:menuitem id="m_rapports_marge" value="Analyse des marges" icon="pi pi-percentage" outcome="/rapports/marge" />
|
||||
<p:separator/>
|
||||
<p:menuitem id="m_rapports_chantiers" value="Rapports chantiers" icon="pi pi-building" outcome="/rapports/chantiers" />
|
||||
<p:menuitem id="m_rapports_clients" value="Rapports clients" icon="pi pi-users" outcome="/rapports/clients" />
|
||||
<p:menuitem id="m_rapports_equipes" value="Rapports équipes" icon="pi pi-id-card" outcome="/rapports/equipes" />
|
||||
<p:menuitem id="m_rapports_materiels" value="Utilisation matériel" icon="pi pi-wrench" outcome="/rapports/materiels" />
|
||||
<p:separator/>
|
||||
<p:menuitem id="m_rapports_personnalises" value="Rapports personnalisés" icon="pi pi-sliders-h" outcome="/rapports/personnalises" />
|
||||
<p:menuitem id="m_rapports_export" value="Exports" icon="pi pi-download" outcome="/rapports/export" />
|
||||
</p:submenu>
|
||||
|
||||
<!-- =============================================
|
||||
COMMUNICATION
|
||||
============================================= -->
|
||||
<p:submenu id="m_notifications" label="Notifications" icon="pi pi-bell">
|
||||
<p:menuitem id="m_notifications_liste" value="Toutes" icon="pi pi-list" outcome="/notifications" />
|
||||
<p:menuitem id="m_notifications_non_lues" value="Non lues" icon="pi pi-envelope" outcome="/notifications/non-lues" />
|
||||
<p:menuitem id="m_notifications_recentes" value="Récentes" icon="pi pi-clock" outcome="/notifications/recentes" />
|
||||
<p:menuitem id="m_notifications_importantes" value="Importantes" icon="pi pi-star" outcome="/notifications/importantes" />
|
||||
<p:separator/>
|
||||
<p:menuitem id="m_notifications_parametres" value="Paramètres" icon="pi pi-cog" outcome="/notifications/parametres" />
|
||||
<p:menuitem id="m_notifications_statistiques" value="Statistiques" icon="pi pi-chart-pie" outcome="/notifications/statistiques" />
|
||||
</p:submenu>
|
||||
|
||||
<p:submenu id="m_messages" label="Messages" icon="pi pi-comments">
|
||||
<p:menuitem id="m_messages_liste" value="Boîte de réception" icon="pi pi-inbox" outcome="/messages" />
|
||||
<p:menuitem id="m_messages_nouveau" value="Nouveau message" icon="pi pi-plus" outcome="/messages/nouveau" />
|
||||
<p:separator/>
|
||||
<p:menuitem id="m_messages_non_lus" value="Non lus" icon="pi pi-envelope" outcome="/messages/non-lus" />
|
||||
<p:menuitem id="m_messages_envoyes" value="Messages envoyés" icon="pi pi-send" outcome="/messages/envoyes" />
|
||||
<p:menuitem id="m_messages_brouillons" value="Brouillons" icon="pi pi-pencil" outcome="/messages/brouillons" />
|
||||
<p:menuitem id="m_messages_archives" value="Archivés" icon="pi pi-archive" outcome="/messages/archives" />
|
||||
<p:menuitem id="m_messages_corbeille" value="Corbeille" icon="pi pi-trash" outcome="/messages/corbeille" />
|
||||
</p:submenu>
|
||||
|
||||
<!-- =============================================
|
||||
ADMINISTRATION
|
||||
============================================= -->
|
||||
<p:submenu id="m_utilisateurs" label="Utilisateurs" icon="pi pi-user">
|
||||
<p:menuitem id="m_utilisateurs_liste" value="Tous les utilisateurs" icon="pi pi-list" outcome="/utilisateurs" />
|
||||
<p:menuitem id="m_utilisateurs_nouveau" value="Nouvel utilisateur" icon="pi pi-user-plus" outcome="/utilisateurs/nouveau" />
|
||||
<p:separator/>
|
||||
<p:menuitem id="m_utilisateurs_roles" value="Rôles" icon="pi pi-shield" outcome="/utilisateurs/roles" />
|
||||
<p:menuitem id="m_utilisateurs_permissions" value="Permissions" icon="pi pi-key" outcome="/utilisateurs/permissions" />
|
||||
<p:menuitem id="m_utilisateurs_abonnements" value="Abonnements" icon="pi pi-credit-card" outcome="/utilisateurs/abonnements" />
|
||||
</p:submenu>
|
||||
|
||||
<p:submenu id="m_parametres" label="Paramètres" icon="pi pi-cog">
|
||||
<p:menuitem id="m_parametres_generaux" value="Paramètres généraux" icon="pi pi-sliders-h" outcome="/parametres/generaux" />
|
||||
<p:menuitem id="m_parametres_entreprise" value="Informations entreprise" icon="pi pi-building" outcome="/parametres/entreprise" />
|
||||
<p:menuitem id="m_parametres_facturation" value="Facturation" icon="pi pi-dollar" outcome="/parametres/facturation" />
|
||||
<p:menuitem id="m_parametres_notifications" value="Notifications" icon="pi pi-bell" outcome="/parametres/notifications" />
|
||||
<p:menuitem id="m_parametres_securite" value="Sécurité" icon="pi pi-lock" outcome="/parametres/securite" />
|
||||
<p:menuitem id="m_parametres_integrations" value="Intégrations" icon="pi pi-link" outcome="/parametres/integrations" />
|
||||
</p:submenu>
|
||||
|
||||
<!-- =============================================
|
||||
MENU UTILISATEUR
|
||||
============================================= -->
|
||||
<p:separator/>
|
||||
<p:menuitem id="m_profile" value="Mon profil" icon="pi pi-user" outcome="/profile" />
|
||||
<p:menuitem id="m_documentation" value="Documentation" icon="pi pi-book" outcome="/documentation" />
|
||||
<p:menuitem id="m_aide" value="Aide et support" icon="pi pi-question-circle" outcome="/aide" />
|
||||
</fr:menu>
|
||||
</h:form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</ui:composition>
|
||||
|
||||
|
||||
@@ -1,59 +1,57 @@
|
||||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"
|
||||
xmlns:h="http://java.sun.com/jsf/html"
|
||||
xmlns:f="http://java.sun.com/jsf/core"
|
||||
xmlns:ui="http://java.sun.com/jsf/facelets"
|
||||
xmlns:p="http://primefaces.org/ui"
|
||||
lang="fr">
|
||||
|
||||
<h:head>
|
||||
<f:facet name="first">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"/>
|
||||
<meta name="apple-mobile-web-app-capable" content="yes" />
|
||||
<link rel="icon" href="#{request.contextPath}/resources/freya-layout/images/favicon.ico" type="image/x-icon"></link>
|
||||
</f:facet>
|
||||
<title><ui:insert name="title">BTP Xpress - Gestion de Projets BTP</ui:insert></title>
|
||||
|
||||
<h:outputStylesheet name="theme.css" library="primefaces-freya-#{guestPreferences.componentTheme}-#{guestPreferences.darkMode}"/>
|
||||
|
||||
<h:outputStylesheet name="css/primeicons.css" library="freya-layout" />
|
||||
<h:outputStylesheet name="css/primeflex.min.css" library="freya-layout" />
|
||||
<h:outputStylesheet name="css/#{guestPreferences.layout}.css" library="freya-layout" />
|
||||
<h:outputStylesheet name="css/custom-topbar.css" />
|
||||
|
||||
<h:outputScript name="js/layout.js" library="freya-layout" />
|
||||
<h:outputScript name="js/prism.js" library="freya-layout"/>
|
||||
<ui:insert name="head"/>
|
||||
</h:head>
|
||||
|
||||
<h:body styleClass="#{guestPreferences.inputStyleClass}">
|
||||
<div class="layout-wrapper layout-topbar-#{guestPreferences.topbarTheme} layout-menu-#{guestPreferences.menuTheme} #{guestPreferences.menuMode}" >
|
||||
<ui:include src="./topbar.xhtml"/>
|
||||
|
||||
<ui:include src="./rightpanel.xhtml"/>
|
||||
<ui:include src="./config.xhtml" />
|
||||
|
||||
<div class="layout-main">
|
||||
<div class="layout-content">
|
||||
<ui:insert name="content"/>
|
||||
</div>
|
||||
<ui:include src="./footer.xhtml"/>
|
||||
</div>
|
||||
|
||||
<p:ajaxStatus style="width:32px;height:32px;position:fixed;right:7px;bottom:7px">
|
||||
<f:facet name="start">
|
||||
<i class="pi pi-spin pi-spinner ajax-loader" aria-hidden="true"/>
|
||||
</f:facet>
|
||||
|
||||
<f:facet name="complete">
|
||||
<h:outputText value="" />
|
||||
</f:facet>
|
||||
</p:ajaxStatus>
|
||||
<div class="layout-mask modal-in"></div>
|
||||
</div>
|
||||
</h:body>
|
||||
|
||||
</html>
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"
|
||||
xmlns:h="http://java.sun.com/jsf/html"
|
||||
xmlns:f="http://java.sun.com/jsf/core"
|
||||
xmlns:ui="http://java.sun.com/jsf/facelets"
|
||||
xmlns:p="http://primefaces.org/ui"
|
||||
lang="fr">
|
||||
|
||||
<h:head>
|
||||
<f:facet name="first">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"/>
|
||||
<meta name="apple-mobile-web-app-capable" content="yes" />
|
||||
<link rel="icon" href="#{resource['freya-layout:images/favicon.ico']}" type="image/x-icon"></link>
|
||||
</f:facet>
|
||||
<title><ui:insert name="title">BTP Xpress - Gestion de Projets BTP</ui:insert></title>
|
||||
<h:outputScript name="js/custom-menu.js" />
|
||||
<h:outputScript name="js/layout.js" library="freya-layout" />
|
||||
<h:outputScript name="js/prism.js" library="freya-layout"/>
|
||||
<ui:insert name="head"/>
|
||||
</h:head>
|
||||
|
||||
<h:body styleClass="#{guestPreferences.inputStyleClass}">
|
||||
<div class="layout-wrapper layout-topbar-#{guestPreferences.topbarTheme} layout-menu-#{guestPreferences.menuTheme} #{guestPreferences.menuMode}" >
|
||||
<ui:include src="./topbar.xhtml"/>
|
||||
|
||||
<ui:include src="./rightpanel.xhtml"/>
|
||||
<ui:include src="./config.xhtml" />
|
||||
|
||||
<div class="layout-main">
|
||||
<div class="layout-content">
|
||||
<ui:insert name="content"/>
|
||||
</div>
|
||||
<ui:include src="./footer.xhtml"/>
|
||||
</div>
|
||||
|
||||
<p:ajaxStatus style="width:32px;height:32px;position:fixed;right:7px;bottom:7px">
|
||||
<f:facet name="start">
|
||||
<i class="pi pi-spin pi-spinner ajax-loader" aria-hidden="true"/>
|
||||
</f:facet>
|
||||
|
||||
<f:facet name="complete">
|
||||
<h:outputText value="" />
|
||||
</f:facet>
|
||||
</p:ajaxStatus>
|
||||
<div class="layout-mask modal-in"></div>
|
||||
</div>
|
||||
<h:outputStylesheet name="css/primeicons.css" library="freya-layout" />
|
||||
<h:outputStylesheet name="css/primeflex.min.css" library="freya-layout" />
|
||||
<h:outputStylesheet name="css/#{guestPreferences.layout}.css" library="freya-layout" />
|
||||
<h:outputStylesheet name="css/custom-topbar.css" />
|
||||
<h:outputStylesheet name="css/custom-dashboard.css" />
|
||||
</h:body>
|
||||
|
||||
</html>
|
||||
|
||||
|
||||
@@ -0,0 +1,88 @@
|
||||
/**
|
||||
* Script personnalisé pour gérer l'expansion des sous-menus Freya
|
||||
* et ajouter les polyfills jQuery manquants
|
||||
*/
|
||||
|
||||
// Polyfill pour $.isFunction (retiré de jQuery 3.5+)
|
||||
if (typeof jQuery !== 'undefined' && typeof jQuery.isFunction === 'undefined') {
|
||||
jQuery.isFunction = function(obj) {
|
||||
return typeof obj === 'function';
|
||||
};
|
||||
console.log('✅ jQuery.isFunction polyfill ajouté');
|
||||
}
|
||||
|
||||
document.addEventListener('DOMContentLoaded', function() {
|
||||
console.log('🔧 Custom menu script loaded');
|
||||
|
||||
// Attendre que le DOM soit complètement chargé
|
||||
setTimeout(function() {
|
||||
setupFreyaMenuHandlers();
|
||||
}, 100);
|
||||
});
|
||||
|
||||
function setupFreyaMenuHandlers() {
|
||||
console.log('🔧 Setting up Freya menu handlers');
|
||||
|
||||
// Trouver tous les liens de sous-menu (ceux qui ont un <ul> enfant)
|
||||
var menuLinks = document.querySelectorAll('.layout-menu-container li > a');
|
||||
|
||||
console.log('🔧 Found ' + menuLinks.length + ' menu links');
|
||||
|
||||
menuLinks.forEach(function(link) {
|
||||
// Vérifier si ce lien a un ul enfant (donc c'est un submenu)
|
||||
var parentLi = link.parentElement;
|
||||
var submenuUl = parentLi.querySelector('ul');
|
||||
|
||||
if (submenuUl) {
|
||||
console.log('🔧 Found submenu for:', link.textContent.trim());
|
||||
|
||||
// Ajouter un event listener sur le lien
|
||||
link.addEventListener('click', function(e) {
|
||||
// Vérifier si le clic est sur l'icône toggler ou sur le lien lui-même
|
||||
var toggleIcon = link.querySelector('.layout-submenu-toggler');
|
||||
|
||||
if (toggleIcon) {
|
||||
e.preventDefault();
|
||||
e.stopPropagation();
|
||||
|
||||
console.log('🔧 Toggling submenu:', link.textContent.trim());
|
||||
|
||||
// Toggle la classe active sur le <li>
|
||||
parentLi.classList.toggle('active-menuitem');
|
||||
|
||||
// Toggle la visibilité du ul
|
||||
if (submenuUl.style.display === 'block') {
|
||||
submenuUl.style.display = 'none';
|
||||
parentLi.classList.remove('active-menuitem');
|
||||
} else {
|
||||
submenuUl.style.display = 'block';
|
||||
parentLi.classList.add('active-menuitem');
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
// Ajouter aussi un listener direct sur l'icône toggle
|
||||
var toggleIcon = link.querySelector('.layout-submenu-toggler');
|
||||
if (toggleIcon) {
|
||||
toggleIcon.addEventListener('click', function(e) {
|
||||
e.preventDefault();
|
||||
e.stopPropagation();
|
||||
|
||||
console.log('🔧 Toggle icon clicked');
|
||||
|
||||
// Toggle la classe active
|
||||
parentLi.classList.toggle('active-menuitem');
|
||||
|
||||
// Toggle l'affichage
|
||||
if (submenuUl.style.display === 'block') {
|
||||
submenuUl.style.display = 'none';
|
||||
} else {
|
||||
submenuUl.style.display = 'block';
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
console.log('🔧 Menu handlers setup complete');
|
||||
}
|
||||
Reference in New Issue
Block a user