templates/_partials/_nav.html.twig line 1

Open in your IDE?
  2. <header id="navbar" class="nav">
  3.     <a class="navbar-brand" href="/">
  4.             <img src="{{ asset('assets/uploads/votre-logo.png')}}" alt="logo"></a>
  5.      
  7.      <div class="dropdown-1">
  8.         <button>Consulter le planning</button> 
  9.             <div class="content">
  10.               <a class="asous" href="{{ path('app_agenda')}}"> Toutes les activités</a>
  11.               {% for category in generateCategoryLinks() %}
  12.                     <a class="asous" href="{{ path('app_agenda_by_category', {'categoryTitle': category.titleCategory }) }}">{{ category.titleCategory }}</a>
  13.               {% endfor %}
  14.             </div>
  15.     </div>
  17.                         <a class="aderoulant" href="{{ path('app_home')}}">Formulaire de recherche</a>
  18.          
  19.     
  20.             <a class="aderoulant" href="{{ path('app_contact_form')}}">Contact</a>
  21.         
  22.         
  23.         
  24.             
  27.         {% if app.user %}
  29.             
  30.                 <a class="aderoulant" href="{{ path('app_purchase') }}">Commandes</a>
  32.             <a class="aderoulant" href="{{ path('app_payment') }}">Paiements</a>
  33.             
  34.                 <a class="aderoulant" href="{{ path('app_logout') }}">Déconnexion</a>
  35.             
  36.                 {# CartService enregistré dans twig.yaml#}
  37.                 <a class="aderoulant" href="{{ path('cart_index') }}"id="panier-link">🛒
  38.                     ({{ cartService.total | amount }})
  39.                 </a>
  40.             
  41.             {% else %}
  42.             
  43.                 <a class="aderoulant" href=" {{ path('app_registration')  }}">Création compte</a>
  44.             
  45.                 <a class="aderoulant" href="{{ path('app_login') }}">Connexion</a>
  47.         <a class="aderoulant" href="{{ path('app_mode_emploi')  }} "> Mode d'emploi</a>
  48.             
  49.             {% endif %}
  52.         <a href="{{ path('app_admin_agenda') }}">Admin</a>
  53.           
  58.   </div>
  59.    
  60. </nav>
  63.      <a class="icon" onclick = "myFunction()">&#9776;</a>
  65. </header>
  67. <script>
  68.    console.log("cc-menu.js");
  69. /*le bouton icon va permuter nav et navresponsive au click */
  70. function myFunction() {
  71.  var x = document.getElementById("navbar");
  72.  if (x.className === "nav") {
  73.      x.className += " responsive";
  75.  } else {
  76.      x.className = "nav";
  77.  }
  78. }
  79.  // Récupérer l'élément du lien du panier
  80. let panierLink = document.getElementById("panier-link");
  82. // Récupérer le montant du panier
  83. let montantPanier = parseFloat(panierLink.innerText.match(/([0-9.]+)/)[0]);
  85. // Vérifier si le montant est différent de 0.00 €
  86. if (montantPanier !== 0.0) {
  87.   // Créer un nouvel élément de texte
  88.   var texteFinaliserCommande = document.createTextNode(
  89.     "Finalisez votre commande"
  90.   );
  92.   // Ajouter le texte à l'élément du lien du panier
  93.   panierLink.appendChild(texteFinaliserCommande);
  95.   // Appliquer le style rouge au texte ajouté
  96.   panierLink.style.color = "red";
  98. }
  99. </script>