Feat\responsivite: Ajout de la responsivite

This commit is contained in:
2026-10-19 12:22:45 +00:00
parent f7717dfd12
commit 61528dfbba
38 changed files with 80 additions and 31 deletions

View File

@@ -1,24 +1,80 @@
{% load static %}
<nav class="navbar navbar-expand-lg bg-body-tertiary">
{% load tags_personnaliser %}
<nav class="navbar d-none d-lg-block navbar-expand-lg bg-body-tertiary">
<div class="container-fluid">
<a class="navbar-brand" href="#">
<img src="{% static 'images/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">
<div class="collapse navbar-collapse">
<ul class="nav nav-tabs justify-content-end w-100">
<li class="nav-item">
<a class="nav-link" href="{{ LIEN_SIRH }}">SIRH</a>
<a class="nav-link" aria-current="page" href="{{ LIEN_SIRH }}">SIRH</a>
</li>
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="{{ LIEN_SGL }}">SGL</a>
<a class="nav-link active" href="{{ LIEN_SGL }}">SGL</a>
</li>
<li class="nav-item">
<a class="nav-link" aria-current="page" href="#">Laboratoire</a>
<a class="nav-link" href="#">Laboratoire</a>
</li>
</ul>
</div>
</div>
</nav>
</nav>
<nav class="navbar d-lg-none navbar-expand-lg bg-body-tertiary">
<div class="container-fluid">
<a class="navbar-brand" href="#">
<img src="{% static 'images/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="#navbarNavDropdown" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNavDropdown">
<ul class="navbar-nav">
{% if user|has_group:"ressource_humaine" or user|has_group:"direction" %}
<li class="nav-item">
<a class="nav-link" aria-current="page" href="{% url 'index' %}">
<i class="bi bi-file-bar-graph"></i>
Tableau de bord
</a>
</li>
{% endif %}
<li class="nav-item">
<a class="nav-link" href="{% url 'gestion_produit:index' %}">
<i class="bi bi-backpack4"></i> Gestion des produits
</a>
</li>
{% if user|has_group:"ressource_humaine" or user|has_group:"direction" or user|has_group:"logistique" %}
<li class="nav-item">
<a class="nav-link" href="{% url 'gestion_fournisseur:index' %}">
<i class="bi bi-truck"></i> Gestion des fournisseurs
</a>
</li>
{% endif %}
<li class="nav-item">
<a class="nav-link" href="{% url 'gestion_vehicule:index' %}">
<i class="bi bi-car-front-fill"></i> Gestion des véhicules
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="{% url 'authentification:deconnexion' %}"><i class="bi bi-box-arrow-right"></i> Déconnexion</a>
</li>
</ul>
</div>
</div>
</nav>
<div class="container-fluid d-flex d-sm-none justify-content-center">
<ul class="nav nav-tabs">
<li class="nav-item">
<a class="nav-link" href="{{ LIEN_SIRH }}">SIRH</a>
</li>
<li class="nav-item">
<a class="nav-link active" href="{{ LIEN_SGL }}">SGL</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Laboratoire</a>
</li>
</ul>
</div>