templates/adherent/components/_sidebar.html.twig line 1

Open in your IDE?
  1. {% set steps = [
  2.   {step: 2, name: 'La Famille', url: path('registration_family')},
  3.   {step: 3, name: 'La sportive <br>/<br> Le sportif', url: path('registration_person')},
  4.   {step: 5, name: 'Choisir son sport', url: path('registration_sport')},
  5.   {step: 6, name: 'La pratique', url: path('registration_profiling')},
  6.   {step: 7, name: 'La vie associative', url: path('registration_community')},
  7.   {step: 8, name: 'La fin', url: path('registration_user')}
  8. ] %}
  9. {% set step_display = {2: 1, 3: 2, 5: 3, 6: 4, 7: 5, 8: 6} %}
  10. <nav class="sidebar d-none d-md-flex">
  11.   <ul class="main-nav">
  12.     <p class="title bg-light">Étape</p>
  13.     {% for reg_step in steps %}
  14.       <li>
  15.         <a href="{{ step >= reg_step.step ? reg_step.url : '#' }}"
  16.            class="{{step > reg_step.step ? 'finished' : (step == reg_step.step ? 'active' : '')}}">
  17.           <span class="step-number">{{ '%02d'|format(step_display[reg_step.step]) }}</span>
  18.           <span class="separator"></span>
  19.           <span class="step-name">{{ reg_step.name|raw }}</span>
  20.           <div class="progression">
  21.             <div class="fill"></div>
  22.           </div>
  23.         </a>
  24.       </li>
  25.     {% endfor %}
  26.   </ul>
  27.   <footer>
  28.     <a href="{{ path('registration_reset') }}" class="text-black text-decoration-none">
  29.       <i class="fal fa-level-up rotate-270"></i>
  30.       <p>Quitter l'inscription</p>
  31.     </a>
  32.   </footer>
  33. </nav>