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 'react-tooltip/dist/react-tooltip.css' import { Tooltip } from 'react-tooltip' 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"; const DisplayPartnerSession = (props) => { const history = useHistory(); const [submenu, setsubmenu] = useState(""); const [rowss, setRows] = useState([]); const [actionmass_preinsc_val, setactionmass_preinsc_val] = 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: 'date_debut', headerName: 'date_debut', hide: false }, { field: 'date_fin', headerName: 'Code date_fin', 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_session', width: 100, align: "center", flex: 1 }, { field: 'title', headerName: 'title', width: 100, align: "center", flex: 1 }, { field: 'domaine', headerName: 'domaine', width: 100, align: "center", flex: 1 }, { field: 'duration', headerName: 'duration', width: 100, align: "center", flex: 1 }, { field: 'duration_unit', headerName: 'duration_unit', width: 100, align: "center", flex: 1 }, { field: "management", headerName: 'Gestion', renderCell: (cellValues) => { return ( ); } }, { field: "visual", headerName: 'Visualiser', renderCell: (cellValues) => { return ( ); } }, { field: "Print", headerName: 'Editer', renderCell: (cellValues) => { return ( ); } }, { field: "push_to_lms", headerName: 'Push Elearning', renderCell: (cellValues) => { return ( ); } }, ] const [Getall_TrainingSession_api, setGetall_TrainingSession_api] = useState(); const [Getall_TrainingSession_message, setGetall_TrainingSession_message] = useState(); const [Getall_TrainingSession_result, setGetall_TrainingSession_result] = useState(); function Getall_TrainingSession(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/GetAllValideSessionPartner_List/"; axios.post(myurl, form).then(res => { if (String(res.data.status) === String("true")) { console.log(" In Getall_TrainingSession res.data.status = " + res.data.status); console.log(" In Getall_TrainingSession res.data.message r_class = " + res.data.message); setGetall_TrainingSession_api("true"); setGetall_TrainingSession_result(res.data.message); setRows(res.data.message); } else { setGetall_TrainingSession_api("false"); setGetall_TrainingSession_message(res.data.message); } }).catch((error) => { console.warn('Not good man :( Getall_TrainingSession = ', error); setGetall_TrainingSession_api("false"); //setmyApimyApiMessage("") }) } useEffect(() => { Getall_TrainingSession(); }, []) async function actionmass_preinsc_Traitemet() { } const [selectionModel, setSelectionModel] = React.useState([]); const actionmass_preinsc = (event) => { const value = event.target.value; if (String(value) === "valider" || String(value) === "refuser") { setactionmass_preinsc_val(value); } else { setactionmass_preinsc_val(); } } return (