templates/front/actualite/index.html.twig line 1

  1. {% extends 'front_layout.html.twig' %}
  3. {% block title %}Actualités{% endblock %}
  5. {% block body %}
  6. <main class="t-page">
  8.     {% set mediaPoleRecherche = null %}
  10.     {% for pole in poles %}
  11.         {% if pole.name == poleSearch %}
  12.             {% set mediaPoleRecherche = pole.urlPole.banniere.filepath %}
  13.         {% endif %}
  14.     {% endfor %}
  16.     <header class="t-page__header" 
  17.         {% if mediaPoleRecherche is not null %}
  18.             style="background-image: url('{{ asset('/uploads/medias/' ~ mediaPoleRecherche)|imagine_filter('banner') }}');"
  19.         {% else %}
  20.             style="background-image: url('/build/images/grey.jpg');"
  21.         {% endif %}
  22.     >
  23.         <h1 class="t-page__mainTitle">Découvrez toute l'actualité</h1>
  24.     </header>
  26.     <div class="t-page__wrap">
  28.         {{ render(controller('App\\Controller\\WidgetController::breadcrumb', {'request': app.request})) }}
  30.         <div class="t-page__intro">
  31.             Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the
  32.             industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and
  33.             scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into
  34.             electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of
  35.             Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like
  36.             Aldus PageMaker including versions of Lorem Ipsum.
  37.         </div>
  38.     </div>
  40.     <section class="ptForm ptForm--actualite">
  41.         <div class="ptForm__wrap">
  42.             <h2 class="ptForm__title">Rechercher une actu ?</h2>
  43.             <form action="{{ path('app_actualite_list') }}">
  44.                 <div class="ptForm__row">
  46.                     <input type="text" name="pole" value="{{ app.request.get('pole') }}" hidden>
  48.                     <select class="ptForm__select js-tomselect" id="search__pole" name="pole">
  49.                         <option value="">Pôle</option>
  50.                         {% for pole in poles %}
  51.                             <option value="{{ pole.name }}"
  52.                                 {% if poleSearch == pole.name %}selected{% endif %}
  53.                             >
  54.                                     {{ pole.name }}
  55.                             </option>
  56.                         {% endfor %}
  57.                     </select>
  60.                     <select class="ptForm__select js-tomselect" id="search__categorie" name="categorie">
  61.                         <option value="">Catégorie</option>
  62.                         {% for categorie in categories %}
  63.                             <option value="{{ categorie.titre }}"
  64.                                 {% if categorieSearch == categorie.titre %}selected{% endif %}
  65.                             >
  66.                                     {{ categorie.titre }}
  67.                             </option>
  68.                         {% endfor %}
  69.                     </select>
  70.                 </div>
  72.                 <div class="ptForm__row">
  73.                     <button class="ptForm__btn" type="submit">Rechercher
  74.                         <svg><use xlink:href="#caret-right"></use></svg>
  75.                     </button>
  76.                 </div>
  77.                 <div class="ptForm__row">
  78.                     <a href="{{ path('app_actualite_list') }}" class="ptForm__btnClear" id="search__clean" type="button">Effacer les filtres</a>
  79.                 </div>
  80.             </form>
  81.         </div>
  82.     </section>
  84.     {% if actualites is not null %}
  85.     {% set nbPaginate = app.request.query.get('page') %}
  86.         <section class="rechercheActu">
  87.             <div class="rechercheActu__wrap">
  89.                 <div class="rechercheToolbar__top">
  90.                     <p class="rechercheToolbar__nbResult">Résultats de la recherche : 
  91.                         {% if actualites|length <= 1 %}
  92.                         {{ actualites|length }} événement
  93.                         {% else %}
  94.                         {{ actualites|length }} événements
  95.                         {% endif %}
  96.                     </p>
  97.                 </div>
  99.                 {% if actualites is empty %}
  100.                     <p>Aucune actualité pour le moment. </p>
  101.                 {% else %} 
  102.                     {# Pagination haute#}
  103.                     <div class="pagination-ligne">               
  104.                         {% if nbPaginate > 1 %}
  105.                             <a class="pagination-fleche-gauche" href="{{ path("app_actualite_list", { 'page': nbPaginate - 1 }) }}">◀</a> 
  106.                         {% endif %}
  107.                         
  108.                         {{ ttskch_paginator_pager() }} 
  110.                         {% set x = (app.request.query.get('page') is null) ?  2 : 1 %}
  112.                         {% if (nbActus/10) > nbPaginate %}
  113.                             <a class="pagination-fleche-droite" href="{{ path("app_actualite_list", { 
  114.                                 'page': nbPaginate + x 
  115.                                 }) }}">▶</a>
  116.                     </div>
  117.                 {% endif %}
  119.                     <div class="rechercheActu__grid">
  120.                         {% for actualite in actualites %}
  121.                             <a class="rechercheActu__item" href="{{ path('app_actualite_detail', {'actualite': actualite.id}) }}" style="background-image: url({{ asset('/uploads/medias/' ~ actualite.banniere.filepath)|imagine_filter('c350') }});">
  122.                                 <h3 class="rechercheActu__title">{{ actualite.titre }}</h3>
  123.                                 <div class="rechercheActu__txt">{{ actualite.description | raw }}</div>
  124.                             </a>
  125.                         {% endfor %}
  126.                     </div>            
  128.                     {# Pagination basse#}
  129.                     <div class="pagination-ligne">               
  130.                         {% if nbPaginate > 1 %}
  131.                             <a class="pagination-fleche-gauche" href="{{ path("app_actualite_list", { 'page': nbPaginate - 1 }) }}">◀</a> 
  132.                         {% endif %}
  133.                         
  134.                         {{ ttskch_paginator_pager() }} 
  136.                         {% set x = (app.request.query.get('page') is null) ?  2 : 1 %}
  138.                         {% if (nbActus/10) > nbPaginate %}
  139.                             <a class="pagination-fleche-droite" href="{{ path("app_actualite_list", { 
  140.                                 'page': nbPaginate + x 
  141.                                 }) }}">▶</a>
  142.                         {% endif %}
  143.                     </div>
  144.                 {% endif %}
  145.                 
  146.                 <div class="rechercheToolbar__bottom">
  147.                     &nbsp;
  148.                     {# <div class="rechercheToolbar__pagi">TODO: Pagination</div> #}
  149.                 </div>
  151.             </div>
  152.         </section>
  153.     {% endif %}
  155. </main>
  156. {% endblock %}