From 76b9422d4cb7c2c556de5b3704bab5e955cf671b Mon Sep 17 00:00:00 2001
From: Soriba SYLLA <soribasyllakamsar@gmail.com>
Date: Wed, 21 Jan 2026 16:33:01 +0000
Subject: [PATCH] Modification produit

---
 .../__pycache__/urls.cpython-310.pyc          | Bin 1350 -> 1557 bytes
 .../__pycache__/views.cpython-310.pyc         | Bin 12729 -> 14478 bytes
 .../templates/gestion_produit/index.html      |  69 ++++++++++++++---
 gestion_produit/urls.py                       |  10 +++
 gestion_produit/views.py                      |  73 +++++++++++++++++-
 static/js/gestion_produit.js                  |  61 +++++++++++++++
 6 files changed, 202 insertions(+), 11 deletions(-)

diff --git a/gestion_produit/__pycache__/urls.cpython-310.pyc b/gestion_produit/__pycache__/urls.cpython-310.pyc
index 04e81ffc8fb2cf726dc4e97b6f5ecd91ae4620ba..db3ece8db3258df707726d4d774b6492b1cd9682 100644
GIT binary patch
delta 416
zcmX@cHI+v@pO=@50SGi+6=Z&4XJB{?;vfTIAjbiSi+@ejE~*zy;pk;fWl9lBWy#`6
z5r*<afIQw55hza-$m2^9h4RFJJpL4MC{F^&6G)MS@}z(~!4xSdPa4P*N|A>0WPm*3
z6j>-w4#*Qpk>>+()A^%BQxt+3G!-ZFF|Mtzl21u3NzBX%D9TSM%`DNk$;>OU%1ntb
zfbi|~Z}CACz(lGPQuB&Z(=&@pic*VobMsR&(=wA2OEUBGbfJ1~DI-+mrskEzBP)U#
zb4wVkX!9Y)JVr*b$%f3)@<rUhfVzcjJc`cAEzFmsL_kWoON(*}5=%-_i}H$BG8Cx-
Y#fnrX7qGZ7E||QXrFXIct0?1601NVbwg3PC

delta 255
zcmbQrbBs$npO=@50SKy1Tr)4RF)%y^agc!^kmCTv#rGy^7u5@-aP%^#GNlNnvSjh3
z2ts*6Kpt<3Fq9_(<ng75LV0399)F4$lqU}438aWac@jXLV2UJ^Ck5mQrAUK#>AX?G
zDKfzfnzB^}?x{toRSGGo#R{cGlPwtMZ}w*@Wn>hYe3UtQvOCKuDIuWaZgH0u<rE~A
vl%y8r6|ZC{QUZz<DNWX9b>r&+GFcdSn0Odjn3$L+Z)8oHyq;B#iQ_N;Rj@kR

diff --git a/gestion_produit/__pycache__/views.cpython-310.pyc b/gestion_produit/__pycache__/views.cpython-310.pyc
index c7543088c5b9314c3559d1f45108334554b0492c..28f968c6ab094ac01dabc290ce7e9f14ace2378f 100644
GIT binary patch
delta 2489
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

delta 1249
zcmYk5e`s4(6vuOJ+Sk|D<R#0jZPP?d+9rGHqTSY(N=MOV*0~=oY@KtNTbJd%wa+Da
z>wPaOluc%;;2*9l2T|}35r&{BB2SSaib(sP^H2YH!$15_7(@L-6h!o%+x^NTpPYBj
zz29^1IVV?^uUB;^8r4GLb7R*zdtz!`Pr-%t;Y+Y{{o{?@=8&0N4V4G1PBUuiZ-JRN
zcdUk5P#(PJG0cMW44K16Lq^fxfKnG2s75zn8h0fh!e63CRZne!h<5mU^;OtrbOuV@
z@|GNv>mo5P;jghl#`j`p{CPMmH@(qwzO5u;_+6|wqwr^FSzN9qJWDu02onzCdVV`T
z-rL>%sd#niHd<H%l^(|D@I>#mB8kly5GYlrUbnq@J}VrCwxzsH*qm0}QN}{wARNNE
zzCG!$gx5_7Y$--S6OSTvRp3Yb_xn~L8FbX_vsSHU@p+OsMxY)1IF9s>Vr+Xm+Wpfo
zg`f2AOP>~jP4RW<<}9p$@}ClBUCN&kou9^N>Vv_LAYis>C_$%bc@?`h>(qnTmRYKJ
z)}q603pZ1Ty33R!N050>kaY}m>B;0NGBfv(C2L9GW(Zf(Nm#<kk+kopZ->+J(iIU3
zluFgJokpNqqBWk?<oqOllSy~)6G8hbh+>K2xn9L<y8I0Ombs$Hrj)Ri9qBqw8BP)o
z;J4YHxJ~AZ1bMVmvO#}mb#^O+>OdJ>zdF#y(nTRFiyMz=5MdfH#(;_Pw*AXJngjpc
zp$!<5hkRP7&CkplcZMNG;t#ZpUONN~##7=a&~Po9#B2G7AK6bysM=a$YbGKPfi~bT
z30IZj4c6=bp8px(4E|_jz{SnPqbZ>xixO)%^@VdzlQ(SF6*VD0CJH5Z8J{c6iI#p?
z7>++F^V#OY1@4$l+rywx?m0_YBO;<F;-E0ruKW{G`9=TWa6ijXxn>Mi=HS%EKwoZF
z8lLT03$Eu>&*O4pDAR7&D~nbTsow4Sf^7y}GX7N6Yg#pYyO<xNaSPhH)i9fZdRK*C
z7T){v{55)Q5mpJW;~&KqT=tufU5DuBbW$eVT8yvxlOykiADAq;afSB0g17bzz^fP=
z-N9}GJ~6rim+;HcACmXSP%f5Z_$KXm0prmgb{p`EvBeH~Wj=-3@pstwfM1XA);<%9
zW(}Aza`@NyPt()1=P+T8aD+hr7CE`xCCejF-}psBp0GwBDV~v2wsS&<{Wv+1LwjQA
Ee{-BI&;S4c

diff --git a/gestion_produit/templates/gestion_produit/index.html b/gestion_produit/templates/gestion_produit/index.html
index a21e973..1d4382f 100644
--- a/gestion_produit/templates/gestion_produit/index.html
+++ b/gestion_produit/templates/gestion_produit/index.html
@@ -69,18 +69,18 @@
 
 <div class="row p-2 justify-content-around">
     {% for produit in page_obj %}
-    <div class="card p-2 mt-2" style="width: 13rem;">
-    {% if produit.image %}
-    <img class="card-img-top m-auto d-block" src="{{ produit.image.url }}" style="width: 160px; height: 120px;" alt="{{ produit.libelle }}">
-    {% else %}
-    <img class="card-img-top m-auto d-block" src="https://placehold.co/600x400" style="width: 160px; height: 120px;" alt="Image par défaut">
-    {% endif %}
-        <div class="card-body">
-            <h5 class="card-title text-center">{{ produit.libelle }}</h5>
+    <div class="col-3">
+      <div class="card p-2 mt-2" style="width: 13rem;">
+        {% if produit.image %}
+        <img class="card-img-top m-auto d-block" src="{{ produit.image.url }}" style="width: 160px; height: 120px;" alt="{{ produit.libelle }}">
+        {% else %}
+        <img class="card-img-top m-auto d-block" src="https://placehold.co/600x400" style="width: 160px; height: 120px;" alt="Image par défaut">
+        {% endif %}
+          <div class="card-body">
+            <h5 class="card-title text-center produitModifTitre" style="cursor: pointer;" data-idproduit={{ produit.id }}>{{ produit.libelle }}</h5>
             <p class="categorie-produit" style="display: none;">{{ produit.categorie_id }} </p>
             {% if user|has_group:"Logisticien" %}
             <p class="card-text text-center">
-                <!-- <small>Soriba SYLLA</small> <br> -->
                 <small>Quantite en stock: {{ produit.stockActuel }}</small>
             </p>
             <button class="btn btn-warning d-block listeCommanderButton w-100"  data-id="{{ produit.id }}">
@@ -92,7 +92,8 @@
               <i class="bi bi-archive"></i>
               Demander
             </button>
-        </div>
+          </div>
+      </div>
     </div>
     {% empty %}
     <p class="text-center">Aucun produit disponible.</p>
@@ -150,6 +151,54 @@
   </div>
 </div>
 
+<!-- Modal pour la modification des informations des produits -->
+<div class="modal fade" id="modifierProduitModal" tabindex="-1">
+  <div class="modal-dialog">
+    <div class="modal-content">
+      <div class="modal-header">
+        <h1 class="modal-title fs-5" id="modifierProduitTitre">Modifier un produit</h1>
+        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+      </div>
+      <div id="messageZone"></div>
+      <div class="modal-body">
+        <form id="modification-produit" data-url="{% url 'gestion_produit:enregistrement_modification_produit' %}" method="post" enctype="multipart/form-data">
+          {% csrf_token %}
+          <input type="hidden" id="modifIdProduit" name="id_produit">
+          <div class="form-group mb-2">
+            <label for="" class="form-label">Libellé :</label>
+            <input type="text" class="form-control" id="modifLibelle" name="libelle">
+          </div>
+          <div class="form-group mb-2">
+            <label for="" class="form-label">Quantité stock :</label>
+            <input type="number" class="form-control" id="modifQuantiteStock" name="quantite_stock">
+          </div>
+          <div class="form-group mb-2">
+            <label for="" class="form-label">Conditionnement :</label>
+            <select id="modifCondi" class="form-select" name="conditionnement">
+              <option value="boite">Boite</option>
+              <option value="paquet">Paquet</option>
+              <option value="piece">Pièce</option>
+              <option value="rouleau">Rouleau</option>
+              <option value="carton">Carton</option>
+            </select>
+          </div>
+          <div class="form-group mb-2">
+            <label for="" class="form-label">Seuil de pré-rupture :</label>
+            <input type="number" class="form-control" id="modifSeuilPreRupture" name="seuil_pre_rupture">
+          </div>
+          <div class="form-group mb-2">
+            <label for="" class="form-label">Catégorie :</label>
+            <select id="modifCategorie" class="form-select" name="categorie"></select>
+          </div>
+
+          <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Fermer</button>
+          <button type="submit" class="btn btn-outline-primary">Enregistrer</button>
+        </form>
+      </div>
+    </div>
+  </div>
+</div>
+
 <!-- Modal pour la création des catégories -->
 
 <div class="modal fade" id="enregistrerCategorie" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
diff --git a/gestion_produit/urls.py b/gestion_produit/urls.py
index 3a37371..ac8d6c6 100644
--- a/gestion_produit/urls.py
+++ b/gestion_produit/urls.py
@@ -21,6 +21,16 @@ urlpatterns = [
         views.enregistrer_produit,
         name="enregistrement_produit"
     ),
+    path(
+        "detailProduit/<int:id_produit>/",
+        views.detail_produit,
+        name="detail_produit"
+    ),
+    path(
+        "enregistrer-modification-produit",
+        views.enregistrer_modification_produit,
+        name="enregistrement_modification_produit"
+    ),
     path(
         "enregistrerCommande",
         views.enregistrer_commande,
diff --git a/gestion_produit/views.py b/gestion_produit/views.py
index bdb2631..607cc44 100644
--- a/gestion_produit/views.py
+++ b/gestion_produit/views.py
@@ -168,7 +168,78 @@ def enregistrer_produit(request):
             }
         )
 
-    return redirect(index)
+    return redirect("gestion_produit:index")
+
+@login_required(login_url="login")
+def detail_produit(request, id_produit):
+    """Renvoyez les détails d'un produit spécifique au format JSON.
+
+    Parameters
+    ----------
+    request : HttpRequest
+        La requête HTTP entrante.
+    id_produit : int
+        L'ID du produit dont on veut récupérer les détails.
+
+    Returns
+    -------
+    JsonResponse
+        Réponse JSON contenant les détails du produit.
+
+    """
+
+    detail_produit = calcul_stock_produit(Produit.objects.get(id=id_produit))
+
+    categories = Categorie.objects.all()
+
+    produit = {
+        "detailId": detail_produit["id"],
+        "detailLibelle": detail_produit["libelle"],
+        "detailCategorie": detail_produit["categorie_id"],
+        "detailConditionnement": detail_produit["conditionnement"],
+        "detailSeuilPreRupture": detail_produit["seuil_pre_rupture"],
+        "detailQuantiteStock": detail_produit["stockActuel"],
+        "detailImage": detail_produit["image"].url if detail_produit["image"] else "",
+        "listeCategorie": [
+            {"id": categorie.id, "categorie": categorie.categorie}
+            for categorie in categories
+        ],
+    }
+
+    return JsonResponse(produit)
+
+@login_required(login_url="login")
+def enregistrer_modification_produit(request):
+    """Enregistrez les modifications apportées au produit à partir des données POST.
+
+    Parameters
+    ----------
+    request : HttpRequest
+        La requête HTTP entrante.
+
+    Returns
+    -------
+    JsonResponse
+        Réponse JSON indiquant le succès ou l'échec de l'enregistrement.
+
+    """
+    if request.method == "POST":
+        id_produit = request.POST.get("id_produit")
+        produit_instance = Produit.objects.get(id=id_produit)
+        produit_instance.libelle = request.POST.get("libelle")
+        produit_instance.conditionnement = request.POST.get("conditionnement")
+        produit_instance.seuil_pre_rupture = request.POST.get("seuil_pre_rupture")
+
+        categorie_id = request.POST.get("categorie")
+        produit_instance.categorie = Categorie.objects.get(id=categorie_id)
+        produit_instance.quantite_stock = request.POST.get("quantite_stock")
+        produit_instance.save()
+
+        return JsonResponse(
+            {"success": True, "message": "Produit modifié avec succès"}
+        )
+
+    return redirect("gestion_produit:index")
 
 @login_required(login_url="login")
 def enregistrer_commande(request):
diff --git a/static/js/gestion_produit.js b/static/js/gestion_produit.js
index ed23d32..7eecfe7 100644
--- a/static/js/gestion_produit.js
+++ b/static/js/gestion_produit.js
@@ -197,6 +197,67 @@ document.addEventListener('DOMContentLoaded', function () {
     location.reload()
   })
 
+  // --------------------------- Modification produit --------------------------
+  const produitModifTitles = document.querySelectorAll(".produitModifTitre");
+  const modalModifProduit = new bootstrap.Modal($("modifierProduitModal"));
+  produitModifTitles.forEach(title => {
+    title.addEventListener("click", function () {
+      const idProduit = this.dataset.idproduit;
+      fetch(`/gestion-produit/detailProduit/${idProduit}/`)
+      .then(response => response.json())
+      .then(data => {
+        $("modifIdProduit").value = data.detailId;
+        $("modifLibelle").value = data.detailLibelle;
+        $("modifQuantiteStock").value = data.detailQuantiteStock;
+        $("modifSeuilPreRupture").value = data.detailSeuilPreRupture;
+
+        $("modifCondi").value = data.detailConditionnement;
+
+        $("modifCategorie").innerHTML = "";
+        data.listeCategorie.forEach(categorie => {
+          const option = document.createElement("option");
+          option.value = categorie.id;
+          option.text = categorie.categorie;
+          if(categorie.id === data.detailCategorie){
+            option.selected = true;
+          }
+          $("modifCategorie").appendChild(option);
+        });
+
+        modalModifProduit.show();
+      });
+    });
+  });
+
+  $("modification-produit").addEventListener("submit", function (e) {
+    e.preventDefault();
+    const form = this;
+    const url = this.dataset.url;
+    const csrf = document.querySelector('[name=csrfmiddlewaretoken]').value;
+    fetch(url, {
+      method: "POST",
+      headers:{
+        "X-Requested-With": "XMLHttpResponse",
+        "X-CSRFToken": csrf
+      },
+      body: new FormData(form)
+    })
+    .then(response => response.json())
+    .then(data => {
+      if(data.success){
+        const messageBox = $("messageZone");
+        messageBox.innerHTML = `
+          <div class="alert alert-success">
+            Produit modifié avec succès
+          </div>
+        `;
+        modalModifProduit.hide();
+
+        location.reload();
+      }
+    })
+  })
+
   // --------------------------- Gestion des categories -------------------------
   const url_liste_categorie = $("listecategorie").dataset.url;
   const tableau_categorie = new Tabulator("#listecategorie", {