From 9f1e13e4ff0f65b79ccefefdfece88a3332e4479 Mon Sep 17 00:00:00 2001 From: cherif Date: Mon, 14 Aug 2023 16:37:28 +0200 Subject: [PATCH] 14/08/23 - 16h30 --- .../DisplayPartnerTrainingsPagination.js | 345 +++++++++++++----- 1 file changed, 247 insertions(+), 98 deletions(-) diff --git a/src/components/DisplayPartnerTrainingsPagination.js b/src/components/DisplayPartnerTrainingsPagination.js index fb479c7..02b062c 100644 --- a/src/components/DisplayPartnerTrainingsPagination.js +++ b/src/components/DisplayPartnerTrainingsPagination.js @@ -7,7 +7,7 @@ import Button from '@mui/material/Button'; import Select from 'react-select' import { getCookie } from 'react-use-cookie'; import { DataGrid, GridToolbar, frFR } from '@mui/x-data-grid'; -import Footer from "./Fotter"; +import Footer from "./Fotter"; import tick_ko from "../mysy_img/tick_KO.png"; import Popup from 'reactjs-popup'; import 'reactjs-popup/dist/index.css'; @@ -20,6 +20,8 @@ import { CiCoffeeBean, CiDesktop, CiFileOff } from "react-icons/ci"; import img_loading_spin from "./../mysy_img/mysy_spin_loading.gif"; import { LuScreenShare, LuScreenShareOff } from "react-icons/lu"; +import MenuItem from '@mui/material/MenuItem'; +import InputAdornment from '@mui/material/InputAdornment'; const DistplayPartnerTraningsPage = (props) => { @@ -121,9 +123,9 @@ const DistplayPartnerTraningsPage = (props) => { var form = new FormData(); // Recuperation des parametres - var filtre1 = selectedfilt1; - var filtre2 = selectedfilt2; - var filtre3 = selectedfilt3; + var filtre1 = p_filtre1; + var filtre2 = p_filtre2; + var filtre3 = p_filtre3; var filtre1_value = ""; var filtre2_value = ""; @@ -131,18 +133,18 @@ const DistplayPartnerTraningsPage = (props) => { // Recuperation des valeurs de filtres - if (selectedfilt1) { - filtre1_value = document.getElementsByName("filtre1")[0].value; + if (p_filtre1_value) { + filtre1_value = p_filtre1_value; form.append(filtre1, filtre1_value); } - if (selectedfilt2) { - filtre2_value = document.getElementsByName("filtre2")[0].value; + if (p_filtre2_value) { + filtre2_value = p_filtre2_value; form.append(filtre2, filtre2_value); } - if (selectedfilt3) { - filtre3_value = document.getElementsByName("filtre3")[0].value; + if (p_filtre3_value) { + filtre3_value = p_filtre3_value; form.append(filtre3, filtre3_value); } @@ -156,7 +158,43 @@ const DistplayPartnerTraningsPage = (props) => { var myurl = process.env.REACT_APP_API_URL + "myclass/api/find_partner_class_like/"; - //alert(" laaa"); + fetch(myurl, + { + method: 'POST', + body: form, + }) + .then((data) => data.json()) + .then((data) => { + //console.log('Success:', data['message'], "data['status'] = ", data['status']); + setTableData(data['message']); + setRows(data['message']); + if (String(data['status']) === String("false")) { + //console.log("erreur rrrr:" + data['status']) + setmyApiResponse("False"); + + } + else { + setmyApiResponse("True"); + + } + + }).catch((error) => { + console.error('Error:', error); + setmyApiResponse("false"); + }); + + } + + function GetAllClass_new_no_filter(event) { + + var form = new FormData(); + + + //form.append("token","K3cw63eKokKSbV4spjQ48SUNnfy80yrXfA"); + const stored_cookie = getCookie('tokenmysypart'); + form.append("token", stored_cookie); + + var myurl = process.env.REACT_APP_API_URL + "myclass/api/find_partner_class_like/"; fetch(myurl, { method: 'POST', @@ -715,6 +753,28 @@ const DistplayPartnerTraningsPage = (props) => { }) } + const [p_filtre1, setp_filtre1] = useState(); + const [p_filtre1_value, setp_filtre1_value] = useState(); + + const [p_filtre2, setp_filtre2] = useState(); + const [p_filtre2_value, setp_filtre2_value] = useState(); + + const [p_filtre3, setp_filtre3] = useState(); + const [p_filtre3_value, setp_filtre3_value] = useState(); + + function clean_all_filters() { + setp_filtre1(); + setp_filtre1_value(); + setp_filtre2(); + setp_filtre2_value(); + + setp_filtre3(); + setp_filtre3_value(); + + GetAllClass_new_no_filter(); + + } + return ( @@ -740,101 +800,190 @@ const DistplayPartnerTraningsPage = (props) => { } +
Utilisez les filtres !
+
+
+ { + setp_filtre1(e.target.value) + }} + > + Code externe formation    + Titre Formation   + Certifiée   -
-
+ +
+
+ {!!p_filtre1 && + Utilisez les filtres !
- -
- -
- -
-
- {!!selectedfilt2 && -
-   OK - - -
- - } -
- - -
- } - - {!!selectedfilt2 && -
- -
-