{#
project: Pimcore - Devicenow
User: EBiermann
Year: 2022
#}
{% if editmode %}
<div class="admin-container admin-container--limited-width admin-container--structure">
<div class="admin-container__section">
<span class="admin-container__title">{{ 'brick.columns.title'|trans({}, 'admin') }}</span>
</div>
<div class="admin-container__configurations">
<div class="admin-config-item">
<span class="admin-config-item__label">{{ 'brick.columns.option.layout'|trans({}, 'admin') }}:</span>
{{
pimcore_select('grid-layout', {
'store': columnStore,
'defaultValue': '100-12',
'reload': true
})
}}
<span class="admin-config-item__label">{{ 'brick.columns.option.no-margin-top'|trans({}, 'admin') }}:</span>
{{
pimcore_checkbox('nmt', { 'reload': true })
}}
<br>
<span class="admin-config-item__label">{{ 'brick.columns.option.no-margin-bottom'|trans({}, 'admin') }}:</span>
{{
pimcore_checkbox('nmb', { 'reload': true })
}}
</div>
<div class="admin-config-item">
<span class="admin-config-item__label">{{ 'brick.columns.option.vertical-center'|trans({}, 'admin') }}:</span>
{{
pimcore_checkbox('vertical-center', { 'reload': true })
}}
<br>
<span class="admin-config-item__label">{{ 'brick.columns.option.horizontal-center'|trans({}, 'admin') }}:</span>
{{
pimcore_checkbox('horizontal-center', { 'reload': true })
}}
{% if gridColumnCount == 2 %}
<span class="admin-config-item__label">{{ 'brick.columns.option.reverse-order'|trans({}, 'admin') }}:</span>
{{
pimcore_checkbox('reverse-order', { 'reload': false })
}}
{% endif %}
</div>
</div>
</div>
{% endif %}
{% set content %}
<div class="{{ cssClasses|join(' ') }}">
<div class="grid__container">
{% for i in range(1, gridColumnCount) %}
{% set columnCssClass = '' %}
{% if pimcore_select('bgc' ~ loop.index0) and pimcore_select('bgc' ~ loop.index0).isEmpty() == false %}
{% set columnCssClass = pimcore_select('bgc' ~ loop.index0).getData() %}
{% endif %}
<div class="grid__column {{ columnCssClass }}" data-columns="{{ gridCSSColumns[loop.index0] }}">
{% if editmode %}
<div class="admin-container admin-container--limited-width admin-container--structure" style="margin-top: 1rem;">
<div class="admin-container__configurations">
<div class="admin-config-item">
<span class="admin-config-item__label">{{ 'brick.columns.option.bgc'|trans({}, 'admin') }}:</span>
{{
pimcore_select('bgc' ~ loop.index0, {
'store': [
['', 'None'],
['grid__column--bgc grid--bgc-0', 'brick.general.value.bgc.0'|trans({}, 'admin')],
['grid__column--bgc grid--bgc-1', 'brick.general.value.bgc.1'|trans({}, 'admin')],
['grid__column--bgc grid--bgc-2', 'brick.general.value.bgc.2'|trans({}, 'admin')],
['grid__column--bgc grid--bgc-3', 'brick.general.value.bgc.3'|trans({}, 'admin')],
['grid__column--bgc grid--bgc-4', 'brick.general.value.bgc.4'|trans({}, 'admin')],
],
'defaultValue': '',
'reload': true
})
}}
</div>
</div>
</div>
{% endif %}
{%
include 'includes/areabrick.html.twig' with {
'id': ('content-' ~ loop.index0),
'controlsAlign': 'top',
'sectionIndex': sectionIndex | default(0),
'gridIndex': info.index,
'allowed': allowed,
'mode': 'content',
'columns': gridCSSColumns[loop.index0]
}
%}
</div>
{% endfor %}
</div>
</div>
{% endset %}
{{ content }}