templates/news/overview.html.twig line 1

Open in your IDE?
  1. {% extends base_layout() %}
  3. {% block content %}
  4.     <div class="container mb-5">
  6.         {{ include('includes/title.html.twig') }}
  8.         <div class="row">
  9.             <div class="col-12">
  10.                 {{ include('includes/default-content.html.twig') }}
  11.             </div>
  12.         </div>
  14.     </div>
  17.     <section class="">
  18.         <div class="container pb-5">
  20.             <div class="row">
  21.                 <div class="col-12">
  22.                     {% if news is defined %}
  23.                         <div class="row row-cols-lg-3 g-3">
  25.                             {% if news is defined %}
  26.                                 {% for new in news %}
  27.                                     <div class="col homenews-item">
  28.                                         <div class="bg-light-grey h-100">
  31.                                             {% if not new.getEditable('publicationHeader').isEmpty() %}
  32.                                                 <a href="{{ new.getFullPath() }}">
  33.                                                     <div class="image position-relative">
  35.                                                         <img class="w-100 h-auto"
  36.                                                              src="{% if new.getEditable('publicationHeader') %}{{ new.getEditable('publicationHeader').getThumbnail('homepage-news') }}{% else %}{{ app_placeholderImage().getThumbnail('homepage-news') }}{% endif %}">
  37.                                                     </div>
  38.                                                 </a>
  39.                                             {% endif %}
  40.                                             <div class="p-3 h-100">
  42.                                                 <header class="mt-2 mb-1 text-primary fs-3">
  43.                                                     <a href="{{ new.getFullPath() }}">
  44.                                                         {{ new.getEditable('newsTitle') }}</a>
  45.                                                 </header>
  47.                                                 {% if not new.getEditable('publicationDate').isEmpty() %}
  48.                                                     {#                        <small class="text-uppercase">{{ app_blog_date(article.getEditable('publicationDate').getData()) }}</small>#}
  49.                                                     <small class="text-uppercase fst-italic text-black text-opacity-50">{{ new.getEditable('publicationDate').getData()|format_date('none', 'd MMM Y', null, 'gregorian', app.request.locale) }}</small>
  50.                                                 {% endif %}
  52.                                                 {% if new.getEditable('newsContent') is defined %}
  53.                                                     <div class="d-inline-block mt-2">
  54.                                                         <p><a class="text-black" href="{{ new.getFullPath() }}">
  55.                                                                 {{ new.getEditable('newsContent')|truncate(230, '...') }}</a>
  56.                                                         </p>
  57.                                                     </div>
  58.                                                 {% endif %}
  60.                                                 {#
  61.                                                 <div class="position-absolute pos-b-0 mt-1">
  62.                                                     <a class="btn btn-primary" href="{{ new.getFullPath() }}">
  63.                                                                 <span class="mr-2">
  64.                                                                     {{ 'lees meer'|trans }}
  65.                                                                 </span>
  66.                                                         <i class="fas fa-long-arrow-alt-right"></i>
  67.                                                     </a>
  68.                                                 </div> #}
  69.                                             </div>
  71.                                         </div>
  72.                                     </div>
  73.                                 {% endfor %}
  74.                             {% endif %}
  77.                             {#
  78.                             {{ include('includes/news/detail.html.twig', {
  79.                                 'news': news
  80.                             }) }} #}
  81.                         </div>
  83.                         <div class="load-more-items py-3">
  84.                             <div class="aligner">
  85.                                 <div class="loading-circle loading-bar-primary loading-bg-default mx-auto"></div>
  86.                             </div>
  88.                             <input type="hidden" class="pageCounter" value="1">
  89.                         </div>
  90.                     {% endif %}
  91.                 </div>
  92.             </div>
  93.         </div>
  94.     </section>
  96. {% endblock %}