templates/Magazine/archive.html.twig line 1

Open in your IDE?
  1. {% extends "Layout/default.html.twig" %}
  3. {% do pimcore_placeholder('magazine').set('true') %}
  5. {% block mainContainerStyling %}main-content--spacing{% endblock %}
  6. {% block navigation %}
  7.     {{ include('Navigation/magazine-navbar.html.twig') }}
  8. {% endblock %}
  10. {% block content %}
  11.     {#{% if editmode %}
  12.         <div class="editmode-box editmode-box--info">
  13.             <div class="editmode-box__header">
  14.                 Settings
  15.             </div>
  16.             <div>
  17.                 <label>
  18.                     Main Article
  19.                 </label>
  20.                 {{ pimcore_relation('mainArticle', {'types': ['object'], 'subtypes': ['object'], 'classes': ['BlogArticle']}) }}
  21.             </div>
  22.         </div>
  23.     {% endif %}#}
  25.     {{ include('Includes/main-title-block-editable.html.twig', {
  26.         'isCentered': true
  27.     }) }}
  29.     <div class="js-ajax-form position-relative pt-3"  data-ajax-form-submit-on-change="true">
  30.         {% do jsConfig().add('ajaxForm', true) %}
  32.         <div aria-live="polite">
  33.             <div class="container container-md">
  34.                 <form action="/404"
  35.                       data-action="{{ app.request.pathInfo }}"
  36.                       class="js-ajax-form__form content-block">
  38.                     <div class="timeline-wrapper">
  39.                         <div class="timeline">
  40.                             {% for item in archiveYears %}
  41.                                 <label class="timeline__item">
  42.                                     <input class="timeline__item-input"
  43.                                         {{ currentYear == item.articleDate.year ? 'checked' : '' }}
  44.                                            type="radio"
  45.                                            name="timeline"
  46.                                            value="{{ item.articleDate.year }}"
  47.                                            id="timeline">
  48.                                     <span class="timeline__item-circle" aria-hidden="true"></span>
  49.                                     <span class="timeline__item-text">{{ item.articleDate.year }}</span>
  50.                                 </label>
  51.                             {% endfor %}
  52.                         </div>
  54.                         <span class="timeline__scroll-indicator icon icon-arrow-double-down icon-rotate-270" aria-hidden="true"></span>
  55.                     </div>
  58.                 </form>
  60.                 <div class="js-ajax-form__notifications mb-3" hidden></div>
  62.                 <div class="js-ajax-form__error-area mb-3" hidden>
  63.                     <button class="js-ajax-form__retry btn btn-info ml-2">{{ 'ajax.Retry'|trans }}</button>
  64.                 </div>
  65.             </div>
  67.             <div class="container container-md">
  68.                 {{ include('Includes/loading-overlay.html.twig', {
  69.                     styleModifier: 'js-ajax-form__loading'
  70.                 }) }}
  71.                 <div class="js-ajax-form__result mt-5">
  72.                     {{ include('Magazine/Includes/archiveContainer.html.twig', {
  73.                         paginator: paginator,
  74.                         currentYear: currentYear
  75.                     }) }}
  76.                 </div>
  77.             </div>
  78.         </div>
  79.     </div>
  81. {% endblock %}
  83.     {% block javascripts %}
  84.         {% if not app.request.get('onlyInlineCss') %}
  85.         {{ include('Layout/includes/encore.html.twig', {
  86.             'staticDebugMode': staticDebugMode,
  87.             'file': 'js/magazine'
  88.         }) }}
  89.         {% endif %}
  90.     {% endblock %}