{% set headlineTag = pimcore_select('headlineX', {
'store': [
['none', 'none'],
['h1', 'H1'],
['h2', 'H2'],
['h3', 'H3'],
['h4', 'H4'],
['h5', 'H5'],
['h6', 'H6'],
],
'defaultValue': '',
'reload': true
}) %}
{% if headlineTag.isEmpty() %}
{% do headlineTag.setDataFromResource('none') %}
{% endif %}
{% set headline1 = headlineTag.data != 'none' ? headlineTag.data|raw : 'span'|raw %}
{% set headline2 = headlineTag.data != 'none' ? '</' ~ headlineTag.data|raw ~ '>' : '</span>'|raw %}
{% if editmode %}
<div class="edit-box">
<h1>KONFIGURATIONEN FÜR DEN AREABRICK:</h1>
<div class="flex gap-20">
<div class="content flex column gap-20">
<div class="content-box flex gap-20">
<div class="item">
<p class="edit-p">Abstand nach unten wählen:</p>
{{ pimcore_select("MarginBottom", {
"reload": true,
"store": [
["regular", "Normal"],
["half", "1/2"],
["small", "1/4"],
["zero", "kein Abstand"],
],
"defaultValue" : "regular"
}) }}
</div>
<div class="item">
<div class="setting select">
<p class="edit-p">Titel-Typ definieren:</p>
{{ headlineTag|raw }}
</div>
</div>
</div>
</div>
</div>
</div>
{% endif %}
<section class="downloads {{ pimcore_select('MarginBottom').getData() }}">
<div class="container">
{% if editmode %}
<h2 class="headline">{{ pimcore_textarea("headline",{
"nl2br": true,
"height": 100,
"class": "h2 .headline",
"placeholder": "HAUPT ÜBERSCHRIFT FÜR DIESE AREA"
}) }}
</h2>
{% elseif not editmode and not pimcore_textarea('headline').isEmpty() %}
<{{headline1|raw}} class="headline">
{{ pimcore_textarea('headline').getData() | nl2br }}
{{ headline2|raw }}
{# <h2 class="headline">{{ pimcore_textarea('headline').getData() | nl2br }}</h2> #}
{% endif %}
{% if editmode %}
<p class="intro" style="margin-bottom: 20px;">
{{ pimcore_textarea("intro",{
"nl2br": true,
"height": 50,
"class":"intro",
"placeholder": "Text"
}) }}
</p>
{% elseif not editmode and not pimcore_textarea('intro').isEmpty() %}
<div class="lauf">
<p class="intro">{{ pimcore_textarea('intro').getData() | nl2br }}</p>
</div>
{% endif %}
{% if editmode %}
<div style="height: 20px;"></div>
{{ pimcore_relations("downloadTeaser", {
"title": "Download Objekte ablegen",
"types": ["object"],
"subtypes": {
"object": ["object"]
},
"classes": ["Download"]
}) }}
{% else %}
<div class="downloads-teaser flex">
{% for teaser in pimcore_relations("downloadTeaser")%}
{% if teaser.getPdf() %}
<div class="teaser flex space-between">
<div class="images-container">
<a href="{{ teaser.getPdf() }}" target="_blank" class="flex link" title="Download: {{ teaser.title }}">
<img class="file" src="{{ asset('/assets/images/asset.svg') }}" alt="download" width="31" height="41">
<img class="sign" src="{{ asset('/assets/images/download-sign.svg') }}" alt="download" width="31" height="41">
<p class="label">{{ teaser.title }}</p>
<img class="arrow" src="{{ asset('assets/images/arrows/redArrow.svg') }}" alt="download" width="20" height="24">
</a>
</div>
</div>
{% endif %}
{% endfor %}
</div>
{% endif %}
</div>
</section>