vendor/conecto/pimcore-provider/src/ProviderBundle/Resources/views/areas/accordion/view.html.twig line 1

Open in your IDE?
  1. {# Default block settings #}
  2. {% set class = pimcore_input('class').getData() %}
  3. {% set marginTop = pimcore_select('margin_top').getData() %}
  4. {% set marginBottom = pimcore_select('margin_bottom').getData() %}
  5. {% set containerWidth = pimcore_select('container_width').getData() %}
  6. {% set areaClass = class ~ ' ' ~ marginTop ~ ' ' ~ marginBottom ~ ' ' ~ containerWidth %}
  7. {% set anchorId = pimcore_input('anchor').getData() %}
  9. <div class="area area--accordion {{ areaClass }}"{% if anchorId %} id="{{ anchorId }}"{% endif %}>
  10.     <div id="accordion-{{ brick.getIndex() }}">
  11.     {% for i in pimcore_iterate_block(pimcore_block('items', {
  12.         'limit': 99,
  13.         'default': 2
  14.     })) %}
  15.         {% set isActive = pimcore_checkbox('item_open').isChecked() %}
  16.         {% if editmode %}
  17.             <div class="accordion--edit">
  18.                 {{ pimcore_checkbox('item_open', {
  19.                     'label' : 'initial geöffnet?',
  20.                     'reload': true
  21.                 }) }}
  22.             </div>
  23.         {% endif %}
  24.         <details class="accordion" id="accordion-{{ brick.getIndex() }}-{{ loop.index }}"{% if isActive %} open{% endif %}>
  25.             <summary class="accordion--header">
  26.                 {{ pimcore_input('title', {
  27.                     'placeholder': 'Titel ...'
  28.                 }) }}
  29.             </summary>
  30.             <div class="accordion--collapsible">
  31.                 <div class="accordion--content">
  32.                     {{ pimcore_areablock('item_content', {
  33.                         'controlsTrigger': 'fixed',
  34.                         'allowed': conecto_get_areabricks(['accordion', 'tabs']),
  35.                         'sorting': conecto_get_areabricks()
  36.                     }) }}
  37.                 </div>
  38.             </div>
  39.         </details>
  40.     {% endfor %}
  41.     </div>
  42. </div>