You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
78 lines
2.4 KiB
78 lines
2.4 KiB
{# |
|
/** |
|
* @file |
|
* Theme override for views to display rows in a grid. |
|
* |
|
* Available variables: |
|
* - attributes: HTML attributes for the wrapping element. |
|
* - title: The title of this group of rows. |
|
* - view: The view object. |
|
* - rows: The rendered view results. |
|
* - options: The view plugin style options. |
|
* - row_class_default: A flag indicating whether default classes should be |
|
* used on rows. |
|
* - col_class_default: A flag indicating whether default classes should be |
|
* used on columns. |
|
* - items: A list of grid items. Each item contains a list of rows or columns. |
|
* The order in what comes first (row or column) depends on which alignment |
|
* type is chosen (horizontal or vertical). |
|
* - attributes: HTML attributes for each row or column. |
|
* - content: A list of columns or rows. Each row or column contains: |
|
* - attributes: HTML attributes for each row or column. |
|
* - content: The row or column contents. |
|
* |
|
* @see template_preprocess_views_view_grid() |
|
*/ |
|
#} |
|
{% |
|
set classes = [ |
|
'views-view-grid', |
|
'preview-card__grid', |
|
options.alignment, |
|
'cols-' ~ options.columns, |
|
'clearfix', |
|
] |
|
%} |
|
{% if options.row_class_default %} |
|
{% |
|
set row_classes = [ |
|
'views-row', |
|
'preview-card__grid-row', |
|
options.alignment == 'horizontal' ? 'clearfix', |
|
] |
|
%} |
|
{% endif %} |
|
{% if options.col_class_default %} |
|
{% |
|
set col_classes = [ |
|
'views-col preview-card', |
|
options.alignment == 'vertical' ? 'clearfix', |
|
] |
|
%} |
|
{% endif %} |
|
{% if title %} |
|
<h3>{{ title }}</h3> |
|
{% endif %} |
|
<div{{ attributes.addClass(classes) }}> |
|
{% if options.alignment == 'horizontal' %} |
|
{% for row in items %} |
|
<div{{ row.attributes.addClass(row_classes, options.row_class_default ? 'row-' ~ loop.index) }}> |
|
{% for column in row.content %} |
|
<div{{ column.attributes.addClass(col_classes, options.col_class_default ? 'col-' ~ loop.index) }}> |
|
{{- column.content -}} |
|
</div> |
|
{% endfor %} |
|
</div> |
|
{% endfor %} |
|
{% else %} |
|
{% for column in items %} |
|
<div{{ column.attributes.addClass(col_classes, options.col_class_default ? 'col-' ~ loop.index) }}> |
|
{% for row in column.content %} |
|
<div{{ row.attributes.addClass(row_classes, options.row_class_default ? 'row-' ~ loop.index) }}> |
|
{{- row.content -}} |
|
</div> |
|
{% endfor %} |
|
</div> |
|
{% endfor %} |
|
{% endif %} |
|
</div>
|
|
|