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

Open in your IDE?
  1. {# settings #}
  2. {% extends ('areas_shared/settings.html.twig') %}
  4. {% block content %}
  6.     {# default margin #}
  7.     {% if marginBottom.isEmpty() %}
  8.         {% do marginBottom.setDataFromResource('full-margin-bottom') %}
  9.     {% endif %}
  11.     {# default background color #}
  12.     {% if backgroundColor.isEmpty() %}
  13.         {% do backgroundColor.setDataFromResource('background-white') %}
  14.     {% endif %}
  16.     {# title #}
  17.     {% set title = pimcore_textarea('title', {
  18.         'placeholder': 'Titel',
  19.         'nl2br': true
  20.     }) %}
  22.     {# text #}
  23.     {% set text = pimcore_textarea('text', {
  24.         'placeholder': 'Text',
  25.         'nl2br': true
  26.     }) %}
  28.     {# editmode #}
  29.     {% if editmode %}
  30.         <div class="editmode">
  31.             <div class="accordion-container">
  32.                 <div class="accordion-button">
  33.                     <span class="accordion-button-text">Intro</span>
  34.                     {{ include('svg/editmode/setting.html.twig') }}
  35.                 </div>
  36.                 <div class="panel">
  37.                     <div class="settings-container">
  38.                         
  39.                         <div class="setting input">
  40.                             <label>Anker:</label>
  41.                             {{ anchor|raw }}
  42.                         </div>
  44.                         <div class="setting select">
  45.                             <label>Abstand unten:</label>
  46.                             {{ marginBottom|raw }}
  47.                         </div>
  49.                     </div>
  50.                 </div>
  51.             </div>
  52.         </div>
  53.     {% endif %}
  55.     <div class="intro-brick brick-container {{ backgroundColor.data }} {{ marginBottom.data }} {% if editmode %}intro-editmode{% endif %}">
  57.         {# anchor #}
  58.         {% if anchor.data %}
  59.             <div class="anchor" id="{{ anchor.data }}"></div>
  60.         {% endif %}
  62.         <div class="container-2500 no-padding">
  64.             <div class="top">
  65.                 {{ include('svg/call-to-action/top.html.twig') }}
  66.             </div>
  68.         </div>
  70.         <div class="container-2500 no-padding">
  71.             <div class="content">
  72.                 <div class="container-1420">
  73.                     <div class="space">
  74.                     
  75.                         {# title #}
  76.                         {% if editmode or title.data %}
  77.                             <div class="title">
  78.                                 <p>
  79.                                     {{ title|raw }}
  80.                                 </p>
  81.                             </div>
  82.                         {% endif %}
  84.                         {# text #}
  85.                         {% if editmode or text.data %}
  86.                             <div class="text">
  87.                                 <p>
  88.                                     {{ text|raw }}
  89.                                 </p>
  90.                             </div>
  91.                         {% endif %}
  93.                         {# cards #}
  94.                         <div class="cards">
  95.                             {% for i in pimcore_block('contentblock').iterator %}
  97.                                 {% set cardTitle = pimcore_textarea('cardTitle', {
  98.                                     'placeholder': 'Titel',
  99.                                     'nl2br': true,
  100.                                     'required': true
  101.                                 }) %}
  103.                                 {% set cardLink = pimcore_link('cardLink', {
  104.                                     'required': true
  105.                                 }) %}
  107.                                 <div class="card {% if editmode %}card-editmode{% endif %}">
  109.                                     {# titel #}
  110.                                     <div class="card-title {% if not editmode %}card-title-equalize{% endif %}">
  111.                                         <p>
  112.                                             {{ cardTitle|raw }}
  113.                                         </p>
  114.                                     </div>
  116.                                     {# wave #}
  117.                                     <div class="wave">
  118.                                         {{ include('svg/link-wave/single.html.twig') }}
  119.                                     </div>
  121.                                     {# link #}
  122.                                     {% if editmode %}
  123.                                         <div class="link">
  124.                                             {{ cardLink|raw }}
  125.                                         </div>
  126.                                     {% elseif cardLink.href() %}
  127.                                         {% if cardLink.target %}    
  128.                                             {% set target = 'target="' ~ cardLink.target ~ '"' %}
  129.                                         {% else %}
  130.                                             {% set target = '' %}
  131.                                         {% endif %}
  133.                                         <a class="button white-to-darkblue" href="{{ cardLink.href }}" {{ target|raw }}>
  135.                                             {{ include('layout/components/button.html.twig') }}
  137.                                             <div class="button-text">
  138.                                                 <span>{{ cardLink.text }}</span>
  139.                                             </div>
  141.                                         </a>
  143.                                     {% endif %}
  145.                                 </div>
  147.                             {% endfor %}
  148.                         </div>
  150.                     </div>
  151.                 </div>
  152.             </div>
  153.         </div>
  155.         <div class="container-2500 no-padding">
  156.             <div class="bottom">
  157.                 {{ include('svg/call-to-action/bottom.html.twig') }}
  158.             </div>
  159.         </div>
  161.     </div>
  163. {% endblock %}