You are here

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

Same filename and directory in other branches
  1. 8.3 templates/views-bootstrap-accordion.html.twig
<div id="{{ id }}" {{ attributes.addClass(classes) }}>
  {% set i = 0 %}
  {% set len = rows | length %}
  {% for key, row in rows -%}
    {% set i = i + 1 %}
    {% set collapse_class = (
        (i == 1 and options.collapse.first is defined and options.collapse.first > 0)
        or (i == len and options.collapse.last is defined and options.collapse.last > 0)
        or (i != 1 and i != len and options.collapse.middle is defined and options.collapse.middle > 0)
        ) ? 'collapse show' : 'collapse'
    %}
    {% set collapse_class_boolean = (
        (i == 1 and options.collapse.first is defined and options.collapse.first > 0)
        or (i == len and options.collapse.last is defined and options.collapse.last > 0)
        or (i != 1 and i != len and options.collapse.middle is defined and options.collapse.middle > 0)
        ) ? 'true' : 'false'
    %}
      <div class="card">
        <div class="class-header" id="heading{{ key }}">
          <h5 class="mb-0">
            <button class="btn btn-link" data-toggle="collapse" data-target="#{{ id }}-collapse-{{ key }}" aria-expanded="{{collapse_class_boolean}}" aria-controls="collapseOne">
              {{ row.title }}
            </button>
          </h5>
        </div>

        <div id="{{ id }}-collapse-{{ key }}" class="{{collapse_class}}" aria-labelledby="heading{{ key }}" data-parent="#{{ id }}">
          <div class="card-body">
              {{row.content}}
          </div>
        </div>
      </div>
  {%- endfor %}
</div>

File

templates/views-bootstrap-accordion.html.twig
View source
  1. <div id="{{ id }}" {{ attributes.addClass(classes) }}>
  2. {% set i = 0 %}
  3. {% set len = rows | length %}
  4. {% for key, row in rows -%}
  5. {% set i = i + 1 %}
  6. {% set collapse_class = (
  7. (i == 1 and options.collapse.first is defined and options.collapse.first > 0)
  8. or (i == len and options.collapse.last is defined and options.collapse.last > 0)
  9. or (i != 1 and i != len and options.collapse.middle is defined and options.collapse.middle > 0)
  10. ) ? 'collapse show' : 'collapse'
  11. %}
  12. {% set collapse_class_boolean = (
  13. (i == 1 and options.collapse.first is defined and options.collapse.first > 0)
  14. or (i == len and options.collapse.last is defined and options.collapse.last > 0)
  15. or (i != 1 and i != len and options.collapse.middle is defined and options.collapse.middle > 0)
  16. ) ? 'true' : 'false'
  17. %}
  18. <div class="card">
  19. <div class="class-header" id="heading{{ key }}">
  20. <h5 class="mb-0">
  21. <button class="btn btn-link" data-toggle="collapse" data-target="#{{ id }}-collapse-{{ key }}" aria-expanded="{{collapse_class_boolean}}" aria-controls="collapseOne">
  22. {{ row.title }}
  23. </button>
  24. </h5>
  25. </div>
  26. <div id="{{ id }}-collapse-{{ key }}" class="{{collapse_class}}" aria-labelledby="heading{{ key }}" data-parent="#{{ id }}">
  27. <div class="card-body">
  28. {{row.content}}
  29. </div>
  30. </div>
  31. </div>
  32. {%- endfor %}
  33. </div>