templates/Press/overview.html.twig line 1

Open in your IDE?
  1. {% extends "Layout/default.html.twig" %}
  2. {% block navigation %}
  3.     {{ include('Press/Includes/pressHeader.html.twig') }}
  4. {% endblock %}
  6. {% block content %}
  7.     {{ include('Content/includes/hero.html.twig') }}
  8.     {{ include('Navigation/breadcrumb.html.twig') }}
  9.     {{ include('Includes/main-title-block-splitted-editable.html.twig') }}
  11.     {{ include('Includes/areablock.html.twig', {
  12.         suffix: 'top'
  13.     }) }}
  15.     {% set filterTab = app.request.get('tab', 'latest') %}
  16.     {% set items = [
  17.         {
  18.             "id": "latest-tab",
  19.             "text": "press.Aktuelles"|trans,
  20.             "href": "#latest",
  21.             "isActive": filterTab == 'latest',
  22.             "targetId": "latest",
  23.             showFilter: false,
  24.             pageName: "pageLatest",
  25.             ajaxPaging: false,
  26.         },
  27.         {
  28.             "id": "az-tab",
  29.             "text": "press.A-Z"|trans,
  30.             "href": "#az",
  31.             "isActive": filterTab == 'az',
  32.             "targetId": "az",
  33.             showFilter: true,
  34.             pageName: "pageAZ",
  35.             ajaxPaging: true
  36.         },
  37.         {
  38.             "id": "numbers-company-tab",
  39.             "text": "press.Zahlen & Unternehmen"|trans,
  40.             "href": "#numbersCompany",
  41.             "isActive": filterTab == 'numbersCompany',
  42.             "targetId": "numbersCompany",
  43.             showFilter: false,
  44.             pageName: "pageCompany",
  45.             ajaxPaging: true
  46.         },
  47.         {
  48.             "id": "topicscollection-tab",
  49.             "text": "press.Themensammlungen"|trans,
  50.             "href": "#topicscollection",
  51.             "isActive": filterTab == 'topicscollection',
  52.             "targetId": "topicscollection",
  53.             pageName: "pageTopics"
  54.         }
  55.     ] %}
  56.     <div class="content-block container">
  57.         {{ include('Includes/tabs.html.twig', {
  58.             "items": items
  59.         }) }}
  60.         <div class="tab-content" role="tabpanel">
  61.             {% for item in items %}
  62.                 <div class="tab-pane fade {{ item.isActive ? 'show active' : '' }}" id="{{ item.targetId }}"
  63.                      aria-labelledby="{{ item.id }}">
  64.                     {% if item.targetId == 'topicscollection' %}
  65.                         {{ include('Press/Includes/pressTopicsList.html.twig', {
  66.                             items: dossierList,
  67.                         }) }}
  68.                     {% else %}
  69.                         <div class="js-ajax-form position-relative mt-5" data-ajax-form-add-url-params="true">
  70.                             <div aria-live="polite">
  71.                                 <div class="">
  72.                                     {% if item.showFilter %}
  73.                                         <form action="/404"
  74.                                               data-action="{{ app.request.pathInfo }}?ajax"
  75.                                               class="js-ajax-form__form">
  76.                                             <input type="text" name="tab" value="{{ item.targetId }}" hidden>
  77.                                             <div class="row justify-content-center">
  78.                                                 <div class="col-md-3">
  79.                                                     {{ include('Form/Includes/select.html.twig', {
  80.                                                         id: 'category',
  81.                                                         inputModifier: "js-floating-label",
  82.                                                         labelModifier: "floating-label",
  83.                                                         inputWrapperModifier: "select__input-wrapper position-relative",
  84.                                                         name: "category",
  85.                                                         label: 'press.Kategorie'|trans,
  86.                                                         styleModifier: 'form-group--lg',
  87.                                                         options: categoriesDropdownItems|default([])
  88.                                                     }) }}
  89.                                                 </div>
  90.                                                 <div class="col-md-3">
  91.                                                     {{ include('Form/Includes/form-control.html.twig', {
  92.                                                         id: 'keyword',
  93.                                                         inputModifier: 'js-floating-label',
  94.                                                         inputWrapperModifier: 'position-relative',
  95.                                                         labelModifier: 'floating-label',
  96.                                                         label: 'press.Stichwortsuche'|trans,
  97.                                                         styleModifier: 'form-group--lg',
  98.                                                         name: 'keyword',
  99.                                                         value: app.request.get('keyword', '')
  100.                                                     }) }}
  101.                                                 </div>
  102.                                             </div>
  103.                                             <div class="text-center">
  104.                                                 <button type="submit" class="btn btn-primary-light">{{ 'press.Ergebnisse anzeigen'|trans }}</button>
  106.                                                 <div class="mt-3">
  107.                                                     <a href="#" class="text-primary-light text-underline js-ajax-form__reset" data-reset-name="category, keyword">
  108.                                                         {{ 'press.Filter zurücksetzen'|trans }}
  109.                                                     </a>
  110.                                                 </div>
  111.                                             </div>
  112.                                         </form>
  113.                                     {% endif %}
  114.                                     <div class="mt-5">
  115.                                         <div class="js-ajax-form__notifications mb-3" hidden></div>
  117.                                         <div class="js-ajax-form__error-area mb-3" hidden>
  118.                                             <button class="js-ajax-form__retry btn btn-info ml-2">{{ 'ajax.Retry'|trans }}</button>
  119.                                         </div>
  121.                                         {{ include ('Includes/loading-overlay.html.twig', {styleModifier: 'js-ajax-form__loading'}) }}
  122.                                         {% if item.targetId == 'latest' %}
  123.                                             {% set paginator = latestPaginator %}
  124.                                         {% elseif item.targetId == 'numbersCompany' %}
  125.                                             {% set paginator = companyPaginator %}
  126.                                         {% else %}
  127.                                             {% set paginator = allPaginator %}
  128.                                         {% endif %}
  129.                                         <div class="js-ajax-form__result">
  130.                                             {{ include('Press/Includes/pressOverviewList.html.twig', {
  131.                                                 paginator: paginator,
  132.                                                 activePressArticlesWishlistIds: activePressArticlesWishlistIds|default([]),
  133.                                                 pageName: item.pageName,
  134.                                                 ajaxPaging: item.ajaxPaging
  135.                                             }) }}
  136.                                         </div>
  137.                                     </div>
  138.                                 </div>
  139.                             </div>
  140.                         </div>
  141.                     {% endif %}
  142.                 </div>
  143.             {% endfor %}
  144.         </div>
  146.     </div>
  148.     {{ include('Includes/areablock.html.twig', {
  149.         suffix: 'bottom'
  150.     }) }}
  151. {% endblock %}
  154.     {% block javascripts %}
  155.         {% if not app.request.get('onlyInlineCss') %}
  156.         {{ include('Layout/includes/encore.html.twig', {
  157.             'staticDebugMode': staticDebugMode,
  158.             'file': 'js/press'
  159.         }) }}
  160.         {% endif %}
  161.     {% endblock %}