base.html 2.5 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465
  1. {% load django_bootstrap5 %}
  2. <!doctype html>
  3. <html lang="en">
  4. <head>
  5. <meta charset="utf-8">
  6. <meta name="viewport" content="width=device-width, initial-scale=1">
  7. <title>{% block title %}{% endblock %}</title>
  8. <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css" rel="stylesheet"
  9. integrity="sha384-Zenh87qX5JnK2Jl0vWa8Ck2rdkQ2Bzep5IDxbcnCeuOxjzrPF/et3URy9Bv1WTRi" crossorigin="anonymous">
  10. {% block extra_css %}{% endblock %}
  11. </head>
  12. <body>
  13. <nav class="navbar navbar-expand-lg bg-light">
  14. <div class="container">
  15. <a class="navbar-brand" href="#">Velogest</a>
  16. <button class="navbar-toggler" type="button" data-bs-toggle="collapse"
  17. data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false"
  18. aria-label="Toggle navigation">
  19. <span class="navbar-toggler-icon"></span>
  20. </button>
  21. <div class="collapse navbar-collapse" id="navbarSupportedContent">
  22. <ul class="navbar-nav me-auto mb-2 mb-lg-0">
  23. <li class="nav-item">
  24. <a class="nav-link active" aria-current="page" href="{% url 'home' %}">Accueil</a>
  25. </li>
  26. </ul>
  27. <ul class="navbar-nav me-auto mb-2 mb-lg-0">
  28. {% if request.user.is_anonymous %}
  29. <li class="nav-item">
  30. <a class="nav-link active" aria-current="page" href="{% url 'login' %}">Se connecter</a>
  31. </li>
  32. {% else %}
  33. <li class="nav-item">
  34. <span class="navbar-text">
  35. Bienvenue {{ request.user }}
  36. </span>
  37. </li>
  38. <li class="nav-item">
  39. <a class="nav-link active" aria-current="page" href="{% url 'logout' %}">Se déconnecter</a>
  40. </li>
  41. {% endif %}
  42. </ul>
  43. </div>
  44. </div>
  45. </nav>
  46. <div class="container">
  47. <h1>{% block page_title %}{% endblock %}</h1>
  48. {% bootstrap_messages %}
  49. {% block content %}{% endblock %}
  50. </div>
  51. <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/js/bootstrap.bundle.min.js"
  52. integrity="sha384-OERcA2EqjJCMA+/3y+gxIOqMEjwtxJY7qPCqsdltbNJuaOe923+mo//f6V8Qbsw3"
  53. crossorigin="anonymous"></script>
  54. {% block extra_js %}{% endblock %}
  55. </body>
  56. </html>