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

Open in your IDE?
  1. {% extends 'layouts/layouts_front/base_front.html.twig' %}
  3. {% set cmptBack = 0 %}
  5. {% block stylesheets %}
  6.     <link rel="stylesheet preload" as="style" media="screen" href="{{ asset('css/actualite.css') }}">
  7. {% endblock %}
  10. {% set titleAff = page.seoTitle|default(page.ptitreonglet)|default(page.ptitre) %}
  12. {% if catEnCours is defined %}
  13.     {% for cat in  categories %}
  14.         {% if cat.id == catEnCours %}
  15.             {% set titleAff = titleAff~" - "~cat.actCatIntitule %}
  16.         {% endif %}
  17.     {% endfor %}
  18. {% endif %}
  20. {% set titleAff = titleAff|slice(0,34)~" | "~nomDuSite %}
  22. {% if app.request.locale == 'fr' %}
  23.     {% set metaDescr = page.seoDescription|default( "Retrouvez toutes les actualités sur le site de "~nomDuSite) %}
  24. {% else %}
  25.     {% set metaDescr = page.seoDescription|default("Find all the news on the "~nomDuSite~" website") %}
  26. {% endif %}
  28. {% if catEnCours is defined %}
  29.     {% for cat in  categories %}
  30.         {% if cat.id == catEnCours %}
  31.             {% if app.request.locale == 'fr' %}
  32.                 {% set metaDescr = "Retrouvez toutes les actualités de la catégorie "~cat.actCatIntitule~" sur le site de "~nomDuSite %}
  33.             {% else %}
  34.                 {% set metaDescr = "Find all the news of the "~cat.actCatIntitule~" category on the "~nomDuSite~" website" %}
  35.             {% endif %}
  36.         {% endif %}
  37.     {% endfor %}
  38. {% endif %}
  40. {% block metaDescription %}{{ metaDescr }}{% endblock %}
  41. {% block metaDescriptionOg %}{{ metaDescr }}{% endblock %}
  43. {% block keywords %}{{ page.seoKeywords }}{% endblock %}
  44. {% block title %}{{ titleAff }}{% endblock %}
  45. {% block titleOg %}{{ titleAff }}{% endblock %}
  47. {% block content %}
  49.     {% if page is not null %}
  50.         {{ include('front/front_news/header.html.twig') }}
  51.         {{ include('front/front_news/nav_ariane.html.twig') }}
  52.     {% endif %}
  54.     <div id="page_module">
  55.         <div class="container">
  56.             <div class="row justify-content-center">
  57.                 <div class="col-md-12 respfrontcata">
  58.                     <div class="noFadeInUp d-flex justify-content-center flex-column align-items-center navproduct mt-5">
  59.                         <div class="respmobile">
  60.                             <a class="noFadeInUp btn btn-primary touteActus{% if actEnCours is defined and actEnCours == 0 %} active{% endif %}"
  61.                                href="{{ websiteroot }}/actualite">
  62.                                 <span>Toutes les actualites</span>
  63.                             </a>
  64.                             {% for categ in categories %}
  65.                                 {% if categ.nbActus > 0 %}
  66.                                     {% set numCouleur = 1 %}
  67.                                     {% set isSelected = 0 %}
  68.                                     {% if categ.id == actEnCours %}
  69.                                         {% set isSelected = 1 %}
  70.                                     {% endif %}
  71.                                     <a class="noFadeInUp btn btn-primary touteActus{% if isSelected == 1 %} active{% elseif actEnCours != null %} noSelected{% endif %}"
  72.                                        href="/actualite/{{ categ.actCatIntitule }}/{{ categ.id }}"
  73.                                        data-type="{{ categ.id }}"
  74.                                        value="{{ categ.actCatIntitule }}">
  75.                                         <span>{{ categ.actCatIntitule }}</span>
  76.                                     </a>
  77.                                 {% endif %}
  78.                             {% endfor %}
  79.                             </select>
  80.                         </div>
  81.                     </div>
  82.                 </div>
  83.             </div>
  84.         </div>
  86.         {% if actualites|length >0 %}
  88.             <section data-bs-version="5.1" class="mbr-embla cid-sZogb0MkOH">
  91.                 <div class="position-relative">
  93.                     {#                    <div class="mbr-section-head"> #}
  94.                     {#                        <h4 class="mbr-section-title mbr-fonts-style align-center mb-0 display-2"> #}
  95.                     {#                            <strong>Actualit&eacute;</strong></h4> #}
  96.                     {#                        <h5 class="mbr-section-subtitle mbr-fonts-style align-center mb-0 mt-2 display-5"> #}
  97.                     {#                            Sous titre actualit&eacute; #}
  98.                     {#                        </h5> #}
  99.                     {#                    </div> #}
  101.                     <div class="d-flex flex-column">
  102.                         <div class="d-flex flex-row flex-md-wrap blockActusTotal">
  104.                             {% for event in actualites %}
  106.                                 {% set mediaTmp = event.media_fichier %}
  107.                                 {% set mediaDefault = "default.jpg" %}
  108.                                 {% set mediaTmp = webp(webpSupported, mediaTmp) %}
  109.                                 {% set mediaDefault = webp(webpSupported, mediaDefault) %}
  111.                                 <div class="item blockActusIndex">
  112.                                     <div class="item-wrapper imageRondIndexActus">
  113.                                         <div class="h-100">
  114.                                             <a href="{{ path('front_news_card', {id:event.id}) }}">
  115.                                                 <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="
  116.                                                      alt="{{ event.act_titre|default(nomDuSite) }}"
  117.                                                      title="{{ event.act_titre|default(nomDuSite) }}"
  118.                                                      loading="lazy"
  119.                                                      class="lazyload imgHeight"
  120.                                                      data-src="{{ asset('/medias_front/actualite/'~mediaTmp|default(mediaDefault)) }}"
  121.                                                      itemprop="image">
  122.                                             </a>
  123.                                         </div>
  124.                                     </div>
  126.                                     <div class="item-content">
  127.                                         <a href="{{ path('front_news_card', {id:event.id}) }}">
  128.                                             <h6 class="item-subtitle mbr-fonts-style mt-1 display-7">
  129.                                                 <strong>{{ event.act_titre }}</strong>
  130.                                             </h6>
  131.                                             <h5 class="item-title mbr-fonts-style display-4 dateActus">
  132.                                                 <time itemprop="startDate"
  133.                                                       datetime="{{ event.act_date_publication|date('Y-m-d') }}">
  134.                                                     {{ event.act_date_publication|date("d/m/Y") }}
  135.                                                 </time>
  136.                                             </h5>
  137.                                         </a>
  138.                                     </div>
  139.                                 </div>
  141.                             {% endfor %}
  142.                         </div>
  143.                         {{ knp_pagination_render(actualites, 'layouts/layouts_front/pagination/paginate.html.twig') }}
  144.                     </div>
  145.                 </div>
  146.             </section>
  148.         {% endif %}
  150.     </div>
  152. {% endblock %}
  154. {% block javascripts %}
  155. {% endblock %}