You are here

views-bootstrap-tab.html.twig in Views Bootstrap 8.4

Same filename and directory in other branches
  1. 8.3 templates/views-bootstrap-tab.html.twig
{% if title is not empty %}
    <h3>{{ title }}</h3>
{% endif %}
<div id="views-bootstrap-tab-{{ id }}" {{ attributes.addClass(classes) }}>
    <ul class="nav nav-{{ tab_type }} {% if justified %}nav-justified{% endif %}">
        {% for key, tab in tabs %}
            {% set tab_classes = [loop.first ? 'active'] %}
            <li class="{{ tab_classes|join(' ') }}">
                <a href="{{ "#tab-#{  id }-#{ key }" }}" data-toggle="tab">{{ tab }}</a>
            </li>
        {% endfor %}
    </ul>
    <div class="tab-content">
        {% for key, row in rows %}
            {% set row_classes = ['tab-pane', loop.first ? 'active'] %}
            <div class="{{ row_classes|join(' ') }}" id="tab-{{ id }}-{{ key }}" {{ row.attributes }}>
            {{ row.content }}
        </div>
        {% endfor %}
    </div>
</div>

File

templates/views-bootstrap-tab.html.twig
View source
  1. {% if title is not empty %}
  2. <h3>{{ title }}</h3>
  3. {% endif %}
  4. <div id="views-bootstrap-tab-{{ id }}" {{ attributes.addClass(classes) }}>
  5. <ul class="nav nav-{{ tab_type }} {% if justified %}nav-justified{% endif %}">
  6. {% for key, tab in tabs %}
  7. {% set tab_classes = [loop.first ? 'active'] %}
  8. <li class="{{ tab_classes|join(' ') }}">
  9. <a href="{{ "#tab-#{ id }-#{ key }" }}" data-toggle="tab">{{ tab }}</a>
  10. </li>
  11. {% endfor %}
  12. </ul>
  13. <div class="tab-content">
  14. {% for key, row in rows %}
  15. {% set row_classes = ['tab-pane', loop.first ? 'active'] %}
  16. <div class="{{ row_classes|join(' ') }}" id="tab-{{ id }}-{{ key }}" {{ row.attributes }}>
  17. {{ row.content }}
  18. </div>
  19. {% endfor %}
  20. </div>
  21. </div>