templates/areas/timeline/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.     {# editmode #}
  17.     {% if editmode %}
  18.         <div class="editmode">
  19.             <div class="accordion-container">
  20.                 <div class="accordion-button">
  21.                     <span class="accordion-button-text">Timeline</span>
  22.                     {{ include('svg/editmode/setting.html.twig') }}
  23.                 </div>
  24.                 <div class="panel">
  25.                     <div class="settings-container">
  26.                         
  27.                         <div class="setting input">
  28.                             <label>Anker:</label>
  29.                             {{ anchor|raw }}
  30.                         </div>
  32.                         <div class="setting select">
  33.                             <label>Abstand unten:</label>
  34.                             {{ marginBottom|raw }}
  35.                         </div>
  37.                     </div>
  38.                 </div>
  39.             </div>
  40.         </div>
  41.     {% endif %}
  43.     <div class="timeline-brick brick-container {{ backgroundColor.data }} {{ marginBottom.data }} {{ paddingBottom.data }}">
  45.         {# anchor #}
  46.         {% if anchor.data %}
  47.             <div class="anchor" id="{{ anchor.data }}"></div>
  48.         {% endif %}
  50.         <div class="container-1420">
  51.             <div class="content">
  53.                 {% for i in pimcore_block('contentblock').iterator %}
  55.                     {# number #}
  56.                     {% set number = pimcore_block('contentblock').current + 1 %}
  58.                     {# title #}
  59.                     {% set title = pimcore_input('title', {
  60.                         'placeholder': 'Titel'
  61.                     }) %}
  63.                     {# text #}
  64.                     {% set text = pimcore_wysiwyg('text', {
  65.                         'placeholder': 'Text'
  66.                     }) %}
  68.                     <div class="entry">
  70.                         {# number #}
  71.                         <div class="number">
  72.                             <div class="outside">
  73.                                 <div class="inside">
  74.                                     <span>{{ number }}</span>
  75.                                 </div>
  76.                             </div>
  77.                         </div>
  79.                         {# final line #}
  80.                         {% if number == pimcore_block('contentblock').count %}
  81.                             <div class="final-line">
  82.                             </div>
  83.                         {% endif %}
  85.                         {# title #}
  86.                         {% if editmode or title.data %}
  87.                             <div class="title">
  88.                                 <span>{{ title|raw }}</span>
  89.                             </div>
  90.                         {% endif %}
  92.                         {# text #}
  93.                         {% if editmode or text.data %}
  94.                             <div class="text">
  95.                                 {{ text|raw }}
  96.                             </div>
  97.                         {% endif %}
  99.                     </div>
  101.                 {% endfor %}
  103.             </div>
  104.         </div>
  105.     </div>
  107. {% endblock %}