import React, { useState, useEffect, useRef } from "react"; import { useForm } from "react-hook-form"; import { getCookie, setCookie } from 'react-use-cookie'; import Box from '@mui/material/Box'; import { useParams } from 'react-router-dom' import { Helmet } from "react-helmet"; import Footer from "./Fotter"; import Header from "./Header"; import { Button, } from "reactstrap"; import axios from "axios"; import TextField from '@mui/material/TextField'; import MenuItem from '@mui/material/MenuItem'; import { FcCancel, FcApproval, FcAcceptDatabase, FcPrint } from "react-icons/fc"; import { DataGrid, GridToolbar, frFR, GridCellParams } from '@mui/x-data-grid'; import { AiFillFolderOpen, AiFillMinusSquare } from "react-icons/ai"; import Popup from 'reactjs-popup'; import 'reactjs-popup/dist/index.css'; 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 fileDownload from 'js-file-download' import { confirmAlert } from 'react-confirm-alert'; import { FcViewDetails, FcDisapprove } from "react-icons/fc"; import parse from 'html-react-parser' import { Editor } from '@tinymce/tinymce-react'; import add_plus from "../mysy_img/plus.png"; import gif_new from "../mysy_img/new_icon_gif.gif"; import excel_icone from "../mysy_img/excel_icone.png"; import participants from "../mysy_img/participants.png"; import { useHistory } from "react-router-dom"; 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 { CiTrash } from "react-icons/ci"; import { ConstructionOutlined } from "@mui/icons-material"; import FiberNewIcon from '@mui/icons-material/FiberNew'; import img_loading_spin from "./../mysy_img/mysy_spin_loading.gif"; import { IoMdAddCircle, IoIosRemoveCircleOutline } from "react-icons/io"; import { AiTwotoneEdit, AiTwotoneSave } from "react-icons/ai"; import { Fab } from "@material-ui/core"; import { IoAddCircleOutline, IoCloseCircleOutline } from "react-icons/io5"; function GestionAdministrative(props) { const history = useHistory(); const { internal_url } = useParams(); const [mypresence, setmypresence] = useState(""); const [mypublished, setmypublished] = useState(""); const [mydistance, setmydistance] = useState(""); const [classtitle, setclasstitle] = useState(""); const columns_preinscrit = [ { field: 'id', headerName: 'id', hide: true }, { field: '_id', headerName: '_id', hide: true }, { field: 'email', headerName: 'email', width: 150, }, { 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', 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 Information
{' '} 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 Information
{' '} 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 :