templates/event/listing.html.twig line 1

Open in your IDE?
  1. {% extends 'layouts/layout.html.twig' %}
  2. {% block content %}
  5.     <main class="pullc">
  6.         <div class="container-xl event-list">
  7.             <div class="row">
  8.                 <div class="col-lg-3 leftpull section-pillar d-none d-lg-block">
  10.                     <div class="section-title px-3 px-lg-3 ps-lg-0 d-flex flex-column">
  11.                         <h1 class="mb-lg-5 pt-1 pe-lg-4 mt-5 text-lg-end">
  12.                             {% if training is defined and training == true %}
  14.                                 Training
  15.                             {% else %}
  16.                                 {{ section_title }}
  17.                             {% endif %}
  18.                         </h1>
  19.                     </div>
  20.                     <div class="d-flex justify-content-end">
  21.                         <form class="p-3 mb-5 filters" method="get" action="">
  22.                             <div class="row">
  24.                                 <div class="col col-12 col-md-6 col-lg-12">
  27.                                     <div class="form-check">
  28.                                         <input class="form-check-input" onchange="this.form.submit()" id="training" name="training" type="checkbox" {% if training is defined and training == true %} checked {% endif %} value="true">
  29.                                         <label class="form-check-label" for="training">Only training events
  30.                                         </label>
  31.                                     </div>
  33.                                     <input class="form-check-input" onchange="this.form.submit()" id="past" name="past" type="checkbox" {% if past is defined and past == true %} checked {% endif %} value="true">
  34.                                     <label class="form-check-label" for="past">&nbsp;Include past events
  35.                                     </label>
  38.                                 </div>
  41.                             </div>
  44.                         </form>
  45.                     </div>
  46.                         {% if document.getProperty('training_background') and training is defined and training == true %}
  47.                         {% if document.getProperty('training_background').getMetadata('Credit') %}
  48.                             <div class="pillar-credit">
  49.                                 Image:
  50.                                 {{ document.getProperty('training_background').getMetadata('Credit') }}
  51.                             </div>
  52.                         {% endif %}
  53.                     
  54.         {% elseif document.getProperty('pillar_background') %}
  55.                         {% if document.getProperty('pillar_background').getMetadata('Credit') %}
  56.                             <div class="pillar-credit">
  57.                                 Image:
  58.                                 {{ document.getProperty('pillar_background').getMetadata('Credit') }}
  59.                             </div>
  60.                         {% endif %}
  61.                     {% endif %}
  62.                 </div>
  63.                 <div class="col-lg-9 ps-lg-5 pe-lg-5 pb-4">
  66.                     <div class="breadcrumbs mt-3">
  67.                         <a href="/">{{ "Home"|trans }}</a>
  68.                         /
  70. {% if training is defined and training == true %}
  71. <a href="/Training">CESSDA Training</a> / 
  73. {% endif %}
  74.                         {{ document.key }}
  75.                     </div>
  77. <div class="d-flex justify-content-between">
  78.                     <h1 class="my-3">
  79.                     {% if past is defined and past == true %}
  80.                     Events
  81.                     {% else %}
  82. Upcoming events
  83.                     {% endif %}
  84.                     </h1>
  85.                     {% if training is defined and training == true %}
  86.                     <p>
  87. <a class="btn btn-primary align-self-end mt-3" href="/eventsubmit">Suggest a training event</a>
  88. </p>
  89. {% endif %}
  90. </div>
  91. {% set bgclass = 'bg-blue-050' %}
  92. {% if training is defined and training == true %}
  93. {% set bgclass = 'bg-green-050' %}
  94. {% endif %}
  95.                     {% for event in eventList %}
  96.                         {% set detailLink = app_event_detaillink(event) %}
  98.                         <div class="row py-2 newslist">
  100.                             <div class="col-12">
  103.                                 <span class="eventdate">{{ event.from_time|date("D j M Y") }}
  104.                                     {% if event.to_time and event.to_time|date("D j M Y") != event.from_time|date("D j M Y") %}
  105.                                         -
  106.                                         {{ event.to_time|date("D j M Y") }}
  107.                                     {% endif %}
  108.                                 </span>
  109.                                     {% if event.event_type %}
  110.                                         <span class="badge rounded-pill {{ bgclass }} text-dark">
  111.                                             {{ event.event_type }}</span>
  112.                                     {% endif %}
  113.                                     {% for topic in event.event_topics %}
  114.                                         <span class="badge rounded-pill {{ bgclass }} text-dark">
  115.                                             {{ topic }}</span>
  116.                                     {% endfor %}
  119.                                 <h2>
  120.                                     <a class="listlink bluelink stretched-link" href="{{ detailLink }}{% if training is defined and training == true %}?training=true{% endif %}">{{ event.title }}</a>
  121.                             
  122.                                 </h2>
  125.                                 <p>
  126.                                     {{ event.intro }}
  128.                                     
  129.                                 </p>
  131.                             </div>
  132.                         </div>
  134.                     {% endfor %}
  137.                     {% include 'includes/pagination.html.twig' %}
  138.                 </div>
  140.             </div>
  143.         </div>
  144.     </div>
  145. </main>{% endblock %}