templates/base.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html>
  3.     <head>
  4.         <meta charset="UTF-8">
  5.         <title>
  6.             {% block title %}Welcome!
  7.             {% endblock %}
  8.         </title>
  9.         <link
  10.         rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 128 128%22><text y=%221.2em%22 font-size=%2296%22>⚫️</text></svg>">
  11.         {# Run `composer require symfony/webpack-encore-bundle` to start using Symfony UX #}
  12.         {% block stylesheets %}
  13.             <link
  14.             rel="stylesheet" href="{{ asset('build/app.css') }}"/>
  15.             {# {{ encore_entry_link_tags('account') }} #}
  16.             <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
  17.             <link
  18.             rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css"/>
  20.         {# {{ encore_entry_link_tags('app') }} #}
  21.         {% endblock %}
  23.         {% block javascripts %}
  24.             <script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>
  25.             <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
  26.             <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
  27.             <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
  28.             <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
  29.             {# <script src="https://cdnjs.cloudflare.com/ajax/libs/axios/0.19.2/axios.min.js"></script> #}
  30.             <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
  31.             <script>
  32.                 function onClickBtnCount(event) {
  33. event.preventDefault();
  34. const url = this.href;
  35. console.log(url);
  36. axios.get(url).then(function (response) {
  37. console.log(response);
  38. const spanCount = document.querySelector("#js" + response.data.id);
  39. spanCount.textContent = response.data.quantity;
  40. }).catch(function (error) {
  41. console.log(error);
  42. });
  43. }
  44. document.querySelectorAll('span.input-group-btn > a.js-count').forEach(function (link) {
  45. link.addEventListener('click', onClickBtnCount);
  46. })
  47.             </script>
  49.         {% endblock %}
  50.     </head>
  51.     <body>
  52.         <nav class="navbar navbar-expand-lg navbar-light bg-light">
  53.             <div class="container">
  54.                 <a href="{{path('app_home')}}" class="navbar-brand"><img src="https://little-ethiopia.ch/wp-content/uploads/2020/10/test2.png" alt="logo" height="50px"></a>
  55.                 <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
  56.                     <span class="navbar-toggler-icon"></span>
  57.                 </button>
  58.                 <div class="collapse navbar-collapse" id="navbarNav">
  59.                     <ul class="navbar-nav">
  60.                         <li class="nav-item active">
  61.                             <a class="nav-link" href="{{path('app_category', {'id':1})}}">Bar
  62.                             </a>
  63.                         </li>
  64.                         <li class="nav-item">
  65.                             <a class="nav-link" href="{{path('app_category', {'id':2})}}">Cuisine</a>
  66.                         </li>
  67.                         <li class="nav-item">
  68.                             <a class="nav-link" href="{{path('app_category', {'id':3})}}">Nettoyage</a>
  69.                         </li>
  70.                         <li class="nav-item">
  71.                             <a class="nav-link" href="{{path('app_list')}}">List</a>
  72.                         </li>
  73.                     </ul>
  74.                 </div>
  75.             </div>
  76.         </nav>
  77.         {% block body %}{% endblock %}
  79.     </body>
  80. </html></body></html>