www.aleph1.co.uk Git - yaffs-website/blob - web/modules/contrib/views_bootstrap/templates/views-bootstrap-grid.html.twig

   1 {#
   2 /**
   3  * @file views-bootstrap-grid.html.twig
   4  * Default simple view template to display Bootstrap Grids.
   5  *
   6  *
   7  * - columns: Contains rows grouped by columns.
   8  * - rows: Contains a nested array of rows. Each row contains an array of
   9  *   columns.
  10  * - column_type: Contains a number (default Bootstrap grid system column type).
  11  *
  12  * @ingroup views_templates
  13  */
  14 #}
  15 {%
  16   set classes = [
  17     'views-view-grid',
  18     options.alignment,
  19   ]
  20 %}
  21 {% if title %}
  22   <h3>{{ title }}</h3>
  23 {% endif %}
  24 <div id="{{ id }}" {{ attributes.addClass(classes) }}>
  25   {% if options.alignment  == 'horizontal' %}
  26     {% for row in items %}
  27       <div class="row">
  28         {% for column in row.content %}
  29           <div class="col {{ col_xs }} {{ col_sm }} {{ col_md }} {{ col_lg }} {{ options.row_class }}">
  30             {{ column.content }}
  31           </div>
  32         {% endfor %}
  33       </div>
  34     {% endfor %}
  35   {% else %}
  36     <div class="row">
  37       {% for column in items %}
  38         <div class="col {{ col_xs }} {{ col_sm }} {{ col_md }} {{ col_lg }} {{ options.row_class }}">
  39           {% for row in column.content %}
  40             {{ row.content }}
  41           {% endfor %}
  42         </div>
  43
  44         {% if loop.index is divisible by (sizes.xs) %}
  45           <div class="clearfix visible-xs-block"></div>
  46         {% endif %}
  47
  48         {% if loop.index is divisible by (sizes.sm) %}
  49           <div class="clearfix visible-sm-block"></div>
  50         {% endif %}
  51
  52         {% if loop.index is divisible by (sizes.md) %}
  53           <div class="clearfix visible-md-block"></div>
  54         {% endif %}
  55
  56         {% if loop.index is divisible by (sizes.lg) %}
  57           <div class="clearfix visible-lg-block"></div>
  58         {% endif %}
  59       {% endfor %}
  60     </div>
  61   {% endif %}
  62 </div>