templates/buzz/en_direct_des_experts.html.twig line 1

Open in your IDE?
  1. {% extends 'buzz/base.html.twig' %}
  2. {% block title %}
  3.     {{ metaTag.getTitle }}
  4. {% endblock %}
  5. {% block meta_description %}
  6.     {{ metaTag.getDescription }}
  7. {% endblock %}
  8. {% block stylesheets %}
  9.     {{ parent() }}
  10.     <link rel="stylesheet" href="{{ asset('build/css/buzz/index/index_fr.css') }}">
  11.     <link rel="stylesheet" href="{{ asset('build/css/buzz/custom_fusacq.css') }}">
  12. {% endblock %}
  13. {% block body %}
  14.     {% set countryNames = {
  15.         'be': 'BELGIQUE',
  16.         'ca': 'CANADA',
  17.         'ch': 'SUISSE',
  18.         'fr': 'FRANCE'
  19.     } %}
  20.  
  21.     {% set typeLabels = {
  22.         'reference': 'Référence',
  23.         'evenement': 'Événement',
  24.         'expertise': "Article d'expert",
  25.         'nomination': 'Emploi',
  26.         'autre': 'Autre actualité'
  27.     } %}
  28.     <div class="row">
  29.         <div class="col-12">
  30.             {{ render_esi(controller(
  31.                 'App\\Controller\\Buzz\\CoreController::menu',
  32.                 {   "lang": lang,
  33.                     "currentRoute":currentRoute,
  34.                     "codePays": codePaysWithUnderScore,
  35.                     "authFrom": authFrom }
  36.             )) | spaceless }}
  37.             {% include 'buzz/fragments/publicite.html.twig' %}
  38.             <div class="container">
  39.                 <div class="row">
  40.                     <main class="col-12 col-lg-9 no_shadow mb-3 border_right_dashed">
  41.                         <div class="row bkg_blanc d-none d-sm-block">
  42.                             <div class="onglet_buzz col-12 no-padding-x ">
  43.                                 <nav>
  44.                                     <div class="nav nav-tabs nav-fill" id="nav-tab" role="tablist">
  45.                                         {% if codePays == 'fr' %}
  46.                                             {# Pour la France : 3 onglets #}
  47.                                             <div class="col-12 col-sm-4 no-padding-x order-sm-1 order-3 ">
  48.                                                 <a class="nav-item nav-link" href="/buzz/{{ codePays }}" target="_self">
  49.                                                     <span class="fs11">ACTUALITÉ FRANCE</span>
  50.                                                 </a>
  51.                                             </div>
  52.                                             <div class="col-12 col-sm-4 no-padding-x bl_gris order-sm-2 order-2">
  53.                                                 <a class="nav-item nav-link"
  54.                                                    href="{{ path('buzz_actualite_internationale',{'codePays':codePaysWithUnderScore}) }}"
  55.                                                    target="_self">
  56.                                                     <span class="fs11">ACTUALITÉ INTERNATIONALE</span>
  57.                                                 </a>
  58.                                             </div>
  59.                                             <div class="col-12 col-sm-4 no-padding-x bl_gris order-sm-3 order-1">
  60.                                                 <div class="nav-item nav-link active">
  61.                                                     <span class="fs11">EN DIRECT DES EXPERTS</span>
  62.                                                 </div>
  63.                                             </div>
  64.                                         {% else %}
  65.                                             {# Pour les autres pays : 4 onglets #}
  66.                                             <div class="col-12 col-sm-3 no-padding-x order-sm-1 order-4">
  67.                                                 <a class="nav-item nav-link" href="/buzz/{{ codePays }}" target="_self">
  68.                                                     <span class="fs11">ACTUALITÉ {{ countryNames[codePays] is defined ? countryNames[codePays] : codePays|upper }}</span>
  69.                                                 </a>
  70.                                             </div>
  71.                                             <div class="col-12 col-sm-3 no-padding-x bl_gris order-sm-2 order-1">
  72.                                                 <a class="nav-item nav-link" href="{{ path('buzz_actualite_france',{'codePays':codePaysWithUnderScore}) }}" target="_self">
  73.                                                     <span class="fs11">FRANCE</span>
  74.                                                 </a>
  75.                                             </div>
  76.                                             <div class="col-12 col-sm-3 no-padding-x bl_gris order-sm-3 order-2">
  77.                                                 <a class="nav-item nav-link"
  78.                                                    href="{{ path('buzz_actualite_internationale',{'codePays':codePaysWithUnderScore}) }}"
  79.                                                    target="_self">
  80.                                                     <span class="fs11">INTERNATIONAL</span>
  81.                                                 </a>
  82.                                             </div>
  83.                                             <div class="col-12 col-sm-3 no-padding-x order-sm-4 order-3">
  84.                                                 <div class="nav-item nav-link active">
  85.                                                     <span class="fs11">L'ACTU DES EXPERTS</span>
  86.                                                 </div>
  87.                                             </div>
  88.                                         {% endif %}
  89.                                     </div>
  90.                                 </nav>
  91.                             </div>
  92.                         </div>
  93.                         <div class="row bkg_blanc">
  94.                             <div class="col-12 pt-4 mt-2 text-center">
  95.                                 <h3 class="gris_666">L'actualité collaborative des Experts</h3>
  96.                             </div>
  97.                             <div class="col-12">
  98.                                 <div class="card no_shadow no_border">
  99.                                     <div class="card-body">
  100.                                         <div class="row">
  101.                                             <div class="col-12">
  102.                                                 <form class="form-inline" method="GET"
  103.                                                       action="{{ path('buzz_recherche_avancee', {'codePays': codePaysWithUnderScore}) }}">
  104.                                                     <div class="form-group col-9 col-sm-6 offset-sm-1 mr-sm-3">
  105.                                                         <label for="searchInput" class="sr-only">Recherche</label>
  106.                                                         <input type="text" class="form-control w-100" id="searchInput"
  107.                                                                name="recherche" aria-describedby="emailHelp"
  108.                                                                placeholder="Recherche article, société, secteur d'activité, ...">
  109.                                                     </div>
  110.                                                     <div class="form-group col-2 col-sm-1 pt-1 mr-sm-3">
  111.                                                         <button type="submit" class="button-rond" aria-pressed="true">
  112.                                                             OK
  113.                                                         </button>
  114.                                                     </div>
  115.                                                     <div class="form-group col-12 col-sm-2 text-center pt-1">
  116.                                                         <a href="{{ path('buzz_recherche_avancee', {'codePays': codePaysWithUnderScore}) }}"
  117.                                                            class="fullsouligne pb-2 ml-3" target="_self">+ de
  118.                                                             critères</a>
  119.                                                     </div>
  120.                                                 </form>
  121.                                             </div>
  122.                                         </div>
  123.                                     </div>
  124.                                 </div>
  125.                             </div>
  126.                         </div>
  127.                         <div class="row bkg_blanc d-none d-xl-block mb-5">
  128.                             <div class="onglet_buzz col-12 no-padding-x">
  129.                                 <nav>
  130.                                     <div class="nav nav-tabs nav-fill" id="nav-tab" role="tablist">
  131.                                         <div class="col-12 col-sm-2 no-padding-x">
  132.                                             <a class="nav-item nav-link {% if type == '' or type == null %}active{% endif %}"
  133.                                                href="{{ path('buzz_en_direct_des_experts', {'codePays': codePaysWithUnderScore}) }}"
  134.                                                target="_self">
  135.                                                 <span class="fs11">Toute actualité</span>
  136.                                             </a>
  137.                                         </div>
  138.                                         <div class="col-12 col-sm-2 no-padding-x bl_e0e0e0">
  139.                                             <a class="nav-item nav-link {% if type == 'reference' %}active{% endif %}"
  140.                                                href="{{ path('buzz_en_direct_des_experts', {'type': 'reference', 'codePays': codePaysWithUnderScore}) }}"
  141.                                                target="_self">
  142.                                                 <span class="fs11">Référence</span>
  143.                                             </a>
  144.                                         </div>
  145.                                         <div class="col-12 col-sm-2 no-padding-x bl_e0e0e0">
  146.                                             <a class="nav-item nav-link {% if type == 'evenement' %}active{% endif %}"
  147.                                                href="{{ path('buzz_en_direct_des_experts', {'type': 'evenement', 'codePays': codePaysWithUnderScore}) }}"
  148.                                                target="_self">
  149.                                                 <span class="fs11">Evénement</span>
  150.                                             </a>
  151.                                         </div>
  152.                                         <div class="col-12 col-sm-2 no-padding-x bl_e0e0e0">
  153.                                             <a class="nav-item nav-link {% if type == 'expertise' %}active{% endif %}"
  154.                                                href="{{ path('buzz_en_direct_des_experts', {'type': 'expertise', 'codePays': codePaysWithUnderScore}) }}"
  155.                                                target="_self">
  156.                                                 <span class="fs11">Article d'expert</span>
  157.                                             </a>
  158.                                         </div>
  159.                                         <div class="col-12 col-sm-2 no-padding-x bl_e0e0e0">
  160.                                             <a class="nav-item nav-link {% if type == 'emploi' %}active{% endif %}"
  161.                                                href="{{ path('buzz_en_direct_des_experts', {'type': 'emploi', 'codePays': codePaysWithUnderScore}) }}"
  162.                                                target="_self">
  163.                                                 <span class="fs11">Emploi</span>
  164.                                             </a>
  165.                                         </div>
  166.                                         <div class="col-12 col-sm-2 no-padding-x bl_e0e0e0">
  167.                                             <a class="nav-item nav-link {% if type == 'autre' %}active{% endif %}"
  168.                                                href="{{ path('buzz_en_direct_des_experts', {'type': 'autre', 'codePays': codePaysWithUnderScore}) }}"
  169.                                                target="_self">
  170.                                                 <span class="fs11">Autre actualité</span>
  171.                                             </a>
  172.                                         </div>
  173.                                     </div>
  174.                                 </nav>
  175.                             </div>
  176.                         </div>
  177.                         <!-- Pagination haut -->
  178.                         <div class="row">
  179.                             <div class="col-12">
  180.                                 <nav aria-label="Pagination" class="my-3">
  181.                                     <ul class="pagination justify-content-center bleu_fusacq my-2">
  182.                                         {% set start = page > 3 ? page - 2 : 1 %}
  183.                                         {% set end = nbPages > page + 2 ? page + 2 : nbPages %}
  184.                                         {% if page > 1 %}
  185.                                             <li class="page-item">
  186.                                                 <a href="?page=1{% if type %}&type={{ type }}{% endif %}"
  187.                                                    class="page-link">&lt;&lt;</a>
  188.                                             </li>
  189.                                             <li class="page-item">
  190.                                                 <a href="?page={{ page-1 }}{% if type %}&type={{ type }}{% endif %}"
  191.                                                    class="page-link">&lt;</a>
  192.                                             </li>
  193.                                         {% endif %}
  194.                                         {% for p in start..end %}
  195.                                             <li class="page-item {% if p == page %}active{% endif %}">
  196.                                                 <a href="?page={{ p }}{% if type %}&type={{ type }}{% endif %}"
  197.                                                    class="page-link">{{ p }}</a>
  198.                                             </li>
  199.                                         {% endfor %}
  200.                                         {% if page < nbPages %}
  201.                                             <li class="page-item">
  202.                                                 <a href="?page={{ page+1 }}{% if type %}&type={{ type }}{% endif %}"
  203.                                                    class="page-link">&gt;</a>
  204.                                             </li>
  205.                                             <li class="page-item">
  206.                                                 <a href="?page={{ nbPages }}{% if type %}&type={{ type }}{% endif %}"
  207.                                                    class="page-link">&gt;&gt;</a>
  208.                                             </li>
  209.                                         {% endif %}
  210.                                     </ul>
  211.                                 </nav>
  212.                             </div>
  213.                         </div>
  214.                         <div class="row bkg_blanc">
  215.                             {% if first_featured %}
  216.                                 <div class="col-12 col-md-6 no-padding-x">
  217.                                     <article class="card no_shadow border_none">
  218.                                         <div class="card-body">
  219.                                             <div class="row">
  220.                                                 <div class="col-12">
  221.                                                     <div class="col-12 d-flex mt-1">
  222.                                                         <div class="mr-2 mt-2 pt-1">
  223.                                                             <i class="fa-solid fa-circle-star fa-xl orange" aria-hidden="true" title="Article A LA UNE"></i>
  224.                                                         </div>
  225.                                                         <div class="flex-grow-1">
  226.                                                             <a href="{{ path('buzz_actualite_detail', { 'slug': first_featured.titreActualite|slugify, 'id': first_featured.id_actualite }) }}"
  227.                                                                title="{{ first_featured.titreActualite }}" target="_self">
  228.                                                                 <h3 class="vert titre-3lignes">{{ first_featured.titreActualite }}</h3>
  229.                                                             </a>
  230.                                                         </div>
  231.                                                     </div>
  232.                                                 </div>
  233.                                                 <div class="col-12 mt-2">
  234.                                                     <a href="{{ path('buzz_en_direct_des_experts', {'type': first_featured.type_actualite, 'codePays': codePaysWithUnderScore}) }}"
  235.                                                        class="badge4" title="{{ typeLabels[first_featured.type_actualite]|default(first_featured.type_actualite|capitalize) }}"
  236.                                                        target="_self">{{ typeLabels[first_featured.type_actualite]|default(first_featured.type_actualite|capitalize) }}</a>
  237.                                                     <span class="small_buzz ml-2">
  238.                                                         par
  239.                                                         {% if first_featured.raison_sociale_prestataire and first_featured.id_service_prestataire %}
  240.                                                             <a href="/annuaire_experts/a4{{ first_featured.id_service_prestataire }},{{ first_featured.raison_sociale_prestataire|slugify }}"
  241.                                                                class="fullsouligne gris_CCC" target="_blank"
  242.                                                                rel="noopener">{{ first_featured.raison_sociale_prestataire }}</a>
  243.                                                         {% else %}
  244.                                                             <span class="fullsouligne gris_CCC">{{ first_featured.societe_nom }}</span>
  245.                                                         {% endif %}
  246.                                                         {% if first_featured.date_formatee_jour %}
  247.                                                             le
  248.                                                             {{ first_featured.date_formatee_jour }}
  249.                                                         {% endif %}
  250.                                                     </span>
  251.                                                 </div>
  252.                                                 <div class="col-12 mt-2">
  253.                                                     <div class="description-2lignes">
  254.                                                         {{ first_featured.descriptionActualite|truncateLongText(210,' ...') | raw }}
  255.                                                     </div>
  256.                                                 </div>
  257.                                                 <div class="col-12 mt-3 text-center">
  258.                                                     <a href="{{ path('buzz_actualite_detail', { 'slug': first_featured.titreActualite|slugify, 'id': first_featured.id_actualite }) }}"
  259.                                                        title="{{ first_featured.titreActualite }}" target="_self">
  260.                                                         <img src="{{ first_featured.imgAffichage is not empty ? first_featured.imgAffichage : first_featured.imgAffichageEnError }}"
  261.                                                              class="img-fluid border_40"
  262.                                                              alt="{{ first_featured.titreActualite }}"
  263.                                                              loading="lazy" data-fallback="{{ first_featured.imgAffichageEnError }}">
  264.                                                     </a>
  265.                                                 </div>
  266.                                             </div>
  267.                                         </div>
  268.                                     </article>
  269.                                 </div>
  270.                             {% endif %}
  271.                             {% for article in next_articles %}
  272.                                 <div class="col-12 col-md-3 no-padding-x">
  273.                                     <article class="card only_border_une no_shadow">
  274.                                         <div class="card-body">
  275.                                             <div class="row">
  276.                                                 <div class="col-12 mt-1 order-1 order-md-2">
  277.                                                     <a href="{{ path('buzz_en_direct_des_experts', {'type': article.type_actualite, 'codePays': codePaysWithUnderScore}) }}"
  278.                                                        class="badge4" title="{{ typeLabels[article.type_actualite]|default(article.type_actualite|capitalize) }}"
  279.                                                        target="_self">{{ typeLabels[article.type_actualite]|default(article.type_actualite|capitalize) }}</a>
  280.                                                     <span class="small_buzz ml-2">par
  281.                                                 {% if article.raison_sociale_prestataire and article.id_service_prestataire %}
  282.                                                     <a href="/annuaire_experts/a4{{ article.id_service_prestataire }},{{ article.raison_sociale_prestataire|slugify }}"
  283.                                                        class="fullsouligne" target="_blank"
  284.                                                        rel="noopener">{{ article.raison_sociale_prestataire }}</a>
  285.                                                 {% else %}
  286.                                                     <span class="fullsouligne">{{ article.societe_nom }}</span>
  287.                                                 {% endif %}
  288.                                                         {% if article.date_formatee_jour %}
  289.                                                             le
  290.                                                             {{ article.date_formatee_jour }}
  291.                                                         {% endif %}
  292.                                             </span>
  293.                                                 </div>
  294.                                                 <div class="col-12 mt-2 order-2 order-md-3">
  295.                                                     <a href="{{ path('buzz_actualite_detail', { 'slug': article.titreActualite|slugify, 'id': article.id_actualite }) }}"
  296.                                                        title="{{ article.titreActualite }}" target="_self">
  297.                                                         <h5 class="vert titre-3lignes">{{ article.titreActualite }}</h5>
  298.                                                     </a>
  299.                                                 </div>
  300.                                                 <div class="col-12 mt-2 order-3 order-md-4">
  301.                                                     <div class="description-2lignes">
  302.                                                         {{ article.descriptionActualite|truncateLongText(210,' ...') | raw }}
  303.                                                     </div>
  304.                                                 </div>
  305.                                                 <div class="col-12 text-center order-4 order-md-1 mt-3">
  306.                                                     <a href="{{ path('buzz_actualite_detail', { 'slug': article.titreActualite|slugify, 'id': article.id_actualite }) }}"
  307.                                                        title="{{ article.titreActualite }}" target="_self">
  308.                                                         <img src="{{ article.imgAffichage is not empty ? article.imgAffichage : article.imgAffichageEnError }}"
  309.                                                              class="img-fluid border_40"
  310.                                                              alt="{{ article.titreActualite }}"
  311.                                                              loading="lazy" data-fallback="{{ article.imgAffichageEnError }}">
  312.                                                     </a>
  313.                                                 </div>
  314.                                             </div>
  315.                                         </div>
  316.                                     </article>
  317.                                 </div>
  318.                             {% endfor %}
  319.                         </div>
  320.                         {% set article_count = 0 %}
  321.                         {% if first_featured %}
  322.                             {% set article_count = article_count + 1 %}
  323.                         {% endif %}
  324.                         {% set article_count = article_count + next_articles|length %}
  325.                         {% for jour in grouped_articles %}
  326.                             <div class="col-12 mt-3 mb-2 ml-2">
  327.                                 <i class="fa-light fa-calendar-days fa-2x gris_999"></i>&nbsp;&nbsp;&nbsp;<span
  328.                                         class="fs13 gris_999">{{ jour.label_fr }}</span>
  329.                             </div>
  330.                             {% for article in jour.articles %}
  331.                                 {% if article_count < 20 %}
  332.                                     <div class="col-12 no-padding-x">
  333.                                         <article class="card only_border_bottom no_shadow">
  334.                                             <div class="card-body">
  335.                                                 <div class="row">
  336.                                                 <div class="col-12 col-lg-3 text-center">
  337.                                                         <a href="{{ path('buzz_actualite_detail', { 'slug': article.titreActualite|slugify, 'id': article.id_actualite }) }}"
  338.                                                            title="{{ article.titreActualite }}" target="_self">
  339.                                                             <img src="{{ article.imgAffichage is not empty ? article.imgAffichage : article.imgAffichageEnError }}"
  340.                                                                  class="img-fluid border_40"
  341.                                                                  alt="{{ article.titreActualite|raw }}"
  342.                                                                  loading="lazy" data-fallback="{{ article.imgAffichageEnError }}">
  343.                                                         </a>
  344.                                                     </div>
  345.                                                 <div class="col-12 col-lg-9 pt-3 pt-lg-0">
  346.                                                         <a href="{{ path('buzz_en_direct_des_experts', {'type': article.type_actualite, 'codePays': codePaysWithUnderScore}) }}"
  347.                                                            class="badge4" title="{{ typeLabels[article.type_actualite]|default(article.type_actualite|capitalize) }}"
  348.                                                            target="_self">{{ typeLabels[article.type_actualite]|default(article.type_actualite|capitalize) }}</a>
  349.                                                         <span class="small_buzz ml-2">par
  350.                                                     {% if article.raison_sociale_prestataire and article.id_service_prestataire %}
  351.                                                         <a href="/annuaire_experts/a4{{ article.id_service_prestataire }},{{ article.raison_sociale_prestataire|slugify }}"
  352.                                                            class="fullsouligne" target="_blank"
  353.                                                            rel="noopener">{{ article.raison_sociale_prestataire }}</a>
  354.                                                     {% else %}
  355.                                                         <span class="fullsouligne">{{ article.societe_nom }}</span>
  356.                                                     {% endif %}
  357.                                                             {% if article.date_formatee_jour %}
  358.                                                                 le
  359.                                                                 {{ article.date_formatee_jour }}
  360.                                                             {% endif %}
  361.                                                 </span><br>
  362.                                                         <a href="{{ path('buzz_actualite_detail', { 'slug': article.titreActualite|slugify, 'id': article.id_actualite }) }}"
  363.                                                            title="{{ article.titreActualite }}" target="_self">
  364.                                                             <h4 class="vert titre-3lignes">{{ article.titreActualite }}</h4>
  365.                                                         </a>
  366.                                                         <span style="font-size: 0.9rem;">{{ article.descriptionActualite|truncateLongText(210,' ...') | raw }}</strong></i></span>
  367.                                                         <span style="font-size: 0.9rem;">{{ article.descriptionActualite|truncateLongText(210,' ...') | raw }}</strong></i></span>
  368.                                                     </div>
  369.                                                 </div>
  370.                                             </div>
  371.                                         </article>
  372.                                     </div>
  373.                                     {% set article_count = article_count + 1 %}
  374.                                     {% if article_count == 5 and page == 1 %}
  375.                                         {% include 'buzz/fragments/bloc_webinar_formation.html.twig' with {
  376.                                             'webinarData': webinarData,
  377.                                             'formationData': formationData
  378.                                         } %}
  379.                                     {% endif %}
  380.                                 {% endif %}
  381.                             {% endfor %}
  382.                         {% endfor %}
  383.                         {% set pagination_block %}
  384.                             <div class="col-sm-12">
  385.                                 <nav aria-label="..." class="my-3">
  386.                                     <ul class="pagination justify-content-center bleu_fusacq my-2">
  387.                                         {% set start = page > 3 ? page - 2 : 1 %}
  388.                                         {% set end = nbPages > page + 2 ? page + 2 : nbPages %}
  389.                                         {% if page > 1 %}
  390.                                             <li class="page-item">
  391.                                                 <a href="?page=1{% if type %}&type={{ type }}{% endif %}"
  392.                                                    class="page-link">&lt;&lt;</a>
  393.                                             </li>
  394.                                             <li class="page-item">
  395.                                                 <a href="?page={{ page-1 }}{% if type %}&type={{ type }}{% endif %}"
  396.                                                    class="page-link">&lt;</a>
  397.                                             </li>
  398.                                         {% endif %}
  399.                                         {% for p in start..end %}
  400.                                             <li class="page-item {% if p == page %}active{% endif %}">
  401.                                                 <a href="?page={{ p }}{% if type %}&type={{ type }}{% endif %}"
  402.                                                    class="page-link">{{ p }}</a>
  403.                                             </li>
  404.                                         {% endfor %}
  405.                                         {% if page < nbPages %}
  406.                                             <li class="page-item">
  407.                                                 <a href="?page={{ page+1 }}{% if type %}&type={{ type }}{% endif %}"
  408.                                                    class="page-link">&gt;</a>
  409.                                             </li>
  410.                                             <li class="page-item">
  411.                                                 <a href="?page={{ nbPages }}{% if type %}&type={{ type }}{% endif %}"
  412.                                                    class="page-link">&gt;&gt;</a>
  413.                                             </li>
  414.                                         {% endif %}
  415.                                     </ul>
  416.                                 </nav>
  417.                             </div>
  418.                         {% endset %}
  419.                         {{ pagination_block|raw }}
  420.                     </main>
  421.                     <aside class="col-12 col-lg-3 col_droite_buzz2">
  422.                         <div class="row">
  423.                             {{ render_esi(controller(
  424.                                 'App\\Controller\\Buzz\\CoreController::sidebarDroite',
  425.                                 {
  426.                                     "codePays": codePaysWithUnderScore,
  427.                                     "lang": lang,
  428.                                     "authFrom": authFrom
  429.                                 }
  430.                             )) }}
  431.                         </div>
  432.                     </aside>
  433.                 </div>
  434.             </div>
  435.         </div>
  436.     </div>
  437. {% endblock %}
  438. {% block javascripts %}
  439.     {{ parent() }}
  440.     <script>
  441.     (function () {
  442.         var imgs = document.querySelectorAll('img[data-fallback]');
  443.         imgs.forEach(function (img) {
  444.             if (img.dataset.__fallbackBound) { return; }
  445.             img.dataset.__fallbackBound = '1';
  446.             img.addEventListener('error', function () {
  447.                 var fb = img.getAttribute('data-fallback');
  448.                 if (fb && img.src !== fb) { img.src = fb; }
  449.             }, { once: true });
  450.         });
  451.         if (window.jQuery) {
  452.             var $ = window.jQuery;
  453.             $(function () {
  454.                 if ($.fn.switchClass) {
  455.                     $("#li3").on('click', function () {
  456.                         $(".nav-link").switchClass("nav-link", "nav-link2");
  457.                         $(".nav-link2").switchClass("nav-link2", "nav-link");
  458.                     });
  459.                 }
  460.             });
  461.         }
  462.     })();
  463.     </script>
  464. {% endblock %}