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

Open in your IDE?
  1. {% if editmode %}
  3.     <div class="bg-gray-100 p-5">
  4.         {% include 'areaHeadAndFooter.html.twig' with { 'header': 'STWH: Buttons' } %}
  6.         {% include 'padding.html.twig' %}
  8.         <div class="my-3 flex flex-wrap overflow-hidden">
  9.             <div class="w-2/4 overflow-hidden">
  10.                 {% include 'color-selector.html.twig' with { 'name': 'color', 'description': 'Hintergrundfarbe' } %}
  11.             </div>
  13.             <div class="w-1/4 overflow-hidden">
  14.                 Ausrichtung der Buttons:
  15.             </div>
  16.             <div class="w-1/4 overflow-hidden">
  17.                 {{ pimcore_select("ausrichtung", {
  18.                     "store": [
  19.                         ["start", "links"],
  20.                         ["center", "mitte"],
  21.                         ["end", "rechts"]
  22.                     ],
  23.                     "defaultValue" : "start",
  24.                     "width" : 200
  25.                 }) }}
  26.             </div>
  27.         </div>
  29.         {% set block = pimcore_block('gridblock', {'manual' : true, 'default' : 1}).start() %}
  30.             {% for b in block.iterator %}
  31.                 {% do block.blockConstruct() %}
  32.                     {% do block.blockStart() %}
  33.                     <div class="border border-gray-400 p-3">
  34.                         <p class="text-gray-400">Element: {{ (b+1) }}</p>
  36.                         <div class="my-3 flex flex-wrap overflow-hidden">
  37.                             <div class="w-1/4 overflow-hidden">
  38.                                 Button-Link:
  39.                             </div>
  40.                             <div class="w-1/4 overflow-hidden">
  41.                                 {{ pimcore_link("buttonlink") }}
  42.                             </div>
  43.                             <div class="w-1/2 overflow-hidden">
  44.                                 {% include 'color-selector.html.twig' with { 'name': 'buttoncolor', 'description': 'Button-Farbe', 'type': 'button' } %}
  45.                             </div>
  46.                         </div>
  47.                     </div>
  48.                     {% do block.blockEnd() %}
  49.                 {% do block.blockDestruct() %}
  50.             {% endfor %}
  51.         {% do block.end() %}
  53.     </div>
  55.     {% include 'areaHeadAndFooter.html.twig' with { 'footer': true } %}
  57. {% else %}
  59.     {% set ausrichtung = pimcore_select("ausrichtung").getData() %}
  61.     <section class="{{ pimcore_select('paddingTop') }} {{ pimcore_select('paddingBottom') }} relative bg-{{ pimcore_select('color') }}">
  62.         <div class="container flex space-x-2 flex-wrap mx-auto px-5 justify-{{ ausrichtung }}">
  63.             {% set block = pimcore_block('gridblock', {'manual' : true, 'default' : 1}).start() %}
  64.                 {% for b in block.iterator %}
  65.                     {% do block.blockConstruct() %}
  66.                         {% do block.blockStart() %}
  67.                             {% include 'widgets/button.html.twig' with { name: 'buttonlink', backColor: pimcore_select('buttoncolor').getData() } %}
  68.                         {% do block.blockEnd() %}
  69.                     {% do block.blockDestruct() %}
  70.                 {% endfor %}
  71.             {% do block.end() %}
  72.         </div>
  73.     </section>
  75. {% endif %}