templates/navbar/inspiration.html.twig line 1

Open in your IDE?
  1. <li class="nav-item dropdown megamenu-li">
  2.     <a class="nav-link {% if '/inspirations' in currentUrl %}active{% endif %}" href="#" id="inspiration" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  3.         Nos solutions
  4.         <img class="d-arrow" alt="dropdown" src='{{ asset("assets/dropdown.svg") }}'>
  5.     </a>
  7.     <div class="dropdown-menu megamenu" aria-labelledby="inspiration">
  8.         <div class="row mx-0">
  9.             <div class="col-12 d-flex flex-column flex-lg-row justify-content-lg-center flex-wrap" id="inspirationNavbar">
  11.                 {% for thematique in ambianceThematiques %}
  12.                     {% if thematique.sousThematique is not empty %}
  13.                         <a 
  14.                             class="mx-lg-4 ltr {% if '/inspirations/'  ~ thematique.seoUrl in currentUrl %}active{% endif %}" 
  15.                             href="{{ path('inspiration_thematique', {seoUrl: thematique.seoUrl}) }}" 
  16.                             data-thematique="{{ loop.index - 1 }}"
  17.                             data-imagethematique={{ urlImageThematiqueAmbiance ~ thematique.urlImage }}
  18.                             data-textthematique={{ thematique.navbarText|e('html_attr') }}
  20.                             {# Création des sous thematiques #}
  21.                                 {% set sousThematique = "" %}
  22.                                     {% for sf in thematique.sousThematique %}
  23.                                         {% if sf.ambiances is not empty %}
  25.                                             {% set classSousThematique = "" %}
  26.                                             {% if '/inspirations/'  ~ thematique.seoUrl ~ "/" ~ sf.seoUrl in currentUrl %}
  27.                                                 {% set classSousThematique = "mx-lg-5 active sousThematiqueNavbar" %}
  28.                                             {% else %}
  29.                                                 {% set classSousThematique = "mx-lg-5 sousThematiqueNavbar" %}
  30.                                             {% endif %}
  31.                                             {% set urlSousFamille = '<a class="' ~ 
  32.                                                 classSousThematique ~ 
  33.                                                 '" href="' ~ 
  34.                                                 path('inspiration_sous_thematique', {thematique: thematique.seoUrl, sousThematique: sf.seoUrl }) ~
  35.                                                 '" data-imagesousthematiquenavbar="' ~
  36.                                                 urlImageSousThematiqueAmbiance ~ sf.urlImage ~
  37.                                                 '" data-textsousthematiquenavbar="' ~
  38.                                                 sf.navbarText|e('html_attr') ~ 
  39.                                                 '" data-sousthematiquenavbar="' ~ (loop.index - 1) ~
  40.                                                 '">' ~
  41.                                                 sf.titre ~
  42.                                                 '</a>'
  43.                                                 %}
  44.                                             {% set sousThematique =  sousThematique ~ urlSousFamille %}
  45.                                         {% endif %}
  46.                                     {% endfor %}
  47.                                 data-sousthematique = '{{ sousThematique }}'
  48.                             {# FIN Création des sous thematiques #}
  49.                         >
  50.                             <strong>{{ thematique.titre }}</strong>
  51.                         {% for sf in thematique.sousThematique %}
  52.                             <img src="{{ urlImageSousThematiqueAmbiance ~ sf.urlImage }}" alt="Preload" style="display: none;">
  53.                         {% endfor %}
  54.                             <img src="{{ urlImageThematiqueAmbiance ~ thematique.urlImage }}" alt="Preload" style="display: none;">
  55.                         </a>
  56.                     {% endif %}
  57.                 {% endfor %}
  58.             </div>
  59.         </div> {# FIN row #}
  61.         <div class="container">
  62.             <div class="row">
  63.                 <div id="inspirationInitNavbar"></div>
  64.                 {# div accueillant les inspirations #}
  65.                 <div class="col-lg-4 d-flex flex-column flex-wrap my-3 mt-lg-0" id="inspirationSousThematiqueNavbar"></div>
  66.                 {# div accueillant Le texte #}
  67.                 <div class="col-lg-4 d-none d-lg-block text-xl-right mt-0" id="inspirationTextNavbar"></div>
  68.                 {# div accueillant les images #}
  69.                 <div class="col-lg-4 d-none d-lg-block pr-0  mt-0" id="inspirationImageNavbar"></div>
  70.             </div>
  71.         </div> {# FIN container #}
  72.         
  73.     </div> {# Fin de dropdown-menu megamenu  #}
  74. </li>