templates/areas/accordion/view.html.twig line 1

Open in your IDE?
  1. {% extends 'areas/accordion/editables.html.twig' %}
  3. {% block view %}
  4.   {% set timestamp = 'now'|date('u') %}
  5.   {% set tabs = pimcore_block('tabs') %}
  7.   <div class="c-accordion" id="accordion-{{timestamp}}">{# parent id #}
  8.     {% for tab in tabs.iterator %}
  9.       <div class="c-accordion__item">
  10.         <div class="c-accordion__header" id="head-{{timestamp ~ tab}}">{# head index id #}
  11.           <div class="c-accordion__button {% if (tab != 1 and firstExtended.isChecked()) or firstExtended.isChecked() == false %}collapsed{% endif %}"
  12.           {% if tab == 1 and firstExtended.isChecked() %}
  13.             aria-expanded="true"
  14.           {% else %}
  15.             aria-expanded="false"
  16.           {% endif %}
  17.           data-bs-toggle="collapse"
  18.           data-bs-target="#collapse-{{timestamp ~ tab}}" {# id index #}
  19.           aria-controls="collapse-{{timestamp ~ tab}}" {# id index#}
  20.           >
  21.             {% set accordionHeader = pimcore_input('accordionHeader', {
  22.               "placeholder": "ercas_doc_be_accordion_placeholder_header"|trans
  23.             }) %}
  25.             {{ accordionHeader | raw }}
  27.             <span class="c-accordion__icon"></span>
  28.           </div>
  29.         </div>
  30.         <div
  31.         class="c-accordion__collapse collapse {% if tab == 1 and firstExtended.isChecked() %}show{% endif %}"
  32.         id="collapse-{{timestamp ~ tab}}" {# id index #}
  33.         aria-labelledby="head-{{timestamp ~ tab}}"{# head index id #}
  34.         {% if not stayOpen.isChecked() %}
  35.           data-bs-parent="#accordion-{{timestamp}}" {# parent id #}
  36.         {% endif %}
  37.         >
  38.           <div class="c-accordion__body">
  39.             {% set imageAccordion = pimcore_image('imageAccordion', {
  40.               reload: true
  41.             }) %}
  43.             {{ imageAccordion | raw }}
  45.             {% set accordionRte = pimcore_wysiwyg('accordionRte', {
  46.               "placeholder": "ercas_doc_be_accordion_placeholder_text"|trans,
  47.               "customConfig": "/rte-config/base_config.js"
  48.             }) %}
  50.             {{ accordionRte | raw }}
  51.           </div>
  52.         </div>
  53.       </div>
  54.     {% endfor %}
  55.   </div>
  56. {% endblock %}