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 %}
