layoutcomponents-8.x-1.14-beta2/modules/lc_simple_timeline/templates/layoutcomponents-block-content--simple-timeline.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_layoutcomponents()
 *
 * @ingroup themeable
 */
#}
{%
  set classes = [
  'block',
  'block-' ~ configuration.provider|clean_class,
  'block-' ~ plugin_id|clean_class,
  'block-layoutcomponents',
  'block-layoutcomponents-parent',
  'stim'
] %}

  {%  set stimitemtitle = '' %}
  {%  set stimitembody = '' %}

<div{{ attributes.addClass(classes) }}>
  {{ title_prefix }}
  {% if label %}
    <h2{{ title_attributes }}>{{ label }}</h2>
  {% endif %}
  {{ title_suffix }}
  {% block content %}
    <h3 style="text-align: center">{{ content.field_stim_title }}</h3>
    <div class="stim-body" style="text-align: center"><p>{{ content.field_stim_description }}</p></div>
    <div class="wrapper">
      <ul class="timeline-list">
        {% for items in content.field_stim_item %}
          {% set item = items['#block_content'] %}
          {% if item %}
            {% set stimitemtitle = item.field_stimi_title.0.value %}
            {% set stimitembody = item.field_stimi_description.0.value %}
            {% set stimitemcolor = item.field_stimi_color.0.value.color %}
            {% set stimitemnumber = item.field_stimi_number.0.value %}
            {% set direction = cycle(['direction-l odd', 'direction-r even'], loop.index0) %}
            <li>
              <div class="timeline-icon" style="background-color: {{ stimitemcolor }};"> {{ stimitemnumber }}</div>
              <div class="timeline-content">
                <div class="stim-item-title" style="color: {{ stimitemcolor }}"><h3>{{ stimitemtitle }}</h3></div>
                <div class="stim-item-body">{{ stimitembody }}</div>
              </div>
            </li>

          {% endif %}
        {% endfor %}
      </ul>
    </div>
  {% endblock %}
</div>