templates/partials/navbar.html.twig line 1

Open in your IDE?
  1. {% import "macros/macros.html.twig" as macros %}
  2. <nav class="w3-sidebar w3-collapse w3-white w3-animate-left" style="z-index:3;width:300px;height:100%" id="mySidebar"><br>
  3.     <div class="w3-container w3-row">
  4.         <div class="w3-col s4">
  5.             {% if app.user and app.user.member and app.user.member.informationMember.image %}
  6.                 {{macros.imageSmall(asset('uploads/'~ app.user.member.informationMember.image.name))}}
  7.             {% else %}
  8.                 <img src="{{ asset('img/avatar3.png') }}" class="w3-circle w3-card w3-margin-right" style="height:46px;width:46px">
  9.             {% endif %}
  10.         </div>
  11.         <div class="w3-col s8 w3-bar">
  12.             {% if app.user %}
  13.                 <span>Bienvenue
  14.                     <strong>
  15.                         {% if app.user.member %}
  16.                             {{ app.user.member.informationMember.firstName}}
  17.                         {% else %}
  18.                             {{app.user.username}}
  19.                         {% endif %}
  20.                     </strong>
  21.                 </span><br>
  22.                 <a href="{{ path('home') }}" class="w3-bar-item w3-button">
  23.                     {{macros.icon('fa fa-home')}}
  24.                 </a>
  25.                 <a href="{{ path('member_self_modify') }}" class="w3-bar-item w3-button">
  26.                     {{macros.icon('fas fa-user-edit')}}
  27.                 </a>
  28.                 <a href="{{ path('member_modify_password') }}" class="w3-bar-item w3-button ">
  29.                     {{macros.icon('fa fa-key')}}
  30.                 </a>
  31.             {% else %}
  32.                 <p class="w3-center w3-margin-right">
  33.                     Vous n'êtes pas encore connecté
  34.                 </p>
  35.             {% endif %}
  36.         </div>
  37.     </div>
  38.     <hr>
  40.     {% if app.user %}
  41.         <div class="w3-container">
  42.             <h5>Navigation</h5>
  43.         </div>
  44.         <div class="w3-bar-block">
  45.             <a href="{{ path('home') }}" class="w3-bar-item w3-button {% if route == 'home' %}w3-theme{% endif %}">
  46.                 {{macros.iconMargin('fa fa-home')}}
  47.                 Accueil</a>
  49.             <a href="{{ path('club_information') }}" class="w3-bar-item w3-button {% if route == 'club_information' %}w3-theme{% endif %}">
  50.                 {{macros.iconMargin('fa fa-info')}}
  51.                 Information club</a>
  53.             <a href="{{ path('member_my_information') }}" class="w3-bar-item w3-button {% if route == 'member_my_information' or route == 'member_modify' %}w3-theme{% endif %}">
  54.                 {{macros.iconMargin('fa fa-user')}}
  55.                 Mes informations</a>
  57.             <a {% if app.user.member %} href="{{ path('contribution_by_member', {"id": app.user.member.id} )}}" {% endif %} class="w3-bar-item w3-button {% if route == 'contribution_by_member' and app.user.member.id == id %}w3-theme{% endif %} {% if not app.user.member %} w3-disabled {% endif %}">
  58.                 {{macros.iconMargin('fas fa-euro-sign')}}
  59.                 Mes contributions
  60.             </a>
  62.             <a href="{{ path('outing_list') }}" class="w3-bar-item w3-button {% if route == 'outing_list' %}w3-theme{% endif %}">
  63.                 {{macros.iconMargin('fa fa-anchor')}}
  64.                 Liste des sorties</a>
  66.             <a href="{{ path('commission_list') }}" class="w3-bar-item w3-button {% if route == 'commission_list' %}w3-theme{% endif %}">
  67.                 {{macros.iconMargin('fas fa-user-friends')}}
  68.                 Liste des commissions</a>
  69.         </div>
  70.         <br>
  71.     {% else %}
  72.         <div class="w3-bar-block">
  73.             <p class="w3-bar-item w3-center">
  74.                 {{macros.iconMargin('fas fa-info-circle')}}
  75.                 <font class="w3-small">
  76.                     Connectez vous pour avoir accès aux fonctionalités
  77.                 </font>
  78.             </p>
  79.         </div>
  80.         <br>
  81.     {% endif %}
  82.     <div class="w3-bar-block w3-center">
  83.         <img src="{{ asset('img/logo_text.png') }}" class="w3-round" alt="logo with text">
  84.     </div>
  85.     {% if app.user %}
  86.         <br>
  87.         <div class="w3-bar-block">
  88.             <a href="{{ path('app_logout') }}" class="w3-bar-item w3-red w3-button">
  89.                 {{macros.iconMargin('fas fa-sign-out-alt')}}
  90.                 Déconnexion</a>
  91.         </div>
  92.         {% if is_granted('ROLE_ADMIN') %}
  93.             <hr>
  94.             <div id="adm" class="w3-container w3-center">
  95.                 <h4>Admin</h4>
  96.             </div>
  97.             <hr>
  98.             <div class="w3-container">
  99.                 <h5>Listes</h5>
  100.             </div>
  101.             <div class="w3-bar-block">
  102.                 <a href="{{ path('member_list') }}" class="w3-bar-item w3-button {% if route == 'member_list' %}w3-theme{% endif %}">
  103.                     {{macros.iconMargin('fa fa-users')}}
  104.                     Liste des adhérents</a>
  105.                 <a href="{{ path('contact_list') }}" class="w3-bar-item w3-button {% if route == 'contact_list' %}w3-theme{% endif %}">
  106.                     {{macros.iconMargin('fas fa-address-book')}}
  107.                     Liste des contacts</a>
  108.                 <a href="{{ path('contribution_list') }}" class="w3-bar-item w3-button {% if route == 'contribution_list' or (route == 'contribution_by_member' and  app.user.member.id != id) %}w3-theme{% endif %}">
  109.                     {{macros.iconMargin('fas fa-euro-sign')}}
  110.                     Liste des contributions</a>
  111.             </div>
  112.             <hr>
  113.             <div class="w3-container">
  114.                 <h5>Actions</h5>
  115.             </div>
  116.             <div class="w3-bar-block">
  117.                 <a href="#" class="w3-bar-item w3-button">
  118.                     {{macros.iconMargin('fa fa-paper-plane')}}
  119.                     Effectuer un mailing</a>
  120.                 <a href="#" class="w3-bar-item w3-button">
  121.                     {{macros.iconMargin('fas fa-file-pdf')}}
  122.                     Génération de pdf</a>
  123.             </div>
  124.             <hr>
  125.             <div class="w3-container">
  126.                 <h5>Ajouter</h5>
  127.             </div>
  128.             <div class="w3-bar-block">
  129.                 <a href="{{ path('member_add') }}" class="w3-bar-item w3-button {% if route == 'member_add' %}w3-theme{% endif %}">
  130.                     {{macros.iconMargin('fa fa-user-plus')}}
  131.                     Ajouter un adhérent</a>
  132.                 <a href="{{ path('contact_add') }}" class="w3-bar-item w3-button {% if route == 'contact_add' %}w3-theme{% endif %}">
  133.                     {{macros.iconMargin('fas fa-address-book')}}
  134.                     Ajouter un contact</a>
  135.                 <a href="{{ path('commission_add') }}" class="w3-bar-item w3-button {% if route == 'commission_add' %}w3-theme{% endif %}">
  136.                     {{macros.iconMargin('fas fa-user-friends')}}
  137.                     Ajouter une commission</a>
  138.                 <a href="{{ path('contribution_add') }}" class="w3-bar-item w3-button {% if route == 'contribution_add' %}w3-theme{% endif %}">
  139.                     {{macros.iconMargin('fas fa-euro-sign')}}
  140.                     Ajouter une contribution</a>
  141.                 <a href="{{ path('outing_add') }}" class="w3-bar-item w3-button {% if route == 'outing_add' %}w3-theme{% endif %}">
  142.                     {{macros.iconMargin('fa fa-anchor')}}
  143.                     Ajouter une sortie</a>
  144.             </div>
  145.             <hr>
  146.         {% endif %}
  147.         <br>
  148.         <br>
  149.         <br>
  150.     {% endif %}
  152. </nav><!-- Overlay effect when opening sidebar on small screens --><div class="w3-overlay w3-hide-large w3-animate-opacity" onclick="w3_close()" style="cursor:pointer" title="close side menu" id="myOverlay"></div>