Bug : Affichages des conges

staticfiles/gestion_conge/js/detail_conges.js

@@ -0,0 +1,75 @@
+const bouton_enregistrer_detail = document.getElementById("bouton-enregistrer-detail-conge");
+
+if(bouton_enregistrer_detail){
+    bouton_enregistrer_detail.addEventListener("click", () => {
+        const form = document.getElementById("form-detail-conge");
+        const csrftoken = new FormData(form).get("csrfmiddlewaretoken");
+        const actionUrl = form.action;
+        const id_conge = document.getElementById("id_conge").value;
+        const validation_hierarchique_input = document.querySelector('input[name="validation_hierarchique"]:checked');
+        const validation_hierarchique = validation_hierarchique_input ? validation_hierarchique_input.value : null;
+        const validation_direction_input = document.querySelector('input[name="validation_direction"]:checked');
+        const validation_direction = validation_direction_input ? validation_direction_input.value : null;
+        const motif_refus = document.getElementById("motif_refus").value;
+
+        fetch(actionUrl, {
+            method: "POST",
+            headers: {
+                "Content-Type": "application/json",
+                "X-CSRFToken": csrftoken
+            },
+            body: JSON.stringify({
+                id_conge,
+                validation_hierarchique,
+                validation_direction,
+                motif_refus
+            })
+        })
+        .then(response => response.json())
+        .then(data => {
+            alert(data.message);
+            navigation.reload();
+        });
+    })
+}
+
+if(document.getElementById("validation_hierarchique_refuse")){
+    document.getElementById("validation_hierarchique_refuse").addEventListener('click', function(){
+        if(this.checked){
+            alert("coucou");
+            document.getElementById("motif_refus_container").className="d-block form-group mt-3";
+        }else{
+            document.getElementById("motif_refus_container").className="d-none";
+        }
+    })
+}
+
+if(document.getElementById("validation_hierarchique_refuse")){
+    document.getElementById("validation_hierarchique_refuse").addEventListener('click', function(){
+        if(this.checked){
+            document.getElementById("motif_refus_container").className="d-block form-group mt-3";
+        }else{
+            document.getElementById("motif_refus_container").className="d-none";
+        }
+    })
+}
+
+if(document.getElementById("validation_hierarchique_valide")){
+    document.getElementById("validation_hierarchique_valide").addEventListener('click', function(){
+        if(this.checked){
+            document.getElementById("motif_refus_container").className="d-none";
+        }else{
+            document.getElementById("motif_refus_container").className="d-block form-group mt-3";
+        }
+    })
+}
+
+if(document.getElementById("validation_direction_valide")){
+    document.getElementById("validation_direction_valide").addEventListener('click', function(){
+        if(this.checked){
+            document.getElementById("motif_refus_container").className="d-block form-group mt-3";
+        }else{
+            document.getElementById("motif_refus_container").className="d-none";
+        }
+    })
+}

staticfiles/gestion_conge/js/index.js

@@ -4,6 +4,7 @@ const url_liste_conge_attente = $("liste-demande-conges").dataset.url
 
 const tableau_liste_demande_conge = new Tabulator("#liste-demande-conges", {
 <<<<<<< HEAD
+<<<<<<< HEAD
 <<<<<<< HEAD
     // layout : "fitColumns",
 =======
@@ -12,6 +13,9 @@ const tableau_liste_demande_conge = new Tabulator("#liste-demande-conges", {
 =======
     layout : "fitColumns",
 >>>>>>> f6b90e7 (Verification du statut avant la creation d'un contrat)
+=======
+    layout : "fitColumns",
+>>>>>>> 6026af5 (Bug : Affichages des conges)
     columns: [
         {"title": "Nom et Prénom", "field": "prenom_nom"},
         {"title": "Date de début", "field": "date_debut", formatter:"datetime", formatterParams:{
@@ -24,6 +28,7 @@ const tableau_liste_demande_conge = new Tabulator("#liste-demande-conges", {
         }},
         {"title": "Type de congé", "field": "type"},
 <<<<<<< HEAD
+<<<<<<< HEAD
 <<<<<<< HEAD
         {"title": "Date de la demande", "field": "date_demande", responsive: 1},
 =======
@@ -32,6 +37,9 @@ const tableau_liste_demande_conge = new Tabulator("#liste-demande-conges", {
 =======
         {"title": "Date de la demande", "field": "date_demande"},
 >>>>>>> f6b90e7 (Verification du statut avant la creation d'un contrat)
+=======
+        {"title": "Date de la demande", "field": "date_demande"},
+>>>>>>> 6026af5 (Bug : Affichages des conges)
         {"title": "Validation par supérieur hiérarchique", "field": "validation_hierarchique", formatter:"tickCross", formatterParams :{ 
             allowEmpty : true , 
         }},
@@ -41,6 +49,7 @@ const tableau_liste_demande_conge = new Tabulator("#liste-demande-conges", {
     ],
     pagination: true,
 <<<<<<< HEAD
+<<<<<<< HEAD
 <<<<<<< HEAD
     paginationSize: 5,
 =======
@@ -49,6 +58,9 @@ const tableau_liste_demande_conge = new Tabulator("#liste-demande-conges", {
 =======
     paginationSize: 5
 >>>>>>> f6b90e7 (Verification du statut avant la creation d'un contrat)
+=======
+    paginationSize: 5
+>>>>>>> 6026af5 (Bug : Affichages des conges)
 })
 
 const bouton_demande_conges = $("bouton-demande-conge");