{% extends 'buzz/base.html.twig' %}{% block title %} {{ metaTag.getTitle }}{% endblock %}{% block meta_description %} {{ metaTag.getDescription }}{% endblock %}{% block stylesheets %} {{ parent() }} <link rel="stylesheet" href="{{ asset('build/css/buzz/index/index_fr.css') }}"> <link rel="stylesheet" href="{{ asset('build/css/buzz/custom_fusacq.css') }}">{% endblock %}{% block body %} {% set countryNames = { 'be': 'BELGIQUE', 'ca': 'CANADA', 'ch': 'SUISSE', 'fr': 'FRANCE' } %} {% set typeLabels = { 'reference': 'Référence', 'evenement': 'Événement', 'expertise': "Article d'expert", 'nomination': 'Emploi', 'autre': 'Autre actualité' } %} <div class="row"> <div class="col-12"> {{ render_esi(controller( 'App\\Controller\\Buzz\\CoreController::menu', { "lang": lang, "currentRoute":currentRoute, "codePays": codePaysWithUnderScore, "authFrom": authFrom } )) | spaceless }} {% include 'buzz/fragments/publicite.html.twig' %} <div class="container"> <div class="row"> <main class="col-12 col-lg-9 no_shadow mb-3 border_right_dashed"> <div class="row bkg_blanc d-none d-sm-block"> <div class="onglet_buzz col-12 no-padding-x "> <nav> <div class="nav nav-tabs nav-fill" id="nav-tab" role="tablist"> {% if codePays == 'fr' %} {# Pour la France : 3 onglets #} <div class="col-12 col-sm-4 no-padding-x order-sm-1 order-3 "> <a class="nav-item nav-link" href="/buzz/{{ codePays }}" target="_self"> <span class="fs11">ACTUALITÉ FRANCE</span> </a> </div> <div class="col-12 col-sm-4 no-padding-x bl_gris order-sm-2 order-2"> <a class="nav-item nav-link" href="{{ path('buzz_actualite_internationale',{'codePays':codePaysWithUnderScore}) }}" target="_self"> <span class="fs11">ACTUALITÉ INTERNATIONALE</span> </a> </div> <div class="col-12 col-sm-4 no-padding-x bl_gris order-sm-3 order-1"> <div class="nav-item nav-link active"> <span class="fs11">EN DIRECT DES EXPERTS</span> </div> </div> {% else %} {# Pour les autres pays : 4 onglets #} <div class="col-12 col-sm-3 no-padding-x order-sm-1 order-4"> <a class="nav-item nav-link" href="/buzz/{{ codePays }}" target="_self"> <span class="fs11">ACTUALITÉ {{ countryNames[codePays] is defined ? countryNames[codePays] : codePays|upper }}</span> </a> </div> <div class="col-12 col-sm-3 no-padding-x bl_gris order-sm-2 order-1"> <a class="nav-item nav-link" href="{{ path('buzz_actualite_france',{'codePays':codePaysWithUnderScore}) }}" target="_self"> <span class="fs11">FRANCE</span> </a> </div> <div class="col-12 col-sm-3 no-padding-x bl_gris order-sm-3 order-2"> <a class="nav-item nav-link" href="{{ path('buzz_actualite_internationale',{'codePays':codePaysWithUnderScore}) }}" target="_self"> <span class="fs11">INTERNATIONAL</span> </a> </div> <div class="col-12 col-sm-3 no-padding-x order-sm-4 order-3"> <div class="nav-item nav-link active"> <span class="fs11">L'ACTU DES EXPERTS</span> </div> </div> {% endif %} </div> </nav> </div> </div> <div class="row bkg_blanc"> <div class="col-12 pt-4 mt-2 text-center"> <h3 class="gris_666">L'actualité collaborative des Experts</h3> </div> <div class="col-12"> <div class="card no_shadow no_border"> <div class="card-body"> <div class="row"> <div class="col-12"> <form class="form-inline" method="GET" action="{{ path('buzz_recherche_avancee', {'codePays': codePaysWithUnderScore}) }}"> <div class="form-group col-9 col-sm-6 offset-sm-1 mr-sm-3"> <label for="searchInput" class="sr-only">Recherche</label> <input type="text" class="form-control w-100" id="searchInput" name="recherche" aria-describedby="emailHelp" placeholder="Recherche article, société, secteur d'activité, ..."> </div> <div class="form-group col-2 col-sm-1 pt-1 mr-sm-3"> <button type="submit" class="button-rond" aria-pressed="true"> OK </button> </div> <div class="form-group col-12 col-sm-2 text-center pt-1"> <a href="{{ path('buzz_recherche_avancee', {'codePays': codePaysWithUnderScore}) }}" class="fullsouligne pb-2 ml-3" target="_self">+ de critères</a> </div> </form> </div> </div> </div> </div> </div> </div> <div class="row bkg_blanc d-none d-xl-block mb-5"> <div class="onglet_buzz col-12 no-padding-x"> <nav> <div class="nav nav-tabs nav-fill" id="nav-tab" role="tablist"> <div class="col-12 col-sm-2 no-padding-x"> <a class="nav-item nav-link {% if type == '' or type == null %}active{% endif %}" href="{{ path('buzz_en_direct_des_experts', {'codePays': codePaysWithUnderScore}) }}" target="_self"> <span class="fs11">Toute actualité</span> </a> </div> <div class="col-12 col-sm-2 no-padding-x bl_e0e0e0"> <a class="nav-item nav-link {% if type == 'reference' %}active{% endif %}" href="{{ path('buzz_en_direct_des_experts', {'type': 'reference', 'codePays': codePaysWithUnderScore}) }}" target="_self"> <span class="fs11">Référence</span> </a> </div> <div class="col-12 col-sm-2 no-padding-x bl_e0e0e0"> <a class="nav-item nav-link {% if type == 'evenement' %}active{% endif %}" href="{{ path('buzz_en_direct_des_experts', {'type': 'evenement', 'codePays': codePaysWithUnderScore}) }}" target="_self"> <span class="fs11">Evénement</span> </a> </div> <div class="col-12 col-sm-2 no-padding-x bl_e0e0e0"> <a class="nav-item nav-link {% if type == 'expertise' %}active{% endif %}" href="{{ path('buzz_en_direct_des_experts', {'type': 'expertise', 'codePays': codePaysWithUnderScore}) }}" target="_self"> <span class="fs11">Article d'expert</span> </a> </div> <div class="col-12 col-sm-2 no-padding-x bl_e0e0e0"> <a class="nav-item nav-link {% if type == 'emploi' %}active{% endif %}" href="{{ path('buzz_en_direct_des_experts', {'type': 'emploi', 'codePays': codePaysWithUnderScore}) }}" target="_self"> <span class="fs11">Emploi</span> </a> </div> <div class="col-12 col-sm-2 no-padding-x bl_e0e0e0"> <a class="nav-item nav-link {% if type == 'autre' %}active{% endif %}" href="{{ path('buzz_en_direct_des_experts', {'type': 'autre', 'codePays': codePaysWithUnderScore}) }}" target="_self"> <span class="fs11">Autre actualité</span> </a> </div> </div> </nav> </div> </div> <!-- Pagination haut --> <div class="row"> <div class="col-12"> <nav aria-label="Pagination" class="my-3"> <ul class="pagination justify-content-center bleu_fusacq my-2"> {% set start = page > 3 ? page - 2 : 1 %} {% set end = nbPages > page + 2 ? page + 2 : nbPages %} {% if page > 1 %} <li class="page-item"> <a href="?page=1{% if type %}&type={{ type }}{% endif %}" class="page-link"><<</a> </li> <li class="page-item"> <a href="?page={{ page-1 }}{% if type %}&type={{ type }}{% endif %}" class="page-link"><</a> </li> {% endif %} {% for p in start..end %} <li class="page-item {% if p == page %}active{% endif %}"> <a href="?page={{ p }}{% if type %}&type={{ type }}{% endif %}" class="page-link">{{ p }}</a> </li> {% endfor %} {% if page < nbPages %} <li class="page-item"> <a href="?page={{ page+1 }}{% if type %}&type={{ type }}{% endif %}" class="page-link">></a> </li> <li class="page-item"> <a href="?page={{ nbPages }}{% if type %}&type={{ type }}{% endif %}" class="page-link">>></a> </li> {% endif %} </ul> </nav> </div> </div> <div class="row bkg_blanc"> {% if first_featured %} <div class="col-12 col-md-6 no-padding-x"> <article class="card no_shadow border_none"> <div class="card-body"> <div class="row"> <div class="col-12"> <div class="col-12 d-flex mt-1"> <div class="mr-2 mt-2 pt-1"> <i class="fa-solid fa-circle-star fa-xl orange" aria-hidden="true" title="Article A LA UNE"></i> </div> <div class="flex-grow-1"> <a href="{{ path('buzz_actualite_detail', { 'slug': first_featured.titreActualite|slugify, 'id': first_featured.id_actualite }) }}" title="{{ first_featured.titreActualite }}" target="_self"> <h3 class="vert titre-3lignes">{{ first_featured.titreActualite }}</h3> </a> </div> </div> </div> <div class="col-12 mt-2"> <a href="{{ path('buzz_en_direct_des_experts', {'type': first_featured.type_actualite, 'codePays': codePaysWithUnderScore}) }}" class="badge4" title="{{ typeLabels[first_featured.type_actualite]|default(first_featured.type_actualite|capitalize) }}" target="_self">{{ typeLabels[first_featured.type_actualite]|default(first_featured.type_actualite|capitalize) }}</a> <span class="small_buzz ml-2"> par {% if first_featured.raison_sociale_prestataire and first_featured.id_service_prestataire %} <a href="/annuaire_experts/a4{{ first_featured.id_service_prestataire }},{{ first_featured.raison_sociale_prestataire|slugify }}" class="fullsouligne gris_CCC" target="_blank" rel="noopener">{{ first_featured.raison_sociale_prestataire }}</a> {% else %} <span class="fullsouligne gris_CCC">{{ first_featured.societe_nom }}</span> {% endif %} {% if first_featured.date_formatee_jour %} le {{ first_featured.date_formatee_jour }} {% endif %} </span> </div> <div class="col-12 mt-2"> <div class="description-2lignes"> {{ first_featured.descriptionActualite|truncateLongText(210,' ...') | raw }} </div> </div> <div class="col-12 mt-3 text-center"> <a href="{{ path('buzz_actualite_detail', { 'slug': first_featured.titreActualite|slugify, 'id': first_featured.id_actualite }) }}" title="{{ first_featured.titreActualite }}" target="_self"> <img src="{{ first_featured.imgAffichage is not empty ? first_featured.imgAffichage : first_featured.imgAffichageEnError }}" class="img-fluid border_40" alt="{{ first_featured.titreActualite }}" loading="lazy" data-fallback="{{ first_featured.imgAffichageEnError }}"> </a> </div> </div> </div> </article> </div> {% endif %} {% for article in next_articles %} <div class="col-12 col-md-3 no-padding-x"> <article class="card only_border_une no_shadow"> <div class="card-body"> <div class="row"> <div class="col-12 mt-1 order-1 order-md-2"> <a href="{{ path('buzz_en_direct_des_experts', {'type': article.type_actualite, 'codePays': codePaysWithUnderScore}) }}" class="badge4" title="{{ typeLabels[article.type_actualite]|default(article.type_actualite|capitalize) }}" target="_self">{{ typeLabels[article.type_actualite]|default(article.type_actualite|capitalize) }}</a> <span class="small_buzz ml-2">par {% if article.raison_sociale_prestataire and article.id_service_prestataire %} <a href="/annuaire_experts/a4{{ article.id_service_prestataire }},{{ article.raison_sociale_prestataire|slugify }}" class="fullsouligne" target="_blank" rel="noopener">{{ article.raison_sociale_prestataire }}</a> {% else %} <span class="fullsouligne">{{ article.societe_nom }}</span> {% endif %} {% if article.date_formatee_jour %} le {{ article.date_formatee_jour }} {% endif %} </span> </div> <div class="col-12 mt-2 order-2 order-md-3"> <a href="{{ path('buzz_actualite_detail', { 'slug': article.titreActualite|slugify, 'id': article.id_actualite }) }}" title="{{ article.titreActualite }}" target="_self"> <h5 class="vert titre-3lignes">{{ article.titreActualite }}</h5> </a> </div> <div class="col-12 mt-2 order-3 order-md-4"> <div class="description-2lignes"> {{ article.descriptionActualite|truncateLongText(210,' ...') | raw }} </div> </div> <div class="col-12 text-center order-4 order-md-1 mt-3"> <a href="{{ path('buzz_actualite_detail', { 'slug': article.titreActualite|slugify, 'id': article.id_actualite }) }}" title="{{ article.titreActualite }}" target="_self"> <img src="{{ article.imgAffichage is not empty ? article.imgAffichage : article.imgAffichageEnError }}" class="img-fluid border_40" alt="{{ article.titreActualite }}" loading="lazy" data-fallback="{{ article.imgAffichageEnError }}"> </a> </div> </div> </div> </article> </div> {% endfor %} </div> {% set article_count = 0 %} {% if first_featured %} {% set article_count = article_count + 1 %} {% endif %} {% set article_count = article_count + next_articles|length %} {% for jour in grouped_articles %} <div class="col-12 mt-3 mb-2 ml-2"> <i class="fa-light fa-calendar-days fa-2x gris_999"></i> <span class="fs13 gris_999">{{ jour.label_fr }}</span> </div> {% for article in jour.articles %} {% if article_count < 20 %} <div class="col-12 no-padding-x"> <article class="card only_border_bottom no_shadow"> <div class="card-body"> <div class="row"> <div class="col-12 col-lg-3 text-center"> <a href="{{ path('buzz_actualite_detail', { 'slug': article.titreActualite|slugify, 'id': article.id_actualite }) }}" title="{{ article.titreActualite }}" target="_self"> <img src="{{ article.imgAffichage is not empty ? article.imgAffichage : article.imgAffichageEnError }}" class="img-fluid border_40" alt="{{ article.titreActualite|raw }}" loading="lazy" data-fallback="{{ article.imgAffichageEnError }}"> </a> </div> <div class="col-12 col-lg-9 pt-3 pt-lg-0"> <a href="{{ path('buzz_en_direct_des_experts', {'type': article.type_actualite, 'codePays': codePaysWithUnderScore}) }}" class="badge4" title="{{ typeLabels[article.type_actualite]|default(article.type_actualite|capitalize) }}" target="_self">{{ typeLabels[article.type_actualite]|default(article.type_actualite|capitalize) }}</a> <span class="small_buzz ml-2">par {% if article.raison_sociale_prestataire and article.id_service_prestataire %} <a href="/annuaire_experts/a4{{ article.id_service_prestataire }},{{ article.raison_sociale_prestataire|slugify }}" class="fullsouligne" target="_blank" rel="noopener">{{ article.raison_sociale_prestataire }}</a> {% else %} <span class="fullsouligne">{{ article.societe_nom }}</span> {% endif %} {% if article.date_formatee_jour %} le {{ article.date_formatee_jour }} {% endif %} </span><br> <a href="{{ path('buzz_actualite_detail', { 'slug': article.titreActualite|slugify, 'id': article.id_actualite }) }}" title="{{ article.titreActualite }}" target="_self"> <h4 class="vert titre-3lignes">{{ article.titreActualite }}</h4> </a> <span style="font-size: 0.9rem;">{{ article.descriptionActualite|truncateLongText(210,' ...') | raw }}</strong></i></span> <span style="font-size: 0.9rem;">{{ article.descriptionActualite|truncateLongText(210,' ...') | raw }}</strong></i></span> </div> </div> </div> </article> </div> {% set article_count = article_count + 1 %} {% if article_count == 5 and page == 1 %} {% include 'buzz/fragments/bloc_webinar_formation.html.twig' with { 'webinarData': webinarData, 'formationData': formationData } %} {% endif %} {% endif %} {% endfor %} {% endfor %} {% set pagination_block %} <div class="col-sm-12"> <nav aria-label="..." class="my-3"> <ul class="pagination justify-content-center bleu_fusacq my-2"> {% set start = page > 3 ? page - 2 : 1 %} {% set end = nbPages > page + 2 ? page + 2 : nbPages %} {% if page > 1 %} <li class="page-item"> <a href="?page=1{% if type %}&type={{ type }}{% endif %}" class="page-link"><<</a> </li> <li class="page-item"> <a href="?page={{ page-1 }}{% if type %}&type={{ type }}{% endif %}" class="page-link"><</a> </li> {% endif %} {% for p in start..end %} <li class="page-item {% if p == page %}active{% endif %}"> <a href="?page={{ p }}{% if type %}&type={{ type }}{% endif %}" class="page-link">{{ p }}</a> </li> {% endfor %} {% if page < nbPages %} <li class="page-item"> <a href="?page={{ page+1 }}{% if type %}&type={{ type }}{% endif %}" class="page-link">></a> </li> <li class="page-item"> <a href="?page={{ nbPages }}{% if type %}&type={{ type }}{% endif %}" class="page-link">>></a> </li> {% endif %} </ul> </nav> </div> {% endset %} {{ pagination_block|raw }} </main> <aside class="col-12 col-lg-3 col_droite_buzz2"> <div class="row"> {{ render_esi(controller( 'App\\Controller\\Buzz\\CoreController::sidebarDroite', { "codePays": codePaysWithUnderScore, "lang": lang, "authFrom": authFrom } )) }} </div> </aside> </div> </div> </div> </div>{% endblock %}{% block javascripts %} {{ parent() }} <script> (function () { var imgs = document.querySelectorAll('img[data-fallback]'); imgs.forEach(function (img) { if (img.dataset.__fallbackBound) { return; } img.dataset.__fallbackBound = '1'; img.addEventListener('error', function () { var fb = img.getAttribute('data-fallback'); if (fb && img.src !== fb) { img.src = fb; } }, { once: true }); }); if (window.jQuery) { var $ = window.jQuery; $(function () { if ($.fn.switchClass) { $("#li3").on('click', function () { $(".nav-link").switchClass("nav-link", "nav-link2"); $(".nav-link2").switchClass("nav-link2", "nav-link"); }); } }); } })(); </script>{% endblock %}