templates/document/about/events.html.twig line 1

Open in your IDE?
  1. {% extends 'layout/default.html.twig' %}
  3. {% block contentBlock %}
  5. <div class="staticPage">
  6.     <div class="container my-5 my-lg-5 my-md-5">
  7.         <div class="row">
  8.             <div class="col-lg-3">
  9.                 <h4 class="font-weight-bold text-uppercase">{{ 'Events.pages.title' | trans }}</h4>
  10.                 {% include 'document/static_page/sidebar/sidebar.html.twig' %}
  12.                 <h1 class="d-block d-lg-none font-italic font-weight-bold mb-0 mt-6 mt-lg-0 mt-md-0 border-bottom border-indigo border-2 pb-3 pb-lg-3 pb-md-3">
  13.                     {{ pimcore_input('heading').getData }}
  14.                 </h1>
  15.                 <h4 class="font-weight-bold text-navyBlue mb-3 mb-lg-3 mb-md-3 mt-5 mt-lg-4 mt-md-4">FILTER</h4>
  16.                 <form action="" id="form-filter" class="mb-5 mb-md-5 mb-lg-0">
  17.                     <div class="position-relative d-flex align-items-center checkbox-container mb-1 mb-lg-1 mb-md-1">
  18.                         {% set showPastEvents = app.request.get('show_past_events') %}
  20.                         <input  type="checkbox"
  21.                                 {{ showPastEvents is defined and showPastEvents == 1 ? 'checked' }}
  22.                                 name="show_past_events"
  23.                                 value="{{ showPastEvents is defined and showPastEvents == 1 ? '0' : '1' }}"
  24.                                 id="filter-past-events"
  25.                                 onchange="this.form.submit()"
  26.                         >
  28.                         <span class="checkmark"></span>
  30.                         <label for="filter-past-events" class="letter-spacing-1 font-weight-bold mb-0">
  31.                             Show Past Events
  32.                         </label>
  33.                     </div>
  34.                 </form>
  36.             </div>
  37.             <div class="col-lg-8">
  38.                 <div class="mb-4 mb-lg-4 mb-md-4 d-none d-lg-block">
  39.                     <h1 class="font-italic font-weight-bold mb-0 mt-4 mt-lg-0 mt-md-0">
  40.                         {{ pimcore_input('heading',{
  41.                                 "height": 150,
  42.                                 "placeholder": "Heading"
  43.                             })
  44.                         }}
  45.                     </h1>
  46.                     <br>
  47.                     <p class="font-weight-light font-italic big">
  48.                         Upcoming Events and Conferences
  49.                     </p>
  50.                 </div>
  51.                 <div class="row">
  52.                     {% for article in articles %}
  53.                         <div class="col-lg-4 col-md-6">
  54.                             <div class="d-flex align-items-start mb-5 mb-lg-5 mb-md-5">
  55.                                 {{ article.feature_image is defined and article.feature_image ? article.feature_image.getThumbnail('event').getHtml({ class: 'mr-3 mr-lg-3 mr-md-3' }) | raw }}
  56.                                 <div class="d-flex flex-column">
  57.                                     <p class="mb-3 mb-lg-3 mb-md-3 text-navyBlue font-weight-bold">
  58.                                         {{ article.title }}
  59.                                     </p>
  60.                                     <small class="text-deepGray mb-2 mb-lg-2 mb-md-2 font-weight-normal">
  61.                                         {{ article.address }}
  62.                                     </small>
  63.                                     <small class="text-deepGray mb-2 mb-lg-2 mb-md-2 font-weight-normal">
  64.                                         {{ article.date }}
  65.                                     </small>
  66.                                     {% if article.url is defined and article.url and article.url.text is defined and article.url.text and article.url.getHref is defined and article.url.getHref %}
  67.                                         <a href="{{ article.url.getHref }}" target="{{ article.url.target }}" class="d-flex align-items-center">
  68.                                             <div class="mr-2 mr-lg-2 mr-md-2">
  69.                                                 {{ block('moreInfoEvent', 'svg-icons/svg-icons.html.twig') }}
  70.                                             </div>
  71.                                             <small class="text-indigo font-weight-bold">
  72.                                                 {{ article.url.getText }}
  73.                                             </small>
  74.                                         </a>
  75.                                     {% endif %}
  76.                                 </div>
  77.                             </div>
  78.                         </div>
  79.                     {% endfor %}
  80.                 </div>
  81.                 <div class="row {% if paginator.pageCount == 1 %}d-none{% endif %}">
  82.                     <div class="col-lg-6 offset-lg-3">
  83.                         {% include 'Components/pagination.html.twig' with paginator %}
  84.                     </div>
  85.                 </div>
  86.             </div>
  87.         </div>
  88.     </div>
  89. </div>
  90. {% endblock %}