bootstrap_italia-8.x-0.x-dev/modules/bootstrap_italia_views_gallery/templates/views-bootstrap-italia-views-gallery.html.twig

modules/bootstrap_italia_views_gallery/templates/views-bootstrap-italia-views-gallery.html.twig
{#
/**
 * Default theme implementation for Views to output a splide carousel.
 *
 * Available variables:
 * - options.bi_gallery_settings: View plugin style options:
 *   - grid_type
 *   - show_image_caption
 *
 * @see template_preprocess_views_bootstrap_italia_views_gallery()
 *
 * @ingroup themeable
 */
#}
{% apply spaceless %}
  {% embed '@bi-bcl/gallery/gallery.html.twig' with {
    show_image_caption: options.bi_gallery_settings.show_image_caption,
    grid_type: options.bi_gallery_settings.grid_type  == 'double' ? 'quilted' : options.bi_gallery_settings.grid_type
  } %}
    {% block galleryItems %}
      {% set container_classes = [
      ] %}

      {% for row in rows %}

        {% if options.bi_gallery_settings.grid_type != 'double' or loop.length < 4 %}
          {% set _item_classes = [
            _grid_type == 'masonry' ? 'col-sm-6 col-lg-4 mb-4' : 'col-6 col-lg-4',
          ]|merge(container_classes) %}
          <div{{ attributes.addClass(_item_classes) }}>{{ row }}</div>

        {% else %}
          {# First image double. #}
          {% if loop.first %}
            {% set _item_classes = ['col-12 col-md-6']|merge(container_classes) %}
            <div{{ attributes.addClass(_item_classes) }}>{{ row }}</div>

            {# Start second column. #}
            <div class="col-12 col-md-6">
            <div class="grid-row">
          {% endif %}

          {% if not loop.first and not loop.last %}
            <div class="col-6">{{ row }}</div>
          {% endif %}

          {% if loop.last %}
            {% if loop.index is divisible by(2) %}
              <div class="col-6">{{ row|merge({'gallery_item_classes': ['it-grid-item-double-w']}) }}</div>
            {% else %}
              <div class="col-6">{{ row }}</div>
            {% endif %}

            </div>{# End grid-row. #}
            </div>{# End second column. #}
          {% endif %}{# End loop.last. #}

        {% endif %}

      {% endfor %}
    {% endblock %}
  {% endembed %}
{% endapply %}

Главная | Обратная связь

drupal hosting | друпал хостинг | it patrol .inc