Ajout de la barre de navigation

SIRH/templates/SIRH/BASE.html

@@ -14,8 +14,8 @@
     </head>
     <body>
         <div class="container-fluid">
+            {% include 'parts/menu_application.html' %}
             <div class="row flex-nowrap">
-                {% include 'parts/menu_application.html' %}
                 {% include 'parts/menu_principal.html' %}
                 <div class="col p-4">
                     {% block 'contenu' %} {% endblock %}

SIRH/templates/SIRH/parts/menu_application.html

@@ -1,8 +1,21 @@
-<div class="col-1 bg-danger border d-flex flex-column vh-100 pt-5 sticky-top">
-	<a href="{{ SIRH_LIEN }}" class="text-white text-center fw-bold text-decoration-none mb-4" style="font-size:1.4em">
-        <i class="bi bi-people-fill fs-1 d-block"></i>SIRH
-    </a>
-    <a href="{{ SGL_LIEN }}" class="text-white text-center fw-bold text-decoration-none mb-4" style="font-size:1.4em">
-        <i class="bi bi-building-gear fs-1 d-block"></i> SGL
-    </a>
-</div>
+{% load static %}
+<nav class="navbar navbar-expand-lg bg-body-tertiary">
+    <div class="container-fluid">
+        <a class="navbar-brand" href="#">
+            <img src="{% static 'img/cerfig.jpg' %}" alt="Logo" width="85" height="30" class="d-inline-block align-text-top">
+        </a>
+        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
+            <span class="navbar-toggler-icon"></span>
+        </button>
+        <div class="collapse navbar-collapse" id="navbarNav">
+            <ul class="nav nav-tabs justify-content-end w-100">
+                <li class="nav-item">
+                    <a class="nav-link active" aria-current="page" href="{{ SIRH_LIEN }}">SIRH</a>
+                </li>
+                <li class="nav-item">
+                    <a class="nav-link" href="{{ SGL_LIEN }}">SGL</a>
+                </li>
+            </ul>
+        </div>
+    </div>
+</nav>