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 { confirmAlert } from 'react-confirm-alert'; // Import import 'react-confirm-alert/src/react-confirm-alert.css'; // Import css 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 { ConstructionOutlined, PropaneSharp } from "@mui/icons-material"; 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 { 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 { FcViewDetails } 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 GestionAdministrative from "./GestionAdministrative"; import { IoMdAddCircle, IoIosRemoveCircleOutline } from "react-icons/io"; import { Fab } from "@material-ui/core"; import { ConsoleView } from "react-device-detect"; import fileDownload from 'js-file-download' import { IoAddCircleOutline, IoCloseCircleOutline } from "react-icons/io5"; import { AiOutlineUserAdd } from "react-icons/ai"; import PartnerClientActivite from "./PartnerClient_Activite"; import { CiCoffeeBean, CiDesktop, CiFileOff } from "react-icons/ci"; import Popup from 'reactjs-popup'; import 'reactjs-popup/dist/index.css'; import { BsEye, BsFileText } from "react-icons/bs"; import { AiOutlineEdit } from "react-icons/ai"; import { FcCancel, FcApproval, FcAcceptDatabase, FcPrint } from "react-icons/fc"; import DatePicker from "react-datepicker"; import "react-datepicker/dist/react-datepicker.css"; import ToggleSwitch from "./ToggleSwitch"; import { format } from 'date-fns' import moment from "moment"; import Select from 'react-select' import tick_ko from "../mysy_img/tick_KO.png"; import InputAdornment from '@mui/material/InputAdornment'; import { AiFillCloseCircle } from "react-icons/ai"; import Visibility from '@mui/icons-material/Visibility'; import VisibilityOff from '@mui/icons-material/VisibilityOff'; import IconButton from '@mui/material/IconButton'; const DisplayPartnerSession = (props) => { const history = useHistory(); const [submenu, setsubmenu] = useState(""); const [rowss, setRows] = useState([]); const [actionmass_preinsc_val, setactionmass_preinsc_val] = useState(); const [one_SessionstartDateInscription, setone_SessionstartDateInscription] = useState(); const [one_SessionendDateInscription, setone_SessionendDateInscription] = useState(); const [one_SessionendDate, setone_SessionendDate] = useState(); const [one_SessionstartDate, setone_SessionstartDate] = useState(); const [one_urlpreview_certif, setone_urlpreview_certif] = useState(); const [one_field_contenu_ftion, setone_field_contenu_ftion] = useState(""); const filters = [ { value: 'code_session', label: 'Code Session' }, { value: 'class_title', label: 'Titre Formation' }, { value: 'certif', label: 'Certification' } ] const [selectedfilt1, setselectedfilt1] = useState(""); const [selectedfilt2, setselectedfilt2] = useState(""); const [selectedfilt3, setselectedfilt3] = useState(""); const [reftrainingtoupdate, setreftrainingtoupdate] = useState(); const [externalcodetraining_toupdate, setexternalcodetraining_toupdate] = useState(); const [updatetraining, setupdatetraining] = useState(false); function Clearselectedfilt1() { setselectedfilt1(""); } function selectedFilter1(event) { setselectedfilt1(event.value); } function selectedFilter2(event) { setselectedfilt2(event.value); } function selectedFilter3(event) { setselectedfilt3(event.value); } function CancelFiltre2(event) { setselectedfilt2(""); } function CancelFiltre3(event) { setselectedfilt3(""); } function closeTrainingForm() { setupdatetraining(false); } const [selectedtraining, setselectedtraining] = useState([]) const columns = [ { field: 'id', headerName: 'id', hide: true }, { field: 'class_internal_url', headerName: 'class_internal_url', hide: true }, { field: 'code_session', headerName: 'Code session', hide: false }, { field: 'statut', headerName: 'Statut', hide: false }, { field: 'date_debut', headerName: 'Date debut', hide: false }, { field: 'date_fin', headerName: 'Datefin', width: 100, hideable: false, flex: 1 }, { field: 'distantiel', headerName: 'Distantiel', width: 100, hideable: false, flex: 1 }, { field: 'presentiel', headerName: 'Presentiel', width: 150, flex: 1 }, { field: 'formateur', headerName: 'Formateur', width: 150, flex: 1 }, { field: 'nb_participant', headerName: 'nb_participant', width: 100, align: "center", flex: 1 }, { field: 'prix_session', headerName: 'Prix', width: 100, align: "center", flex: 1 }, { field: 'title', headerName: 'Formation', width: 100, align: "center", flex: 1 }, { field: 'domaine', headerName: 'Domaine', width: 100, align: "center", flex: 1 }, { field: 'duration', headerName: 'Durée', width: 100, align: "center", flex: 1 }, { field: 'duration_unit', headerName: 'unité', width: 100, align: "center", flex: 1 }, /* { field: "management", headerName: 'Gestion', renderCell: (cellValues) => { return ( ); } }, { field: "Print", headerName: 'Editer', renderCell: (cellValues) => { return ( ); } },*/ ] const columns_preinscrit = [ { field: 'id', headerName: 'id', hide: true }, { field: 'email', headerName: 'email', width: 200, hideable: false, flex: 1 }, { field: 'nom', headerName: 'nom', width: 150, hide: false, editable: true }, { field: 'prenom', headerName: 'prenom', width: 150, hide: false, editable: true }, { field: 'employeur', headerName: 'Employeur', width: 200, hide: false, editable: true }, { field: 'opco', headerName: 'Centre Opco', width: 150, hide: false, editable: true }, { field: 'modefinancement', headerName: 'Financement', width: 150, hide: false, editable: true }, { field: 'amount', headerName: 'Montant Formation', width: 150, type: 'number', hideable: false, flex: 1, editable: true }, { field: "update", headerName: 'Mise à jour', renderCell: (cellValues) => { return ( { handleClick_accept(event, cellValues); }} > } modal nested position="center center" > {close => (
MySy Information
{' '} Confirmer la mise à jour des informations du stagiaire
)}
); } }, { field: "valide", headerName: 'Valider', renderCell: (cellValues) => { return ( { handleClick_accept(event, cellValues); }} > } modal nested position="center center" > {close => (
MySy Info
{' '} En confirmant cette opération, l'inscription du stagiaire sera définitivement validée.
Il (le stagiaire) sera automatiquement notifié par email de la validation de son inscription.
Le stagiaire passera de l'onglet "préinscrit" vers l'onglet "inscription".
)}
); } }, { field: "refuse", headerName: 'Refuser', renderCell: (cellValues) => { return ( { //handleClick_refuse(event, cellValues); }} > } modal nested position="center center" > {close => (
MySy Info
{' '} En confirmant cette opération, l'inscription du stagiaire sera refusée.
Il (le stagiaire) sera automatiquement notifié par email du refus de son inscription.

Motif du refus :