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

Open in your IDE?
  1. {#
  2. project: Pimcore - Schutzverband Nuernberg Rostbratwuerste
  3. User: erikb
  4. Year: 2023
  5. #}
  6. {% if editmode %}
  7.     <div class="admin-container admin-container--limited-width admin-container--content">
  8.         <div class="admin-container__section">
  9.             <span class="admin-container__title">{{ 'brick.timeline.title'|trans({}, 'admin') }}</span>
  10.         </div>
  11.     </div>
  12. {% endif %}
  14. <div class="area timeline">
  15.     {% if not editmode %}
  16.     <div class="timeline__years">
  17.         {% for i in pimcore_block('items').iterator %}
  18.         <div class="timeline__year" data-year="{{ pimcore_numeric('year').getData() }}" data-index="{{ i }}">{{ pimcore_numeric('year').getData() }}</div>
  19.         {% endfor %}
  20.     </div>
  21.     {% endif %}
  23.     <div class="timeline__items">
  24.         {% for i in pimcore_block('items').iterator %}
  25.         <div class="timeline__item" data-year="{{ pimcore_numeric('year').getData() }}" data-index="{{ i }}">
  26.             <div class="timeline__image">
  27.                 {{
  28.                     pimcore_image('image', {
  29.                         'lowQualityPlaceholder': false,
  30.                         'thumbnail': 'timeline'
  31.                     })
  32.                 }}
  33.             </div>
  34.             <div class="timeline__content">
  35.                 {% if editmode %}
  36.                 <div class="admin-container admin-container--limited-width admin-container--content">
  37.                     <div class="admin-container__configurations">
  38.                         <div class="admin-config-item">
  39.                             <span class="admin-config-item__label">{{ 'brick.timeline.option.year'|trans({}, 'admin') }}:</span>
  40.                             {{
  41.                                 pimcore_numeric('year', {
  42.                                     'minValue': 0,
  43.                                     'maxValue': 2100,
  44.                                     'decimalPrecision': 0
  45.                                 })
  46.                             }}
  47.                         </div>
  48.                     </div>
  49.                 </div>
  50.                 {% endif %}
  51.                 <div class="timeline__title">{{ pimcore_textarea('title', { nl2br: true, placeholder: 'Enter title' }) }}</div>
  52.                 <div class="timeline__subtitle">{{ pimcore_textarea('subtitle', { nl2br: true, placeholder: 'Enter subtitle' }) }}</div>
  53.                 <div class="timeline__text">
  54.                     {{
  55.                         pimcore_wysiwyg('content', {
  56.                             'height': 200,
  57.                             'enterMode': 'CKEDITOR.CKEDITOR.ENTER_BR',
  58.                             'customConfig': '/static/js/src/pimcore.ck-config.js?' ~ date().timestamp
  59.                         })
  60.                     }}
  61.                 </div>
  62.             </div>
  63.         </div>
  64.         {% endfor %}
  65.     </div>
  67.     <div class="timeline__controls">
  68.         <a href="#" class="timeline__control timeline__control--prev" data-direction="prev">{{ get_svg_inline('arrow-1-left') }}</a>
  69.         <div class="timeline__control-line"></div>
  70.         <a href="#" class="timeline__control timeline__control--next" data-direction="next">{{ get_svg_inline('arrow-1-right') }}</a>
  71.     </div>
  72. </div>