From 14a34145c7583afbce0b535fc086b78efc0d088e Mon Sep 17 00:00:00 2001 From: cherif Date: Tue, 2 Apr 2024 20:30:30 +0200 Subject: [PATCH] 2/04/24 - 20h30 --- src/components/AddClassManual.js | 556 +++- src/components/Apprenant.js | 396 ++- src/components/DisplayPartnerSession.js | 506 +++- src/components/DisplayPartnerStagiaires.js | 344 +-- src/components/Employes.js | 21 +- src/components/Partner_Config_Technique.js | 2294 ++++++++++------- src/styles/components/_addclassmanual.scss | 27 + src/styles/components/_apprenant.scss | 2 +- src/styles/components/_partner.scss | 5 +- .../_partner_configuration_technique.scss | 14 +- 10 files changed, 2739 insertions(+), 1426 deletions(-) diff --git a/src/components/AddClassManual.js b/src/components/AddClassManual.js index e0894f2..d7d7664 100644 --- a/src/components/AddClassManual.js +++ b/src/components/AddClassManual.js @@ -1,27 +1,24 @@ import React, { useRef, useState, useEffect } from "react"; import Box from '@mui/material/Box'; import TextField from '@mui/material/TextField'; -import MenuItem from '@mui/material/MenuItem'; import Button from '@mui/material/Button'; import axios from "axios"; import DeleteIcon from '@mui/icons-material/Delete'; import { getCookie, setCookie } from 'react-use-cookie'; -import { Alert } from "@mui/material"; -import { AiTwotoneEdit, AiTwotoneSave } from "react-icons/ai"; -import profileimg from "../mysy_img/MYSY-profil-2.png"; -import Abonnement from "./Abonnement"; -import { ContentPasteSearchOutlined, PropaneSharp, ResetTvRounded } from "@mui/icons-material"; -import { useHistory } from "react-router-dom"; -import CheckOut from "./CheckOut"; +import { AiTwotoneEdit, AiTwotoneSave } from "react-icons/ai"; + +import { useHistory } from "react-router-dom"; + +import { IoMdAddCircle, IoIosRemoveCircleOutline } from "react-icons/io"; import "react-draft-wysiwyg/dist/react-draft-wysiwyg.css"; -import { RichTextEditor } from '@mantine/rte'; + import { Editor } from '@tinymce/tinymce-react'; import { IoArrowUndoCircle } from "react-icons/io5"; import { GrUserAdmin, GrOrderedList } from "react-icons/gr"; import parse from 'html-react-parser'; - +import fileDownload from 'js-file-download' import 'react-tooltip/dist/react-tooltip.css' import { Tooltip } from 'react-tooltip' import Popup from 'reactjs-popup'; @@ -29,6 +26,7 @@ import 'reactjs-popup/dist/index.css'; import GestionAdministrative from "./GestionAdministrative"; import img_loading_spin from "./../mysy_img/mysy_spin_loading.gif"; import Autocomplete from '@mui/material/Autocomplete'; +import { Fab } from "@material-ui/core"; const AddClassManual = (props) => { const history = useHistory(); @@ -470,8 +468,6 @@ const AddClassManual = (props) => { setdatamodification("0"); - - window.scrollTo({ top: 0, behavior: "smooth", @@ -489,7 +485,7 @@ const AddClassManual = (props) => { const [field_suivi_eval, setfield_suivi_eval] = useState(""); - + const [field_prerequis, setfield_prerequis] = useState(""); const [field_pourqui, setfield_pourqui] = useState(""); const [field_mots_cle, setfield_mots_cle] = useState(""); @@ -498,6 +494,8 @@ const AddClassManual = (props) => { const [field_datelieu, setfield_datelieu] = useState(""); const [field_zone_diffusion, setfield_zone_diffusion] = useState(""); + const [selected_class_id, setselected_class_id] = useState(""); + function fillfield(event) { setisupdateclass(true); @@ -536,9 +534,18 @@ const AddClassManual = (props) => { if (mylocaltraining) { setdisplayedinternalurl(mylocaltraining.internal_url); + + + if (mylocaltraining._id) { + setselected_class_id(mylocaltraining._id); + Get_List_Of_All_PJ(mylocaltraining._id); + } + document.getElementsByName("external_code")[0].value = mylocaltraining.external_code; document.getElementsByName("title")[0].value = mylocaltraining.title; + + if (mylocaltraining.objectif) { //document.getElementsByName("objectif")[0].value = mylocaltraining.objectif; //alert(" laaaaa "); @@ -1068,7 +1075,7 @@ const AddClassManual = (props) => { formData.append('methode_pedagogique', methode_pedago); formData.append('condition_handicape', handicap); - formData.append('suivi_eval', suivi_eval); + formData.append('suivi_eval', suivi_eval); formData.append('prerequis', prerequis); @@ -1859,6 +1866,367 @@ const AddClassManual = (props) => { const [p_class_level_label, setp_class_level_label] = useState("Aucune certification"); + + // -- Gestion pièces jointes + + const [Download_one_attached_document_api, setDownload_one_attached_document_api] = useState(); + const [Download_one_attached_document_result, setDownload_one_attached_document_result] = useState(); + const [Download_one_attached_document_message, setDownload_one_attached_document_message] = useState(); + + const Download_one_attached_document = (event) => { + const stored_cookie = getCookie('tokenmysypart'); + + + var nom_fiche_detaillee = "Fiche_Detaillee.pdf"; + var token = stored_cookie; + var file_name = event.target.id; + + + var url = process.env.REACT_APP_API_URL + "myclass/api/Get_Stored_Downloaded_File/" + token + "/" + file_name; + + setLoading(true); + axios.get(url, { responseType: 'blob', },) + .then((res) => { + setLoading(false); + fileDownload(res.data, nom_fiche_detaillee); + setDownload_one_attached_document_api("true"); + }).catch((error) => { + setLoading(false); + console.error('Error:', error); + setDownload_one_attached_document_api("false"); + + }); + } + + + const [tab_convention_pieces_jointes_result, settab_convention_pieces_jointes_result] = useState([]); + + const [file_1_name, setfile_1_name] = useState(); + + const [sessions_file_change_1_api, setsessions_file_change_1_api] = useState(); + const [sessions_file_change_1_result, setsessions_file_change_1_result] = useState(); + const [sessions_file_change_1_message, setsessions_file_change_1_message] = useState(); + const sessions_file_change_1 = event => { + + const fileUploaded = event.target.files[0]; + let file_size = event.target.files[0].size; + let file_type = event.target.files[0].type; + + + + + console.log("file_size 2 = ", file_size, " file_type = ", file_type); + if (file_size > 10000000) { + alert("Le fichier ne doit pas depasser un 1 Méga octets"); + console.log("Le fichier ne doit pas depasser un 1 Méga octets"); + return; + } + + setfile_1_name(event.target.files[0]); + + const formData = new FormData(); + formData.append('File', fileUploaded); + //formData.append('token', 'K3cw63eKokKSbV4spjQ48SUNnfy80yrXfA'); + const stored_cookie = getCookie('tokenmysypart'); + + //formData.append("token", stored_cookie); + //formData.append("class_internal_url", internal_url); + //console.log("token = " + stored_cookie); + + return; + + + }; + + + + const [sessions_file_change_1_convention_api, setsessions_file_change_1_convention_api] = useState(); + const [sessions_file_change_1_convention_result, setsessions_file_change_1_convention_result] = useState(); + const [sessions_file_change_1_convention_message, setsessions_file_change_1_convention_message] = useState(); + const sessions_file_change_1_convention = event => { + + + const fileUploaded = event.target.files[0]; + let file_size = event.target.files[0].size; + let file_type = event.target.files[0].type; + + + if (file_type !== "application/pdf") { + alert("Le fichier n'est pas de type PDF"); + return; + } + + + + if (file_size > 10000000) { + alert("Le fichier ne doit pas depasser un 1 Méga octets"); + console.log("Le fichier ne doit pas depasser un 1 Méga octets"); + return; + } + + //var new_node = {'name':event.target.files[0].name, 'type':event.target.files[0].type} + + + var new_tmp = []; + + if (tab_convention_pieces_jointes_result && tab_convention_pieces_jointes_result.length > 0) { + + tab_convention_pieces_jointes_result.map((x) => { + new_tmp.push(x); + + }); + + } + + new_tmp.push(event.target.files[0]) + + settab_convention_pieces_jointes_result(new_tmp); + + console.log(" tab_convention_pieces_jointes_result = ", tab_convention_pieces_jointes_result) + + + return; + + + }; + + const [file_2_name, setfile_2_name] = useState(); + + const [sessions_file_change_2_api, setsessions_file_change_2_api] = useState(); + const [sessions_file_change_2_result, setsessions_file_change_2_result] = useState(); + const [sessions_file_change_2_message, setsessions_file_change_2_message] = useState(); + const sessions_file_change_2 = event => { + + const fileUploaded = event.target.files[0]; + let file_size = event.target.files[0].size; + let file_type = event.target.files[0].type; + + + console.log("file_size 1 = ", file_size, " file_type = ", file_type); + if (file_size > 10000000) { + alert("Le fichier ne doit pas depasser un 1 Méga octets"); + console.log("Le fichier ne doit pas depasser un 1 Méga octets"); + return; + } + setfile_2_name(event.target.files[0]); + + const formData = new FormData(); + formData.append('File', fileUploaded); + //formData.append('token', 'K3cw63eKokKSbV4spjQ48SUNnfy80yrXfA'); + const stored_cookie = getCookie('tokenmysypart'); + + //formData.append("token", stored_cookie); + //formData.append("class_internal_url", internal_url); + //console.log("token = " + stored_cookie); + + return; + + + }; + + const [Record_All_PJ_api, setRecord_All_PJ_api] = useState(); + const [Record_All_PJ_result, setRecord_All_PJ_result] = useState(); + const [Record_All_PJ_message, setRecord_All_PJ_message] = useState(); + + function Record_All_PJ() { + + if (!p_detail_one_file_to_download_type_name) { + alert(" Vous devez donner un nom à la pièce jointe"); + return; + } + + if (file_1_name && file_1_name.name) { + //console.log(" ### Traitement de : ", file_1_name.name); + + const formData = new FormData(); + formData.append('File', file_1_name); + //formData.append('token', 'K3cw63eKokKSbV4spjQ48SUNnfy80yrXfA'); + const stored_cookie = getCookie('tokenmysypart'); + + formData.append("token", stored_cookie); + formData.append("file_business_object", p_detail_one_file_to_download_type_name); + formData.append("file_name", file_1_name.name); + formData.append("status", "0"); + formData.append("object_owner_collection", "myclass"); + formData.append("object_owner_id", selected_class_id); + + //formData.append("class_internal_url", internal_url); + //console.log("token = " + stored_cookie); + + setLoading(true); + fetch( + process.env.REACT_APP_API_URL + "myclass/api/Store_User_Downloaded_File/", + { + method: 'POST', + body: formData, + } + ) + .then((response) => response.json()) + .then((result) => { + + setLoading(false); + //console.log(" ## result['status'] = ", result['status']) + if (String(result['status']) === String("true")) { + //console.log('Success:', result['message']); + setRecord_All_PJ_result(result['message']); + setRecord_All_PJ_api("true"); + + Get_List_Of_All_PJ(selected_class_id); + setfile_1_name(); + setp_detail_one_file_to_download_type_name(); + //GetCurrentClass_trainingsession(); + alert(" La pièce jointe " + file_1_name.name + " a été bien enregistrée") + + } + else { + setRecord_All_PJ_message(result['message']); + setRecord_All_PJ_api("false"); + alert(result['message']); + } + + }) + .catch((error) => { + setLoading(false); + console.error(' Record_All_PJ Error:', error); + setRecord_All_PJ_api("false"); + alert(" Impossible d'ajouter la pièce jointe") + }); + + } + + + } + + + const [Delete_one_attached_document_api, setDelete_one_attached_document_api] = useState(); + const [Delete_one_attached_document_result, setDelete_one_attached_document_result] = useState(); + const [Delete_one_attached_document_message, setDelete_one_attached_document_message] = useState(); + + const Delete_one_attached_document = (event) => { + const stored_cookie = getCookie('tokenmysypart'); + + var formData = new FormData(); + var nom_fiche_detaillee = "Fiche_Detaillee.pdf"; + var file_name = event.target.id; + + + formData.append("token", stored_cookie); + formData.append("file_name", file_name); + + var url = process.env.REACT_APP_API_URL + "myclass/api/Delete_Stored_Downloaded_File/"; + + setLoading(true); + fetch( + process.env.REACT_APP_API_URL + "myclass/api/Delete_Stored_Downloaded_File/", + { + method: 'POST', + body: formData, + } + ) + .then((response) => response.json()) + .then((result) => { + setLoading(false); + //console.log(" ## result['status'] = ", result['status']) + if (String(result['status']) === String("true")) { + //console.log('Success:', result['message']); + setDelete_one_attached_document_result(result['message']); + setDelete_one_attached_document_api("true"); + Get_List_Of_All_PJ(selected_class_id); + alert(result['message']) + + } + else { + setDelete_one_attached_document_message(result['message']); + setDelete_one_attached_document_api("false"); + alert(result['message']) + } + + }) + .catch((error) => { + setLoading(false); + console.error(' Record_All_PJ Error:', error); + setDelete_one_attached_document_api("false"); + alert(" Impossible de supprimer le document") + + }); + + + } + + + const Delete_one_attached_document_convention = (event) => { + var file_name = event.target.id; + + } + + const [Get_List_Of_All_PJ_api, setGet_List_Of_All_PJ_api] = useState(); + const [Get_List_Of_All_PJ_result, setGet_List_Of_All_PJ_result] = useState(); + const [Get_List_Of_All_PJ_message, setGet_List_Of_All_PJ_message] = useState(); + + function Get_List_Of_All_PJ(local_employee_id) { + + const formData = new FormData(); + + //formData.append('token', 'K3cw63eKokKSbV4spjQ48SUNnfy80yrXfA'); + const stored_cookie = getCookie('tokenmysypart'); + + formData.append("token", stored_cookie); + formData.append("object_owner_collection", "myclass"); + formData.append("object_owner_id", local_employee_id); + + + //formData.append("class_internal_url", internal_url); + //console.log("token = " + stored_cookie); + setLoading(true); + + fetch( + process.env.REACT_APP_API_URL + "myclass/api/Get_List_object_owner_collection_Stored_Files/", + { + method: 'POST', + body: formData, + } + ) + .then((response) => response.json()) + .then((result) => { + setLoading(false); + + //console.log(" ## result['status'] = ", result['status']) + if (String(result['status']) === String("true")) { + //console.log('Message :', result['message']); + setGet_List_Of_All_PJ_result(result['message']); + setGet_List_Of_All_PJ_api("true"); + + } + else { + setGet_List_Of_All_PJ_message(result['message']); + setGet_List_Of_All_PJ_api("false"); + } + + }) + .catch((error) => { + setLoading(false); + console.error(' Get_List_Of_All_PJ Error:', error); + setGet_List_Of_All_PJ_api("false"); + }); + + } + + + + function Delete_file_1_name() { + setfile_1_name(); + } + + function Delete_file_2_name() { + setfile_2_name(); + } + + const [p_detail_one_file_to_download_type_name, setp_detail_one_file_to_download_type_name] = useState(); + + // -- end gestion pièces jointes + + + return (
{isLoading &&
@@ -2510,11 +2878,11 @@ const AddClassManual = (props) => { />
- -
+ +
- - -
- + +
+
{ - +
+
+
+ + + +
+
+ +
+ +
+ +
+ {file_1_name && file_1_name.name && + } + + {Record_All_PJ_api && String(Record_All_PJ_api) === "true" &&
Pièce jointe enregistrée
} + + {Record_All_PJ_api && String(Record_All_PJ_api) === "false" &&
{Record_All_PJ_message}
} + + +
+ + + {file_1_name && file_1_name.name &&
+ +
+ +
+ + +
} + + {Get_List_Of_All_PJ_result &&
+
+ Liste des pièces jointes
+
+ {Get_List_Of_All_PJ_result && Get_List_Of_All_PJ_result.map((val) => ( +
+
+ Supprimer + + + } + modal + nested + position="center center" + > + {close => ( +
+ +
MySy Information
+
+ {' '} + + En confirmant cette opération, la pièce jointe sera définitivement supprimée.
+ + +
+
+
+ + +
+
+ +
+
+
+ )} +
+ +
+ ))} +
+
+
} +
+ +
+ + {String(datamodification) === String("1") &&
/!\ Pensez à enregistrer les modifications
} diff --git a/src/components/Apprenant.js b/src/components/Apprenant.js index 07f7abd..e6f5365 100644 --- a/src/components/Apprenant.js +++ b/src/components/Apprenant.js @@ -2454,6 +2454,7 @@ const Apprenant = (props) => { const [display_detail_inscriptions, setdisplay_detail_inscriptions] = useState(""); const [display_detail_absence, setdisplay_detail_absence] = useState(""); const [display_detail_historique, setdisplay_detail_historique] = useState(""); + const [display_detail_piece_joint, setdisplay_detail_piece_joint] = useState(""); async function submenu_add_one_inscription() { @@ -2475,6 +2476,7 @@ const Apprenant = (props) => { setdisplay_detail_inscriptions(""); setdisplay_detail_absence(""); setdisplay_detail_historique(""); + setdisplay_detail_piece_joint(""); @@ -2500,6 +2502,7 @@ const Apprenant = (props) => { setdisplay_detail_inscriptions(""); setdisplay_detail_absence(""); setdisplay_detail_historique(""); + setdisplay_detail_piece_joint(""); } @@ -2514,6 +2517,7 @@ const Apprenant = (props) => { setdisplay_detail_apprenant(""); setdisplay_detail_absence(""); setdisplay_detail_historique(""); + setdisplay_detail_piece_joint(""); } async function submenu_absence() { @@ -2526,6 +2530,7 @@ const Apprenant = (props) => { setdisplay_detail_apprenant(""); setdisplay_detail_inscriptions(""); setdisplay_detail_historique(""); + setdisplay_detail_piece_joint(""); } @@ -2537,6 +2542,20 @@ const Apprenant = (props) => { setdisplay_detail_historique("1"); setadd_One_Apprenant(""); + setdisplay_detail_apprenant(""); + setdisplay_detail_inscriptions(""); + setdisplay_detail_absence(""); + setdisplay_detail_piece_joint(""); + } + + async function submenu_piece_jointe() { + setsubmenu("piece_jointe"); + + //await sleep(5); + setdisplay_detail_piece_joint("1") + setdisplay_detail_historique(""); + setadd_One_Apprenant(""); + setdisplay_detail_apprenant(""); setdisplay_detail_inscriptions(""); setdisplay_detail_absence(""); @@ -4050,7 +4069,7 @@ const Apprenant = (props) => {
- +
Nom { fontWeight: 'light', }, - - '& .cell--etape--projet': { - backgroundColor: '#E6F7C8', - color: '#1a3e72', - fontWeight: 'light', - }, - '& .cell--etape--planification': { - backgroundColor: '#E6CEAA', - color: '#1a3e72', - fontWeight: 'light', - }, - '& .cell--etape--planifie': { - backgroundColor: '#F4ECF7', - color: '#1a3e72', - fontWeight: 'light', - }, - '& .cell--etape--termine': { - backgroundColor: '#D6EAF8', - color: '#1a3e72', - fontWeight: 'light', - }, - '& .cell--etape--facture': { - backgroundColor: '#D5F5E3', - color: '#1a3e72', - fontWeight: 'light', - }, - '& .cell--etape--annule': { - backgroundColor: '#566573', - color: '#1a3e72', - fontWeight: 'light', - }, - - - '& .line--etape--projet': { - backgroundColor: 'yellow', - color: 'black', - }, - '& .line--etape--planification': { - backgroundColor: 'red', - color: 'black', - }, - '& .line--etape--planifie': { - backgroundColor: 'blue', - color: 'black', - }, - '& .line--etape--termine': { - backgroundColor: 'orange', - color: 'black', - }, - '& .line--etape--facture': { - backgroundColor: '#D5F5E3', - color: 'black', - }, - '& .line--etape--annule': { - backgroundColor: '#566573', - color: 'white', - }, "& .MuiDataGrid-columnHeaders": { backgroundColor: "#c8cfd5", color: "black", fontSize: 14 }, - '& .line--statut--selected': { - backgroundColor: '#FBF2EF', - color: 'black', - }, + '& .line--statut--pair': { backgroundColor: 'rgba(235, 235, 235, .7)', color: 'black', @@ -4687,6 +4646,10 @@ const Apprenant = (props) => { backgroundColor: '#FFFFFF', color: 'black', }, + '& .line--statut--selected': { + backgroundColor: '#FBF2EF', + color: 'black', + }, }} > @@ -4776,33 +4739,9 @@ const Apprenant = (props) => { } - //field === "etape" - if (params.field === "etape" && String(params.value) == "0") { - return 'cell--etape--projet'; - } - - if (params.field === "etape" && String(params.value) == "1") { - return 'cell--etape--planification'; - } - - if (params.field === "etape" && String(params.value) == "2") { - return 'cell--etape--planifie'; - } - - if (params.field === "etape" && String(params.value) == "3") { - return 'cell--etape--termine'; - } - - if (params.field === "etape" && String(params.value) == "4") { - return 'cell--etape--facture'; - } - - if (params.field === "etape" && String(params.value) == "-1") { - return 'cell--etape--annule'; - } - // Pour la gestion de la couleur de zone double cliquée if (String(params.row.id) === String(gridline_id)) { + return 'line--statut--selected'; } else if (parseInt(String(params.row.id)) % 2 === 0) { @@ -4978,6 +4917,8 @@ const Apprenant = (props) => { {((selected_apprenant_id && String(selected_apprenant_id).length > 2) || (String(add_One_Apprenant) === "1")) &&
+ + @@ -5670,7 +5611,7 @@ const Apprenant = (props) => { InputLabelProps={{ shrink: true, }} - disabled={false} + disabled={false} value={String(p_detail_tuteur1_civilite)[0].toUpperCase() + String(p_detail_tuteur1_civilite).slice(1)} @@ -5942,144 +5883,6 @@ const Apprenant = (props) => {
-
-
-
-
- -
-
- -
- {file_1_name && file_1_name.name && - } - - {Record_All_PJ_api && String(Record_All_PJ_api) === "true" &&
Pièce jointe enregistrée
} - - {Record_All_PJ_api && String(Record_All_PJ_api) === "false" &&
{Record_All_PJ_message}
} - - -
- - - - {file_1_name && file_1_name.name &&
- -
- -
- - -
} - - {Get_List_Of_All_PJ_result &&
-
- Liste des pièces jointes
-
- {Get_List_Of_All_PJ_result && Get_List_Of_All_PJ_result.map((val) => ( -
-
- Supprimer - - - } - modal - nested - position="center center" - > - {close => ( -
- -
MySy Information
-
- {' '} - - En confirmant cette opération, la pièce jointe sera définitivement supprimée.
- - -
-
-
- - -
-
- -
-
-
- )} -
- -
- ))} -
-
-
} -
  @@ -6393,6 +6196,147 @@ const Apprenant = (props) => {
} + {String(display_detail_piece_joint) === "1" && String(add_One_Apprenant) !== "1" && selected_apprenant_id &&
+ +
+ +
+
+ +
+ {file_1_name && file_1_name.name && + } + + {Record_All_PJ_api && String(Record_All_PJ_api) === "true" &&
Pièce jointe enregistrée
} + + {Record_All_PJ_api && String(Record_All_PJ_api) === "false" &&
{Record_All_PJ_message}
} + + +
+ + + + {file_1_name && file_1_name.name &&
+ +
+ +
+ + +
} + + {Get_List_Of_All_PJ_result &&
+
+ Liste des pièces jointes
+
+ {Get_List_Of_All_PJ_result && Get_List_Of_All_PJ_result.map((val) => ( +
+
+ Supprimer + + + } + modal + nested + position="center center" + > + {close => ( +
+ +
MySy Information
+
+ {' '} + + En confirmant cette opération, la pièce jointe sera définitivement supprimée.
+ + +
+
+
+ + +
+
+ +
+
+
+ )} +
+ +
+ ))} +
+
+
} +
+ + +
} + ); } diff --git a/src/components/DisplayPartnerSession.js b/src/components/DisplayPartnerSession.js index 11b96e1..f5b2836 100644 --- a/src/components/DisplayPartnerSession.js +++ b/src/components/DisplayPartnerSession.js @@ -954,6 +954,8 @@ const DisplayPartnerSession = (props) => { setselected_sequence_id(cellValues.row._id); setdisplay_detail_sequence("1"); + Get_List_Of_All_PJ_For_Session(cellValues.row._id); + if (document.getElementById('myRef_seq_ressource')) { var divh = document.getElementById('myRef_seq_ressource').offsetTop; window.scrollTo({ @@ -1923,7 +1925,7 @@ const DisplayPartnerSession = (props) => { if (document.getElementById("attestation")) { document.getElementById("attestation").style.backgroundColor = "#d8edfc"; document.getElementById("attestation").style.color = "black"; - document.getElementById("attestation").style.fontWeight = "black"; + document.getElementById("attestation").style.fontWeight = "normal"; } if (document.getElementById("inscrit")) { @@ -1943,6 +1945,12 @@ const DisplayPartnerSession = (props) => { document.getElementById("evaluation").style.color = "black"; document.getElementById("evaluation").style.fontWeight = "normal"; } + + if (document.getElementById("piece_jointe")) { + document.getElementById("piece_jointe").style.backgroundColor = "#d8edfc"; + document.getElementById("piece_jointe").style.color = "black"; + document.getElementById("piece_jointe").style.fontWeight = "normal"; + } } function submenu_inscrit() { @@ -2001,7 +2009,13 @@ const DisplayPartnerSession = (props) => { if (document.getElementById("attestation")) { document.getElementById("attestation").style.backgroundColor = "#d8edfc"; document.getElementById("attestation").style.color = "black"; - document.getElementById("attestation").style.fontWeight = "black"; + document.getElementById("attestation").style.fontWeight = "normal"; + } + + if (document.getElementById("piece_jointe")) { + document.getElementById("piece_jointe").style.backgroundColor = "#d8edfc"; + document.getElementById("piece_jointe").style.color = "black"; + document.getElementById("piece_jointe").style.fontWeight = "normal"; } } @@ -2024,7 +2038,7 @@ const DisplayPartnerSession = (props) => { if (document.getElementById("attestation")) { document.getElementById("attestation").style.backgroundColor = "#d8edfc"; document.getElementById("attestation").style.color = "black"; - document.getElementById("attestation").style.fontWeight = "black"; + document.getElementById("attestation").style.fontWeight = "normal"; } if (document.getElementById("editique")) { document.getElementById("editique").style.backgroundColor = "#d8edfc"; @@ -2067,6 +2081,13 @@ const DisplayPartnerSession = (props) => { document.getElementById("evaluation").style.color = "black"; document.getElementById("evaluation").style.fontWeight = "normal"; } + + if (document.getElementById("piece_jointe")) { + document.getElementById("piece_jointe").style.backgroundColor = "#d8edfc"; + document.getElementById("piece_jointe").style.color = "black"; + document.getElementById("piece_jointe").style.fontWeight = "normal"; + } + } async function submenu_sequence_session() { @@ -2131,6 +2152,13 @@ const DisplayPartnerSession = (props) => { document.getElementById("emargement").style.color = "black"; document.getElementById("emargement").style.fontWeight = "normal"; } + + if (document.getElementById("piece_jointe")) { + document.getElementById("piece_jointe").style.backgroundColor = "#d8edfc"; + document.getElementById("piece_jointe").style.color = "black"; + document.getElementById("piece_jointe").style.fontWeight = "normal"; + } + } @@ -2195,30 +2223,43 @@ const DisplayPartnerSession = (props) => { if (document.getElementById("attestation")) { document.getElementById("attestation").style.backgroundColor = "#d8edfc"; document.getElementById("attestation").style.color = "black"; - document.getElementById("attestation").style.fontWeight = "black"; + document.getElementById("attestation").style.fontWeight = "normal"; + } + + if (document.getElementById("piece_jointe")) { + document.getElementById("piece_jointe").style.backgroundColor = "#d8edfc"; + document.getElementById("piece_jointe").style.color = "black"; + document.getElementById("piece_jointe").style.fontWeight = "normal"; } } - async function submenu_historique() { - setsubmenu("historique"); + + async function submenu_piece_jointe() { + setsubmenu("piece_jointe"); // await sleep(5); if (!edit_session_form) { desableSessionFields(); } + if (document.getElementById("piece_jointe")) { + document.getElementById("piece_jointe").style.backgroundColor = "#104277"; + document.getElementById("piece_jointe").style.color = "white"; + document.getElementById("piece_jointe").style.fontWeight = "bold"; + } + if (document.getElementById("historique")) { - document.getElementById("historique").style.backgroundColor = "#104277"; - document.getElementById("historique").style.color = "white"; - document.getElementById("historique").style.fontWeight = "bold"; + document.getElementById("historique").style.backgroundColor = "#d8edfc"; + document.getElementById("historique").style.color = "black"; + document.getElementById("historique").style.fontWeight = "normal"; } if (document.getElementById("attestation")) { document.getElementById("attestation").style.backgroundColor = "#d8edfc"; document.getElementById("attestation").style.color = "black"; - document.getElementById("attestation").style.fontWeight = "black"; + document.getElementById("attestation").style.fontWeight = "normal"; } if (document.getElementById("evaluation")) { @@ -2272,6 +2313,85 @@ const DisplayPartnerSession = (props) => { } } + async function submenu_historique() { + setsubmenu("historique"); + + // await sleep(5); + if (!edit_session_form) { + desableSessionFields(); + } + + + if (document.getElementById("historique")) { + document.getElementById("historique").style.backgroundColor = "#104277"; + document.getElementById("historique").style.color = "white"; + document.getElementById("historique").style.fontWeight = "bold"; + } + + if (document.getElementById("attestation")) { + document.getElementById("attestation").style.backgroundColor = "#d8edfc"; + document.getElementById("attestation").style.color = "black"; + document.getElementById("attestation").style.fontWeight = "normal"; + } + + if (document.getElementById("evaluation")) { + document.getElementById("evaluation").style.backgroundColor = "#d8edfc"; + document.getElementById("evaluation").style.color = "black"; + document.getElementById("evaluation").style.fontWeight = "normal"; + } + + if (document.getElementById("editique")) { + document.getElementById("editique").style.backgroundColor = "#d8edfc"; + document.getElementById("editique").style.color = "black"; + document.getElementById("editique").style.fontWeight = "normal"; + } + + if (document.getElementById("emargement")) { + document.getElementById("emargement").style.backgroundColor = "#d8edfc"; + document.getElementById("emargement").style.color = "black"; + document.getElementById("emargement").style.fontWeight = "normal"; + } + + + if (document.getElementById("sequence_session")) { + document.getElementById("sequence_session").style.backgroundColor = "#d8edfc"; + document.getElementById("sequence_session").style.color = "black"; + document.getElementById("sequence_session").style.fontWeight = "normal"; + } + + + if (document.getElementById("detail_session")) { + document.getElementById("detail_session").style.backgroundColor = "#d8edfc"; + document.getElementById("detail_session").style.color = "black"; + document.getElementById("detail_session").style.fontWeight = "normal"; + } + + if (document.getElementById("inscrit")) { + document.getElementById("inscrit").style.backgroundColor = "#d8edfc"; + document.getElementById("inscrit").style.color = "black"; + document.getElementById("inscrit").style.fontWeight = "normal"; + } + + if (document.getElementById("preinscrit")) { + document.getElementById("preinscrit").style.backgroundColor = "#d8edfc"; + document.getElementById("preinscrit").style.color = "black"; + document.getElementById("preinscrit").style.fontWeight = "normal"; + } + + if (document.getElementById("emargement")) { + document.getElementById("emargement").style.backgroundColor = "#d8edfc"; + document.getElementById("emargement").style.color = "black"; + document.getElementById("emargement").style.fontWeight = "normal"; + } + + if (document.getElementById("piece_jointe")) { + document.getElementById("piece_jointe").style.backgroundColor = "#d8edfc"; + document.getElementById("piece_jointe").style.color = "black"; + document.getElementById("piece_jointe").style.fontWeight = "normal"; + } + + } + function submenu_editique() { setsubmenu("editique"); @@ -2292,7 +2412,7 @@ const DisplayPartnerSession = (props) => { if (document.getElementById("attestation")) { document.getElementById("attestation").style.backgroundColor = "#d8edfc"; document.getElementById("attestation").style.color = "black"; - document.getElementById("attestation").style.fontWeight = "black"; + document.getElementById("attestation").style.fontWeight = "normal"; } if (document.getElementById("evaluation")) { @@ -2330,8 +2450,15 @@ const DisplayPartnerSession = (props) => { document.getElementById("emargement").style.color = "black"; document.getElementById("emargement").style.fontWeight = "normal"; } + + if (document.getElementById("piece_jointe")) { + document.getElementById("piece_jointe").style.backgroundColor = "#d8edfc"; + document.getElementById("piece_jointe").style.color = "black"; + document.getElementById("piece_jointe").style.fontWeight = "normal"; + } } + async function submenu_evaluation() { setsubmenu("evaluation"); @@ -2397,6 +2524,12 @@ const DisplayPartnerSession = (props) => { document.getElementById("historique").style.fontWeight = "normal"; } + if (document.getElementById("piece_jointe")) { + document.getElementById("piece_jointe").style.backgroundColor = "#d8edfc"; + document.getElementById("piece_jointe").style.color = "black"; + document.getElementById("piece_jointe").style.fontWeight = "normal"; + } + GetListeEvaluation(selected_session_id); } @@ -2467,6 +2600,12 @@ const DisplayPartnerSession = (props) => { document.getElementById("historique").style.fontWeight = "normal"; } + if (document.getElementById("piece_jointe")) { + document.getElementById("piece_jointe").style.backgroundColor = "#d8edfc"; + document.getElementById("piece_jointe").style.color = "black"; + document.getElementById("piece_jointe").style.fontWeight = "normal"; + } + GetListeEvaluation(selected_session_id); } @@ -7378,10 +7517,83 @@ const DisplayPartnerSession = (props) => { } + const [Record_All_PJ_For_Session_api, setRecord_All_PJ_For_Session_api] = useState(); + const [Record_All_PJ_For_Session_result, setRecord_All_PJ_For_Session_result] = useState(); + const [Record_All_PJ_For_Session_message, setRecord_All_PJ_For_Session_message] = useState(); + + function Record_All_PJ_For_Session() { + + if (!p_detail_one_file_to_download_type_name) { + alert(" Vous devez donner un nom à la pièce jointe"); + return; + } + + if (file_1_name && file_1_name.name) { + console.log(" ### Traitement de : ", file_1_name.name); + + const formData = new FormData(); + formData.append('File', file_1_name); + //formData.append('token', 'K3cw63eKokKSbV4spjQ48SUNnfy80yrXfA'); + const stored_cookie = getCookie('tokenmysypart'); + + formData.append("token", stored_cookie); + formData.append("file_business_object", p_detail_one_file_to_download_type_name); + formData.append("file_name", file_1_name.name); + formData.append("status", "0"); + formData.append("object_owner_collection", "session_formation"); + formData.append("object_owner_id", selected_session_id); + + //formData.append("class_internal_url", internal_url); + //console.log("token = " + stored_cookie); + setLoading(true); + + fetch( + process.env.REACT_APP_API_URL + "myclass/api/Store_User_Downloaded_File/", + { + method: 'POST', + body: formData, + } + ) + .then((response) => response.json()) + .then((result) => { + setLoading(false); + //console.log(" ## result['status'] = ", result['status']) + if (String(result['status']) === String("true")) { + //console.log('Success:', result['message']); + setRecord_All_PJ_For_Session_result(result['message']); + setRecord_All_PJ_For_Session_api("true"); + + Get_List_Of_All_PJ_For_Session(selected_session_id); + setfile_1_name(); + setp_detail_one_file_to_download_type_name(); + //GetCurrentClass_trainingsession(); + alert(" La pièce jointe " + file_1_name.name + " a été bien enregistrée") + + } + else { + setRecord_All_PJ_For_Session_message(result['message']); + setRecord_All_PJ_For_Session_api("false"); + } + + }) + .catch((error) => { + setLoading(false); + console.error(' Record_All_PJ_For_Session Error:', error); + setRecord_All_PJ_For_Session_api("false"); + }); + + } + + if (file_2_name && file_2_name.name) { + //console.log(" ### Traitement de : ", file_2_name.name); + } + + } + + const [Delete_one_attached_document_api, setDelete_one_attached_document_api] = useState(); const [Delete_one_attached_document_result, setDelete_one_attached_document_result] = useState(); const [Delete_one_attached_document_message, setDelete_one_attached_document_message] = useState(); - const Delete_one_attached_document = (event) => { const stored_cookie = getCookie('tokenmysypart'); @@ -7430,6 +7642,60 @@ const DisplayPartnerSession = (props) => { }); + } + + const [Delete_one_attached_document_For_Session_api, setDelete_one_attached_document_For_Session_api] = useState(); + const [Delete_one_attached_document_For_Session_result, setDelete_one_attached_document_For_Session_result] = useState(); + const [Delete_one_attached_document_For_Session_message, setDelete_one_attached_document_For_Session_message] = useState(); + const Delete_one_attached_document_For_Session = (event) => { + const stored_cookie = getCookie('tokenmysypart'); + + var formData = new FormData(); + var nom_fiche_detaillee = "Fiche_Detaillee.pdf"; + var file_name = event.target.id; + + + formData.append("token", stored_cookie); + formData.append("file_name", file_name); + + var url = process.env.REACT_APP_API_URL + "myclass/api/Delete_Stored_Downloaded_File/"; + + setLoading(true); + fetch( + process.env.REACT_APP_API_URL + "myclass/api/Delete_Stored_Downloaded_File/", + { + method: 'POST', + body: formData, + } + ) + .then((response) => response.json()) + .then((result) => { + setLoading(false); + //console.log(" ## result['status'] = ", result['status']) + if (String(result['status']) === String("true")) { + //console.log('Success:', result['message']); + setDelete_one_attached_document_For_Session_result(result['message']); + setDelete_one_attached_document_For_Session_api("true"); + + Get_List_Of_All_PJ_For_Session(selected_session_id); + alert(result['message']) + + } + else { + setDelete_one_attached_document_For_Session_message(result['message']); + setDelete_one_attached_document_For_Session_api("false"); + } + + }) + .catch((error) => { + setLoading(false); + console.error(' Record_All_PJ Error:', error); + setDelete_one_attached_document_For_Session_api("false"); + alert(" Impossible de supprimer le document") + + }); + + } const [Get_List_Of_All_PJ_api, setGet_List_Of_All_PJ_api] = useState(); @@ -7484,6 +7750,9 @@ const DisplayPartnerSession = (props) => { + + + const [Get_Class_Data_api, setGet_Class_Data_api] = useState(); const [Get_Class_Data_message, setGet_Class_Data_message] = useState(); const [Get_Class_Data_result, setGet_Class_Data_result] = useState(); @@ -7553,6 +7822,62 @@ const DisplayPartnerSession = (props) => { // -- end gestion pièces jointes + + // -- Additif pour gestion pièce jointes de session + + const [Get_List_Of_All_PJ_For_Session_api, setGet_List_Of_All_PJ_For_Session_api] = useState(); + const [Get_List_Of_All_PJ_For_Session_result, setGet_List_Of_All_PJ_For_Session_result] = useState(); + const [Get_List_Of_All_PJ_For_Session_message, setGet_List_Of_All_PJ_For_Session_message] = useState(); + function Get_List_Of_All_PJ_For_Session(local_session_id) { + + const formData = new FormData(); + + //formData.append('token', 'K3cw63eKokKSbV4spjQ48SUNnfy80yrXfA'); + const stored_cookie = getCookie('tokenmysypart'); + + formData.append("token", stored_cookie); + formData.append("object_owner_collection", "session_formation"); + formData.append("object_owner_id", local_session_id); + + + //formData.append("class_internal_url", internal_url); + //console.log("token = " + stored_cookie); + + + fetch( + process.env.REACT_APP_API_URL + "myclass/api/Get_List_object_owner_collection_Stored_Files/", + { + method: 'POST', + body: formData, + } + ) + .then((response) => response.json()) + .then((result) => { + + //console.log(" ## result['status'] = ", result['status']) + if (String(result['status']) === String("true")) { + //console.log('Message :', result['message']); + setGet_List_Of_All_PJ_For_Session_result(result['message']); + setGet_List_Of_All_PJ_For_Session_api("true"); + + } + else { + setGet_List_Of_All_PJ_For_Session_message(result['message']); + setGet_List_Of_All_PJ_For_Session_api("false"); + } + + }) + .catch((error) => { + console.error(' Get_List_Of_All_PJ_For_Session Error:', error); + setGet_List_Of_All_PJ_For_Session_api("false"); + }); + + } + + + // -- fin additif + + // Action en mass const [actionmass_ftion_val, setactionmass_ftion_val] = useState(); @@ -7952,6 +8277,8 @@ const DisplayPartnerSession = (props) => { handleClick_edit_session_From_Line(session_selected_row_id); Getall_Sequence_Of_Session(selected_session_id); + + Get_List_Of_All_PJ_For_Session(selected_session_id); } const [p_detail_sequence_title, setp_detail_sequence_title] = useState(); @@ -9927,7 +10254,7 @@ const DisplayPartnerSession = (props) => { MySy Information - +
Choisir un modèle d'émargement @@ -9981,7 +10308,7 @@ const DisplayPartnerSession = (props) => {
- {selected_emargement_id && + + +
} @@ -17088,6 +17418,154 @@ const DisplayPartnerSession = (props) => {
} + {String(submenu) === String("piece_jointe") &&
+ + + +
+
+
+
+ +
+ +
+ {file_1_name && file_1_name.name && + } + + {Record_All_PJ_api && String(Record_All_PJ_api) === "true" &&
Pièce jointe enregistrée
} + + {Record_All_PJ_api && String(Record_All_PJ_api) === "false" &&
{Record_All_PJ_message}
} + + +
+ + + + {file_1_name && file_1_name.name &&
+ +
+ +
+ + +
} + + {Get_List_Of_All_PJ_For_Session_result &&
+
+ Liste des pièces jointes
+
+ {Get_List_Of_All_PJ_For_Session_result && Get_List_Of_All_PJ_For_Session_result.map((val) => ( +
+
+ Supprimer + + + } + modal + nested + position="center center" + > + {close => ( +
+ +
MySy Information
+
+ {' '} + + En confirmant cette opération, la pièce jointe sera définitivement supprimée.
+ + +
+
+
+ + +
+
+ +
+
+
+ )} +
+ +
+ ))} +
+
+
} +
+
+   +
+
+ + +
} +
diff --git a/src/components/DisplayPartnerStagiaires.js b/src/components/DisplayPartnerStagiaires.js index 7a8e73d..4998f73 100644 --- a/src/components/DisplayPartnerStagiaires.js +++ b/src/components/DisplayPartnerStagiaires.js @@ -2234,25 +2234,53 @@ const DisplayPartnerStagiaires = (props) => { setdisplay_detail_stagiaire("1"); setaddOneParticipant(); - /*if (!edit_session_form) { - desableSessionFields(); - } + if (document.getElementById("detail_session")) { document.getElementById("detail_session").style.backgroundColor = "#104277"; document.getElementById("detail_session").style.color = "white"; } - if (document.getElementById("inscrit")) { - document.getElementById("inscrit").style.backgroundColor = "#d8edfc"; - document.getElementById("inscrit").style.color = "black"; + if (document.getElementById("piece_jointe")) { + document.getElementById("piece_jointe").style.backgroundColor = "#d8edfc"; + document.getElementById("piece_jointe").style.color = "black"; } - if (document.getElementById("preinscrit")) { - document.getElementById("preinscrit").style.backgroundColor = "#d8edfc"; - document.getElementById("preinscrit").style.color = "black"; + + /* if (document.getElementById("preinscrit")) { + document.getElementById("preinscrit").style.backgroundColor = "#d8edfc"; + document.getElementById("preinscrit").style.color = "black"; + } + */ + + } + + + async function submenu_piece_jointe() { + setsubmenu("piece_jointe"); + + await sleep(5); + + setdisplay_detail_stagiaire(""); + setaddOneParticipant(); + + + if (document.getElementById("piece_jointe")) { + document.getElementById("piece_jointe").style.backgroundColor = "#104277"; + document.getElementById("piece_jointe").style.color = "white"; } -*/ + + if (document.getElementById("detail_session")) { + document.getElementById("detail_session").style.backgroundColor = "#d8edfc"; + document.getElementById("detail_session").style.color = "black"; + } + + + /* if (document.getElementById("preinscrit")) { + document.getElementById("preinscrit").style.backgroundColor = "#d8edfc"; + document.getElementById("preinscrit").style.color = "black"; + } + */ } @@ -7204,6 +7232,10 @@ const DisplayPartnerStagiaires = (props) => { {((selected_id && String(selected_id).length > 2) || (String(addOneParticipant) === "1")) &&
+ + + + {/* */} {String(addOneParticipant) !== "1" && } @@ -8986,151 +9018,7 @@ const DisplayPartnerStagiaires = (props) => {
-
-
-
-
-
- Pièces jointes - -
- -
- -
- -
- {file_1_name && file_1_name.name && - } - - {Record_All_PJ_api && String(Record_All_PJ_api) === "true" &&
Pièce jointe enregistrée
} - - {Record_All_PJ_api && String(Record_All_PJ_api) === "false" &&
{Record_All_PJ_message}
} - - -
- - - {file_1_name && file_1_name.name &&
- -
- -
- - -
} - - {Get_List_Of_All_PJ_result &&
-
- Liste des pièces jointes
-
- {Get_List_Of_All_PJ_result && Get_List_Of_All_PJ_result.map((val) => ( -
-
- Supprimer - - - } - modal - nested - position="center center" - > - {close => ( -
- -
MySy Information
-
- {' '} - - En confirmant cette opération, la pièce jointe sera définitivement supprimée.
- - -
-
-
- - -
-
- -
-
-
- )} -
- -
- ))} -
-
-
} - - - -
{is_lms_class_code &&
@@ -9388,6 +9276,154 @@ const DisplayPartnerStagiaires = (props) => { + {String(submenu) === "piece_jointe" && String(addOneParticipant) !== "1" &&
+ +
+
+
+
+ +
+ Pièces jointes + +
+ +
+ +
+ +
+ {file_1_name && file_1_name.name && + } + + {Record_All_PJ_api && String(Record_All_PJ_api) === "true" &&
Pièce jointe enregistrée
} + + {Record_All_PJ_api && String(Record_All_PJ_api) === "false" &&
{Record_All_PJ_message}
} + + +
+ + + {file_1_name && file_1_name.name &&
+ +
+ +
+ + +
} + + {Get_List_Of_All_PJ_result &&
+
+ Liste des pièces jointes
+
+ {Get_List_Of_All_PJ_result && Get_List_Of_All_PJ_result.map((val) => ( +
+
+ Supprimer + + + } + modal + nested + position="center center" + > + {close => ( +
+ +
MySy Information
+
+ {' '} + + En confirmant cette opération, la pièce jointe sera définitivement supprimée.
+ + +
+
+
+ + +
+
+ +
+
+
+ )} +
+ +
+ ))} +
+
+
} + + +
+
} + {String(submenu) === "historique" && String(display_detail_historique) === "1" && String(addOneParticipant) !== "1" &&
diff --git a/src/components/Employes.js b/src/components/Employes.js index bbf6be5..af9bd53 100644 --- a/src/components/Employes.js +++ b/src/components/Employes.js @@ -3308,15 +3308,15 @@ const Employes = (props) => { const New_Option_Civilite = [ { - value: 'M', + value: 'm', label: 'M', }, { - value: 'Mme', + value: 'mme', label: 'Mme', }, { - value: 'Neutre', + value: 'neutre', label: 'Neutre', }, ]; @@ -7749,8 +7749,6 @@ const Employes = (props) => { - -
@@ -9359,10 +9357,14 @@ const Employes = (props) => { setDialog_1_open_competence(true); }} className="detail_activite" style={{ "background": "#DDF9D4" }}> - + {competence.competence && String(competence.competence).length > 99 && } + + {competence.competence && String(competence.competence).length <= 99 && } + @@ -9387,6 +9391,7 @@ const Employes = (props) => {
+ + + + + + +
+ {/*
Utilisez les filtres !
@@ -2676,1247 +2965,1264 @@ const Partner_Configuration_Technique = (props) => {

-
+
*/} -
-
-
-
-
-   - - // Gestion des cellule "statut" - '& .cell--status--encours': { - backgroundColor: '#E6F7C8', - color: '#1a3e72', - fontWeight: 'light', - }, - '& .cell--status--traite': { - backgroundColor: '#E6CEAA', - color: '#F9E79F', - fontWeight: 'light', - }, +
+
+
+
+
+   + - { - setSelectionModel(newSelectionModel); - /*if (newSelectionModel.length === 1) - handleClick_edit_config_From_Line(newSelectionModel);*/ - if (newSelectionModel.length !== 1) { - setp_detail_config_valeur(); - setp_detail_config_point(); - setConfig_data_changed(); - setconfig_data_edit_mode(); - setdisplay_detail_config(); - - - } - }} - selectionModel={selectionModel} - - localeText={frFR.components.MuiDataGrid.defaultProps.localeText} - rows={rowss.map((item, index) => ( - { - id: index, - _id: JSON.parse(item)._id, - config_name: JSON.parse(item).config_name, - config_value: JSON.parse(item).config_value, - } - ))} - - columns={columns} - pageSize={10} - className="datagridclass" - - onRowDoubleClick={(newSelectionModel) => { - setgridline_id(newSelectionModel.row.id); - - handleClick_edit_config_From_Line(newSelectionModel.row.id); + '& .line--statut--selected': { + backgroundColor: '#FBF2EF', + color: 'black', + }, + '& .line--statut--pair': { + backgroundColor: 'rgba(235, 235, 235, .7)', + color: 'black', + }, + '& .line--statut--impair': { + backgroundColor: '#FFFFFF', + color: 'black', + }, }} + > + { + setSelectionModel(newSelectionModel); + /*if (newSelectionModel.length === 1) + handleClick_edit_config_From_Line(newSelectionModel);*/ + if (newSelectionModel.length !== 1) { + setp_detail_config_valeur(); + setp_detail_config_point(); + setConfig_data_changed(); + setconfig_data_edit_mode(); + setdisplay_detail_config(); - rowsPerPageOptions={[10]} - //disableSelectionOnClick - components={{ - Toolbar: GridToolbar, - }} - //sx={datagridSx} - getCellClassName={(params) => { + } + }} + selectionModel={selectionModel} + + localeText={frFR.components.MuiDataGrid.defaultProps.localeText} + rows={rowss.map((item, index) => ( + { + id: index, + _id: JSON.parse(item)._id, + config_name: JSON.parse(item).config_name, + config_value: JSON.parse(item).config_value, + } + ))} + + columns={columns} + pageSize={10} + className="datagridclass" + + onRowDoubleClick={(newSelectionModel) => { + setgridline_id(newSelectionModel.row.id); + + handleClick_edit_config_From_Line(newSelectionModel.row.id); + + }} - //field === "order_header_status" - if (params.field === "order_header_status" && String(params.value) == "0") { - return 'cell--status--brouillon'; - } - - if (params.field === "order_header_status" && String(params.value) == "1") { - - return 'cell--status--encours'; - } - - if (params.field === "order_header_status" && String(params.value) == "2") { - return 'cell--status--traite'; - } - - if (params.field === "order_header_status" && String(params.value) == "3") { - return 'cell--status--facture'; - } - - }} - getRowClassName={(params) => { - - if (String(params.row.status) === "-1") { - return 'line--statut--annule'; - } - if (String(params.row.status) === "0") { - return 'line--statut--preinscrit'; - } - if (String(params.row.status) === "1") { - return 'line--statut--inscrit'; - } - - // Pour la gestion de la couleur de zone double cliquée - if (String(params.row.id) === String(gridline_id)) { - return 'line--statut--selected'; - } - else if (parseInt(String(params.row.id)) % 2 === 0) { - return 'line--statut--pair'; - } - else if (parseInt(String(params.row.id)) % 2 !== 0) { - return 'line--statut--impair'; - } - }} + rowsPerPageOptions={[10]} + //disableSelectionOnClick + components={{ + Toolbar: GridToolbar, + }} + //sx={datagridSx} + getCellClassName={(params) => { - /> - -
+ //field === "order_header_status" + if (params.field === "order_header_status" && String(params.value) == "0") { + return 'cell--status--brouillon'; + } + + if (params.field === "order_header_status" && String(params.value) == "1") { + + return 'cell--status--encours'; + } + + if (params.field === "order_header_status" && String(params.value) == "2") { + return 'cell--status--traite'; + } + + if (params.field === "order_header_status" && String(params.value) == "3") { + return 'cell--status--facture'; + } + + }} + getRowClassName={(params) => { + + if (String(params.row.status) === "-1") { + return 'line--statut--annule'; + } + if (String(params.row.status) === "0") { + return 'line--statut--preinscrit'; + } + if (String(params.row.status) === "1") { + return 'line--statut--inscrit'; + } + + // Pour la gestion de la couleur de zone double cliquée + if (String(params.row.id) === String(gridline_id)) { + return 'line--statut--selected'; + } + else if (parseInt(String(params.row.id)) % 2 === 0) { + return 'line--statut--pair'; + } + else if (parseInt(String(params.row.id)) % 2 !== 0) { + return 'line--statut--impair'; + } + }} + + + /> + +
+ +
+
-
-
- - {/*
+ {/*
*/} +
+
 
-
 
-
- {display_detail_config && String(display_detail_config) === "1" &&
- {config_data_edit_mode && String(config_data_edit_mode) === "1" && -
Point de configuration
+ {display_detail_config && String(display_detail_config) === "1" &&
+ {config_data_edit_mode && String(config_data_edit_mode) === "1" && +
Point de configuration
- (data).label === String(p_detail_config_point))[0].label} - options={New_Config_Point} - onChange={(event, value) => { + (data).label === String(p_detail_config_point))[0].label} + options={New_Config_Point} + onChange={(event, value) => { - if (value && value.value && value.value === "signature_digital") { - alert(" Vos droits d'accès ne vous permettent pas modifier la configuration : 'signature_digital'"); - return; + if (value && value.value && value.value === "signature_digital") { + alert(" Vos droits d'accès ne vous permettent pas modifier la configuration : 'signature_digital'"); + return; + } + if (value && value.value) { + setp_detail_config_point(value.value); + setConfig_data_changed("1"); + + } + + }} + + renderInput={(params) => } - if (value && value.value) { - setp_detail_config_point(value.value); - setConfig_data_changed("1"); + /> - } - }} - renderInput={(params) => } + {String(config_data_edit_mode) !== "1" && +
Point de configuration
+ - } - /> +
} - -
} - {String(config_data_edit_mode) !== "1" && -
Point de configuration
+ {String(config_data_edit_mode) === "1" &&
Valeur de configuration
{ + if (String(p_detail_config_point) !== "signature_digital") { + setp_detail_config_valeur(e.target.value); + setConfig_data_changed("1"); + } + } + } + /> +
} + {String(config_data_edit_mode) !== "1" &&
Valeur de configuration
+ - -
} - {String(config_data_edit_mode) === "1" &&
Valeur de configuration
- +
+   +
+ {String(Config_data_changed) === "1" && String(config_data_edit_mode) === "1" &&
+ /!\ Pensez à enregistrer les modifications +
} +
- InputLabelProps={{ - shrink: true, - }} - disabled={false} - className="disabled_style" - value={p_detail_config_valeur} - onChange={(e) => { - if (String(p_detail_config_point) !== "signature_digital") { - setp_detail_config_valeur(e.target.value); - setConfig_data_changed("1"); - } - } - } - /> -
} + {String(config_data_edit_mode) === "1" && String(Config_data_changed) === "1" &&
- {String(config_data_edit_mode) !== "1" &&
Valeur de configuration
- Enregistrer les modifications + - InputLabelProps={{ - shrink: true, - }} - disabled={false} - className="disabled_style" - value={p_detail_config_valeur} +
} - /> -
} + {String(config_data_edit_mode) === "1" &&
+ +
} +
-
-
-   -
- {String(Config_data_changed) === "1" && String(config_data_edit_mode) === "1" &&
- /!\ Pensez à enregistrer les modifications -
} -
- {String(config_data_edit_mode) === "1" && String(Config_data_changed) === "1" &&
+ {String(config_data_edit_mode) !== "1" &&
-
} - - {String(config_data_edit_mode) === "1" &&
- -
} +
+   +
+
+ } +
+
} - {String(config_data_edit_mode) !== "1" &&
+ {/*** Type de clients */} + {String(submenu) === "type_client" &&
+
+
+
+
- +
+   + } + // Gestion des cellule "statut" + '& .cell--status--encours': { + backgroundColor: '#E6F7C8', + color: '#1a3e72', + fontWeight: 'light', + }, + '& .cell--status--traite': { + backgroundColor: '#E6CEAA', + color: '#F9E79F', + fontWeight: 'light', + }, + + + + + /*"& .MuiDataGrid-virtualScrollerRenderZone": { + "& .MuiDataGrid-row": { + "&:nth-child(2n)": { backgroundColor: "rgba(235, 235, 235, .7)" } + } + },*/ + "& .MuiDataGrid-columnHeaders": { + backgroundColor: "#c8cfd5", + color: "black", + fontSize: 14 + }, + + '& .line--statut--selected': { + backgroundColor: '#FBF2EF', + color: 'black', + }, + '& .line--statut--pair': { + backgroundColor: 'rgba(235, 235, 235, .7)', + color: 'black', + }, + '& .line--statut--impair': { + backgroundColor: '#FFFFFF', + color: 'black', + }, + + }} + > + { + setselectionModel_type_client(newSelectionModel); + + }} + selectionModel={selectionModel_type_client} + + localeText={frFR.components.MuiDataGrid.defaultProps.localeText} + rows={Getall_Parter_type_client_result.map((item, index) => ( + { + id: index, + _id: JSON.parse(item)._id, + code: JSON.parse(item).code, + description: JSON.parse(item).description, + is_financeur: JSON.parse(item).is_financeur, + is_client: JSON.parse(item).is_client, + is_fournisseur: JSON.parse(item).is_fournisseur, + + } + ))} + + columns={columns_type_client} + pageSize={10} + className="datagridclass" + + onRowDoubleClick={(newSelectionModel) => { + //setgridline_id(newSelectionModel.row.id); + handleClick_edit_config_From_Client_Type(newSelectionModel.row.id); + + }} + + + rowsPerPageOptions={[10]} + //disableSelectionOnClick + components={{ + Toolbar: GridToolbar, + }} + //sx={datagridSx} + getCellClassName={(params) => { + + + //field === "order_header_status" + if (params.field === "order_header_status" && String(params.value) == "0") { + return 'cell--status--brouillon'; + } + + if (params.field === "order_header_status" && String(params.value) == "1") { + + return 'cell--status--encours'; + } + + if (params.field === "order_header_status" && String(params.value) == "2") { + return 'cell--status--traite'; + } + + if (params.field === "order_header_status" && String(params.value) == "3") { + return 'cell--status--facture'; + } + + }} + getRowClassName={(params) => { + + if (String(params.row.status) === "-1") { + return 'line--statut--annule'; + } + if (String(params.row.status) === "0") { + return 'line--statut--preinscrit'; + } + if (String(params.row.status) === "1") { + return 'line--statut--inscrit'; + } + + // Pour la gestion de la couleur de zone double cliquée + if (String(params.row.id) === String(gridline_id)) { + return 'line--statut--selected'; + } + else if (parseInt(String(params.row.id)) % 2 === 0) { + return 'line--statut--pair'; + } + else if (parseInt(String(params.row.id)) % 2 !== 0) { + return 'line--statut--impair'; + } + }} + + + /> + +
+ +
+ +
+ +
-   + +
+ +
+
 
- } -
+
} -
-
+ {/*** Sites de formation */} + {String(submenu) === "site" &&
+
+
+
+
-

Les types de client

-
-
+
+   + -   - - { - setselectionModel_type_client(newSelectionModel); + '& .line--statut--selected': { + backgroundColor: '#FBF2EF', + color: 'black', + }, + '& .line--statut--pair': { + backgroundColor: 'rgba(235, 235, 235, .7)', + color: 'black', + }, + '& .line--statut--impair': { + backgroundColor: '#FFFFFF', + color: 'black', + }, }} - selectionModel={selectionModel_type_client} + > + { + setselectionModel_site_ftion(newSelectionModel); - localeText={frFR.components.MuiDataGrid.defaultProps.localeText} - rows={Getall_Parter_type_client_result.map((item, index) => ( - { - id: index, - _id: JSON.parse(item)._id, - code: JSON.parse(item).code, - description: JSON.parse(item).description, - is_financeur: JSON.parse(item).is_financeur, - is_client: JSON.parse(item).is_client, - is_fournisseur: JSON.parse(item).is_fournisseur, + }} + selectionModel={selectionModel_site_ftion} - } - ))} + localeText={frFR.components.MuiDataGrid.defaultProps.localeText} + rows={Getall_Partner_Site_Formation_result.map((item, index) => ( + { + id: index, + _id: JSON.parse(item)._id, + code_site: JSON.parse(item).code_site, + nom_site: JSON.parse(item).nom_site, + description: JSON.parse(item).description, + site_adr: JSON.parse(item).site_adr, + site_cp: JSON.parse(item).site_cp, + site_ville: JSON.parse(item).site_ville, + site_pays: JSON.parse(item).site_pays, + telephone: JSON.parse(item).telephone, + email: JSON.parse(item).email, + site_rattachement_id: JSON.parse(item).site_rattachement_id, + site_rattachement_nom: JSON.parse(item).site_rattachement_nom, - columns={columns_type_client} - pageSize={10} - className="datagridclass" + } + ))} - onRowDoubleClick={(newSelectionModel) => { - //setgridline_id(newSelectionModel.row.id); - handleClick_edit_config_From_Client_Type(newSelectionModel.row.id); + columns={columns_site_formation} + pageSize={10} + className="datagridclass" - }} + onRowDoubleClick={(newSelectionModel) => { + setgridline_site_ftion_id(newSelectionModel.row.id); + setselected_site_ftion_id(newSelectionModel.row._id); + + setp_detail_code_site_stored(newSelectionModel.row.code_site); + setp_detail_code_site(newSelectionModel.row.code_site); + setp_detail_nom_site(newSelectionModel.row.nom_site); + setp_detail_site_adr(newSelectionModel.row.site_adr); + setp_detail_site_cp(newSelectionModel.row.site_cp); + setp_detail_site_ville(newSelectionModel.row.site_ville); + setp_detail_site_pays(newSelectionModel.row.site_pays); + setp_detail_site_telephone(newSelectionModel.row.telephone); + setp_detail_site_email(newSelectionModel.row.email); + setp_detail_site_description(newSelectionModel.row.description); + setp_detail_site_rattachement_id(newSelectionModel.row.site_rattachement_id); + setp_detail_site_rattachement_nom(newSelectionModel.row.site_rattachement_nom); + + setDialog_site_ftion_1_open(true); + + }} - rowsPerPageOptions={[10]} - //disableSelectionOnClick - components={{ - Toolbar: GridToolbar, - }} - //sx={datagridSx} - getCellClassName={(params) => { + rowsPerPageOptions={[10]} + //disableSelectionOnClick + components={{ + Toolbar: GridToolbar, + }} + //sx={datagridSx} + getCellClassName={(params) => { - //field === "order_header_status" - if (params.field === "order_header_status" && String(params.value) == "0") { - return 'cell--status--brouillon'; - } + //field === "order_header_status" + if (params.field === "order_header_status" && String(params.value) == "0") { + return 'cell--status--brouillon'; + } - if (params.field === "order_header_status" && String(params.value) == "1") { + if (params.field === "order_header_status" && String(params.value) == "1") { - return 'cell--status--encours'; - } + return 'cell--status--encours'; + } - if (params.field === "order_header_status" && String(params.value) == "2") { - return 'cell--status--traite'; - } + if (params.field === "order_header_status" && String(params.value) == "2") { + return 'cell--status--traite'; + } - if (params.field === "order_header_status" && String(params.value) == "3") { - return 'cell--status--facture'; - } + if (params.field === "order_header_status" && String(params.value) == "3") { + return 'cell--status--facture'; + } - }} - getRowClassName={(params) => { + }} + getRowClassName={(params) => { - if (String(params.row.status) === "-1") { - return 'line--statut--annule'; - } - if (String(params.row.status) === "0") { - return 'line--statut--preinscrit'; - } - if (String(params.row.status) === "1") { - return 'line--statut--inscrit'; - } + if (String(params.row.status) === "-1") { + return 'line--statut--annule'; + } + if (String(params.row.status) === "0") { + return 'line--statut--preinscrit'; + } + if (String(params.row.status) === "1") { + return 'line--statut--inscrit'; + } - // Pour la gestion de la couleur de zone double cliquée - if (String(params.row.id) === String(gridline_id)) { - return 'line--statut--selected'; - } - else if (parseInt(String(params.row.id)) % 2 === 0) { - return 'line--statut--pair'; - } - else if (parseInt(String(params.row.id)) % 2 !== 0) { - return 'line--statut--impair'; - } - }} + // Pour la gestion de la couleur de zone double cliquée + if (String(params.row.id) === String(gridline_id)) { + return 'line--statut--selected'; + } + else if (parseInt(String(params.row.id)) % 2 === 0) { + return 'line--statut--pair'; + } + else if (parseInt(String(params.row.id)) % 2 !== 0) { + return 'line--statut--impair'; + } + }} - /> - -
+ /> +
+
+ +
+
-
-
+
+ + setDialog_site_ftion_1_open(true); + + + }} + className="detail_class_submenu bton_add_session" + id='menu_import_participant' name='menu_import_participant'>Ajout 1 site de formation   + + + +
+
 
-
 
+
+
} -
+ {/*** Conditions de paiement */} + {String(submenu) === "condition_paiement" &&
+
+
-
-
+ +
+
-

Les sites de formation

-
-
+
+   + -   - - { - setselectionModel_site_ftion(newSelectionModel); + '& .line--statut--selected': { + backgroundColor: '#FBF2EF', + color: 'black', + }, + '& .line--statut--pair': { + backgroundColor: 'rgba(235, 235, 235, .7)', + color: 'black', + }, + '& .line--statut--impair': { + backgroundColor: '#FFFFFF', + color: 'black', + }, }} - selectionModel={selectionModel_site_ftion} + > + { + setselectionModel_paiement_ction(newSelectionModel); - localeText={frFR.components.MuiDataGrid.defaultProps.localeText} - rows={Getall_Partner_Site_Formation_result.map((item, index) => ( - { - id: index, - _id: JSON.parse(item)._id, - code_site: JSON.parse(item).code_site, - nom_site: JSON.parse(item).nom_site, - description: JSON.parse(item).description, - site_adr: JSON.parse(item).site_adr, - site_cp: JSON.parse(item).site_cp, - site_ville: JSON.parse(item).site_ville, - site_pays: JSON.parse(item).site_pays, - telephone: JSON.parse(item).telephone, - email: JSON.parse(item).email, - site_rattachement_id: JSON.parse(item).site_rattachement_id, - site_rattachement_nom: JSON.parse(item).site_rattachement_nom, + }} + selectionModel={selectionModel_paiement_ction} - } - ))} + localeText={frFR.components.MuiDataGrid.defaultProps.localeText} + rows={Getall_Partner_Paiement_Condition_result.map((item, index) => ( + { + id: index, + _id: JSON.parse(item)._id, + code: JSON.parse(item).code, + description: JSON.parse(item).description, + nb_jour: JSON.parse(item).nb_jour, + depart: JSON.parse(item).depart, + } + ))} - columns={columns_site_formation} - pageSize={10} - className="datagridclass" + columns={columns_paiement_condition} + pageSize={10} + className="datagridclass" - onRowDoubleClick={(newSelectionModel) => { - setgridline_site_ftion_id(newSelectionModel.row.id); - setselected_site_ftion_id(newSelectionModel.row._id); + onRowDoubleClick={(newSelectionModel) => { + setgridline_paiement_ction_id(newSelectionModel.row.id); + setselected_paiement_id(newSelectionModel.row._id); - setp_detail_code_site_stored(newSelectionModel.row.code_site); - setp_detail_code_site(newSelectionModel.row.code_site); - setp_detail_nom_site(newSelectionModel.row.nom_site); - setp_detail_site_adr(newSelectionModel.row.site_adr); - setp_detail_site_cp(newSelectionModel.row.site_cp); - setp_detail_site_ville(newSelectionModel.row.site_ville); - setp_detail_site_pays(newSelectionModel.row.site_pays); - setp_detail_site_telephone(newSelectionModel.row.telephone); - setp_detail_site_email(newSelectionModel.row.email); - setp_detail_site_description(newSelectionModel.row.description); - setp_detail_site_rattachement_id(newSelectionModel.row.site_rattachement_id); - setp_detail_site_rattachement_nom(newSelectionModel.row.site_rattachement_nom); + setp_detail_paiement_code(newSelectionModel.row.code); + setp_detail_paiement_description(newSelectionModel.row.description); + setp_detail_paiement_nb_jour(newSelectionModel.row.nb_jour); + setp_detail_paiement_depart(newSelectionModel.row.depart); - setDialog_site_ftion_1_open(true); + setDialog_paiement_ction_1_open(true); - }} + }} - rowsPerPageOptions={[10]} - //disableSelectionOnClick - components={{ - Toolbar: GridToolbar, - }} - //sx={datagridSx} - getCellClassName={(params) => { + rowsPerPageOptions={[10]} + //disableSelectionOnClick + components={{ + Toolbar: GridToolbar, + }} + //sx={datagridSx} + getCellClassName={(params) => { - //field === "order_header_status" - if (params.field === "order_header_status" && String(params.value) == "0") { - return 'cell--status--brouillon'; - } + //field === "order_header_status" + if (params.field === "order_header_status" && String(params.value) == "0") { + return 'cell--status--brouillon'; + } - if (params.field === "order_header_status" && String(params.value) == "1") { + if (params.field === "order_header_status" && String(params.value) == "1") { - return 'cell--status--encours'; - } + return 'cell--status--encours'; + } - if (params.field === "order_header_status" && String(params.value) == "2") { - return 'cell--status--traite'; - } + if (params.field === "order_header_status" && String(params.value) == "2") { + return 'cell--status--traite'; + } - if (params.field === "order_header_status" && String(params.value) == "3") { - return 'cell--status--facture'; - } + if (params.field === "order_header_status" && String(params.value) == "3") { + return 'cell--status--facture'; + } - }} - getRowClassName={(params) => { + }} + getRowClassName={(params) => { - if (String(params.row.status) === "-1") { - return 'line--statut--annule'; - } - if (String(params.row.status) === "0") { - return 'line--statut--preinscrit'; - } - if (String(params.row.status) === "1") { - return 'line--statut--inscrit'; - } + if (String(params.row.status) === "-1") { + return 'line--statut--annule'; + } + if (String(params.row.status) === "0") { + return 'line--statut--preinscrit'; + } + if (String(params.row.status) === "1") { + return 'line--statut--inscrit'; + } - // Pour la gestion de la couleur de zone double cliquée - if (String(params.row.id) === String(gridline_id)) { - return 'line--statut--selected'; - } - else if (parseInt(String(params.row.id)) % 2 === 0) { - return 'line--statut--pair'; - } - else if (parseInt(String(params.row.id)) % 2 !== 0) { - return 'line--statut--impair'; - } - }} + // Pour la gestion de la couleur de zone double cliquée + if (String(params.row.id) === String(gridline_id)) { + return 'line--statut--selected'; + } + else if (parseInt(String(params.row.id)) % 2 === 0) { + return 'line--statut--pair'; + } + else if (parseInt(String(params.row.id)) % 2 !== 0) { + return 'line--statut--impair'; + } + }} - /> - -
+ /> +
+
+ +
+
-
-
+
+ + +
+
 
-
 
+
+
} -
+ {/*** Etapes d'opportunité */} + {String(submenu) === "etape_opportunite" &&
+
+
-
-
+ +
+
-

Les conditions de paiement

-
-
+
+   + -   - - { - setselectionModel_paiement_ction(newSelectionModel); + '& .line--statut--selected': { + backgroundColor: '#FBF2EF', + color: 'black', + }, + '& .line--statut--pair': { + backgroundColor: 'rgba(235, 235, 235, .7)', + color: 'black', + }, + '& .line--statut--impair': { + backgroundColor: '#FFFFFF', + color: 'black', + }, }} - selectionModel={selectionModel_paiement_ction} + > + { + setselectionModel_crm_opportunite_etape(newSelectionModel); - localeText={frFR.components.MuiDataGrid.defaultProps.localeText} - rows={Getall_Partner_Paiement_Condition_result.map((item, index) => ( - { - id: index, - _id: JSON.parse(item)._id, - code: JSON.parse(item).code, - description: JSON.parse(item).description, - nb_jour: JSON.parse(item).nb_jour, - depart: JSON.parse(item).depart, - } - ))} + }} + selectionModel={selectionModel_crm_opportunite_etape} - columns={columns_paiement_condition} - pageSize={10} - className="datagridclass" + localeText={frFR.components.MuiDataGrid.defaultProps.localeText} + rows={Getall_Partner_CRM_Opportunite_Etape_result.map((item, index) => ( + { + id: index, + _id: JSON.parse(item)._id, + code: JSON.parse(item).code, + description: JSON.parse(item).description, + rang: JSON.parse(item).rang, - onRowDoubleClick={(newSelectionModel) => { - setgridline_paiement_ction_id(newSelectionModel.row.id); - setselected_paiement_id(newSelectionModel.row._id); + } + ))} - setp_detail_paiement_code(newSelectionModel.row.code); - setp_detail_paiement_description(newSelectionModel.row.description); - setp_detail_paiement_nb_jour(newSelectionModel.row.nb_jour); - setp_detail_paiement_depart(newSelectionModel.row.depart); + columns={columns_crm_opportune_etape} + pageSize={10} + className="datagridclass" - setDialog_paiement_ction_1_open(true); + onRowDoubleClick={(newSelectionModel) => { + setgridline_crm_opport_id(newSelectionModel.row.id); + setselected_crm_opport_etape_id(newSelectionModel.row._id); - }} + setp_detail_crm_opport_code(newSelectionModel.row.code); + setp_detail_crm_opport_description(newSelectionModel.row.description); + setp_detail_crm_opport_rang(newSelectionModel.row.rang); + + setDialog_crm_opport_1_open(true); + + }} - rowsPerPageOptions={[10]} - //disableSelectionOnClick - components={{ - Toolbar: GridToolbar, - }} - //sx={datagridSx} - getCellClassName={(params) => { + rowsPerPageOptions={[10]} + //disableSelectionOnClick + components={{ + Toolbar: GridToolbar, + }} + //sx={datagridSx} + getCellClassName={(params) => { - //field === "order_header_status" - if (params.field === "order_header_status" && String(params.value) == "0") { - return 'cell--status--brouillon'; - } + //field === "order_header_status" + if (params.field === "order_header_status" && String(params.value) == "0") { + return 'cell--status--brouillon'; + } - if (params.field === "order_header_status" && String(params.value) == "1") { + if (params.field === "order_header_status" && String(params.value) == "1") { - return 'cell--status--encours'; - } + return 'cell--status--encours'; + } - if (params.field === "order_header_status" && String(params.value) == "2") { - return 'cell--status--traite'; - } + if (params.field === "order_header_status" && String(params.value) == "2") { + return 'cell--status--traite'; + } - if (params.field === "order_header_status" && String(params.value) == "3") { - return 'cell--status--facture'; - } + if (params.field === "order_header_status" && String(params.value) == "3") { + return 'cell--status--facture'; + } - }} - getRowClassName={(params) => { + }} + getRowClassName={(params) => { - if (String(params.row.status) === "-1") { - return 'line--statut--annule'; - } - if (String(params.row.status) === "0") { - return 'line--statut--preinscrit'; - } - if (String(params.row.status) === "1") { - return 'line--statut--inscrit'; - } + if (String(params.row.status) === "-1") { + return 'line--statut--annule'; + } + if (String(params.row.status) === "0") { + return 'line--statut--preinscrit'; + } + if (String(params.row.status) === "1") { + return 'line--statut--inscrit'; + } - // Pour la gestion de la couleur de zone double cliquée - if (String(params.row.id) === String(gridline_id)) { - return 'line--statut--selected'; - } - else if (parseInt(String(params.row.id)) % 2 === 0) { - return 'line--statut--pair'; - } - else if (parseInt(String(params.row.id)) % 2 !== 0) { - return 'line--statut--impair'; - } - }} + // Pour la gestion de la couleur de zone double cliquée + if (String(params.row.id) === String(gridline_id)) { + return 'line--statut--selected'; + } + else if (parseInt(String(params.row.id)) % 2 === 0) { + return 'line--statut--pair'; + } + else if (parseInt(String(params.row.id)) % 2 !== 0) { + return 'line--statut--impair'; + } + }} - /> - -
+ /> +
+
+ +
+
-
-
+
+ + +
+
 
-
 
+
-
+
} -
-
-

CRM Les étapes d'opportunité

-
-
+ {/*** Compétences */} + {String(submenu) === "competence" &&
+
+
-
-   - +
- // Gestion des cellule "statut" - '& .cell--status--encours': { - backgroundColor: '#E6F7C8', - color: '#1a3e72', - fontWeight: 'light', - }, - '& .cell--status--traite': { - backgroundColor: '#E6CEAA', - color: '#F9E79F', - fontWeight: 'light', - }, +
+   + - { - setselectionModel_crm_opportunite_etape(newSelectionModel); + '& .line--statut--selected': { + backgroundColor: '#FBF2EF', + color: 'black', + }, + '& .line--statut--pair': { + backgroundColor: 'rgba(235, 235, 235, .7)', + color: 'black', + }, + '& .line--statut--impair': { + backgroundColor: '#FFFFFF', + color: 'black', + }, }} - selectionModel={selectionModel_crm_opportunite_etape} + > + { + setselectionModel_competence(newSelectionModel); - localeText={frFR.components.MuiDataGrid.defaultProps.localeText} - rows={Getall_Partner_CRM_Opportunite_Etape_result.map((item, index) => ( - { - id: index, - _id: JSON.parse(item)._id, - code: JSON.parse(item).code, - description: JSON.parse(item).description, - rang: JSON.parse(item).rang, + }} + selectionModel={selectionModel_competence} - } - ))} + localeText={frFR.components.MuiDataGrid.defaultProps.localeText} + rows={Getall_Partner_Competence_List_result.map((item, index) => ( + { + id: index, + _id: JSON.parse(item)._id, + description: JSON.parse(item).description, + domaine: JSON.parse(item).domaine, + metier: JSON.parse(item).metier, + commentaire: JSON.parse(item).commentaire, - columns={columns_crm_opportune_etape} - pageSize={10} - className="datagridclass" + } + ))} - onRowDoubleClick={(newSelectionModel) => { - setgridline_crm_opport_id(newSelectionModel.row.id); - setselected_crm_opport_etape_id(newSelectionModel.row._id); + columns={columns_list_competence} + pageSize={10} + className="datagridclass" - setp_detail_crm_opport_code(newSelectionModel.row.code); - setp_detail_crm_opport_description(newSelectionModel.row.description); - setp_detail_crm_opport_rang(newSelectionModel.row.rang); + onRowDoubleClick={(newSelectionModel) => { + setgridline_competence_id(newSelectionModel.row.id); + setselected_competence_id(newSelectionModel.row._id); - setDialog_crm_opport_1_open(true); + setp_detail_competence_description(newSelectionModel.row.description); + setp_detail_competence_domaine(newSelectionModel.row.domaine); + setp_detail_competence_metier(newSelectionModel.row.metier); + setp_detail_competence_commentaire(newSelectionModel.row.commentaire); - }} + setDialog_competence_1_open(true); + + }} - rowsPerPageOptions={[10]} - //disableSelectionOnClick - components={{ - Toolbar: GridToolbar, - }} - //sx={datagridSx} - getCellClassName={(params) => { + rowsPerPageOptions={[10]} + //disableSelectionOnClick + components={{ + Toolbar: GridToolbar, + }} + //sx={datagridSx} + getCellClassName={(params) => { - //field === "order_header_status" - if (params.field === "order_header_status" && String(params.value) == "0") { - return 'cell--status--brouillon'; - } + //field === "order_header_status" + if (params.field === "order_header_status" && String(params.value) == "0") { + return 'cell--status--brouillon'; + } - if (params.field === "order_header_status" && String(params.value) == "1") { + if (params.field === "order_header_status" && String(params.value) == "1") { - return 'cell--status--encours'; - } + return 'cell--status--encours'; + } - if (params.field === "order_header_status" && String(params.value) == "2") { - return 'cell--status--traite'; - } + if (params.field === "order_header_status" && String(params.value) == "2") { + return 'cell--status--traite'; + } - if (params.field === "order_header_status" && String(params.value) == "3") { - return 'cell--status--facture'; - } + if (params.field === "order_header_status" && String(params.value) == "3") { + return 'cell--status--facture'; + } - }} - getRowClassName={(params) => { + }} + getRowClassName={(params) => { - if (String(params.row.status) === "-1") { - return 'line--statut--annule'; - } - if (String(params.row.status) === "0") { - return 'line--statut--preinscrit'; - } - if (String(params.row.status) === "1") { - return 'line--statut--inscrit'; - } + if (String(params.row.status) === "-1") { + return 'line--statut--annule'; + } + if (String(params.row.status) === "0") { + return 'line--statut--preinscrit'; + } + if (String(params.row.status) === "1") { + return 'line--statut--inscrit'; + } - // Pour la gestion de la couleur de zone double cliquée - if (String(params.row.id) === String(gridline_id)) { - return 'line--statut--selected'; - } - else if (parseInt(String(params.row.id)) % 2 === 0) { - return 'line--statut--pair'; - } - else if (parseInt(String(params.row.id)) % 2 !== 0) { - return 'line--statut--impair'; - } - }} + // Pour la gestion de la couleur de zone double cliquée + if (String(params.row.id) === String(gridline_id)) { + return 'line--statut--selected'; + } + else if (parseInt(String(params.row.id)) % 2 === 0) { + return 'line--statut--pair'; + } + else if (parseInt(String(params.row.id)) % 2 !== 0) { + return 'line--statut--impair'; + } + }} - /> - -
+ /> + +
+ +
+
-
-
+
+ -
-
-
 
-
- -
- -
-
- -

Liste des compétences

-
-
- -
-   - - { - setselectionModel_competence(newSelectionModel); - - }} - selectionModel={selectionModel_competence} - - localeText={frFR.components.MuiDataGrid.defaultProps.localeText} - rows={Getall_Partner_Competence_List_result.map((item, index) => ( - { - id: index, - _id: JSON.parse(item)._id, - description: JSON.parse(item).description, - domaine: JSON.parse(item).domaine, - metier: JSON.parse(item).metier, - commentaire: JSON.parse(item).commentaire, - - } - ))} - - columns={columns_list_competence} - pageSize={10} - className="datagridclass" - - onRowDoubleClick={(newSelectionModel) => { - setgridline_competence_id(newSelectionModel.row.id); - setselected_competence_id(newSelectionModel.row._id); - - setp_detail_competence_description(newSelectionModel.row.description); - setp_detail_competence_domaine(newSelectionModel.row.domaine); - setp_detail_competence_metier(newSelectionModel.row.metier); - setp_detail_competence_commentaire(newSelectionModel.row.commentaire); - - setDialog_competence_1_open(true); - - }} - - - rowsPerPageOptions={[10]} - //disableSelectionOnClick - components={{ - Toolbar: GridToolbar, - }} - //sx={datagridSx} - getCellClassName={(params) => { - - - //field === "order_header_status" - if (params.field === "order_header_status" && String(params.value) == "0") { - return 'cell--status--brouillon'; - } - - if (params.field === "order_header_status" && String(params.value) == "1") { - - return 'cell--status--encours'; - } - - if (params.field === "order_header_status" && String(params.value) == "2") { - return 'cell--status--traite'; - } - - if (params.field === "order_header_status" && String(params.value) == "3") { - return 'cell--status--facture'; - } - - }} - getRowClassName={(params) => { - - if (String(params.row.status) === "-1") { - return 'line--statut--annule'; - } - if (String(params.row.status) === "0") { - return 'line--statut--preinscrit'; - } - if (String(params.row.status) === "1") { - return 'line--statut--inscrit'; - } - - // Pour la gestion de la couleur de zone double cliquée - if (String(params.row.id) === String(gridline_id)) { - return 'line--statut--selected'; - } - else if (parseInt(String(params.row.id)) % 2 === 0) { - return 'line--statut--pair'; - } - else if (parseInt(String(params.row.id)) % 2 !== 0) { - return 'line--statut--impair'; - } - }} - - - /> - -
+ }} + className="detail_class_submenu bton_add_session" + id='menu_import_participant' name='menu_import_participant'>Ajout 1 compétence   + +
-
- +
 
-
-
- -
-
-
 
- -
+
}
) } diff --git a/src/styles/components/_addclassmanual.scss b/src/styles/components/_addclassmanual.scss index e7cb3bc..47abd20 100644 --- a/src/styles/components/_addclassmanual.scss +++ b/src/styles/components/_addclassmanual.scss @@ -371,6 +371,15 @@ font-size: small; padding-left: 5px; } + + + .div_row_list_pj { + width: 100%; + border-left: 3mm ridge rgba(211, 220, 50, .6); + float: left; + } + + } @media only screen and (min-width: 601px) and (max-width: 991px) { @@ -789,6 +798,12 @@ } + .div_row_list_pj { + width: 50%; + border-left: 3mm ridge rgba(211, 220, 50, .6); + float: left; + } + } @media only screen and (min-width: 992px) and (max-width: 1199px) { @@ -1207,6 +1222,12 @@ } + .div_row_list_pj { + width: 30%; + border-left: 3mm ridge rgba(211, 220, 50, .6); + float: left; + } + } @media only screen and (min-width: 1200px) { @@ -1641,6 +1662,12 @@ padding: 0px !important; } + .div_row_list_pj { + width: 30%; + border-left: 3mm ridge rgba(211, 220, 50, .6); + float: left; +} + // - end media } diff --git a/src/styles/components/_apprenant.scss b/src/styles/components/_apprenant.scss index e4d23bc..e12dc5d 100644 --- a/src/styles/components/_apprenant.scss +++ b/src/styles/components/_apprenant.scss @@ -1262,7 +1262,7 @@ margin-top: 11rem; } - + .div_row_list_pj { width: 50%; border-left: 3mm ridge rgba(211, 220, 50, .6); diff --git a/src/styles/components/_partner.scss b/src/styles/components/_partner.scss index 63180db..6f76324 100644 --- a/src/styles/components/_partner.scss +++ b/src/styles/components/_partner.scss @@ -2062,10 +2062,13 @@ margin-bottom: 1rem !important; list-style-type: none !important; border: none !important; - font-size: 13px; + font-size: 12px; text-align: left; } + + + .rs-dropdown-menu { width: 100% !important; box-shadow: none !important; diff --git a/src/styles/components/_partner_configuration_technique.scss b/src/styles/components/_partner_configuration_technique.scss index 4478e38..6ef14e5 100644 --- a/src/styles/components/_partner_configuration_technique.scss +++ b/src/styles/components/_partner_configuration_technique.scss @@ -107,7 +107,7 @@ border: 1px solid #9cf; color: #3b3e40; font-family: "verdana", "Quicksand", "Signika", sans-serif; - font-size: small; + font-size: x-small; letter-spacing: 0.1rem; font-weight: normal; width: 100%; @@ -658,12 +658,12 @@ margin-right: 1rem; padding: 0.3rem; margin-bottom: 0.5rem; - width: 11rem; + min-width: 15rem; text-align: center; border: 1px solid #9cf; color: #3b3e40; font-family: "verdana", "Quicksand", "Signika", sans-serif; - font-size: small; + font-size: x-small; letter-spacing: 0.1rem; font-weight: normal; } @@ -1255,12 +1255,12 @@ margin-right: 1rem; padding: 0.3rem; margin-bottom: 0.5rem; - width: 11rem; + min-width: 15rem; text-align: center; border: 1px solid #9cf; color: #3b3e40; font-family: "verdana", "Quicksand", "Signika", sans-serif; - font-size: small; + font-size: x-small; letter-spacing: 0.1rem; font-weight: normal; } @@ -1732,12 +1732,12 @@ margin-right: 1rem; padding: 0.3rem; margin-bottom: 0.5rem; - min-width: 12rem; + min-width: 15rem; text-align: center; border: 1px solid #9cf; color: #3b3e40; font-family: "verdana", "Quicksand", "Signika", sans-serif; - font-size: small; + font-size: x-small; letter-spacing: 0.1rem; font-weight: normal; }