templates/Press/pictureOverview.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.     {% embed 'Includes/editmode-settings.html.twig' %}
  16.         {% block additionalInfo %}
  17.             <div>
  18.                 <label>Prefilter by region</label>
  19.                 {{ pimcore_relation('prefilter-region', {
  20.                     "types": ["object"],
  21.                     "subtypes": {
  22.                         "object": ["object"]
  23.                     },
  24.                     "classes": ["Region"]
  25.                 }) }}
  26.             </div>
  27.             <div >
  28.                 <label>Seasons</label>
  29.                 {{ pimcore_relations('seasons', {
  30.                     "types": ["object"],
  31.                     "subtypes": {
  32.                         "object": ["object"]
  33.                     },
  34.                     "classes": ["MediaCategory"]
  35.                 }) }}
  36.             </div>
  37.             <div class="mt-2">
  38.                 <label>Images per page (default 16)</label>
  39.                 {{ pimcore_numeric('imagesPerPage', {
  40.                     minValue: 4,
  41.                     maxValue: 200,
  42.                 }) }}
  43.             </div>
  44.         {% endblock %}
  45.     {% endembed %}
  47.     <div class="content-block container">
  48.         <div class="js-ajax-form position-relative mt-5" data-ajax-form-add-url-params="true">
  49.             <div aria-live="polite">
  50.                 <div class="">
  51.                     {{ include('Includes/title-block.html.twig', {
  52.                         title: 'press.Nach Bilder suchen'|trans,
  53.                         isCentered: true,
  54.                     }) }}
  56.                     <form action="/404"
  57.                           data-action="{{ app.request.pathInfo }}?ajax=1&anchor=imagePaging"
  58.                           class="js-ajax-form__form">
  59.                         <div class="row justify-content-center">
  60.                             <div class="col-md-3">
  61.                                 {{ include('Form/Includes/form-control.html.twig', {
  62.                                     id: 'keyword',
  63.                                     name: 'keyword',
  64.                                     value:  app.request.get('keyword', ''),
  65.                                     inputModifier: 'js-floating-label',
  66.                                     inputWrapperModifier: 'position-relative',
  67.                                     labelModifier: 'floating-label',
  68.                                     label: 'press.keyword'|trans,
  69.                                     required: false
  70.                                 }) }}
  71.                             </div>
  72.                             <div class="col-md-3">
  73.                                 {{ include('InteractiveMap/Partials/filter-dropdown.html.twig', {
  74.                                     inputModifier: '',
  75.                                     inputWrapperModifier: 'position-relative',
  76.                                     labelModifier: 'floating-label',
  77.                                     required: false,
  78.                                     styleModifier: 'mb-3',
  80.                                     label: 'press.Kategorie' | trans,
  81.                                     id: 'category',
  82.                                     required: false,
  83.                                     iconType: null,
  84.                                     options: pressCategories|default([])|slice(1)
  85.                                 }) }}
  86.                             </div>
  87.                             <div class="col-md-3">
  88.                                 {{ include('InteractiveMap/Partials/filter-dropdown.html.twig', {
  89.                                     inputModifier: 'js-floating-label',
  90.                                     inputWrapperModifier: 'position-relative',
  91.                                     labelModifier: 'floating-label',
  92.                                     label: 'press.Saison' | trans,
  93.                                     id: 'season',
  94.                                     required: false,
  95.                                     styleModifier: 'form-group--lg filter-dropdown--small-padding',
  96.                                     iconType: null,
  97.                                     dropdownModifier: "filter-dropdown__menu--pos-absolute",
  98.                                     options: seasonSelect|default([])|slice(1)
  99.                                 }) }}
  100.                             </div>
  101.                         </div>
  102.                         <div class="row justify-content-center">
  103.                             <div class="col-auto">
  104.                                 {{ include('Form/Includes/checkbox.html.twig', {
  105.                                     "label" : "<span class='icon icon-picture-portrait text-primary fz25 mr-2'></span> "~ "press.Hochformat"|trans,
  106.                                     "id": "portrait",
  107.                                     "value":"portrait",
  108.                                     "checked": app.request.get('orientation', true),
  109.                                     "textModifier":"d-flex",
  110.                                     "name": "orientation[]"
  111.                                 }) }}
  112.                             </div>
  113.                             <div class="col-auto">
  114.                                 {{ include('Form/Includes/checkbox.html.twig', {
  115.                                     "label" : "<span class='icon icon-picture-landscape text-primary fz25 mr-2'></span> " ~ "press.Querformat"|trans,
  116.                                     "id": "landscape",
  117.                                     "value": "landscape",
  118.                                     "checked": app.request.get('orientation', true),
  119.                                     "textModifier":"d-flex",
  120.                                     "name": "orientation[]"
  121.                                 }) }}
  122.                             </div>
  123.                         </div>
  124.                         <div class="text-center">
  125.                             <button type="submit" class="btn btn-primary-light">{{ 'press.Ergebnisse anzeigen'|trans }}</button>
  127.                             <div class="mt-3">
  128.                                 <a href="#" class="text-primary-light text-underline js-ajax-form__reset">
  129.                                     {{ 'press.Filter zurücksetzen'|trans }}
  130.                                 </a>
  131.                             </div>
  132.                         </div>
  133.                     </form>
  134.                     <div class="mt-5">
  135.                         <div class="js-ajax-form__notifications mb-3" hidden></div>
  137.                         <div class="js-ajax-form__error-area mb-3" hidden>
  138.                             <button class="js-ajax-form__retry btn btn-info ml-2">{{ 'ajax.Retry'|trans }}</button>
  139.                         </div>
  141.                         {{ include('Includes/loading-overlay.html.twig', {styleModifier: 'js-ajax-form__loading'}) }}
  143.                         <div class="js-ajax-form__result">
  144.                             {% if not paginator|default([]) is empty() %}
  145.                                 {{ include('Press/Includes/pressPictureList.html.twig', {
  146.                                     paginator: paginator,
  147.                                     showFirstLast:true
  148.                                 }) }}
  149.                             {% endif %}
  150.                         </div>
  151.                     </div>
  152.                 </div>
  153.             </div>
  154.         </div>
  155.     </div>
  157.     {{ include('Includes/areablock.html.twig', {
  158.         suffix: 'bottom'
  159.     }) }}
  161. {% endblock %}
  164.     {% block javascripts %}
  165.         {% if not app.request.get('onlyInlineCss') %}
  166.         {{ include('Layout/includes/encore.html.twig', {
  167.             'staticDebugMode': staticDebugMode,
  168.             'file': 'js/press'
  169.         }) }}
  170.         {% endif %}
  171.     {% endblock %}