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 { AiOutlineEdit } from "react-icons/ai"; import { FcCancel, FcApproval, FcAcceptDatabase, FcPrint } from "react-icons/fc"; import { DataGrid, GridToolbar, frFR, GridCellParams } from '@mui/x-data-grid'; import Popup from 'reactjs-popup'; import 'reactjs-popup/dist/index.css'; import DatePicker from "react-datepicker"; import "react-datepicker/dist/react-datepicker.css"; import setHours from "date-fns/setHours"; import setMinutes from "date-fns/setMinutes"; import ToggleSwitch from "./ToggleSwitch"; import { format } from 'date-fns' import moment from "moment"; import fileDownload from 'js-file-download' import { ConsoleView } from "react-device-detect"; import { confirmAlert } from 'react-confirm-alert'; import SendIcon from '@mui/icons-material/Send'; import { FcViewDetails } from "react-icons/fc"; import parse from 'html-react-parser' import { Editor } from '@tinymce/tinymce-react'; function GestionAdministrative(props) { 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: '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 Info
{' '} 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 :