templates/fragments/steps_nav.html.twig line 1

Open in your IDE?
  1. {# templates/fragments/steps_nav.html.twig #}
  2. {# Genera una lista nav de pasos según panel_steps > 0 y panel_current_step.
  3.    Variables:
  4.     panel_steps:        opcional, número de pasos total a mostrar
  5.     panel_current_step: opcional, paso actual
  6. #}
  7. {# Generar una lista tipo nav de pasos según panel_steps y panel_current_step #}
  8. {% if panel_steps|default(0) > 0 %}
  9.     {% set panel_current_step = panel_current_step|default(1) %}
  10.     <ul class="nav nav-steps nav-disabled m-auto mb-4" role="tablist" style="max-width: 420px;">
  11.         {% for i in 1 .. panel_steps %}
  12.             {% set step_aria_selected = (i == panel_current_step) %}
  13.             {% set step_class = (i == panel_current_step ? ' active' : '') %}
  14.             <li class="{{'nav-item' ~ step_class}}" role="presentation">
  15.                 <a class="nav-link" role="tab" data-toggle="tab" href="#step1Panel" aria-controls="step{{i}}Panel" aria-selected="{{step_aria_selected}}" tabindex="-1" onclick="return false;">
  16.                     <span class="nav-step-number">{{i}}</span>
  17.                 </a>
  18.             </li>
  19.         {% endfor %}
  20.     </ul>
  21. {% endif %}