{# Listing principal Buzz FR : partagé index_fr + actualite_france (à la une, flux, experts, plus lus, newsletter, calendrier). #} <div class="row mt-3 mb-3 bkg_blanc"> {% set nb_actualites_une = actualites_a_la_une_du_jour is defined ? actualites_a_la_une_du_jour|length : 0 %} {% set nb_next_articles = next_articles is defined ? next_articles|length : 0 %} {% set has_other_articles = nb_next_articles > 0 %} {% if nb_actualites_une >= 1 and not has_other_articles %} {% for article_une in actualites_a_la_une_du_jour|slice(0, 1) %} {% set date_aujourdhui = "now"|date('Ymd') %} {% set date_article_raw = article_une.date_mise_en_ligne|default(article_une.date_pub|default("")) %} {% set date_article = date_article_raw|length >= 8 ? date_article_raw|slice(0, 8) : "" %} {% set is_aujourdhui = date_article != "" and date_article == date_aujourdhui %} <!-- A LA UNE --> <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-5 text-center order-1 order-md-2"> <a href="{{ path('buzz_actualite_detail', { 'slug': article_une.titreActualite|slugify, 'id': article_une.id_actualite, 'codePays': codePaysWithUnderScore}) }}" title="{{ article_une.titreActualite }}" target="_self"> <img src="{{ article_une.imgAffichage is not empty ? article_une.imgAffichage : article_une.imgAffichageEnError }}" class="img-fluid border_40" alt="{{ article_une.titreActualite }}" loading="lazy" data-fallback="{{ article_une.imgAffichageEnError }}"> </a> </div> <div class="col-12 col-lg-7 d-flex mt-3 mt-lg-0 order-2 order-md-1"> <div class="row"> <div class="col-12 d-flex order-2 order-md-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> <span class="sr-only">Article A LA UNE</span> </div> <div class="flex-grow-1 pt-1"> <a href="{{ path('buzz_actualite_detail', { 'slug': article_une.titreActualite|slugify, 'id': article_une.id_actualite, 'codePays': codePaysWithUnderScore}) }}" title="{{ article_une.titreActualite }}" target="_self"> <h3 class="{{ article_une.css_class|default('bleu_fusacq') }} titre-3lignes">{{ article_une.titreActualite }}</h3> </a> </div> </div> <div class="col-12 mt-2 order-1 order-md-2"> <span class="small_buzz">{{ article_une.date_formatee }}</span> </div> <div class="col-12 description-2lignes order-3 order-md-3"> {{ article_une.descriptionActualite|truncateLongText(210,' ...') | raw }} </div> </div> </div> </div> </div> </article> </div> <!-- FIN A LA UNE --> {% endfor %} {% elseif nb_next_articles == 1 %} {% if actualites_a_la_une_du_jour is defined and actualites_a_la_une_du_jour|length > 0 %} {% for article_une in actualites_a_la_une_du_jour|slice(0, 1) %} <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 d-flex order-3 order-md-1"> <div class="mr-2 mt-2"> <i class="fa-solid fa-circle-star fa-xl orange" aria-hidden="true" title="Article A LA UNE"></i> <span class="sr-only">Article A LA UNE</span> </div> <div class="flex-grow-1 pt-1"> <a href="{{ path('buzz_actualite_detail', { 'slug': article_une.titreActualite|slugify, 'id': article_une.id_actualite, 'codePays': codePaysWithUnderScore}) }}" title="{{ article_une.titreActualite }}" target="_self"> <h3 class="{{ article_une.css_class|default('bleu_fusacq') }} titre-3lignes">{{ article_une.titreActualite }}</h3> </a> </div> </div> <div class="col-12 mt-2 order-2 order-md-2"> <span class="small_buzz">{{ article_une.date_formatee }}</span> </div> <div class="col-12 mt-lg-0 order-4 order-md-3"> <div class="description-2lignes"> {{ article_une.descriptionActualite|truncateLongText(210,' ...') | raw }} </div> </div> <div class="col-12 mt-3 order-1 order-md-4"> <a href="{{ path('buzz_actualite_detail', { 'slug': article_une.titreActualite|slugify, 'id': article_une.id_actualite, 'codePays': codePaysWithUnderScore}) }}" title="{{ article_une.titreActualite }}" target="_self"> <img src="{{ article_une.imgAffichage is not empty ? article_une.imgAffichage : article_une.imgAffichageEnError }}" class="img-fluid border_40" alt="{{ article_une.titreActualite }}" loading="lazy" data-fallback="{{ article_une.imgAffichageEnError }}"> </a> </div> </div> </div> </article> </div> <!-- FIN A LA UNE --> {% endfor %} {% elseif 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 d-flex order-3 order-md-1"> <div class="mr-2 mt-2"> <i class="fa-solid fa-circle-star fa-xl orange" aria-hidden="true" title="Article A LA UNE"></i> <span class="sr-only">Article A LA UNE</span> </div> <div class="flex-grow-1 pt-1"> <a href="{{ path('buzz_actualite_detail', { 'slug': first_featured.titreActualite|slugify, 'id': first_featured.id_actualite, 'codePays': codePaysWithUnderScore}) }}" title="{{ first_featured.titreActualite }}" target="_self"> <h3 class="{{ first_featured.css_class|default('bleu_fusacq') }} titre-3lignes">{{ first_featured.titreActualite }}</h3> </a> </div> </div> <div class="col-12 mt-2 order-2 order-md-2"> <span class="small_buzz">{{ first_featured.date_formatee }}</span> </div> <div class="col-12 mt-lg-0 order-4 order-md-3"> <div class="description-2lignes"> {{ first_featured.descriptionActualite|truncateLongText(210,' ...') | raw }} </div> </div> <div class="col-12 mt-3 order-1 order-md-4"> <a href="{{ path('buzz_actualite_detail', { 'slug': first_featured.titreActualite|slugify, 'id': first_featured.id_actualite, 'codePays': codePaysWithUnderScore }) }}" 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 %} {% if next_articles is defined and next_articles|length > 0 %} {% for article in next_articles|slice(0, 1) %} <div class="col-12 col-md-6 no-padding-x"> <article class="card only_border_une no_shadow"> <div class="card-body"> <div class="row"> <div class="col-12"> <a href="{{ path('buzz_actualite_detail', { 'slug': article.titreActualite|slugify, 'id': article.id_actualite, 'codePays': codePaysWithUnderScore }) }}" 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 class="col-12 mt-1"> <span class="small_buzz">{{ article.date_formatee }}</span> </div> <div class="col-12 mt-2"> {% set is_alaune = false %} {% set is_alaune = false %} {% if article.a_la_une_du_jour is defined %} {% set alaune_value = article.a_la_une_du_jour|trim|lower %} {% set is_alaune = (alaune_value == 'oui') or (alaune_value == '1') or (alaune_value == 'true') or (alaune_value == 'yes') %} {% endif %} <div class="d-flex align-items-start"> {% if is_alaune %} <div class="mr-2 icon-star-margin"> <i class="fa-solid fa-circle-star fa-xl orange" aria-hidden="true"></i> </div> {% endif %} <div class="flex-grow-1"> <a href="{{ path('buzz_actualite_detail', { 'slug': article.titreActualite|slugify, 'id': article.id_actualite, 'codePays': codePaysWithUnderScore}) }}" title="{{ article.titreActualite }}" target="_self"> <h3 class="{{ article.css_class|default('bleu_fusacq') }} titre-3lignes">{{ article.titreActualite }}</h3> </a> <div class="description-2lignes"> {{ article.descriptionActualite|truncateLongText(210,' ...') | raw }} </div> </div> </div> </div> </div> </div> </article> </div> {% endfor %} {% endif %} {% else %} {% if actualites_a_la_une_du_jour is defined and actualites_a_la_une_du_jour|length > 0 %} {% for article_une in actualites_a_la_une_du_jour|slice(0, 1) %} <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 d-flex order-3 order-md-1"> <div class="mr-2 mt-2"> <i class="fa-solid fa-circle-star fa-xl orange" aria-hidden="true" title="Article A LA UNE"></i> <span class="sr-only">Article A LA UNE</span> </div> <div class="flex-grow-1 pt-1"> <a href="{{ path('buzz_actualite_detail', { 'slug': article_une.titreActualite|slugify, 'id': article_une.id_actualite, 'codePays': codePaysWithUnderScore}) }}" title="{{ article_une.titreActualite }}" target="_self"> <h3 class="{{ article_une.css_class|default('bleu_fusacq') }} titre-3lignes">{{ article_une.titreActualite }}</h3> </a> </div> </div> <div class="col-12 mt-2 order-2 order-md-2"> <span class="small_buzz">{{ article_une.date_formatee }}</span> </div> <div class="col-12 mt-lg-0 order-4 order-md-3"> <div class="description-2lignes"> {{ article_une.descriptionActualite|truncateLongText(210,' ...') | raw }} </div> </div> <div class="col-12 mt-3 order-1 order-md-4"> <a href="{{ path('buzz_actualite_detail', { 'slug': article_une.titreActualite|slugify, 'id': article_une.id_actualite, 'codePays': codePaysWithUnderScore}) }}" title="{{ article_une.titreActualite }}" target="_self"> <img src="{{ article_une.imgAffichage is not empty ? article_une.imgAffichage : article_une.imgAffichageEnError }}" class="img-fluid border_40" alt="{{ article_une.titreActualite }}" loading="lazy" data-fallback="{{ article_une.imgAffichageEnError }}"> </a> </div> </div> </div> </article> </div> <!-- FIN A LA UNE --> {% endfor %} {% elseif 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 d-flex order-3 order-md-1"> <div class="mr-2 mt-2"> <i class="fa-solid fa-circle-star fa-xl orange" aria-hidden="true" title="Article A LA UNE"></i> <span class="sr-only">Article A LA UNE</span> </div> <div class="flex-grow-1 pt-1"> <a href="{{ path('buzz_actualite_detail', { 'slug': first_featured.titreActualite|slugify, 'id': first_featured.id_actualite, 'codePays': codePaysWithUnderScore}) }}" title="{{ first_featured.titreActualite }}" target="_self"> <h3 class="{{ first_featured.css_class|default('bleu_fusacq') }} titre-3lignes">{{ first_featured.titreActualite }}</h3> </a> </div> </div> <div class="col-12 mt-2 order-2 order-md-2"> <span class="small_buzz">{{ first_featured.date_formatee }}</span> </div> <div class="col-12 mt-lg-0 order-4 order-md-3"> <div class="description-2lignes"> {{ first_featured.descriptionActualite|truncateLongText(210,' ...') | raw }} </div> </div> <div class="col-12 mt-3 order-1 order-md-4"> <a href="{{ path('buzz_actualite_detail', { 'slug': first_featured.titreActualite|slugify, 'id': first_featured.id_actualite, 'codePays': codePaysWithUnderScore }) }}" 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 %} {% if next_articles is defined and next_articles|length > 0 %} {% for article in next_articles|slice(0, 2) %} <div class="col-12 col-md-3 no-padding-x{% if loop.first %} pt-3 pt-md-0{% endif %}"> <article class="card only_border_une no_shadow"> <div class="card-body"> <div class="row"> <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, 'codePays': codePaysWithUnderScore }) }}" 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 class="col-12 mt-1 order-1 order-md-2"> <span class="small_buzz">{{ article.date_formatee }}</span> </div> <div class="col-12 mt-3 order-2 order-md-3"> {% set is_alaune = false %} {% set is_alaune = false %} {% if article.a_la_une_du_jour is defined %} {% set alaune_value = article.a_la_une_du_jour|trim|lower %} {% set is_alaune = (alaune_value == 'oui') or (alaune_value == '1') or (alaune_value == 'true') or (alaune_value == 'yes') %} {% endif %} <div class="d-flex align-items-start"> {% if is_alaune %} <div class="mr-2 icon-star-margin"> <i class="fa-solid fa-circle-star fa-xl orange" aria-hidden="true"></i> </div> {% endif %} <div class="flex-grow-1"> <a href="{{ path('buzz_actualite_detail', { 'slug': article.titreActualite|slugify, 'id': article.id_actualite, 'codePays': codePaysWithUnderScore}) }}" title="{{ article.titreActualite }}" target="_self"> <span class="{{ article.css_class|default('bleu_fusacq') }} article-title-size">{{ article.titreActualite }}</span> </a> </div> </div> </div> <div class="col-12 mt-3 order-3 order-md-4"> <span class="article-description">{{ article.descriptionActualite|truncateLongText(210,' ...') | raw }}</span> </div> </div> </div> </article> </div> {% endfor %} {% endif %} {% endif %} </div> {% if is_weekend_mode is defined and is_weekend_mode %} <div class="row mt-3 mb-3 bkg_blanc"> <div class="col-12"> <span class="orange fs13">{{ week_label }}</span> </div> </div> {% set date_aujourdhui_weekend = "now"|date('Y-m-d') %} {% set __inserted_newsletter_weekend = false %} {% for dateKey, dayData in grouped_articles %} {% set date_jour_weekend = dateKey|default("") %} {% set is_aujourdhui_weekend = date_jour_weekend != "" and date_jour_weekend == date_aujourdhui_weekend %} {% if not is_aujourdhui_weekend %} <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">{{ dayData.label_fr_short }}</span> </div> {% endif %} {% set featuredArticle = null %} {% set otherArticles = [] %} {% for article in dayData.articles %} {% set is_alaune = false %} {% set is_alaune = false %} {% if article.a_la_une_du_jour is defined %} {% set alaune_value = article.a_la_une_du_jour|trim|lower %} {% set is_alaune = (alaune_value == 'oui') or (alaune_value == '1') or (alaune_value == 'true') or (alaune_value == 'yes') %} {% endif %} {% if is_alaune and featuredArticle == null %} {% set featuredArticle = article %} {% else %} {% set otherArticles = otherArticles|merge([article]) %} {% endif %} {% endfor %} {% if featuredArticle %} <!-- Article à la une avec image --> <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="{{ featuredArticle.url_actualite }}" title="{{ featuredArticle.titre_actualite }}"> <img src="{{ featuredArticle.imgAffichage }}" class="img-fluid border_40" alt="{{ featuredArticle.titre_actualite }}" onerror="this.src='{{ featuredArticle.imgAffichageEnError }}'"> </a> </div> <div class="col-12 col-lg-9 pt-3 pt-lg-0"> <div class="d-flex"> <div class="mr-2 mt-2"> <i class="fa-solid fa-circle-star fa-xl orange" aria-hidden="true"></i> </div> <div class="flex-grow-1"> <span class="small_buzz">{{ featuredArticle.localisation }}</span><span class="dotted-separator"></span><span class="small_buzz">{{ featuredArticle.type_actualite|title }}</span><br> <a href="{{ featuredArticle.url_actualite }}" title="{{ featuredArticle.titre_actualite }}"> <h4 class="{{ featuredArticle.css_class|default('bleu_fusacq') }}">{{ featuredArticle.titre_clean }}</h4> </a> <span class="article-description">{{ featuredArticle.description_actualite }}</span> </div> </div> </div> </div> </div> </article> </div> {% endif %} {% for article in otherArticles %} <!-- Autres articles sans image --> <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 pt-3 pt-lg-0"> {% set is_alaune = false %} {% set is_alaune = false %} {% if article.a_la_une_du_jour is defined %} {% set alaune_value = article.a_la_une_du_jour|trim|lower %} {% set is_alaune = (alaune_value == 'oui') or (alaune_value == '1') or (alaune_value == 'true') or (alaune_value == 'yes') %} {% endif %} <span class="small_buzz">{{ article.localisation }}</span><span class="dotted-separator"></span><span class="small_buzz">{{ article.type_actualite|title }}</span><br> <div class="d-flex align-items-start"> {% if is_alaune %} <div class="mr-2 icon-star-margin"> <i class="fa-solid fa-circle-star fa-xl orange" aria-hidden="true"></i> </div> {% endif %} <div class="flex-grow-1"> <a href="{{ article.url_actualite }}" title="{{ article.titre_actualite }}"> <h4 class="{{ article.css_class|default('bleu_fusacq') }}">{{ article.titre_clean }}</h4> </a> </div> </div> <span class="article-description">{{ article.description_actualite }}</span> </div> </div> </div> </article> </div> {% endfor %} {% if not __inserted_newsletter_weekend and loop.first %} {% include 'buzz/fragments/bloc_expert_newsletter.html.twig' %} {% set __inserted_newsletter_weekend = true %} {% endif %} <div class="col-12 text-center mt-3"> <a href="{{ path(buzz_calendar_date_route|default('buzz_actualite_par_date'), {'date': dayData.url_date, 'codePays': codePaysWithUnderScore}) }}" title="Toute l'actualité du {{ dayData.label_fr_short }}" class="fullsouligne"> Toute l'actualité du {{ dayData.label_fr_short|lower }} </a> </div> {% endfor %} {% else %} {% set articles_avant = 0 %} {% if actualites_a_la_une_du_jour is defined and actualites_a_la_une_du_jour|length > 0 %} {% set articles_avant = articles_avant + 1 %} {% endif %} {% if next_articles is defined and next_articles|length > 0 %} {% if nb_next_articles == 1 %} {% set articles_avant = articles_avant + 1 %} {% elseif nb_next_articles >= 2 %} {% set articles_avant = articles_avant + 2 %} {% endif %} {% endif %} {% set __count = articles_avant %} {% set __inserted_newsletter = false %} {% set __inserted_experts = false %} {% set __inserted_plus_lus = false %} {% set date_aujourdhui = "now"|date('Y-m-d') %} {% for jour in grouped_articles %} {% set date_jour = jour.date is defined ? jour.date|date('Y-m-d') : "" %} {% set is_aujourdhui = date_jour != "" and date_jour == date_aujourdhui %} {% if not is_aujourdhui %} <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> {% endif %} {% for article in jour.articles %} <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, 'codePays': codePaysWithUnderScore }) }}" 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"> {% set is_alaune = false %} {% set is_alaune = false %} {% if article.a_la_une_du_jour is defined %} {% set alaune_value = article.a_la_une_du_jour|trim|lower %} {% set is_alaune = (alaune_value == 'oui') or (alaune_value == '1') or (alaune_value == 'true') or (alaune_value == 'yes') %} {% endif %} <span class="small_buzz">{{ article.date_formatee }}</span><br> <div class="d-flex align-items-start"> {% if is_alaune %} <div class="mr-2 icon-star-margin"> <i class="fa-solid fa-circle-star fa-xl orange" aria-hidden="true"></i> </div> {% endif %} <div class="flex-grow-1"> <a href="{{ path('buzz_actualite_detail', { 'slug': article.titreActualite|slugify, 'id': article.id_actualite, 'codePays': codePaysWithUnderScore }) }}" title="{{ article.titreActualite }}" target="_self"> <h3 class="{{ article.css_class|default('bleu_fusacq') }} titre-3lignes">{{ article.titreActualite }}</h3> </a> </div> </div> <span class="article-description">{{ article.descriptionActualite|truncateLongText(210,' ...') | raw }}</span> </div> </div> </div> </article> </div> {% set __count = __count + 1 %} {% if not __inserted_newsletter and __count == 5 %} <div class="row bkg_gris_clair my-3"> {% include 'buzz/fragments/bloc_experts_alaune.html.twig' %} </div> {% set __inserted_newsletter = true %} {% endif %} {% if not __inserted_experts and __count == 10 %} <div class="row bkg_gris_clair my-3"> {% include 'buzz/fragments/bloc_articles_plus_lus.html.twig' %} </div> {% set __inserted_experts = true %} {% endif %} {% if not __inserted_plus_lus and __count == 15 %} {% include 'buzz/fragments/bloc_expert_newsletter.html.twig' %} {% set __inserted_plus_lus = true %} {% endif %} {% endfor %} {% endfor %} {% endif %} {% if is_weekend_mode is not defined or not is_weekend_mode %} <div class="row bkg_blanc mt-3"> <div class="col-12 fond_blanc text-center pb-3 mt-3 overflow-auto"> <div class="row"> <div class="col-12 text-center py-2"> L'actualité des derniers jours : </div> {% if derniers_jours is defined %} {% for jour in derniers_jours %} <div class="col-2 text-center day pb-10"> <a href="{{ path(buzz_calendar_date_route|default('buzz_actualite_par_date'), {'date': jour.date_complete, 'codePays': codePaysWithUnderScore}) }}" target="_self"> <i class="fa-light fa-calendar-days fa-2x gris_666"></i><br> <span class="titrejour">{{ jour.nom_jour }}</span><br> <span class="datejour">{{ jour.date }}</span> </a> </div> {% endfor %} {% endif %} </div> </div> </div> {% endif %}