templates/Global/header.html.twig line 1

Open in your IDE?
  1. <!-- start: header -->
  2. <header class="header">
  3.     <div class="logo-container">
  4.         <a href="../4.0.0" class="logo">
  5.             <img src="{{ asset('build/images/logo.png')}}" width="75" height="35" alt="Porto Admin" />
  6.         </a>
  7.         <div class="d-md-none toggle-sidebar-left" data-toggle-class="sidebar-left-opened" data-target="html" data-fire-event="sidebar-left-opened">
  8.             <i class="fas fa-bars" aria-label="Toggle sidebar"></i>
  9.         </div>
  10.     </div>
  11.     <!-- start: search & user box -->
  12.     <div class="header-right">
  13.      
  14.         <span class="separator"></span>
  15.         {% if is_granted('ROLE_ADMIN')%}
  16.         <ul class="notifications">
  17.             <li>
  18.                 <a href="#" class="dropdown-toggle notification-icon" data-bs-toggle="dropdown">
  19.                     <i class="bx bx-list-ol"></i>
  20.                     <span class="badge">3</span>
  21.                 </a>
  22.                 <div class="dropdown-menu notification-menu large">
  23.                     <div class="notification-title">
  24.                         <span class="float-end badge badge-default">3</span>
  25.                         Prestation
  26.                     </div>
  27.                     <div class="content">
  28.                         <ul>
  29.                             <li>
  30.                                 <p class="clearfix mb-1">
  31.                                     <span class="message float-start">Prestation Payée</span>
  32.                                     {% if services.getSumPrestation({'etat':'Total'})==0 %}
  33.                                         <span class="message float-end text-dark">{{ ((services.getSumPrestation({'etat':'Payer'})/1)*100)|format_number(style='percent')   }}</span>
  35.                                     {% else %}
  36.                                         <span class="message float-end text-dark">{{ ((services.getSumPrestation({'etat':'Payer'})/services.getSumPrestation({'etat':'Total'}))*100)|format_number(style='percent')   }}</span>
  37.                                     {% endif %}
  38.                                 </p>
  39.                                 <div class="progress progress-xs light">
  40.                                     {% if services.getSumPrestation({'etat':'Total'})==0 %}
  41.                                         <div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width:{{ (services.getSumPrestation({'etat':'Payer'})/1)*100 }}%;"></div>
  42.                                     {% else %}
  43.                                         <div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width:{{ (services.getSumPrestation({'etat':'Payer'})/services.getSumPrestation({'etat':'Total'}))*100 }}%;"></div>
  45.                                     {% endif %}
  46.                                 </div>
  47.                             </li>
  48.                             <li>
  49.                                 <p class="clearfix mb-1">
  50.                                     <span class="message float-start">Prestation validée</span>
  51.                                     {% if services.getSumPrestation({'etat':'Total'})==0 %}
  52.                                         <span class="message float-end text-dark">{{ ((services.getSumPrestation({'etat':'Valider'})/1)*100)|format_number(style='percent')   }}</span>
  54.                                     {% else %}
  55.                                         <span class="message float-end text-dark">{{ ((services.getSumPrestation({'etat':'Valider'})/services.getSumPrestation({'etat':'Total'}))*100)|format_number(style='percent')   }}</span>
  56.                                     {% endif %}                                </p>
  57.                                 <div class="progress progress-xs light">
  58.                                     {% if services.getSumPrestation({'etat':'Total'})==0 %}
  59.                                         <div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width:{{ (services.getSumPrestation({'etat':'Valider'})/1)*100 }}%;"></div>
  60.                                     {% else %}
  61.                                         <div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width:{{ (services.getSumPrestation({'etat':'Valider'})/services.getSumPrestation({'etat':'Total'}))*100 }}%;"></div>
  63.                                     {% endif %}                                </div>
  64.                             </li>
  65.                             <li>
  66.                                 <p class="clearfix mb-1">
  67.                                     <span class="message float-start">Prestation en cour</span>
  68.                                     {% if services.getSumPrestation({'etat':'Total'})==0 %}
  69.                                         <span class="message float-end text-dark">{{ ((services.getSumPrestation({'etat':'cour'})/1)*100)|format_number(style='percent')   }}</span>
  71.                                     {% else %}
  72.                                         <span class="message float-end text-dark">{{ ((services.getSumPrestation({'etat':'cour'})/services.getSumPrestation({'etat':'Total'}))*100)|format_number(style='percent')   }}</span>
  73.                                     {% endif %}                                 </p>
  74.                                 <div class="progress progress-xs light mb-1">
  75.                                     {% if services.getSumPrestation({'etat':'Total'})==0 %}
  76.                                         <div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width:{{ (services.getSumPrestation({'etat':'cour'})/1)*100 }}%;"></div>
  77.                                     {% else %}
  78.                                         <div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width:{{ (services.getSumPrestation({'etat':'cour'})/services.getSumPrestation({'etat':'Total'}))*100 }}%;"></div>
  80.                                     {% endif %}                                 </div>
  81.                             </li>
  82.                         </ul>
  83.                     </div>
  84.                 </div>
  85.             </li>
  86.             
  88.         </ul>
  89.         {% endif%}
  90.         <span class="separator"></span>
  91.         <div id="userbox" class="userbox">
  92.             <a href="#" data-bs-toggle="dropdown">
  93.                 <figure class="profile-picture">
  94.                     <img src="{{ asset('build/images/logged-user.jpg')}}" alt="Joseph Doe" class="rounded-circle" data-lock-picture="{{ asset('build/images/logged-user.jpg')}}" />
  95.                 </figure>
  96.                 <div class="profile-info" data-lock-name="John Doe" data-lock-email="johndoe@okler.com">
  97.                     <span class="name">{{ services.getUser().username }}</span>
  98.                     {% if is_granted('ROLE_ADMIN')%}
  99.                         <span class="role">Administrateur</span>
  100.                     {% else %}
  101.                         <span class="role">Adhérent</span>
  102.                     {% endif %}
  103.                 </div>
  104.                 <i class="fa custom-caret"></i>
  105.             </a>
  106.             <div class="dropdown-menu">
  107.                 <ul class="list-unstyled mb-2">
  108.                     <li class="divider"></li>
  109.                     <li>
  110.                        
  111.                         <a role="menuitem" tabindex="-1" href="{{ path('app_user') }}"><i class="bx bx-user-circle"></i> My Profile</a>
  112.                     </li>
  114.                     <li>
  115.                         <a role="menuitem" tabindex="-1" href="{{ path('app_logout') }}"><i class="bx bx-power-off"></i> Logout</a>
  116.                     </li>
  117.                 </ul>
  118.             </div>
  119.         </div>
  120.     </div>
  121.     <!-- end: search & user box -->
  122. </header>
  123. <!-- end: header -->