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

Open in your IDE?
  1. {% if prefix is not defined %}
  2.     {% set prefix = null %}
  3. {% endif %}
  5. {% if editmode %}
  6.     <div class="editmode">
  7.         <div class="title">
  8.             Akkordeon
  9.         </div>
  10.         <div class="options">
  11.             <label>
  12.                 Box Stil<br/>
  13.                 {{ pimcore_select(prefix ~ '_brick_accordion_option_style', {
  14.                     'store': [
  15.                         ['default', 'Hell'],
  16.                         ['dark', 'Dunkel'],
  17.                     ],
  18.                     'defaultValue' : 'default'
  19.                 }) }}
  20.             </label>
  21.             <label>
  22.                 Button Stil<br/>
  23.                 {{ pimcore_select(prefix ~ '_brick_accordion_option_btnstyle', {
  24.                     'store': [
  25.                         ['default', 'Primär'],
  26.                         ['light', 'Sekundär']
  27.                     ],
  28.                     'defaultValue' : 'default'
  29.                 }) }}
  30.             </label>
  31.         </div>
  32.         <div class="content">
  33.             <h3>
  34.                 {{ pimcore_input(prefix ~ '_brick_accordion_headline', {'placeholder': 'Überschrift'}) }}
  35.             </h3>
  36.             {% for i in pimcore_block(prefix ~ '_brick_accordion_block').iterator %}
  37.                 {{ pimcore_input(prefix ~ '_brick_accordion_icon', {'placeholder': 'Icon, zb. icon-user'}) }}
  38.                 {{ pimcore_input(prefix ~ '_brick_accordion_headline', {'placeholder': 'Akkordeion Titel'}) }}
  39.                 {{ pimcore_wysiwyg(prefix ~ '_brick_accordion_copy', {'placeholder': 'Fließtext', 'height': 100}) }}
  40.                 {{ pimcore_link(prefix ~ '_brick_accordion_link') }}
  41.             {% endfor %}
  42.         </div>
  43.     </div>
  44. {% else %}
  45.     {% set accStyle = pimcore_select(prefix ~ '_brick_accordion_option_style').getData() %}
  46.     {% set btnStyle = pimcore_select(prefix ~ '_brick_accordion_option_btnstyle').getData() %}
  47.     
  48.     {% set classMain = '' %}
  49.     {% if accStyle == 'shadow' %}
  50.         {% set classMain = 'accordion-shadow' %}
  51.     {% elseif accStyle == 'lines' %}
  52.         {% set classMain = 'accordion-flat' %}
  53.     {% elseif accStyle == 'dark' %}
  54.         {% set classMain = 'dark' %}
  55.     {% elseif  accStyle == 'color' %}
  56.         {% set classMain = 'accordion-theme' %}
  57.     {% endif %}
  59.     {% set classBtn = 'btn' %}
  60.     {% if btnStyle == 'dark' %}
  61.         {% set classBtn = classBtn ~ ' btn-dark' %}
  62.     {% elseif btnStyle == 'light' %}
  63.         {% set classBtn = classBtn ~ ' btn-light' %}
  64.     {% endif %}
  66.     <section class="brick_accordion">
  67.         <div class="container">
  68.             <div class="row">
  69.                 {% if not pimcore_input(prefix ~ '_brick_accordion_headline').isEmpty() %}
  70.                     <div class="col-12">
  71.                         <h2 class="mb-3">
  72.                             {{ pimcore_input(prefix ~ '_brick_accordion_headline') }}
  73.                         </h2>
  74.                     </div>
  75.                 {% endif %}
  76.                 <div class="col-12">
  77.                     <div class="accordion {{ classMain }}">
  78.                         {% for i in pimcore_block(prefix ~ '_brick_accordion_block').iterator %}
  79.                             <div class="ac-item">
  80.                                 <h5 class="ac-title">
  81.                                     {% if not pimcore_input(prefix ~ '_brick_accordion_icon').isEmpty() %}
  82.                                         <i class="{{ pimcore_input(prefix ~ '_brick_accordion_icon') }}"></i>
  83.                                     {% endif %}
  84.                                     {{ pimcore_input(prefix ~ '_brick_accordion_headline') }}
  85.                                 </h5>
  86.                                 <div class="ac-content">
  87.                                     {{ pimcore_wysiwyg(prefix ~ '_brick_accordion_copy') }}
  88.                                     {{ pimcore_link(prefix ~ '_brick_accordion_link', {'class': classBtn}) }}
  89.                                 </div>
  90.                             </div>
  91.                         {% endfor %}
  92.                     </div>
  93.                 </div>
  94.             </div>
  95.         </div>
  96.     </section>
  97. {% endif %}