Mon commit initial
This commit is contained in:
114
SGL/templates/BASE.html
Normal file
114
SGL/templates/BASE.html
Normal file
@@ -0,0 +1,114 @@
|
||||
{% load static %}
|
||||
|
||||
{% load tags_personnaliser %}
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<link rel="stylesheet" href="{% static 'css/bootstrap.min.css' %}">
|
||||
<link rel="stylesheet" href="{% static 'css/tabulator_bootstrap5.min.css' %}">
|
||||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.13.1/font/bootstrap-icons.min.css">
|
||||
<title>{% block page_titre %} Tableau de bord {% endblock %}</title>
|
||||
</head>
|
||||
<body>
|
||||
<div class="container-fluid">
|
||||
<div class="row vh-100">
|
||||
<div class="col-3 bg-danger d-none d-lg-flex flex-column">
|
||||
|
||||
{% if user|has_group:"Administration" %}
|
||||
<a href="{% url 'index' %}" class="btn btn-danger py-3 mt-4 fw-bold d-flex" style="font-size: 1.2em;">
|
||||
<i class="bi bi-file-bar-graph d-block" style="width: 50px;"></i>
|
||||
Tableau de bord
|
||||
</a>
|
||||
{% endif %}
|
||||
|
||||
{% if user|has_group:"Employe" %}
|
||||
<a href="{% url 'gestion_produit:index' %}" class="btn btn-danger py-3 mt-1 fw-bold d-flex" style="font-size: 1.2em;">
|
||||
<i class="bi bi-backpack4 d-block" style="width: 50px;"></i>
|
||||
Gestion des produits
|
||||
</a>
|
||||
{% endif %}
|
||||
|
||||
{% if user|has_group:"Administration" %}
|
||||
<a href="{% url 'gestion_fournisseur:index' %}" class="btn btn-danger py-3 mt-1 fw-bold d-flex" style="font-size: 1.2em;">
|
||||
<i class="bi bi-truck d-block" style="width: 50px;"></i>
|
||||
Gestion des fournisseurs
|
||||
</a>
|
||||
{% endif %}
|
||||
|
||||
{% if user|has_group:"Employe" %}
|
||||
<a href="{% url 'gestion_vehicule:index' %}" class="btn btn-danger py-3 mt-1 fw-bold d-flex" style="font-size: 1.2em;">
|
||||
<i class="bi bi-car-front-fill d-block" style="width: 50px;"></i>
|
||||
Gestion des véhicules
|
||||
</a>
|
||||
{% endif %}
|
||||
<a href="{% url 'authentification:deconnexion' %}" class="btn btn-danger py-3 mt-1 fw-bold d-flex" style="font-size: 1.2em;">
|
||||
<i class="bi bi-person-dash d-block" style="width: 50px;"></i>
|
||||
Deconnexion
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-12 col-lg-9" style="overflow-y: auto;">
|
||||
<!-- --------------------------------------------------- Navigation mobile -->
|
||||
<nav class="navbar navbar-danger bg-danger d-lg-none">
|
||||
<div class="container-fluid">
|
||||
<a class="navbar-brand" href="#">CERFIG</a>
|
||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarTogglerDemo01" aria-controls="navbarTogglerDemo01" aria-expanded="false" aria-label="Toggle navigation">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
<div class="collapse navbar-collapse" id="navbarTogglerDemo01">
|
||||
<!-- <a class="navbar-brand" href="#">Hidden brand</a> -->
|
||||
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
|
||||
{% if user|has_group:"Administration" %}
|
||||
<li class="nav-item">
|
||||
<a class="nav-link d-flex text-white fw-bold" aria-current="page" href="{% url 'index' %}">
|
||||
<i class="bi bi-backpack4 d-block" style="width: 50px;"></i>
|
||||
Tableau de bord
|
||||
</a>
|
||||
</li>
|
||||
{% endif %}
|
||||
{% if user|has_group:"Employe" %}
|
||||
<li class="nav-item">
|
||||
<a class="nav-link d-flex text-white fw-bold" href="{% url 'gestion_produit:index' %}">
|
||||
<i class="bi bi-backpack4 d-block" style="width: 50px;"></i>
|
||||
Gestion des produits
|
||||
</a>
|
||||
</li>
|
||||
{% endif %}
|
||||
{% if user|has_group:"Administration" %}
|
||||
<li class="nav-item">
|
||||
<a class="nav-link d-flex text-white fw-bold" href="{% url 'gestion_fournisseur:index' %}" tabindex="-1" aria-disabled="true">
|
||||
<i class="bi bi-truck d-block" style="width: 50px;"></i>
|
||||
Gestion des fournisseurs
|
||||
</a>
|
||||
</li>
|
||||
{% endif %}
|
||||
{% if user|has_group:"Employe" %}
|
||||
<li class="nav-item">
|
||||
<a class="nav-link d-flex text-white fw-bold" href="{% url 'gestion_vehicule:index' %}" tabindex="-1" aria-disabled="true">
|
||||
<i class="bi bi-truck d-block" style="width: 50px;"></i>
|
||||
Gestion des véhicules
|
||||
</a>
|
||||
</li>
|
||||
{% endif %}
|
||||
<li class="nav-item">
|
||||
<a class="nav-link d-flex text-white fw-bold" href="{% url 'authentification:deconnexion' %}" tabindex="-1" aria-disabled="true">
|
||||
<i class="bi bi-person-dash d-block" style="width: 50px;"></i>
|
||||
Deconnexion
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
<!-- ------------------------------------------------------ -->
|
||||
{% block "contenu" %} {% endblock %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<script src="{% static 'js\tabulator.min.js' %}"></script>
|
||||
<script src="{% static 'js\bootstrap.min.js' %}"></script>
|
||||
{% block "js" %} {% endblock %}
|
||||
</body>
|
||||
</html>
|
||||
20
SGL/templates/emails/email_template.html
Normal file
20
SGL/templates/emails/email_template.html
Normal file
@@ -0,0 +1,20 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Message test</title>
|
||||
</head>
|
||||
<body>
|
||||
<div style="background-color: aliceblue; min-height: 100vh; width: 100%; display: flex; justify-content: center;">
|
||||
<div style="background-color: white; width: 80%; margin-top: 10px; border-radius: 15px; padding: 10px;">
|
||||
<img src="téléchargement.png" alt="Logo cerfig" style="display: block; margin: auto;">
|
||||
<h1 style="text-align: center;">Réception de nouveau produit</h1>
|
||||
<p>
|
||||
Bonjour M. Sylla Soriba, la livraison de nouveaux ordinateurs au CERFIG a été effectuée
|
||||
avec succès. Merci à vous
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
BIN
SGL/templates/emails/téléchargement.png
Normal file
BIN
SGL/templates/emails/téléchargement.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.7 KiB |
BIN
SGL/templates/emails/téléchargement.png:Zone.Identifier
Normal file
BIN
SGL/templates/emails/téléchargement.png:Zone.Identifier
Normal file
Binary file not shown.
206
SGL/templates/index.html
Normal file
206
SGL/templates/index.html
Normal file
@@ -0,0 +1,206 @@
|
||||
{% extends "BASE.html" %}
|
||||
{% load static %}
|
||||
{% load tags_personnaliser %}
|
||||
|
||||
{% block page_titre %} Tableau de bord {% endblock %}
|
||||
{% block "contenu" %}
|
||||
<div class="row p-2 d-flex justify-content-around">
|
||||
<div class="col-5 col-lg-3 border border-3 rounded border-danger p-2 d-flex" style="cursor: pointer;" id="produit_rupture">
|
||||
<img src="{% static 'images/stock-rupture.png' %}" alt="" style="width: 30%; height: 75%;">
|
||||
<div class="d-flex justify-content-center flex-column ms-1">
|
||||
<h3 class="text-center fw-bold">Rupture</h3>
|
||||
<p class="text-center">{{ nombre_rupture }} produits</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-5 col-lg-3 border border-3 rounded border-warning p-2 d-flex" style="cursor: pointer;" id="produit_pre_rupture">
|
||||
<img src="{% static 'images/stock-prerupture.png' %}" alt="" style="width: 30%; height: 75%;">
|
||||
<div class="d-flex justify-content-center flex-column ms-1">
|
||||
<h3 class="text-center fw-bold">Pré-rupture</h3>
|
||||
<p class="text-center">{{ nombre_pre_rupture }} produits</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-5 col-lg-3 mt-2 mt-lg-0 border border-3 rounded border-success p-2 d-flex" style="cursor: pointer;" id="produit_normal">
|
||||
<img src="{% static 'images/stock-bon.png' %}" alt="" style="width: 30%; height: 75%;">
|
||||
<div class="d-flex justify-content-center flex-column ms-1">
|
||||
<h3 class="text-center fw-bold">Correct</h3>
|
||||
<p class="text-center">{{ nombre_normal }} produits</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<button class="btn btn-primary m-auto d-block" data-bs-toggle="modal" data-bs-target="#aRendreModal">
|
||||
<i class="bi bi-eye"></i>
|
||||
Equipement à rendre ...
|
||||
</button>
|
||||
<div class="row mt-5 d-flex flex-column flex-lg-row">
|
||||
<div class="col-12 col-lg-6">
|
||||
<h5 class="text-center">Demandes de produit ({{ nb_demande }})</h5>
|
||||
<div id="demande_produit" data-url="{% url 'demande_en_cours' %}"></div>
|
||||
</div>
|
||||
<div class="col-12 col-lg-6 mt-3 mt-lg-0">
|
||||
<h5 class="text-center">Commandes en attentes ({{ nb_commande }})</h5>
|
||||
<div id="commande_attentes" data-url="{% url 'commande_en_cours' %}"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- ------------- Modal pour la liste des demandes en cours ---------------------- -->
|
||||
|
||||
<div class="modal fade" id="listeDemandesModal" tabindex="-1" aria-labelledby="listeDemandesModalLabel" aria-hidden="true">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h1 class="modal-title fs-5" id="listeDemandesModalLabel">Demande de produit</h1>
|
||||
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<form action="">
|
||||
<div class="mb-3">
|
||||
<label for="produit" class="form-label">Demandeur :</label>
|
||||
<input type="text" class="form-control" id="demandeur" readonly>
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label for="produit" class="form-label">Produit</label>
|
||||
<input type="text" class="form-control" id="produit" readonly>
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label for="quantite" class="form-label">Quantité</label>
|
||||
<input type="number" class="form-control" id="quantite" readonly>
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label for="motifs" class="form-label">Motifs</label>
|
||||
<textarea class="form-control" id="motifs" rows="3" readonly></textarea>
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label for="date_demande" class="form-label">Date de mise à disposition souhaitée :</label>
|
||||
<input type="date" class="form-control" id="date_demande" readonly>
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label for="a_rendre" class="form-label">À rendre ?</label>
|
||||
<input type="checkbox" class="form-check-input" id="a_rendre" disabled>
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label for="">Valider par le supérieur hiérarchique</label>
|
||||
<input type="checkbox" class="form-check-input" id="valider_par_chef" disabled>
|
||||
</div>
|
||||
<hr>
|
||||
<h6 class="text-center">Décision de la logistique</h6>
|
||||
<div class="d-flex justify-content-around mb-3">
|
||||
<div class="form-check">
|
||||
<input class="form-check-input" type="radio" name="radioDefault" id="radioValider">
|
||||
<label class="form-check-label" for="radioValider">
|
||||
Valider la demande
|
||||
</label>
|
||||
</div>
|
||||
<div class="form-check">
|
||||
<input class="form-check-input" type="radio" name="radioDefault" id="radioRefuser" data-url="{% url 'gestion_produit:update-demande' %}">
|
||||
<label class="form-check-label" for="radioRefuser">
|
||||
Refuser la demande
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mb-3 d-none" id="box-motif-refus">
|
||||
<label for="motifs_refus" class="form-label">Motifs de refus</label>
|
||||
<textarea class="form-control" id="motifs_refus" rows="3"></textarea>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Fermer</button>
|
||||
<button type="button" class="btn btn-primary" id="enregistrerModifs">Enregistrer les modifications</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- ------------- Modal pour la liste des commandes en cours ---------------------- -->
|
||||
|
||||
<div class="modal fade" id="listeCommandesModal" tabindex="-1" aria-labelledby="listeCommandesModalLabel" aria-hidden="true">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h1 class="modal-title fs-5" id="listeCommandesModalLabel">Commande de produit</h1>
|
||||
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<form action="">
|
||||
<div class="mb-3">
|
||||
<label for="produit" class="form-label">Produit</label>
|
||||
<input type="text" class="form-control" id="produitCommande" readonly>
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label for="quantite" class="form-label">Fournisseur :</label>
|
||||
<input type="text" class="form-control" id="fournisseur" readonly>
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label for="motifs" class="form-label">Quantité</label>
|
||||
<input class="form-control" id="quantiteCommande" readonly></input>
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label for="date_commande" class="form-label">Date de commande</label>
|
||||
<input type="date" class="form-control" id="date_commande" readonly>
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label for="date_livraison" class="form-label">Date de Livraison</label>
|
||||
<input type="date" class="form-control" id="date_livraison" readonly>
|
||||
</div>
|
||||
<hr>
|
||||
<h6 class="text-center">Confirmation de la livraison du produit</h6>
|
||||
<div class="form-check form-switch">
|
||||
<input class="form-check-input" type="checkbox" role="switch" id="produit_livre">
|
||||
<label class="form-check-label" for="produit_livre">Le produit a été livré</label>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Fermer</button>
|
||||
<button type="button" class="btn btn-primary" id="enregistrerModifsCommande" data-url="{% url 'enregistrer_livraison_produit' %}">Enregistrer les modifications</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- ------------------------------------- Modal pour stock en rupture ------------------------------ -->
|
||||
|
||||
<div class="modal fade" id="produitRuptureModal" tabindex="-1" aria-labelledby="produitRuptureModalLabel" aria-hidden="true">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h1 class="modal-title fs-5" id="produitRuptureModalLabel">Produit en rupture</h1>
|
||||
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<div id="tableau-produit-rupture" data-url="{% url 'listeProduitRupture' %}"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- ----------------------------------- Modal équipement à rendre -------------------------------- -->
|
||||
<div class="modal fade" id="aRendreModal" tabindex="-1" aria-labelledby="aRendreModalLabel">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h1 class="modal-title fs-5" id="aRendreModalLabel">
|
||||
Equipement à rendre
|
||||
</h1>
|
||||
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<div id="tableau-equipement-rendre" data-url="{% url 'equipement-a-rendre' %}"></div>
|
||||
</div>
|
||||
{% if user|has_group:"Logisticien" %}
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Fermer</button>
|
||||
<button type="button" class="btn btn-primary" id="equipementARendreEnregistrer" data-url="{% url 'update-equipement-a-rendre' %}">Enregistrer</button>
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% endblock %}
|
||||
|
||||
{% block "js" %}
|
||||
<script src="{% static 'js\index.js' %}"></script>
|
||||
{% endblock %}
|
||||
Reference in New Issue
Block a user