templates/include/menu.html.twig line 1

Open in your IDE?
  1. {% set help = '/files/help/help_demandeur.pdf' %}
  3. {% block stylesheets %}
  4.     <link rel="stylesheet" href="{{ asset('/css/custom/style-menu.css') }}">
  5.     <link rel="stylesheet" href="{{ asset('/css/custom/switch-language.css') }}">
  6.       <link rel="stylesheet" href="{{ asset('/css/menu.css') }}">
  7.  
  8. {% endblock %}
  10. {% if app.user %}
  12.     <div class="container-fluid fixed-top px-0 wow fadeIn bg-white" data-wow-delay="0.1s" id="menu-log-in">
  13.         <nav class="navbar navbar-expand-lg fixed-top navbar-light py-lg-0 px-lg-5 wow fadeIn bg-white" data-wow-delay="0.1s" id="nav" >
  14.             <div class="logo">
  15.                 <a href="{{ path('front') }}" class="navbar-brand ms-4 ms-lg-0">
  16.                     <img src="{{ asset('css/front/img/igppfinallogo/logo-fr.png') }}">
  17.                 </a>
  18.             </div>
  19.             <div class="mobile-menu-nav">
  20.                 <li class="nav-item dropdown">
  21.                     <a href="#" class="dropdown-toggle dropbtn display-mobile" id="notif" style="padding: 10px 15px;" role="button" data-bs-toggle="dropdown" aria-expanded="false"><i class="fa-solid fa-bell"></i></a>
  22.                     {{ render( url('app_notification_list') ) }}
  23.                 </li> 
  24.                              {# <li class="nav-item dropdown">
  25.                                 <a href="#" class="nav-link dropdown-toggle dropbtn display-desktop notification-ring" id="notif" role="button" data-bs-toggle="dropdown" aria-expanded="false"><i class="fa-solid fa-bell" style="font-size: 25px;"></i></a>
  26.                                 {{ render( url('app_notification_list') ) }}
  27.                             </li> #}
  29.                 {% if 'ROLE_SUPER_ADMIN' in app.user.getRoles() %}
  30.                     {% set help = '/files/help/help_super-admin.pdf'  %}
  31.                 {% elseif 'ROLE_ADMIN' in app.user.getRoles() %}
  32.                     {% set help = '/files/help/help_admin.pdf'  %}
  33.                 {% elseif 'ROLE_RD' in app.user.getRoles() %}
  34.                     {% set help = '/files/help/help_responsable.pdf'  %}
  35.                 {% endif %}
  36.                              <a href="{{ asset( help ) }}" target="_blank" id="help">
  37.                                 <i class="fa-solid fa-circle-info font-icon" ></i>
  38.                             </a>
  39.                              <div class="content-language-switch mobile">
  40.                                 <div class="switch" id="switch">
  41.                                     <input id="language-toggle" class="check-toggle check-toggle-round-flat" type="checkbox"
  42.                                            data-ar="{{ path('app_change_locale',{'_locale' : 'ar_TN'}) }}"
  43.                                            data-fr="{{ path('app_change_locale',{'_locale' : 'fr'}) }}"
  44.                                             {{ app.session.get('_locale') == 'ar_TN' ? 'checked="checked"' : ''  }}>
  45.                                     <label for="language-toggle"></label>
  46.                                     <span class="fr">FR</span>
  47.                                     <span class="ar">AR</span>
  49.                                 </div>
  50.                             </div>
  51.  
  52.                              <div class="d-flex user-profile">
  53.                            
  54.                                 <li class="nav-item dropdown user icon-name ">
  55.                                      {% if app.user.getPhoto() %}
  56.                                     <a class="img-profil marg_link dropdown-toggle dropbtn img" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false"><img src="{{ asset('PhotoUsers/' ~ app.user.getPhoto()) }}" alt=""></a>
  57.                                         
  58.                                     {% else %}
  59.                                     <a class="img-profil marg_link dropdown-toggle dropbtn img" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false"> <img src="{{ asset('images/default.png') }}" alt=""></a>
  61.                                     {% endif %}
  62.                                 
  63.                                     {% if app.user.getPrenom() %}
  64.                                     
  65.                                         <a class="nav-link dropdown-toggle dropbtn user" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
  66.                                             {{ app.user.getPrenom() }}
  67.                                             {{ app.user.getNom() }}
  68.                                         </a>
  69.                                         {# <button class="dropbtn">
  70.                                                 {{ app.user.getPrenom() }}
  71.                                                 {{ app.user.getNom() }}
  72.                                             </button> #}
  73.                                     {% else %}
  74.                                         <a class="nav-link dropdown-toggle dropbtn user" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
  75.                                             {{ app.user.getEmail() }}
  76.                                         </a>
  77.                                         {# <button class="dropbtn">{{ app.user.getEmail() }}</button> #}
  78.                                     {% endif %}
  79.                                     <ul class="dropdown-menu" aria-labelledby="navbarDropdown" id="dropdownUser">
  80.                                         <li>
  81.                                             <a class="dropdown-item" href="#">
  82.                                                 {{ app.user.getPrenom() }}
  83.                                                 {{ app.user.getNom() }}
  84.                                             </a>
  85.                                         </li>
  86.                                         <li><hr class="dropdown-divider"></li>
  87.                                         <li><a class="dropdown-item" href="{{ path('app_profil') }}"><i class="fa-solid fa-user"></i> {% trans %} profil {% endtrans %}</a></li>
  88.                                         <li><hr class="dropdown-divider"></li>
  89.                                         <li><a class="dropdown-item" href="{{ path('app_logout') }}"><i class="fa-solid fa-arrow-right-from-bracket"></i> {% trans %} se_deconnecter {% endtrans %}</a></li>
  90.                                     </ul>
  91.                                     {# <div class="dropdown-content">
  92.                                             <a href="{{ path('app_profil') }}">Modifier profil</a>
  93.                                             <a href="{{ path('app_logout') }}">Se déconnecter</a>
  94.                                         </div> #}
  95.                                 </li>
  96.                          </div> 
  97.                         
  98.                 <button type="button" class="navbar-toggler me-4" data-bs-toggle="collapse" data-bs-target="#navbarCollapse">
  99.                     <span class="navbar-toggler-icon"></span>
  100.                 </button>
  101.             </div>
  102.             <div class="collapse navbar-collapse" id="navbarCollapse">
  103.                 <div class="navbar-nav ms-auto col-md-12">
  104.                     <div class="row userdetails align-items-center">
  105.                         <div class="menu-top">
  106.                             <div class="navbar-collapse" id="navbarSupportedContent">
  107.                                 <ul class="navbar-nav me-auto mb-2 mb-lg-0 align-items-center justify-content-center" id="">
  108.                                     <li class="nav-item">
  109.                                         <a href="{{ path('front') }}" class="nav-link active"><i class="fa-solid fa-house-chimney"></i></a>
  110.                                     </li>
  111.                                         {% if 'ROLE_ADMIN' not in app.user.getRoles() and 'ROLE_RD' not in app.user.getRoles()  %}
  112.                                             <li class="nav-item">
  113.                                                 <a href="{{ ( app.user.getCompleted() ) ? path('app_demande_index') : 'javascript:void(0);' }}" class="{{ ( app.user.getCompleted() ) ? 'm-f nav-link' : 'disabled' }}" style="color: #0000008c">{% trans %} mes_demande {% endtrans %}</a>
  114.                                             </li>
  115.                                             <li class="nav-item dropdown">
  116.                                                 <a href="{{ ( app.user.getCompleted() ) ? path( 'app_reclamation_list', { 'type' : 'all', 'id' : 0 } ) : 'javascript:void(0);' }}" class="{{ ( app.user.getCompleted() ) ? 'm-f nav-link' : 'disabled'}}" style="color: #0000008c">{% trans %} mes_reclamation {% endtrans %}</a>
  117.                                             </li>
  118.                                             <li class="nav-item dropdown">
  119.                                                 <a href="{{ ( app.user.getCompleted() ) ? path('app_meeting') : 'javascript:void(0);' }}" class=" {{ (  app.user.getCompleted() ) ? 'm-f nav-link' : 'disabled' }}" style="color: #0000008c">{% trans %} mes_reunion {% endtrans %}</a>
  120.                                             </li>
  121.                                         {% else %}
  122.                                             <li class="nav-item dropdown">
  123.                                                 <a href="{{ ( app.user.getCompleted() ) ? path('admin_dashboard') : 'javascript:void(0);' }}" class="{{ ( app.user.getCompleted()) ? 'm-f nav-link' : 'disabled' }}" style="color: #0000008c">{% trans %} mon_espace {% endtrans %}</a>
  124.                                             </li>
  125.                                         {% endif %}
  126.                                               <div class="content-language-switch tablt-mobile ">
  127.                                 <div class="switch" id="switch">
  128.                                     <input id="language-toggle" class="check-toggle check-toggle-round-flat" type="checkbox"
  129.                                            data-ar="{{ path('app_change_locale',{'_locale' : 'ar_TN'}) }}"
  130.                                            data-fr="{{ path('app_change_locale',{'_locale' : 'fr'}) }}"
  131.                                             {{ app.session.get('_locale') == 'ar_TN' ? 'checked="checked"' : ''  }}>
  132.                                     <label for="language-toggle"></label>
  133.                                     <span class="fr">FR</span>
  134.                                     <span class="ar">AR</span>
  136.                                 </div>
  137.                             </div>
  138.                                 </ul>
  139.                             </div>
  140.                         </div>    
  141.                         
  142.                     </div>
  143.                 </div>
  144.             </div>
  145.         </nav>
  146.     </div>
  147. {% else %}
  148.     <div class="container-fluid fixed-top px-0 wow fadeIn" data-wow-delay="0.1s" id="menu-log-out">
  149.         <nav class="navbar navbar-expand-lg navbar-light py-lg-0 px-lg-5 wow fadeIn" data-wow-delay="0.1s">
  150.             <div class="logo">
  151.                 <a href="{{ path('front') }}" class="navbar-brand ms-4 ms-lg-0">
  152.                     <img src="{{ asset('css/front/img/igppfinallogo/logo-fr.png') }}">
  153.                 </a>
  154.             </div>
  155.               <span id="notif-lang-mobile">
  157.                  <a href="{{ asset( help ) }}" class="item_menu_center" target="_blank" id="help">   <i class="fa-solid fa-circle-info font-icon customNavs cnx desctop" ></i>   </a>
  158.                     <div class="content-language-switch item_menu_center cnx desctop " id="lang-switch">
  159.                         <div class="switch">
  160.                             <input id="language-toggle" class="check-toggle check-toggle-round-flat" type="checkbox"
  161.                                    data-ar="{{ path('app_change_locale',{'_locale' : 'ar_TN'}) }}"
  162.                                    data-fr="{{ path('app_change_locale',{'_locale' : 'fr'}) }}"
  163.                                     {{ app.session.get('_locale') == 'ar_TN' ? 'checked="checked"' : ''  }}>
  164.                             <label for="language-toggle"></label>
  165.                             <span class="fr">FR</span>
  166.                             <span class="ar">AR</span>
  167.                         </div>
  168.                      </div>
  169.               </span>
  170.             <button type="button" class="navbar-toggler me-4" data-bs-toggle="collapse" data-bs-target="#navbarCollapse">
  171.                 <span class="navbar-toggler-icon" style="margin-top :5px" ></span>
  172.             </button>
  173.            
  174.             <div class="collapse navbar-collapse" id="navbarCollapse">
  175.                 <div class="navbar-nav ms-auto col-md-12">
  176.                     <div class="style-menu ms-auto p-4 p-lg-0 "
  177.                     >
  178.                         <a href="{{ path('login') }}" class="nav-item nav-link main-btn">{% trans %} se_connecter {% endtrans %}</a>
  179.                         <a href="{{ path('app_register') }}" class="ml-5 nav-item nav-link second-btn">{% trans %} inscrire {% endtrans %}</a>
  180.                         
  181.                         <a href="{{ asset('/files/help/help_demandeur.pdf') }}" class="item_menu_center" target="_blank" id="help">   <i class="fa-solid fa-circle-info font-icon customNavs cnx  mobile" ></i>   </a>
  182.                      <div class="content-language-switch item_menu_center  cnx mobile" id="lang-switch">
  183.                         <div class="switch">
  184.                             <input id="language-toggle" class="check-toggle check-toggle-round-flat" type="checkbox"
  185.                                    data-ar="{{ path('app_change_locale',{'_locale' : 'ar_TN'}) }}"
  186.                                    data-fr="{{ path('app_change_locale',{'_locale' : 'fr'}) }}"
  187.                                     {{ app.session.get('_locale') == 'ar_TN' ? 'checked="checked"' : ''  }}>
  188.                             <label for="language-toggle"></label>
  189.                             <span class="fr">FR</span>
  190.                             <span class="ar">AR</span>
  191.                         </div>
  192.                      </div>
  193.                     </div>
  194.                   </div> 
  195.                 </div>
  196.  
  197.             </div>
  198.         </nav>
  199.     </div>
  200. {% endif %}