From 5b2905b553799fa594ce596353dcf59bb8eb2420 Mon Sep 17 00:00:00 2001 From: cherif Date: Sun, 10 Sep 2023 18:21:05 +0200 Subject: [PATCH] 10/09/2023 - 18h30 --- src/components/Config_Document.js | 1466 +++++++++++++ src/components/Inscription_Information.js | 47 +- src/components/Partner.js | 60 +- src/components/TestUrl_new.js | 1 - src/styles/components/_config_document.scss | 2192 +++++++++++++++++++ src/styles/index.scss | 1 + 6 files changed, 3730 insertions(+), 37 deletions(-) create mode 100644 src/components/Config_Document.js create mode 100644 src/styles/components/_config_document.scss diff --git a/src/components/Config_Document.js b/src/components/Config_Document.js new file mode 100644 index 0000000..625b847 --- /dev/null +++ b/src/components/Config_Document.js @@ -0,0 +1,1466 @@ +import React, { useRef, useState, useEffect } from "react"; +import TextField from '@mui/material/TextField'; +import MenuItem from '@mui/material/MenuItem'; +import 'react-confirm-alert/src/react-confirm-alert.css'; // Import css +import Button from '@mui/material/Button'; +import axios from "axios"; +import { getCookie, setCookie } from 'react-use-cookie'; +import { useHistory } from "react-router-dom"; +import CheckOut from "./CheckOut"; +import { DataGrid, GridToolbar, frFR } from '@mui/x-data-grid'; +import "react-draft-wysiwyg/dist/react-draft-wysiwyg.css"; +import { Editor } from '@tinymce/tinymce-react'; +import parse from 'html-react-parser'; +import { FcViewDetails, FcDisapprove } from "react-icons/fc"; +import 'react-tooltip/dist/react-tooltip.css' +import { Tooltip } from 'react-tooltip' +import add_plus from "../mysy_img/plus.png"; +import excel_icone from "../mysy_img/excel_icone.png"; +import participants from "../mysy_img/participants.png"; +import fileDownload from 'js-file-download' +import Popup from 'reactjs-popup'; +import 'reactjs-popup/dist/index.css'; +import { FcCancel, FcApproval, FcAcceptDatabase, FcPrint } from "react-icons/fc"; +import DatePicker from "react-datepicker"; +import "react-datepicker/dist/react-datepicker.css"; +import { format } from 'date-fns' +import moment from "moment"; +import InputAdornment from '@mui/material/InputAdornment'; +import { AiFillCloseCircle } from "react-icons/ai"; +import Box from '@mui/material/Box'; +import { Typography, LinearProgress } from '@mui/material'; +import styled from 'styled-components'; +import { CiTrash } from "react-icons/ci"; +import { MdAddCircleOutline, MdRemoveCircleOutline } from "react-icons/md"; +import Dialog from '@mui/material/Dialog'; +import DialogActions from '@mui/material/DialogActions'; +import DialogContent from '@mui/material/DialogContent'; +import DialogContentText from '@mui/material/DialogContentText'; +import DialogTitle from '@mui/material/DialogTitle'; +import { TransitionProps } from '@mui/material/transitions'; + +const Config_Documents = (props) => { + const history = useHistory(); + const [submenu, setsubmenu] = useState(""); + const [rowss, setRows] = useState([]); + const [selectionModel, setSelectionModel] = React.useState([]); + const editorRef_programme = useRef(null); + const [editorRef_programme_limite, seteditorRef_programme] = useState(1000); + const [field_programme, setfield_programme] = useState(""); + const [editor_tochange, seteditor_tochange] = useState(""); + + var date_today_90j = new Date(); + date_today_90j.setDate(date_today_90j.getDate() + 90); + + const columns = [ + { field: '_id', headerName: '_id', hide: true }, + { field: 'id', headerName: 'id', hide: true }, + { field: 'nom', headerName: 'nom', width: 150, hideable: false, }, + { field: 'ref_interne', headerName: 'ref_interne', width: 150, hideable: false, }, + { field: 'type_doc', headerName: 'type_doc', width: 150, hideable: false, }, + { field: 'cible', headerName: 'cible', width: 150, hide: false, editable: true }, + { field: 'sujet', headerName: 'sujet', width: 150, hide: false, editable: true }, + + + /*{ + field: "Detail", headerName: 'Voir detail', + renderCell: (cellValues) => { + return ( + + + + ); + } + },*/ + { + field: "delete", headerName: 'Supprimer', + renderCell: (cellValues) => { + return ( + + { + // handleClick_delete(event, cellValues); + }} + > + + + } + modal + nested + position="center center" + > + {close => ( +
+ +
MySy Information
+
+ {' '} + + En confirmant cette opération, l'employé sera définitivement supprimé.
+ +
+
+
+ + +
+
+ +
+
+
+ )} +
+ + + ); + } + } + + ] + + + + 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(); + + const [p_filtre4, setp_filtre4] = useState(); + const [p_filtre4_value, setp_filtre4_value] = useState(); + + const myRef = useRef(null) + const myRef_head = useRef(null); + + const [Dialog_1_message, setDialog_1_message] = React.useState(false); + const [Dialog_1_open, setDialog_1_open] = React.useState(false); + function Dialog_1_handle_change_participant_session(message) { + setDialog_1_message(message); + setDialog_1_open(true); + } + + const Dialog_1_handleClose = () => { + //alert(" Utiliser le bouton 'fermer' "); + //setOpen(false); + }; + + const Dialog_1_handleClose_buton = () => { + setDialog_1_open(false); + }; + + + function editor_keyup() { + seteditor_tochange("1"); + } + + + + + const [selected_id, setselected_id] = useState(); + function handleClick_display_partner_document(selected_row_id) { + + setdisplay_detail_document("1"); + //submenu_detail_employe(); + + var line = JSON.parse(rowss[selected_row_id]); + + //console.log("### line = ", line); + var document_id = line._id; + setselected_id(document_id); + + //console.log(" ### document_id = ", document_id); + Get_Partner_Document_Data(document_id); + + if (myRef.current) { + myRef.current.scrollIntoView({ behavior: "smooth" }); + } + + } + + {/*function Display_Detail_Document(event, cellValues) { + + var local_document_id = String(cellValues.row._id); + + setselected_id(cellValues.row._id); + Get_Partner_Document_Data(local_document_id); + + }*/} + + const [p_detail_cible, setp_detail_cible] = useState(""); + const [p_detail_contenu_doc, setp_detail_contenu_doc] = useState(""); + const [p_detail_nom, setp_detail_nom] = useState(""); + const [p_detail_ref_interne, setp_detail_ref_interne] = useState(""); + const [p_detail_sujet, setp_detail_sujet] = useState(""); + const [p_detail_type_doc, setp_detail_type_doc] = useState(""); + + + function clear_detail_fields() { + setp_detail_cible(""); + setp_detail_contenu_doc(); + setp_detail_nom(""); + setp_detail_ref_interne(""); + setp_detail_sujet(""); + setp_detail_type_doc(""); + } + + + + const [display_detail_document, setdisplay_detail_document] = useState(""); + + const [Get_Partner_Document_Data_api, setGet_Partner_Document_Data_api] = useState(); + const [Get_Partner_Document_Data_message, setGet_Partner_Document_Data_message] = useState(); + const [Get_Partner_Document_Data_result, setGet_Partner_Document_Data_result] = useState(); + function Get_Partner_Document_Data(local_partner_document_id) { + setpartner_document_data_changed(""); + setpartner_document_data_edit_mode(""); + + var form = new FormData(); + + const stored_cookie = getCookie('tokenmysypart'); + form.append("token", stored_cookie); + form.append("_id", local_partner_document_id); + + //console.log(" ## form = ", form); + + var myurl = process.env.REACT_APP_API_URL + "myclass/api/Get_Given_Partner_Document/"; + + axios.post(myurl, form).then(res => { + + if (String(res.data.status) === "true") { + //console.log(" In Get_Partner_Document_Data res.data.status = " + res.data.status); + //console.log(" In Get_Partner_Document_Data res.data.message r_class = " + res.data.message); + setGet_Partner_Document_Data_api("true"); + setGet_Partner_Document_Data_result(res.data.message); + + if (res.data.message.length > 0) { + var mylocal_document = JSON.parse(res.data.message); + + if (mylocal_document.nom) + setp_detail_nom(mylocal_document.nom); + + document.getElementsByName("document_type")[0].value = ""; + if (mylocal_document.type_doc) + setp_detail_type_doc(mylocal_document.type_doc); + + document.getElementsByName("document_ref_interne")[0].value = ""; + if (mylocal_document.ref_interne) { + setp_detail_ref_interne(mylocal_document.ref_interne); + } + + document.getElementsByName("document_sujet")[0].value = ""; + if (mylocal_document.sujet) { + setp_detail_sujet(mylocal_document.sujet); + } + + setfield_programme(""); + if (mylocal_document.contenu_doc) { + setp_detail_contenu_doc(mylocal_document.contenu_doc); + setfield_programme(mylocal_document.contenu_doc); + } + + disable_Partner_DocumentFields(); + if (myRef.current) { + myRef.current.scrollIntoView({ behavior: "smooth" }); + } + + } else { + alert(" Aucun document recuperé"); + } + + + } else if (String(res.data.status) === String("Err_Connexion")) { + alert('Erreur: ' + res.data.message); + history.push("/Connexion"); + } + + else { + setGet_Partner_Document_Data_api("false"); + setGet_Partner_Document_Data_message(res.data.message); + alert(res.data.message); + } + + }).catch((error) => { + console.warn('Not good man :( Get_Partner_Document_Data = ', error); + setGet_Partner_Document_Data_api("false"); + alert(" Impossible de recuperer les données du document"); + //setmyApimyApiMessage("") + }) + } + + + + const [Get_Default_Original_Partner_Document_Data_api, setGet_Default_Original_Partner_Document_Data_api] = useState(); + const [Get_Default_Original_Partner_Document_Data_message, setGet_Default_Original_Partner_Document_Data_message] = useState(); + const [Get_Default_Original_Partner_Document_Data_result, setGet_Default_Original_Partner_Document_Data_result] = useState(); + function Get_Default_Original_Partner_Document_Data() { + setpartner_document_data_changed(""); + setpartner_document_data_edit_mode(""); + + clear_detail_fields(); + + var form = new FormData(); + + const stored_cookie = getCookie('tokenmysypart'); + form.append("token", stored_cookie); + form.append("ref_interne", p_detail_ref_interne); + + //console.log(" ## form = ", form); + + var myurl = process.env.REACT_APP_API_URL + "myclass/api/Get_Default_Partner_Document_By_Internal_Ref/"; + + axios.post(myurl, form).then(res => { + + if (String(res.data.status) === "true") { + //console.log(" In Get_Default_Original_Partner_Document_Data res.data.status = " + res.data.status); + //console.log(" In Get_Default_Original_Partner_Document_Data res.data.message r_class = " + res.data.message); + setGet_Default_Original_Partner_Document_Data_api("true"); + setGet_Default_Original_Partner_Document_Data_result(res.data.message); + + if (res.data.message.length > 0) { + var mylocal_document = JSON.parse(res.data.message); + + if (mylocal_document.nom) + setp_detail_nom(mylocal_document.nom); + + document.getElementsByName("document_type")[0].value = ""; + if (mylocal_document.type_doc) + setp_detail_type_doc(mylocal_document.type_doc); + + document.getElementsByName("document_ref_interne")[0].value = ""; + if (mylocal_document.ref_interne) { + setp_detail_ref_interne(mylocal_document.ref_interne); + } + + document.getElementsByName("document_sujet")[0].value = ""; + if (mylocal_document.sujet) { + setp_detail_sujet(mylocal_document.sujet); + } + + setfield_programme(""); + if (mylocal_document.contenu_doc) { + setp_detail_contenu_doc(mylocal_document.contenu_doc); + setfield_programme(mylocal_document.contenu_doc); + } + + disable_Partner_DocumentFields(); + if (myRef.current) { + myRef.current.scrollIntoView({ behavior: "smooth" }); + } + setpartner_document_data_changed("1"); + setpartner_document_data_edit_mode("1"); + + } else { + alert(" Aucun document recuperé"); + } + + + } else if (String(res.data.status) === String("Err_Connexion")) { + alert('Erreur: ' + res.data.message); + history.push("/Connexion"); + } + + else { + setGet_Default_Original_Partner_Document_Data_api("false"); + setGet_Default_Original_Partner_Document_Data_message(res.data.message); + alert(res.data.message); + } + + }).catch((error) => { + console.warn('Not good man :( Get_Default_Original_Partner_Document_Data = ', error); + setGet_Default_Original_Partner_Document_Data_api("false"); + alert(" Impossible de recuperer le modèle initial"); + //setmyApimyApiMessage("") + }) + } + + + function disable_Partner_DocumentFields() { + setpartner_document_data_edit_mode("0"); + + if (document.getElementsByName("document_name")[0]) { + document.getElementsByName("document_name")[0].disabled = true; + document.getElementsByName("document_name")[0].style.backgroundColor = "#ECEFF1"; + } + + if (document.getElementsByName("document_type")[0]) { + document.getElementsByName("document_type")[0].disabled = true; + document.getElementsByName("document_type")[0].style.backgroundColor = "#ECEFF1"; + } + + if (document.getElementsByName("document_ref_interne")[0]) { + document.getElementsByName("document_ref_interne")[0].disabled = true; + document.getElementsByName("document_ref_interne")[0].style.backgroundColor = "#ECEFF1"; + } + + if (document.getElementsByName("document_sujet")[0]) { + document.getElementsByName("document_sujet")[0].disabled = true; + document.getElementsByName("document_sujet")[0].style.backgroundColor = "#ECEFF1"; + } + + if (document.getElementsByName("document_contente")[0]) { + document.getElementsByName("document_contente")[0].disabled = true; + document.getElementsByName("document_contente")[0].style.backgroundColor = "#ECEFF1"; + } + + + } + + function Enable_Partner_DocumentFields() { + setpartner_document_data_edit_mode("1"); + + if (document.getElementsByName("document_name")[0]) { + document.getElementsByName("document_name")[0].disabled = false; + document.getElementsByName("document_name")[0].style.backgroundColor = "#FFFFFF"; + } + + if (document.getElementsByName("document_type")[0]) { + document.getElementsByName("document_type")[0].disabled = false; + document.getElementsByName("document_type")[0].style.backgroundColor = "#FFFFFF"; + } + + if (document.getElementsByName("document_ref_interne")[0]) { + document.getElementsByName("document_ref_interne")[0].disabled = false; + document.getElementsByName("document_ref_interne")[0].style.backgroundColor = "#FFFFFF"; + } + + if (document.getElementsByName("document_sujet")[0]) { + document.getElementsByName("document_sujet")[0].disabled = false; + document.getElementsByName("document_sujet")[0].style.backgroundColor = "#FFFFFF"; + } + + if (document.getElementsByName("document_contente")[0]) { + document.getElementsByName("document_contente")[0].disabled = false; + document.getElementsByName("document_contente")[0].style.backgroundColor = "#FFFFFF"; + } + + + } + + + const [partner_document_data_changed, setpartner_document_data_changed] = useState(""); + const [partner_document_data_edit_mode, setpartner_document_data_edit_mode] = useState(""); + + + + + const [p_champ_table, setp_champ_table] = useState(); + const [p_collection, setp_collection] = useState(); + + + + function add_selected_fields() { + + if (!p_collection || !p_champ_table) { + alert(" Champ invalide "); + return; + } + var local_field = "{{" + String(p_collection) + "." + String(p_champ_table) + "}}"; + editorRef_programme.current.insertContent(" " + String(local_field) + " "); + } + + + + + const [Get_Personnalisable_Collection_and_Fields_api, setGet_Personnalisable_Collection_and_Fields_api] = useState(); + const [Get_Personnalisable_Collection_and_Fields_message, setGet_Personnalisable_Collection_and_Fields_message] = useState(); + const [Get_Personnalisable_Collection_and_Fields_result, setGet_Personnalisable_Collection_and_Fields_result] = useState(); + function Get_Personnalisable_Collection_and_Fields() { + + var form = new FormData(); + + + const stored_cookie = getCookie('tokenmysypart'); + form.append("token", stored_cookie); + + + var myurl = process.env.REACT_APP_API_URL + "myclass/api/Get_Personnalisable_Collection_Fields/"; + + + + axios.post(myurl, form).then(res => { + + if (String(res.data.status) === String("true")) { + //console.log(" In Get_Personnalisable_Collection_and_Fields res.data.status = " + res.data.status); + //console.log(" In Get_Personnalisable_Collection_and_Fields res.data.message r_class = " + res.data.message); + + setGet_Personnalisable_Collection_and_Fields_api("true"); + setGet_Personnalisable_Collection_and_Fields_result(res.data.message); + + } + else { + setGet_Personnalisable_Collection_and_Fields_api("false"); + setGet_Personnalisable_Collection_and_Fields_message(res.data.message); + alert(res.data.message) + } + + }).catch((error) => { + console.warn('Not good man :( Get_Personnalisable_Collection_and_Fields = ', error); + setGet_Personnalisable_Collection_and_Fields_api("false"); + alert(" Impossible de recuperer la liste des collection et champs personnalisables"); + //setmyApimyApiMessage("") + }) + } + + const [Get_Personnalisable_Collections_api, setGet_Personnalisable_Collections_api] = useState(); + const [Get_Personnalisable_Collections_message, setGet_Personnalisable_Collections_message] = useState(); + const [Get_Personnalisable_Collections_result, setGet_Personnalisable_Collections_result] = useState(); + function Get_Personnalisable_Collections() { + + var form = new FormData(); + const stored_cookie = getCookie('tokenmysypart'); + form.append("token", stored_cookie); + + var myurl = process.env.REACT_APP_API_URL + "myclass/api/Get_Personnalisable_Collection/"; + + axios.post(myurl, form).then(res => { + + if (String(res.data.status) === String("true")) { + //console.log(" In Get_Personnalisable_Collections res.data.status = " + res.data.status); + //console.log(" In Get_Personnalisable_Collections res.data.message r_class = " + res.data.message); + + setGet_Personnalisable_Collections_api("true"); + setGet_Personnalisable_Collections_result(res.data.message); + + } + else { + setGet_Personnalisable_Collections_api("false"); + setGet_Personnalisable_Collections_message(res.data.message); + alert(res.data.message) + } + + }).catch((error) => { + console.warn('Not good man :( Get_Personnalisable_Collections = ', error); + setGet_Personnalisable_Collections_api("false"); + alert(" Impossible de recuperer la liste des collection et champs personnalisables"); + //setmyApimyApiMessage("") + }) + } + + useEffect(() => { + Get_Personnalisable_Collections(); + Get_Personnalisable_Collection_and_Fields(); + + Getall_Partner_Document_No_filter(); + myRef_head.current.scrollIntoView({ behavior: "smooth" }); + + }, []) + + + + const [Add_one_Partner_Document_api, setAdd_one_Partner_Document_api] = useState(); + const [Add_one_Partner_Document_message, setAdd_one_Partner_Document_message] = useState(); + const [Add_one_Partner_Document_result, setAdd_one_Partner_Document_result] = useState(); + function Add_one_Partner_Document() { + var form = new FormData(); + //form.append("token","K3cw63eKokKSbV4spjQ48SUNnfy80yrXfA"); + + + const stored_cookie = getCookie('tokenmysypart'); + form.append("token", stored_cookie); + + if (p_detail_ref_interne) + form.append("ref_interne", p_detail_ref_interne); + else { + alert(" Vous devez definir une reference interne"); + return; + } + + + if (p_detail_type_doc) + form.append("type_doc", p_detail_type_doc); + else { + alert(" Vous devez definir un type de document"); + return; + } + + + if (p_detail_sujet) + form.append("sujet", p_detail_sujet); + else { + alert(" Vous devez definir un sujet"); + return; + } + + + + if (editorRef_programme) { + var programme = editorRef_programme.current.getContent(); + form.append("contenu_doc", programme); + } + else { + form.append("contenu_doc", ""); + } + + console.log(" Add_one_Partner_Document affectation form == ", form); + + + var myurl = process.env.REACT_APP_API_URL + "myclass/api/Add_Partner_Document/"; + + axios.post(myurl, form).then(res => { + console.log(" In Add_one_Partner_Document res.data.status = " + res.data.status); + console.log(" In Add_one_Partner_Document res.data.message r_class = " + res.data.message); + + if (String(res.data.status) === String("true")) { + setAdd_one_Partner_Document_api("true"); + setAdd_one_Partner_Document_result(res.data.message); + + alert(res.data.message); + + } + else { + setAdd_one_Partner_Document_api("false"); + setAdd_one_Partner_Document_message(res.data.message); + alert(res.data.message); + } + + }).catch((error) => { + + console.log('UpdateStagiaireData : Not good man :( Add_one_Partner_Document = ' + error); + setAdd_one_Partner_Document_api("false"); + alert(" Impossible d'ajouter le document"); + + }) + } + + + const [Update_one_Partner_Document_api, setUpdate_one_Partner_Document_api] = useState(); + const [Update_one_Partner_Document_message, setUpdate_one_Partner_Document_message] = useState(); + const [Update_one_Partner_Document_result, setUpdate_one_Partner_Document_result] = useState(); + function Update_one_Partner_Document() { + var form = new FormData(); + //form.append("token","K3cw63eKokKSbV4spjQ48SUNnfy80yrXfA"); + + + const stored_cookie = getCookie('tokenmysypart'); + form.append("token", stored_cookie); + form.append("_id", selected_id); + + if (p_detail_ref_interne) + form.append("ref_interne", p_detail_ref_interne); + else { + alert(" Vous devez definir une reference interne"); + return; + } + + + if (p_detail_type_doc) + form.append("type_doc", p_detail_type_doc); + else { + alert(" Vous devez definir un type de document"); + return; + } + + + if (p_detail_sujet) + form.append("sujet", p_detail_sujet); + else { + alert(" Vous devez definir un sujet"); + return; + } + + + if (editorRef_programme) { + var programme = editorRef_programme.current.getContent(); + + programme = programme.replace('<', '<'); + programme = programme.replace('>', '>'); + programme = programme.replace('≤', '<='); + programme = programme.replace('≥', '>='); + + + form.append("contenu_doc", programme); + setp_detail_contenu_doc(programme); + } + else { + form.append("contenu_doc", ""); + setp_detail_contenu_doc(""); + } + + + + //console.log(" Update_one_Partner_Document affectation form == ", form); + + + var myurl = process.env.REACT_APP_API_URL + "myclass/api/Update_Partner_Document/"; + + axios.post(myurl, form).then(res => { + console.log(" In Update_one_Partner_Document res.data.status = " + res.data.status); + console.log(" In Update_one_Partner_Document res.data.message r_class = " + res.data.message); + + if (String(res.data.status) === String("true")) { + setUpdate_one_Partner_Document_api("true"); + setUpdate_one_Partner_Document_result(res.data.message); + if (myRef.current) { + myRef.current.scrollIntoView({ behavior: "smooth" }); + } + + disable_Partner_DocumentFields(); + setpartner_document_data_edit_mode("0"); + setpartner_document_data_changed("0"); + Get_Partner_Document_Data(selected_id); + alert(res.data.message); + + } + else { + setUpdate_one_Partner_Document_api("false"); + setUpdate_one_Partner_Document_message(res.data.message); + alert(res.data.message); + } + + }).catch((error) => { + + console.log('UpdateStagiaireData : Not good man :( Update_one_Partner_Document = ' + error); + setUpdate_one_Partner_Document_api("false"); + alert(" Impossible de mettre à jour le document"); + + }) + } + + const [Getall_Partner_Document_No_filter_api, setGetall_Partner_Document_No_filter_api] = useState(); + const [Getall_Partner_Document_No_filter_message, setGetall_Partner_Document_No_filter_message] = useState(); + const [Getall_Partner_Document_No_filter_result, setGetall_Partner_Document_No_filter_result] = useState(); + function Getall_Partner_Document_No_filter(event) { + + var form = new FormData(); + + + const stored_cookie = getCookie('tokenmysypart'); + form.append("token", stored_cookie); + + var myurl = process.env.REACT_APP_API_URL + "myclass/api/Get_List_Partner_Document_no_filter/"; + + axios.post(myurl, form).then(res => { + + if (String(res.data.status) === String("true")) { + //console.log(" In Getall_Partner_Document_No_filter res.data.status = " + res.data.status); + //console.log(" In Getall_Partner_Document_No_filter res.data.message r_class = " + res.data.message); + setGetall_Partner_Document_No_filter_api("true"); + setGetall_Partner_Document_No_filter_result(res.data.message); + setRows(res.data.message); + } + else { + setGetall_Partner_Document_No_filter_api("false"); + setGetall_Partner_Document_No_filter_message(res.data.message); + alert(res.data.message); + } + + }).catch((error) => { + console.warn('Not good man :( Getall_Partner_Document_No_filter = ', error); + setGetall_Partner_Document_No_filter_api("false"); + alert(" Impossible de recuperer la liste des documents"); + //setmyApimyApiMessage("") + }) + } + + + const [display_partner_document, setdisplay_partner_document] = React.useState(); + function Annule_Partner_Document_DetailFields() { + + Get_Partner_Document_Data(selected_id); + + setpartner_document_data_changed(""); + setpartner_document_data_edit_mode(""); + + } + + + return ( +
+ + + MySy Information + + + {Dialog_1_message} + + + + + + + + + + +

Configuration documents

+
+
Utilisez les filtres !
+
+
+ { + setp_filtre1(e.target.value); + + }} + > + Email   + Nom   + Lié a la Formation (code externe)   + Lié a la Session (code session)   + + + +
+ + + +
+ {p_filtre1 && + { setp_filtre1_value(e.target.value); }} + InputProps={{ + endAdornment: ( + + { + setp_filtre1_value(""); + }} /> + + ), + }} + + /> + + } +
+ {p_filtre1 &&
+ + +   { + setp_filtre2("1"); + setp_filtre2_value(""); + }} /> + +
} + {p_filtre1 &&
+ + +   { + setp_filtre1(); + setp_filtre1_value(); + }} + /> + +
} + + +
+ + {p_filtre2 && +
+
+ { + setp_filtre2(e.target.value); + + }} + > + Email   + Nom   + Lié a la Formation (code externe)   + Lié a la Session (code session)   + + + +
+
+ {String(p_filtre2).length > 2 && + setp_filtre2_value(e.target.value)} + InputProps={{ + endAdornment: ( + + { + setp_filtre2_value(""); + }} /> + + ), + }} + + />} +
+ + {String(p_filtre2).length > 2 &&
+ + +   { + setp_filtre3("1"); + setp_filtre3_value(""); + }} + /> + +
} + + {String(p_filtre2).length > 2 &&
+ + +   { + setp_filtre2(); + setp_filtre2_value(); + }} + /> + +
} + +
+ } + + + {p_filtre3 && +
+
+ { + setp_filtre3(e.target.value) + }} + > + Email   + Nom   + Lié a la Formation (code externe)   + Lié a la Session (code session)   + + + +
+
+ {String(p_filtre3).length > 2 && + setp_filtre3_value(e.target.value)} + InputProps={{ + endAdornment: ( + + { + setp_filtre3_value(""); + }} /> + + ), + }} + + />} +
+ + {String(p_filtre2).length > 2 &&
+ + +   { + setp_filtre4("1"); + setp_filtre4_value(""); + }} + /> + +
} + + {String(p_filtre3).length > 2 &&
+ + +   { + setp_filtre3(); + setp_filtre3_value(); + }} /> + +
} +
+ } + + {/* + {p_filtre4 && +
+
+ { + setp_filtre4(e.target.value) + }} + > + Email   + Nom   + Code Session    + Titre Formation   + + + +
+
+ {String(p_filtre4).length > 2 && + setp_filtre2_value(e.target.value)} + InputProps={{ + endAdornment: ( + + { + setp_filtre4_value(""); + }} /> + + ), + }} + + />} +
+ + + + {String(p_filtre2).length > 2 &&
+ + +   { + setp_filtre4(); + setp_filtre4_value(); + }} + /> + +
} + +
+ } + */} +
+ +
+ +
+ +
+ + +
+ +
+ +
+
+ + +
+
+
+ +
+   + + { + setSelectionModel(newSelectionModel); + if (newSelectionModel.length === 1) + handleClick_display_partner_document(newSelectionModel); + if (newSelectionModel.length !== 1) { + setsubmenu(); + setdisplay_partner_document(); + } + }} + selectionModel={selectionModel} + + localeText={frFR.components.MuiDataGrid.defaultProps.localeText} + rows={rowss.map((item, index) => ( + { + id: index, + _id: JSON.parse(item)._id, + nom: JSON.parse(item).nom, + ref_interne: JSON.parse(item).ref_interne, + type_doc: JSON.parse(item).type_doc, + cible: JSON.parse(item).cible, + sujet: JSON.parse(item).sujet, + + } + ))} + + columns={columns} + pageSize={10} + className="datagridclass" + + rowsPerPageOptions={[10]} + //disableSelectionOnClick + components={{ + Toolbar: GridToolbar, + }} + //sx={datagridSx} + getCellClassName={(params) => { + //field === 'distantiel' + if (params.field === 'distantiel' && String(params.value) === "1") { + return 'cell--distantiel'; + } + if (params.field === "presentiel" && String(params.value) == "1") { + return 'cell--presentiel'; + } + + + //field === "statut" + if (params.field === "status" && String(params.value) == "0") { + return 'cell--statut--preinscrit'; + } + + if (params.field === "status" && String(params.value) == "1") { + return 'cell--statut--inscrit'; + } + + if (params.field === "status" && String(params.value) == "-1") { + return 'cell--statut--annule'; + } + + }} + 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'; + } + }} + + + /> + +
+ +
+ +
+ +
+
+ + + {String(display_detail_document) === "1" &&
+

Détail document {p_detail_nom}

+ + + {String(partner_document_data_edit_mode) === "1" &&
+ { + setp_detail_type_doc(e.target.value); + setpartner_document_data_changed("1"); + }} + > + Pdf   + SMS   + Email  + + + +
} + + {String(partner_document_data_edit_mode) !== "1" &&
+ + +
} + + +
+ { + setp_detail_ref_interne(e.target.value); + setpartner_document_data_changed("1"); + }} + /> + +
+ +
+ { + setp_detail_sujet(e.target.value); + setpartner_document_data_changed("1"); + }} + /> + +
+ + + {String(partner_document_data_edit_mode) === "1" &&
+
+
Mofifier le contenu du document
+ editorRef_programme.current = editor} + initialValue={field_programme} + onKeyUp={editor_keyup} + onEditorChange={(newValue, editor) => { + if (String(editor_tochange) === "1") { + //alert(" change"); + seteditor_tochange(""); + setpartner_document_data_changed("1"); + } + }} + init={{ + resize: false, + height: 700, + menubar: true, + plugins: [ + 'advlist', 'autolink', 'lists', 'link', 'image', 'charmap', 'print', 'preview', 'anchor', 'searchreplace', + 'visualblocks', 'code', 'fullscreen', 'insertdatetime', 'media', 'table', 'paste', 'code', 'help', 'wordcount', + 'lists', 'link', 'image', 'charmap', 'preview', 'anchor', 'searchreplace', 'visualblocks', + + ], + toolbar: 'undo redo | casechange blocks | bold italic backcolor | ' + + 'alignleft aligncenter alignright alignjustify | ' + + 'bullist numlist checklist outdent indent | removeformat | a11ycheck code table help', + + content_style: 'body { font-family:Helvetica,Arial,sans-serif; font-size:14px; }' + }} + /> + +
+ + +
} + + {String(partner_document_data_edit_mode) !== "1" &&
+
+
Votre document
+ editorRef_programme.current = editor} + initialValue={field_programme} + + disabled={true} + init={{ + resize: false, + height: 700, + menubar: true, + readonly: 1, + plugins: [ + 'advlist', 'autolink', 'lists', 'link', 'image', 'charmap', 'print', 'preview', 'anchor', 'searchreplace', + 'visualblocks', 'code', 'fullscreen', 'insertdatetime', 'media', 'table', 'paste', 'code', 'help', 'wordcount', + 'lists', 'link', 'image', 'charmap', 'preview', 'anchor', 'searchreplace', 'visualblocks', + + ], + toolbar: 'undo redo | casechange blocks | bold italic backcolor | ' + + 'alignleft aligncenter alignright alignjustify | ' + + 'bullist numlist checklist outdent indent | removeformat | a11ycheck code table help', + + content_style: 'body { font-family:Helvetica,Arial,sans-serif; font-size:14px; }' + }} + /> + +
+
} + +
+   +
+ {String(partner_document_data_changed) === "1" && String(partner_document_data_edit_mode) === "1" &&
+ /!\ Pensez à enregistrer les modifications +
} + + +
+ + {String(partner_document_data_changed) === "1" && String(partner_document_data_edit_mode) === "1" &&
+ + + +
} + + {String(partner_document_data_edit_mode) === "1" &&
+ +
} +
+ + {String(partner_document_data_edit_mode) !== "1" &&
+ + + +
} + + + {String(partner_document_data_edit_mode) !== "1" &&
+ + + +
} +
+   +
+ +
} + +
+ ); +} + +export default Config_Documents; diff --git a/src/components/Inscription_Information.js b/src/components/Inscription_Information.js index d5f6075..8336fd1 100644 --- a/src/components/Inscription_Information.js +++ b/src/components/Inscription_Information.js @@ -160,6 +160,9 @@ function Inscription_Information(props) { } + + + var employeur = "" if (document.getElementById('employeur') && document.getElementById('employeur').value) { employeur = document.getElementById('employeur').value; @@ -178,6 +181,9 @@ function Inscription_Information(props) { formData.append('class_internal_url', props.internal_url); formData.append('price', props.trainig_price); + /* Ceci est une preinscription faite par un end user, depuis le font, donc on force le 'status' à 0 (0 = préinscription)*/ + formData.append('status', '0'); + fetch( url, @@ -684,8 +690,9 @@ function Inscription_Information(props) { -