base.html 2.6 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364
  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 rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/5.2.1/solar/bootstrap.min.css"
  9. integrity="sha512-LhpxG+XCtib/q8R0I0rlktQ4CBE+sRoz22WY/71cBjc2srSqNshLXE0fIZQDsAqQoC7/cHjpNAtRx78MiloTAw=="
  10. crossorigin="anonymous" referrerpolicy="no-referrer" />
  11. {% block extra_css %}{% endblock %}
  12. </head>
  13. <body>
  14. <nav class="navbar navbar-expand-lg bg-light">
  15. <div class="container">
  16. <a class="navbar-brand" href="#">Velogest</a>
  17. <button class="navbar-toggler" type="button" data-bs-toggle="collapse"
  18. data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false"
  19. aria-label="Toggle navigation">
  20. <span class="navbar-toggler-icon"></span>
  21. </button>
  22. <div class="collapse navbar-collapse" id="navbarSupportedContent">
  23. <ul class="navbar-nav me-auto mb-2 mb-lg-0">
  24. <li class="nav-item">
  25. <a class="nav-link active" aria-current="page" href="{% url 'home' %}">Accueil</a>
  26. </li>
  27. </ul>
  28. <ul class="navbar-nav me-auto mb-2 mb-lg-0">
  29. {% if request.user.is_anonymous %}
  30. <li class="nav-item">
  31. <a class="nav-link active" aria-current="page" href="{% url 'login' %}">Se connecter</a>
  32. </li>
  33. {% else %}
  34. <li class="nav-item">
  35. <span class="navbar-text">
  36. Bienvenue {{ request.user }}
  37. </span>
  38. </li>
  39. <li class="nav-item">
  40. <a class="nav-link active" aria-current="page" href="{% url 'logout' %}">Se déconnecter</a>
  41. </li>
  42. {% endif %}
  43. </ul>
  44. </div>
  45. </div>
  46. </nav>
  47. <div class="container">
  48. <h1>{% block page_title %}{% endblock %}</h1>
  49. {% bootstrap_messages %}
  50. {% block content %}{% endblock %}
  51. </div>
  52. <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/js/bootstrap.bundle.min.js"
  53. integrity="sha384-OERcA2EqjJCMA+/3y+gxIOqMEjwtxJY7qPCqsdltbNJuaOe923+mo//f6V8Qbsw3"
  54. crossorigin="anonymous"></script>
  55. {% block extra_js %}{% endblock %}
  56. </body>
  57. </html>