bundles/AppBundle/Resources/views/Areas/grid-columns/view.html.twig line 1

Open in your IDE?
  1. {% set mobileSlider = pimcore_checkbox('mobileSlider').isChecked() %}
  2. {% if editmode %}
  3. {% endif %}
  4. <div class="grid {{ pimcore_checkbox('fullWidth').isChecked() ? '' : 'container' }} {% if mobileSlider and not editmode %}hidden md:grid{% endif %} grid-cols-12 {{ pimcore_input('classes').data }}" {% if editmode %} style="background: #f0f0f0;" {% endif %}>
  5.     {% for colWidth in (pimcore_select('layout').data|default(columnDefinitions[0][0]))|split('/') %}
  6.         {% if colWidth == 3 %}
  7.             {% set colSpanClass = 'col-span-12 md:col-span-6 lg:col-span-3' %}
  8.         {% elseif colWidth == 4 %}
  9.             {% set colSpanClass = 'col-span-12 md:col-span-4' %}
  10.         {% elseif colWidth == 6 %}
  11.             {% set colSpanClass = 'col-span-12 md:col-span-6' %}
  12.         {% elseif colWidth == 9 %}
  13.             {% set colSpanClass = 'col-span-12 md:col-span-6 lg:col-span-9' %}
  14.         {% elseif colWidth == 12 %}
  15.             {% set colSpanClass = 'col-span-12' %}
  16.         {% endif %}
  17.         {% if editmode %}
  18.             <div class="{{ colSpanClass }}">
  19.                 <div style="background: #E0E1E2; min-height: 100px; padding: 10px; border: 1px dashed black;">
  20.                     {% set absoluteWidth = (parentWidth|default(12)) / 12 * colWidth %} {# in case you need to know how wide this column is in fractions of the 12 column grid (e.g. absoluteWidth is 6 => 6/12 => 50%) #}
  21.                     {{ pimcore_areablock('col-span-' ~ loop.index, brickExtensionAreaBrickConfig.gridColumns) }}
  22.                 </div>
  23.             </div>
  24.         {% else %}
  25.             <div class="{{ colSpanClass }}">
  26.                 {{ pimcore_areablock('col-span-' ~ loop.index) }}
  27.             </div>
  28.         {% endif %}
  29.     {% endfor %}
  30. </div>
  31. {% if mobileSlider and not editmode %}
  32.     {% set cols = pimcore_select('layout').data | split('/') %}
  33.     <div class="{{ pimcore_checkbox('fullWidth').isChecked() ? '' : 'container' }} {{ pimcore_input('classes').data }} md:hidden py-5 overflow-hidden">
  34.         <div class="swiper grid-columns-slider" data-breakpoints='{ "980": { "slidesPerView": {{ cols | length }} } }'>
  35.             <div class="swiper-wrapper">
  36.                 {% for col in cols %}
  37.                     <div class="swiper-slide">
  38.                         <div class="grid-columns__slide">
  39.                             {{ pimcore_areablock('col-span-' ~ loop.index) }}
  40.                         </div>
  41.                     </div>
  42.                 {% endfor %}
  43.             </div>
  44.         </div>
  45.     </div>
  46. {% endif %}