camaleon-8.x-1.x-dev/templates/views/views-view-grid.html.twig
templates/views/views-view-grid.html.twig
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 | {# /** * @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' , options.alignment, 'cols-' ~ options.columns, 'clearfix' , ] %} {% if options.row_class_default %} {% set row_classes = [ 'views-row' , options.alignment == 'horizontal' ? 'clearfix' , ] %} {% endif %} {% if options.col_class_default %} {% set col_classes = [ 'views-col' , 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> |