templates/projecten/nav.html.twig line 1

Open in your IDE?
  1. <section class="navbar">
  2.   <div class="container-fluid">
  3.     <div class="float-left d-xl-none">
  4.       <div class="nav-main">
  5.         <div class="nav-toggle">
  6.           <div class="bars">
  7.             <div class="bar">
  8.               <span></span>
  9.             </div>
  10.             <div class="bar">
  11.               <span></span>
  12.             </div>
  13.             <div class="bar">
  14.               <span></span>
  15.             </div>
  16.           </div>
  17.         </div>
  18.       </div>
  19.     </div>
  21.     <div class="logo float-left">
  22.       <a href="{{ path('homepage') }}">
  23.         {% if Settings is defined %}
  24.           <img src="{{Settings.logo}}">
  25.         {% endif %}
  26.       </a>
  27.     </div>
  29.     <div class="nav-center d-none d-xl-inline-block">
  30.       <div class="nav-main">
  31.         {{ custom_navigation('menu') }}
  32.         {# <ul class="nav">
  33.           {{ cms_navigation('', '', 0) }}
  34.         </ul> #}
  35.       </div>
  36.     </div>
  38.     <div class="float-right">
  39.       <div class="nav-container">
  40.         <div class="nav-main">
  41.           <div class="d-xl-none">
  42.             {# <div class="search-wrapper">
  43.               <div class="search">
  44.                 <form method="get" action="/zoeken" class="search-field">
  45.                   <input type="text" name="q" placeholder="Zoeken">
  46.                   <button type="submit"><i class="fa fa-search"></i></button>
  47.                 </form>
  48.               </div>
  49.             </div> #}
  51.             <h6>Menu</h6>
  52.             {{ custom_navigation('menu') }}
  53.             {# <ul class="nav">
  54.               {{ cms_navigation('', '', 0) }}
  55.             </ul> #}
  56.           </div>
  59.           {# <h6 class="d-xl-none">{{'Mijn account'|trans}}</h6>
  60.           <div class="d-none d-xl-inline-block">
  61.             <div class="nav-buttons">
  62.               {% if app.user %}
  63.                 <a class="dropdown-toggle" id="account-dropdown" data-bs-toggle="dropdown" data-bs-auto-close="outside" aria-expanded="false">
  64.                   <i class="far fa-user"></i>
  65.                 </a>
  66.                 <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="account-dropdown">
  67.                   {{ custom_navigation('my-account', '', false) }}
  68.                 </ul>
  69.               {% else %}
  70.                 <a href="/mijn-account">
  71.                   <i class="far fa-user"></i>
  72.                 </a>
  73.               {% endif %}
  74.             </div>
  75.           </div>
  77.           <div class="d-xl-none">
  78.             {% if app.user %}
  79.               {{ custom_navigation('my-account') }}
  80.             {% else %}
  81.             <ul class="nav">
  82.               <li>
  83.                 <a href="/mijn-account">
  84.                   {{'Inloggen / Registreren'|trans}}
  85.                 </a>
  86.               </li>
  87.             </ul>
  88.             {% endif %}
  89.           </div> #}
  90.         </div>
  92.         {% if webshop_enabled is defined and webshop_enabled %}
  93.           <div class="nav-webshop">
  94.             <ul class="nav">
  95.               {#{ webshop_cart('<li>', '</li>') }#}
  96.             </ul>
  97.           </div>
  98.         {% endif %}
  100.         {# <div class="search-wrapper d-none d-xl-inline-block">
  101.           <div class="search">
  102.             <form method="get" action="/zoeken" class="search-field">
  103.               <input type="text" name="q" placeholder="Zoeken">
  104.               <button type="submit"><i class="fa fa-search"></i></button>
  105.             </form>
  106.           </div>
  107.         </div> #}
  109.         <div class="nav-right">
  110.           <a href="/nieuwsbrief" class="btn d-none d-xl-block">Nieuwsbrief <i class="fa fa-arrow-right"></i></a>
  111.           <a href="/contact" class="d-xl-none"><i class="fa fa-phone-alt"></i></a>
  112.         </div>
  113.       </div>
  114.     </div>
  115.   </div>
  116. </section>
  118. <script>
  119.   var xhr = new XMLHttpRequest();
  120.   xhr.onreadystatechange = function (r) {
  121.       if (xhr.readyState !== 4) return;
  122.       if (xhr.status >= 200 && xhr.status < 300) {
  123.       let users = document.querySelectorAll('.user-login');
  124.       let guests = document.querySelectorAll('.user-guest');
  125.           if(JSON.parse(xhr.response).logged_in){
  126.         for(let i = 0; i < guests.length; i++){
  127.           guests[i].classList.add('hidden');
  128.         }
  129.         for(let i = 0; i < users.length; i++){
  130.           users[i].classList.remove('hidden');
  131.         }
  132.       }else{
  133.         for(let i = 0; i < guests.length; i++){
  134.           guests[i].classList.remove('hidden');
  135.         }
  136.         for(let i = 0; i < users.length; i++){
  137.           users[i].classList.add('hidden');
  138.         }
  139.       }
  140.       }
  141.   };
  143.   xhr.open('GET', '{{path('nav_account')}}');
  144.   xhr.send();
  145. </script>