layoutcomponents-8.x-1.14-beta2/modules/lc_simple_tabs/templates/layoutcomponents-block-content--simple-tabs.html.twig

{#
/**
 * @file
 * Default theme implementation to display a block.
 *
 * Available variables:
 * - plugin_id: The ID of the block implementation.
 * - label: The configured label of the block if visible.
 * - configuration: A list of the block's configuration values.
 *   - label: The configured label for the block.
 *   - label_display: The display settings for the label.
 *   - provider: The module or other provider that provided this block plugin.
 *   - Block plugin specific settings will also be stored here.
 * - content: The content of this block.
 * - attributes: array of HTML attributes populated by modules, intended to
 *   be added to the main container tag of this template.
 *   - id: A valid HTML ID and guaranteed unique.
 * - title_attributes: Same as attributes, except applied to the main title
 *   tag that appears in the template.
 * - content_attributes: Same as attributes, except applied to the main content
 *   tag that appears in the template.
 * - title_prefix: Additional output populated by modules, intended to be
 *   displayed in front of the main title tag that appears in the template.
 * - title_suffix: Additional output populated by modules, intended to be
 *   displayed after the main title tag that appears in the template.
 *
 * @see template_preprocess_block()
 *
 * @ingroup themeable
 */
#}
{%
    set classes = [
    'block',
    'block-' ~ configuration.provider|clean_class,
    'block-' ~ plugin_id|clean_class,
    'block-layoutcomponents',
    'block-layoutcomponents-parent'
]
%}

<div{{ attributes.addClass(classes) }}>
  {{ title_prefix }}
  {% if label %}
    <h2{{ title_attributes }}>{{ label }}</h2>
  {% endif %}
  {{ title_suffix }}
  {% block content %}
    <div{{ content_attributes.addClass('content') }}>
      {% set items = content['#block_content'].get('field_st_item').value %}
      <ul class="nav nav-tabs simple-tabs" role="tablist">
        {% for item in items %}
          {% set itemr = content.field_st_item[(loop.index - 1)]['#block_content'] %}
          {% if loop.index == '1' %}
            {% set active = 'active' %}
          {% else %}
            {% set active = '' %}
          {% endif %}
          <li class="nav-item">
            <a class="nav-link {{ active }}" data-toggle="tab" href="#{{ itemr.get('field_st_item_anchor').value }}" data-target="#{{ itemr.get('field_st_item_anchor').value }}">{{ itemr.get('field_sta_item_title').value }}</a>
          </li>
        {% endfor %}
      </ul>
        <div class="tab-content">
            {% for key, item in content.field_st_item %}
              {% if key|first != '#' %}
                {% set anchor = item['#block_content'].get('field_st_item_anchor').value %}
                {% if loop.index == '1' %}
                    {% set active = 'show active' %}
                {% else %}
                    {% set active = 'fade' %}
                {% endif %}
                <div class="block-inline-blocksimple-tabs-item tab-pane container {{ active }}" id="{{ anchor }}">
                    {{ item }}
                </div>
              {% endif %}
            {% endfor %}
        </div>
    </div>
  {% endblock %}
</div>