TrizRis/src/main/webapp/WEB-INF/layout/sections/menu.xhtml

<ui:composition 
    xmlns="http://www.w3.org/1999/xhtml"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:p="http://primefaces.org/ui"
    xmlns:pu="http://primefaces.org/ultima">

    <h:form id="layoutMenuForm">

        <style>
            #layoutMenuForm .layout-menu-wrapper,
            #layoutMenuForm .layout-menu-container {
                background-color: #0D1B2E !important;
            }

            #layoutMenuForm .layout-menu ul.layout-submenu,
            #layoutMenuForm .layout-menu ul,
            #layoutMenuForm .layout-menu li ul {
                background-color: #0D1B2E !important;
            }

            #layoutMenuForm .layout-menu a,
            #layoutMenuForm .layout-menu .layout-menuitem-text,
            #layoutMenuForm .layout-menu .layout-menuitem-root-text,
            #layoutMenuForm .layout-menu .layout-menuitem-link {
                color: #94A3B8 !important;
            }

            #layoutMenuForm .layout-menu a i,
            #layoutMenuForm .layout-menu .layout-menuitem-link i {
                color: #FFFFFF !important;
            }

            #layoutMenuForm .layout-menu a:hover,
            #layoutMenuForm .layout-root-menuitem > a:hover,
            #layoutMenuForm .layout-menu li a:hover {
                background-color: rgba(13, 148, 136, 0.15) !important;
            }

            #layoutMenuForm .layout-menu a:hover,
            #layoutMenuForm .layout-menu a:hover .layout-menuitem-text,
            #layoutMenuForm .layout-menu a:hover .layout-menuitem-root-text,
            #layoutMenuForm .layout-menu a:hover .layout-menuitem-link,
            #layoutMenuForm .layout-menu a:hover i {
                color: #0D9488 !important;
            }

            #layoutMenuForm .layout-menu li.active-menuitem > a,
            #layoutMenuForm .layout-menu a.router-link-active {
                background-color: rgba(13, 148, 136, 0.35) !important;
                color: #FFFFFF !important;
            }

            #layoutMenuForm .layout-menu li.active-menuitem > a .layout-menuitem-text,
            #layoutMenuForm .layout-menu a.router-link-active .layout-menuitem-text {
                color: #FFFFFF !important;
            }

            /* MODIF : petit trait gris pour délimiter visuellement la frontière topbar / menu */
            #layoutMenuForm .layout-menu-wrapper {
                position: fixed !important;
                top: var(--app-topbar-height, 70px) !important;
                left: 0;
                height: calc(100vh - var(--app-topbar-height, 70px)) !important;
                overflow-y: auto !important;
                z-index: 999;
                border-top: 1px solid rgba(255, 255, 255, 0.12) !important;
            }

        </style>

        <p:tooltip globalSelector=".layout-menu-slim .layout-root-menuitem > a, .layout-menu-slim .layout-inline-menu-action-item > a, .layout-menu-slim .layout-inline-menu-action"
                   showEvent="mouseenter" hideEvent="mouseleave" styleClass="layout-menu-tooltip" />

        <div class="layout-menu-wrapper">
            <div class="layout-menu-container">
                <ui:fragment rendered="#{app.isTopInlineMenu() or app.isBothInlineMenu()}">
                    <ui:include src="inlinemenu.xhtml" />
                </ui:fragment>

                <pu:menu widgetVar="layoutMenuWidget">

                    <!-- DASHBOARD -->
                    <p:submenu id="m_dashboard"
                               label=""
                               rendered="#{utilControleAccess.isshow1('accueil')}">

                        <p:menuitem id="m_dashboardsales"
                                    value="Statistique"
                                    icon="pi pi-chart-bar"
                                    url="#{request.contextPath}/favorites/dashboard.xhtml"
                                    rendered="#{utilControleAccess.isshowPrivilegeAdd('accueil')}" />

                    </p:submenu>


                    <!-- FLUX PATIENT -->
                    <p:submenu id="m_donnee"
                               label="Flux Patient"
                               icon="pi pi-fw pi-database"
                               rendered="#{utilControleAccess.isshow1('rdv')
                                           or utilControleAccess.isshow1('attente')
                                           or utilControleAccess.isshow1('exam')
                                           or utilControleAccess.isshow1('dossier')}">

                        <p:menuitem id="m_rendez_vous"
                                    value="Rendez-vous"
                                    icon="pi pi-calendar"
                                    url="#{request.contextPath}/views/client/listeClient.xhtml?idpage=Suivis_flotte"
                                    rendered="#{utilControleAccess.isshowPrivilegeAdd('rdv')}" />

                        <p:menuitem id="m_file_attente"
                                    value="File d’attente"
                                    icon="pi pi-users"
                                    url="#{request.contextPath}/views/secteur/list.xhtml?idpage=Suivis_flotte"
                                    rendered="#{utilControleAccess.isshowPrivilegeAdd('attente')}" />

                        <p:menuitem id="m_examen"
                                    value="Examens"
                                    icon="pi pi-heart"
                                    url="#{request.contextPath}/views/secteur/list.xhtml?idpage=Suivis_flotte"
                                    rendered="#{utilControleAccess.isshowPrivilegeAdd('exam')}" />

                        <p:menuitem id="m_dossier_patients"
                                    value="Dossier patients"
                                    icon="pi pi-id-card"
                                    url="#{request.contextPath}/views/client/listeClient.xhtml?idpage=Suivis_flotte"
                                    rendered="#{utilControleAccess.isshowPrivilegeAdd('dossier')}" />

                    </p:submenu>


                    <!-- SYSTEME -->
                    <p:submenu id="m_Traitement"
                               label="Système"
                               icon="pi pi-arrow-right-arrow-left"
                               rendered="#{utilControleAccess.isshow1('pacs')
                                           or utilControleAccess.isshow1('param')}">

                        <p:menuitem id="m_Tiersmouvement"
                                    value="DICOM / PACS"
                                    icon="pi pi-database"
                                    url="#{request.contextPath}/views/client/listeClient.xhtml?idpage=Suivis_flotte"
                                    rendered="#{utilControleAccess.isshowPrivilegeAdd('pacs')}" />

                        <p:menuitem id="m_Tiersletterage"
                                    value="Paramètres"
                                    icon="pi pi-cog"
                                    url="#{request.contextPath}/views/client/listeClient.xhtml?idpage=Suivis_flotte"
                                    rendered="#{utilControleAccess.isshowPrivilegeAdd('param')}" />

                    </p:submenu>


                    <!-- ADMINISTRATION -->
                    <p:submenu id="m_admin"
                               label="Administration"
                               icon="pi pi-cog"
                               rendered="#{utilControleAccess.isshow1('users')
                                           or utilControleAccess.isshow1('medecins')
                                           or utilControleAccess.isshow1('groupes')}">

                        <p:menuitem id="m_utilisateurs"
                                    value="Utilisateurs &amp; Audit"
                                    icon="pi pi-shield"
                                    url="#{request.contextPath}/views/user/list.xhtml?idpage=Suivis_flotte"
                                    rendered="#{utilControleAccess.isshowPrivilegeAdd('users')}" />

                        <p:menuitem id="m_medecins"
                                    value="Médecins"
                                    icon="pi pi-user"
                                    url="#{request.contextPath}/views/medecin/list.xhtml?idpage=Suivis_flotte"
                                    rendered="#{utilControleAccess.isshowPrivilegeAdd('medecins')}" />

                        <p:menuitem id="m_groupes"
                                    value="Groupes et fonctionnalités"
                                    icon="pi pi-lock"
                                    url="#{request.contextPath}/views/groupe/list.xhtml?idpage=Suivis_flotte"
                                    rendered="#{utilControleAccess.isshowPrivilegeAdd('groupes')}" />

                    </p:submenu>
                </pu:menu>
                <ui:fragment rendered="#{app.isBottomInlineMenu() or app.isBothInlineMenu()}">
                    <ui:include src="inlinemenu.xhtml" />
                </ui:fragment>
            </div>
        </div>
    </h:form>
</ui:composition>