templates/modules/nav/nav_main.twig line 1

Open in your IDE?
  1. {% set searchBars = searchBars ?: false %}
  2. {% set repsonsive_js = responsive_js ?: false %}
  3. {% set medium = medium ?: false %}
  4. {% set annuairePage = annuairePage ?: false %}
  5. {% set centresAudioprothesist = centresAudioprothesist ?: false %}
  6. {% set appointmentLink = appointmentLink ?: false %}
  7. {% set toggleSearch = toggleSearch ?: false %}
  9. <nav class="navMain {{data|length == 2 and searchBars ? "navMain_big"}} {{data|length == 1 and searchBars ? "navMain_big_one"}} {{active_nav ? "navMain_active"}} {{responsive_js ? "js-nav-main-responsive"}} js-nav-main">
  10.     <div class="grid-container grid-x align-justify align-middle cell">
  11.         <div class="navMain-hamburger js-navmain-toggle active">
  12.             <div class="navMain-hamburger-bar"></div>
  13.             <div class="navMain-hamburger-bar"></div>
  14.             <div class="navMain-hamburger-bar"></div>
  15.         </div>
  16.         {# begin #}
  17.         <div class="navMain-responsive js-navmain-responsive flex-container flex-dir-column align-center align-middle">
  18.             <div class="navMain-responsive-header flex-container align-middle align-justify">
  19.                 <div class="navMain-close js-navmain-toggle">
  20.                     <img src="{{ asset('images/svg/icon_close_white.svg') }}" />
  21.                 </div>
  22.                 <div>
  23.                     <a href="/"><img src="{{ asset('images/svg/logo_white_small.svg') }}" /></a>
  24.                 </div>
  25.                 <div>
  26.                     <img class="navMain-menu-element navMain-menu-element_navResponsive" src="{{ asset('images/svg/magnifyingGlass_white.svg') }}" />
  27.                 </div>
  28.             </div>
  29.         {# end #}
  30.             <div class="flex-container flex-dir-column wrapper-menu-mobile">
  31.             {# begin #}
  32.                 
  33.             {# end #}
  34.             </div>
  35.         </div>
  36.         <div class="navMain-brand">
  37.             <a href="{{ path('index') }}">
  38.                 <img class="navMain-brand-image" src="{{ asset('images/svg/logo_blue.svg') }}" />
  39.             </a>
  40.         </div>
  41.         <div class="navMain-menu wrapper-menu-desktop">
  42.             {% for item in nav.main %}
  43.                 {% if item.withRadius %}
  44.                     <a class="navMain-menu-element navMain-menu-element_borderRadius js-popup-open">{{item.name}}</a>
  45.                 {% elseif item.name|upper == active|upper %}
  46.                     <a class="navMain-menu-element active" href="{{item.link}}">{{item.name}}</a>
  47.                 {% else %}
  48.                     <a class="navMain-menu-element" href="{{item.link}}">{{item.name}}</a>
  49.                 {% endif %}
  50.             {% endfor %}
  51.             {# begin #}
  52.             <img class="navMain-menu-element_desktop navMain-menu-element" src="{{ asset('images/svg/magnifyingGlass_blue.svg') }}" />
  53.             {# end #}
  54.         </div>
  55.         
  56.         {% if toggleSearch %}
  57.         <a class="actionneur-toggle-searchbar" href="javascript:;">
  58.             <img src="{{ asset('images/svg/magnifyingGlass_blue.svg') }}" />
  59.         </a>
  60.         {% endif %}
  61.         
  62.         {% if searchBars %}
  63.         {# begin #}
  64.             <div class="grid-x cell align-center">
  65.                 {% include "modules/searchbar/searchbar.twig"  with {
  66.                     "link": link,
  67.                     "inputs" : data
  68.                 } %}
  69.             </div>
  70.         {# end #}
  71.         {% endif %}
  72.     </div>
  73.     {% if centresAudioprothesist %}
  74.     <div class="navMain-subMenuAudioCentre js-subNavAudioCentre">
  75.         <div class="grid-container">
  76.           <div class="grid-x align-middle align-justify navMain-subMenuAudioCentre-ctt">
  77.             <div class="cell small-5 flex-container align-middle navMain-subMenuAudioCentre-left">
  78.                 <div class="avatar navMain-subMenuAudioCentre-left-image"></div>
  79.                 <div class="navMain-subMenuAudioCentre-left-title">
  80.                   Nom du centre
  81.                 </div>
  82.             </div>
  83.             <div class="navMain-subMenuAudioCentre-right">
  84.                 {% set audioCentreNav = [
  85.                     {
  86.                         name: "Présentation",
  87.                         link: "#presentation",
  88.                         datas : page_centreAudioprothesist.presentation.has_text
  89.                     },
  90.                     {
  91.                         name: "L'équipe",
  92.                         link: "#equipe",
  93.                         datas : page_centreAudioprothesist.team
  94.                     },
  95.                     {
  96.                         name: "Tarifs",
  97.                         link: "#tarifs",
  98.                         datas : page_centreAudioprothesist.pricing.paragraph
  99.                     },
  100.                     {
  101.                         name: "Horaires",
  102.                         link: "#horaires",
  103.                         datas : page_centreAudioprothesist.schedule
  104.                     },
  105.                     {
  106.                         name: "Autres centres",
  107.                         link: "#autresCentres",
  108.                         datas : page_centreAudioprothesist.centers
  109.                     }
  110.                 ] %}
  111.                 {% for item in audioCentreNav %}
  112.                     {% if item.datas %}
  113.                         <a class="navMain-subMenuAudioCentre-right-link" href="{{item.link}}">{{item.name}}</a>
  114.                     {% endif %}
  115.                 {% endfor %}
  116.                 <div class="navMain-subMenuAudioCentre-right-websiteBlock"></div>
  117.             </div>
  118.           </div>
  119.         </div>
  120.     </div>
  121.     {% if page_centreAudioprothesist.btn_rdv_url or appointmentLink %}
  122.     <div class="navMain-rdv js-rdvNav">
  123.         <div class="flex-container align-center align-middle">
  124.             {% if page_centreAudioprothesist.btn_rdv_url %}
  125.             <a href="{{page_centreAudioprothesist.btn_rdv_url}}"class="btn">{{page_centreAudioprothesist.btn_rdv_name ?: 'Prendre RDV'}}</a>
  126.             {% else %}
  127.             <a href="{{appointmentLink}}"class="btn">prendre rdv</a>
  128.             {% endif %}
  129.         </div>
  130.     </div>
  131.     {% endif %}
  133.     {% endif %}
  134.     {% include "modules/popup/popupFull.twig" %}
  135. </nav>
  137. {#
  138. active value has to be the same as item.name active page
  139. in order to put the active class on the right menu element
  140. #}