templates/buzz/index/index_ch.html.twig line 1

Open in your IDE?
  1. {% extends 'buzz/base.html.twig' %}
  2. {% block title %}{{ metaTag.getTitle }}{% endblock %}
  3. {% block meta_description %}{{ metaTag.getDescription }}{% endblock %}
  4. {% block stylesheets %}
  5.     {{ parent() }}
  6.     <link rel="stylesheet" href="{{ asset('build/css/buzz/index/index_ch.css') }}">
  7.     <link rel="stylesheet" href="{{ asset('build/css/buzz/custom_fusacq.css') }}">
  8. {% endblock %}
  9. {% block body %}
  10.     <div class="row">
  11.         <div class="col-12">
  12.             {{ render_esi(controller(
  13.                 'App\\Controller\\Buzz\\CoreController::menu',
  14.                 {   "lang": lang,
  15.                     "currentRoute":currentRoute,
  16.                     "codePays": codePaysWithUnderScore,
  17.                     "authFrom": authFrom }
  18.             )) | spaceless }}
  19.             <!-- Publicité  -->
  20.             {% include 'buzz/fragments/publicite.html.twig' %}
  21.             <div class="container">
  22.                 <div
  23.                         class="row">
  24.                     <!--COLONNE GAUCHE -->
  25.                     <main class="col-12 col-lg-9 no_shadow mb-3 border_right_dashed">
  26.                         <div class="row bkg_blanc d-none d-sm-block">
  27.                             <div class="onglet_buzz col-12 no-padding-x ">
  28.                                 <nav>
  29.                                     <div class="nav nav-tabs nav-fill" id="nav-tab" role="tablist">
  30.                                         <div class="col-12 col-sm-3 no-padding-x order-sm-1 order-4">
  31.                                             <div class="nav-item nav-link active">
  32.                                                 <span class="fs11">ACTUALITÉ SUISSE</span>
  33.                                             </div>
  34.                                         </div>
  35.                                         <div class="col-12 col-sm-3 no-padding-x bl_gris order-sm-2 order-1">
  36.                                             <a class="nav-item nav-link"
  37.                                                href="{{ path('buzz_actualite_france',{'codePays':codePaysWithUnderScore}) }}"
  38.                                                target="_self">
  39.                                                 <span class="fs11">FRANCE</span>
  40.                                             </a>
  41.                                         </div>
  42.                                         <div class="col-12 col-sm-3 no-padding-x bl_gris order-sm-3 order-2">
  43.                                             <a class="nav-item nav-link"
  44.                                                href="{{ path('buzz_actualite_internationale',{'codePays':codePaysWithUnderScore}) }}"
  45.                                                target="_self">
  46.                                                 <span class="fs11">INTERNATIONAL</span>
  47.                                             </a>
  48.                                         </div>
  49.                                         <div class="col-12 col-sm-3 no-padding-x bl_gris order-sm-4 order-3">
  50.                                             <a class="nav-item nav-link"
  51.                                                href="{{ path('buzz_en_direct_des_experts',{'codePays':codePaysWithUnderScore}) }}"
  52.                                                target="_self">
  53.                                                 <span class="fs11">L'ACTU DES EXPERTS</span>
  54.                                             </a>
  55.                                         </div>
  56.                                     </div>
  57.                                 </nav>
  58.                             </div>
  59.                         </div>
  60.                         <div class="row bkg_blanc">
  61.                             <div class="col-12 pt-4 mt-2 text-center">
  62.                                 <h3 class="gris_666">{{ translate("fusions-acquisitions et capital investissement en Suisse" ,lang,"","M") | raw }}</h3>
  63.                             </div>
  64.                             <div class="col-12">
  65.                                 <div class="card no_shadow no_border">
  66.                                     <div class="card-body">
  67.                                         <div class="row">
  68.                                             <div class="col-12">
  69.                                                 <form class="form-inline" method="GET"
  70.                                                       action="{{ path('buzz_recherche_avancee', {'codePays': codePaysWithUnderScore}) }}">
  71.                                                     <div class="form-group col-9 col-sm-6 offset-sm-1 mr-sm-3">
  72.                                                         <label for="searchInput" class="sr-only">Recherche</label>
  73.                                                         <input type="text" class="form-control w-100" id="searchInput"
  74.                                                                name="recherche" aria-describedby="emailHelp"
  75.                                                                placeholder="Recherche article, société, secteur d'activité, ...">
  76.                                                     </div>
  77.                                                     <div class="form-group col-2 col-sm-1 pt-1 mr-sm-3">
  78.                                                         <button type="submit" class="button-rond" aria-pressed="true">
  79.                                                             OK
  80.                                                         </button>
  81.                                                     </div>
  82.                                                     <div class="form-group col-12 col-sm-2 text-center pt-1">
  83.                                                         <a href="{{ path('buzz_recherche_avancee', {'codePays': codePaysWithUnderScore}) }}"
  84.                                                            class="fullsouligne pb-2 ml-3" target="_self">+ de
  85.                                                             critères</a>
  86.                                                     </div>
  87.                                                 </form>
  88.                                             </div>
  89.                                         </div>
  90.                                     </div>
  91.                                 </div>
  92.                             </div>
  93.                         </div>
  94.                         <div class="row mt-3 mb-3 bkg_blanc">
  95.                             {% set next_articles_filtres = [] %}
  96.                             {% if next_articles is defined and grouped_articles is defined and grouped_articles|length > 0 %}
  97.                                 {% set semaines_dates = [] %}
  98.                                 {% for semaine in grouped_articles %}
  99.                                     {% if semaine is not null and semaine.start_date is not null and semaine.end_date is not null %}
  100.                                         {% set semaine_start_ymd = semaine.start_date|date('Ymd') %}
  101.                                         {% set semaine_end_ymd = semaine.end_date|date('Ymd') %}
  102.                                         {% set semaines_dates = semaines_dates|merge([{'start': semaine_start_ymd, 'end': semaine_end_ymd}]) %}
  103.                                     {% endif %}
  104.                                 {% endfor %}
  105.                                 {% for article in next_articles %}
  106.                                     {% set date_article_raw = article.date_mise_en_ligne|default(article.date_pub|default("")) %}
  107.                                     {% set date_article_ymd = date_article_raw|length >= 8 ? date_article_raw|slice(0, 8) : "" %}
  108.                                     {% if date_article_ymd != "" and date_article_ymd|length == 8 %}
  109.                                         {% set article_dans_semaine = false %}
  110.                                         {% for semaine_date in semaines_dates %}
  111.                                             {% if date_article_ymd >= semaine_date.start and date_article_ymd <= semaine_date.end %}
  112.                                                 {% set article_dans_semaine = true %}
  113.                                             {% endif %}
  114.                                         {% endfor %}
  115.                                         {% if not article_dans_semaine %}
  116.                                             {% set next_articles_filtres = next_articles_filtres|merge([article]) %}
  117.                                         {% endif %}
  118.                                     {% else %}
  119.                                         {% set next_articles_filtres = next_articles_filtres|merge([article]) %}
  120.                                     {% endif %}
  121.                                 {% endfor %}
  122.                             {% elseif next_articles is defined %}
  123.                                 {% set next_articles_filtres = next_articles %}
  124.                             {% endif %}
  125.                             {% set nb_actualites_une = featured[0] is defined ? 1 : 0 %}
  126.                             {% set nb_next_articles = next_articles_filtres|length %}
  127.                             {% set has_other_articles = nb_next_articles > 0 %}
  128.                             {% if nb_actualites_une >= 1 and not has_other_articles %}
  129.                                 {% if featured[0] is defined %}
  130.                                     <div class="col-12 no-padding-x">
  131.                                         <article class="card only_border_bottom no_shadow">
  132.                                             <div class="card-body">
  133.                                                 <div class="row">
  134.                                                     <div class="col-12 col-lg-5 text-center order-1 order-md-2">
  135.                                                         <a href="{{ path('buzz_actualite_detail', { 'slug': featured[0].titreActualite|slugify, 'id': featured[0].id_actualite, 'codePays': codePaysWithUnderScore}) }}"
  136.                                                            title="{{ featured[0].titreActualite }}" target="_self">
  137.                                                             <img src="{{ featured[0].imgAffichage is defined and featured[0].imgAffichage is not empty ? featured[0].imgAffichage : (featured[0].imgAffichageEnError|default('')) }}"
  138.                                                                  class="img-fluid border_40"
  139.                                                                  alt="{{ featured[0].titreActualite }}"
  140.                                                                  loading="lazy"
  141.                                                                  data-fallback="{{ featured[0].imgAffichageEnError }}">
  142.                                                         </a>
  143.                                                     </div>
  144.                                                     <div class="col-12 col-lg-7 d-flex mt-3 mt-lg-0 order-2 order-md-1">
  145.                                                         <div class="row">
  146.                                                             <div class="col-12 d-flex order-2 order-md-1">
  147.                                                                 <div class="mr-2 mt-2 pt-1">
  148.                                                                     <i class="fa-solid fa-circle-star fa-xl orange" aria-hidden="true" title="Article A LA UNE"></i>
  149.                                                                     <span class="sr-only">Article A LA UNE</span>
  150.                                                                 </div>
  151.                                                                 <div class="flex-grow-1 pt-1">
  152.                                                                     <a href="{{ path('buzz_actualite_detail', { 'slug': featured[0].titreActualite|slugify, 'id': featured[0].id_actualite, 'codePays': codePaysWithUnderScore}) }}"
  153.                                                                        title="{{ featured[0].titreActualite }}" target="_self">
  154.                                                                         <h3 class="{{ featured[0].css_class|default('bleu_fusacq') }} titre-3lignes">{{ featured[0].titreActualite }}</h3>
  155.                                                                     </a>
  156.                                                                 </div>
  157.                                                             </div>
  158.                                                             <div class="col-12 mt-2 order-1 order-md-2">
  159.                                                                 <span class="small_buzz">{{ featured[0].date_formatee }}</span>
  160.                                                             </div>
  161.                                                             <div class="col-12 description-2lignes order-3 order-md-3">
  162.                                                                 {{ featured[0].descriptionActualite|truncateLongText(210,' ...') | raw }}
  163.                                                             </div>
  164.                                                         </div>
  165.                                                     </div>
  166.                                                 </div>       
  167.                                             </div>
  168.                                         </article>
  169.                                     </div>
  170.                                 {% endif %}
  171.                             {% elseif nb_next_articles == 1 %}
  172.                                 {% if featured[0] is defined %}
  173.                                     <div class="col-12 col-md-6 no-padding-x">
  174.                                         <article class="card no_shadow border_none">
  175.                                             <div class="card-body">
  176.                                                 <div class="row">
  177.                                                     <div class="col-12 d-flex order-3 order-md-1">
  178.                                                         <div class="mr-2 mt-2">
  179.                                                             <i class="fa-solid fa-circle-star fa-xl orange" aria-hidden="true" title="Article A LA UNE"></i>
  180.                                                             <span class="sr-only">Article A LA UNE</span>
  181.                                                         </div>
  182.                                                         <div class="flex-grow-1 pt-1">
  183.                                                             <a href="{{ path('buzz_actualite_detail', { 'slug': featured[0].titreActualite|slugify, 'id': featured[0].id_actualite, 'codePays': codePaysWithUnderScore}) }}"
  184.                                                                title="{{ featured[0].titreActualite }}" target="_self">
  185.                                                                 <h3 class="{{ featured[0].css_class|default('bleu_fusacq') }} titre-3lignes">{{ featured[0].titreActualite }}</h3>
  186.                                                             </a>
  187.                                                         </div>
  188.                                                     </div>
  189.                                                     <div class="col-12 mt-2 order-2 order-md-2">
  190.                                                         <span class="small_buzz">{{ featured[0].date_formatee }}</span>
  191.                                                     </div>
  192.                                                     <div class="col-12 mt-lg-0 order-4 order-md-3">
  193.                                                         <div class="description-2lignes">
  194.                                                             {{ featured[0].descriptionActualite|truncateLongText(210,' ...') | raw }}
  195.                                                         </div>
  196.                                                     </div>
  197.                                                     <div class="col-12 mt-3 order-1 order-md-4">
  198.                                                         <a href="{{ path('buzz_actualite_detail', { 'slug': featured[0].titreActualite|slugify, 'id': featured[0].id_actualite, 'codePays': codePaysWithUnderScore}) }}"
  199.                                                            title="{{ featured[0].titreActualite }}" target="_self">
  200.                                                             <img src="{{ featured[0].imgAffichage is defined and featured[0].imgAffichage is not empty ? featured[0].imgAffichage : (featured[0].imgAffichageEnError|default('')) }}"
  201.                                                                  class="img-fluid border_40"
  202.                                                                  alt="{{ featured[0].titreActualite }}"
  203.                                                                  loading="lazy"
  204.                                                                  data-fallback="{{ featured[0].imgAffichageEnError }}">
  205.                                                         </a>
  206.                                                     </div>
  207.                                                 </div>
  208.                                             </div>
  209.                                         </article>
  210.                                     </div>
  211.                                 {% endif %}
  212.                                 {% if next_articles_filtres|length > 0 %}
  213.                                     {% for article in next_articles_filtres|slice(0, 1) %}
  214.                                         <div class="col-12 col-md-6 no-padding-x">
  215.                                             <article class="card only_border_une no_shadow">
  216.                                                 <div class="card-body">
  217.                                                     <div class="row">
  218.                                                         <div class="col-12">
  219.                                                             <a href="{{ path('buzz_actualite_detail', { 'slug': article.titreActualite|slugify, 'id': article.id_actualite, 'codePays': codePaysWithUnderScore }) }}"
  220.                                                                title="{{ article.titreActualite }}" target="_self">
  221.                                                                 <img src="{{ article.imgAffichage is defined and article.imgAffichage is not empty ? article.imgAffichage : (article.imgAffichageEnError|default('')) }}"
  222.                                                                      class="img-fluid border_40"
  223.                                                                      alt="{{ article.titreActualite }}"
  224.                                                                      loading="lazy"
  225.                                                                      data-fallback="{{ article.imgAffichageEnError }}">
  226.                                                             </a>
  227.                                                         </div>
  228.                                                         <div class="col-12 mt-1">
  229.                                                             <span class="small_buzz">{{ article.date_formatee }}</span>
  230.                                                         </div>
  231.                                                         <div class="col-12 mt-2">
  232.                                                             <a href="{{ path('buzz_actualite_detail', { 'slug': article.titreActualite|slugify, 'id': article.id_actualite, 'codePays': codePaysWithUnderScore}) }}"
  233.                                                                title="{{ article.titreActualite }}" target="_self">
  234.                                                                 <h3 class="{{ article.css_class|default('bleu_fusacq') }} titre-3lignes">{{ article.titreActualite }}</h3>
  235.                                                             </a>
  236.                                                             <div class="description-2lignes">
  237.                                                                 {{ article.descriptionActualite|truncateLongText(210,' ...') | raw }}
  238.                                                             </div>  
  239.                                                         </div>
  240.                                                     </div>
  241.                                                 </div>
  242.                                             </article>
  243.                                         </div>
  244.                                     {% endfor %}
  245.                                 {% endif %}
  246.                             {% else %}
  247.                                 {% if featured[0] is defined %}
  248.                                     <div class="col-12 col-md-6 no-padding-x">
  249.                                         <article class="card no_shadow border_none">
  250.                                             <div class="card-body">
  251.                                                 <div class="row">
  252.                                                     <div class="col-12 d-flex order-3 order-md-1">
  253.                                                         <div class="mr-2 mt-2">
  254.                                                             <i class="fa-solid fa-circle-star fa-xl orange" aria-hidden="true" title="Article A LA UNE"></i>
  255.                                                             <span class="sr-only">Article A LA UNE</span>
  256.                                                         </div>
  257.                                                         <div class="flex-grow-1 pt-1">
  258.                                                             <a href="{{ path('buzz_actualite_detail', { 'slug': featured[0].titreActualite|slugify, 'id': featured[0].id_actualite, 'codePays': codePaysWithUnderScore}) }}"
  259.                                                                title="{{ featured[0].titreActualite }}" target="_self">
  260.                                                                 <h3 class="{{ featured[0].css_class|default('bleu_fusacq') }} titre-3lignes">{{ featured[0].titreActualite }}</h3>
  261.                                                             </a>
  262.                                                         </div>
  263.                                                     </div>
  264.                                                     <div class="col-12 mt-2 order-2 order-md-2">
  265.                                                         <span class="small_buzz">{{ featured[0].date_formatee }}</span>
  266.                                                     </div>
  267.                                                     <div class="col-12 mt-lg-0 order-4 order-md-3">
  268.                                                         <div class="description-2lignes">
  269.                                                             {{ featured[0].descriptionActualite|truncateLongText(210,' ...') | raw }}
  270.                                                         </div>
  271.                                                     </div>
  272.                                                     <div class="col-12 mt-3 order-1 order-md-4">
  273.                                                         <a href="{{ path('buzz_actualite_detail', { 'slug': featured[0].titreActualite|slugify, 'id': featured[0].id_actualite, 'codePays': codePaysWithUnderScore}) }}"
  274.                                                            title="{{ featured[0].titreActualite }}" target="_self">
  275.                                                             <img src="{{ featured[0].imgAffichage is defined and featured[0].imgAffichage is not empty ? featured[0].imgAffichage : (featured[0].imgAffichageEnError|default('')) }}"
  276.                                                                  class="img-fluid border_40"
  277.                                                                  alt="{{ featured[0].titreActualite }}"
  278.                                                                  loading="lazy"
  279.                                                                  data-fallback="{{ featured[0].imgAffichageEnError }}">
  280.                                                         </a>
  281.                                                     </div>
  282.                                                 </div>
  283.                                             </div>
  284.                                         </article>
  285.                                     </div>
  286.                                 {% endif %}
  287.                                 {% if next_articles_filtres|length > 0 %}
  288.                                     {% for article in next_articles_filtres|slice(0, 2) %}
  289.                                         <div class="col-12 col-md-3 no-padding-x{% if loop.first %} pt-3 pt-md-0{% endif %}">
  290.                                             <article class="card only_border_une no_shadow">
  291.                                                 <div class="card-body">
  292.                                                     <div class="row">
  293.                                                         <div class="col-12 text-center order-4 order-md-1 mt-3">
  294.                                                             <a href="{{ path('buzz_actualite_detail', { 'slug': article.titreActualite|slugify, 'id': article.id_actualite, 'codePays': codePaysWithUnderScore }) }}"
  295.                                                                title="{{ article.titreActualite }}" target="_self">
  296.                                                                 <img src="{{ article.imgAffichage is defined and article.imgAffichage is not empty ? article.imgAffichage : (article.imgAffichageEnError|default('')) }}"
  297.                                                                      class="img-fluid border_40"
  298.                                                                      alt="{{ article.titreActualite }}"
  299.                                                                      loading="lazy"
  300.                                                                      data-fallback="{{ article.imgAffichageEnError }}">
  301.                                                             </a>
  302.                                                         </div>
  303.                                                         <div class="col-12 mt-1 order-1 order-md-2">
  304.                                                             <span class="small_buzz">{{ article.date_formatee }}</span>
  305.                                                         </div>
  306.                                                         <div class="col-12 mt-3 order-2 order-md-3">
  307.                                                             <a href="{{ path('buzz_actualite_detail', { 'slug': article.titreActualite|slugify, 'id': article.id_actualite, 'codePays': codePaysWithUnderScore}) }}"
  308.                                                                title="{{ article.titreActualite }}" target="_self">
  309.                                                                 <span class="{{ article.css_class|default('bleu_fusacq') }}" style="font-size:1.1rem;">{{ article.titreActualite }}</span>
  310.                                                             </a>
  311.                                                         </div>
  312.                                                         <div class="col-12 mt-3 order-3 order-md-4">
  313.                                                             <span style="font-size: 0.9rem;">{{ article.descriptionActualite|truncateLongText(210,' ...') | raw }}</span>
  314.                                                         </div>
  315.                                                     </div>
  316.                                                 </div>
  317.                                             </article>
  318.                                         </div>
  319.                                     {% endfor %}
  320.                                 {% endif %}
  321.                             {% endif %}
  322.                         </div>
  323.                         {% set bloc_newsletter_affiche = false %}
  324.                         {% for semaine in grouped_articles %}
  325.                             {% set articles_a_afficher = [] %}
  326.                             {% for article in semaine.articles %}
  327.                                 {% if exclude_ids is not defined or (article.id_actualite not in exclude_ids) %}
  328.                                     {% set articles_a_afficher = articles_a_afficher|merge([article]) %}
  329.                                 {% endif %}
  330.                             {% endfor %}
  331.                             {% if articles_a_afficher|length > 0 %}
  332.                                 <div class="col-12 mt-3 mb-2 ml-2">
  333.                                     <i class="fa-light fa-calendar-days fa-2x gris_999"></i>&nbsp;&nbsp;&nbsp;<span
  334.                                             class="fs13 gris_999">{{ semaine.label_fr }}</span>
  335.                                 </div>
  336.                                 {% for article in articles_a_afficher %}
  337.                                     <div class="col-12 no-padding-x">
  338.                                         <div class="card only_border_bottom no_shadow">
  339.                                             <div class="card-body">
  340.                                                 <div class="row">
  341.                                                     <div class="col-12 col-lg-3 text-center">
  342.                                                         <a href="{{ path('buzz_actualite_detail', { 'slug': article.titreActualite|slugify, 'id': article.id_actualite, 'codePays': codePaysWithUnderScore }) }}"
  343.                                                            title="{{ article.titreActualite }}" target="_self">
  344.                                                             <img src="{{ article.imgAffichage is defined and article.imgAffichage is not empty ? article.imgAffichage : (article.imgAffichageEnError|default('')) }}"
  345.                                                                  class="img-fluid" style="border-radius: 0.25rem;"
  346.                                                                  alt="{{ article.titreActualite|raw }}"
  347.                                                                  loading="lazy"
  348.                                                                  data-fallback="{{ article.imgAffichageEnError }}">
  349.                                                         </a>
  350.                                                     </div>
  351.                                                     <div class="col-12 col-lg-9 pt-3 pt-lg-0">
  352.                                                         <span class="small_buzz">{{ article.date_formatee }}</span><br>
  353.                                                         <a href="{{ path('buzz_actualite_detail', { 'slug': article.titreActualite|slugify, 'id': article.id_actualite, 'codePays': codePaysWithUnderScore }) }}"
  354.                                                            title="{{ article.titreActualite }}" target="_self">
  355.                                                             <h4 class="{{ article.css_class|default('bleu_fusacq') }} titre-3lignes">{{ article.titreActualite }}</h4>
  356.                                                         </a>
  357.                                                         <span style="font-size: 0.9rem;">{{ article.descriptionActualite|truncateLongText(210,' ...') | raw }}</strong></i></span>
  358.                                                     </div>
  359.                                                 </div>
  360.                                             </div>
  361.                                         </div>
  362.                                     </div>
  363.                                 {% endfor %}
  364.                                 {% if not bloc_newsletter_affiche %}
  365.                                     {% include 'buzz/fragments/bloc_expert_newsletter.html.twig' %}
  366.                                     {% set bloc_newsletter_affiche = true %}
  367.                                 {% endif %}
  368.                             {% endif %}
  369.                         {% endfor %}
  370.                         <div class="row bkg_blanc mt-3">
  371.                             <div class="col-12 fond_blanc text-center pb-3 mt-3" style="overflow:auto;">
  372.                                 <div class="row">
  373.                                     <div class="col-12 text-center py-2">
  374.                                         L'actualité des derniers mois :
  375.                                     </div>
  376.                                     {% for month in lastMonthsHavingActu %}
  377.                                         <div class="col-2 text-center day pb-10">
  378.                                             <a href="{{ path('buzz_actualites_par_mois', {'month': month.number, 'codePays': codePaysWithUnderScore}) }}"
  379.                                                target="_self">
  380.                                                 <i class="fa-light fa-calendar-days fa-2x gris_666"></i><br>
  381.                                                 <span class="titrejour">{{ month.mois }}</span><br>
  382.                                                 <span class="datejour">{{ month.year }}</span>
  383.                                             </a>
  384.                                         </div>
  385.                                     {% endfor %}
  386.                                 </div>
  387.                             </div>
  388.                         </div>
  389.                     </main>
  390.                     <aside class="col-12 col-lg-3 col_droite_buzz2">
  391.                         <div class="row">
  392.                             {{ render_esi(controller(
  393.                                 'App\\Controller\\Buzz\\CoreController::rightColumn',
  394.                                 { "codePays": codePaysWithUnderScore,
  395.                                     "lang" : lang,
  396.                                     "authFrom" : authFrom,
  397.                                     "alwaysShowJuridiqueExperts": false,
  398.                                     "isInternationalImage": false
  399.                                 }
  400.                             )) }}
  401.                         </div>
  402.                     </aside>
  403.                 </div>
  404.                 <!--FIN COLONNE DROITE -->
  405.             </div>
  406.         </div>
  407.     </div>
  408. {% endblock %}
  409. {% block javascripts %}
  410.     {{ parent() }}
  411.     <script>
  412.     (function () {
  413.         var imgs = document.querySelectorAll('img[data-fallback]');
  414.         imgs.forEach(function (img) {
  415.             if (img.dataset.__fallbackBound) { return; }
  416.             img.dataset.__fallbackBound = '1';
  417.             img.addEventListener('error', function () {
  418.                 var fb = img.getAttribute('data-fallback');
  419.                 if (fb && img.src !== fb) { img.src = fb; }
  420.             }, { once: true });
  421.         });
  422.     })();
  423.     </script>
  424. {% endblock %}