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 { 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 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, FcDisapprove } from "react-icons/fc";
import parse from 'html-react-parser'
import { Editor } from '@tinymce/tinymce-react';
import { FcAddImage } from "react-icons/fc";
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 { 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";
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, hideable: false, },
{ 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
{
handleClick_update_data(event, cellValues);
close();
}}> Valider
{
//console.log('modal closed ');
close();
}}
>
Annuler
)}
);
}
},
{
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".
{
handleClick_accept(event, cellValues);
//console.log('modal closed ');
close();
}}> Valider
{
//console.log('modal closed ');
close();
}}
>
Annuler
)}
);
}
},
{
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 :
{
handleClick_refuse(event, cellValues);
//console.log('modal closed ');
close();
}}> Valider
{
//console.log('modal closed ');
close();
}}
>
Annuler
)}
);
}
},
{
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'inscription du stagiaire sera définitivement supprimée .
{
handleClick_delete(event, cellValues);
//console.log('modal closed ');
close();
}}> Valider
{
//console.log('modal closed ');
close();
}}
>
Annuler
)}
);
}
}
]
const columns_inscrit = [
{ field: 'id', headerName: 'id', hide: true },
{ field: '_id', headerName: '_id', hide: true },
{ field: 'email', headerName: 'emails', width: 200, hideable: false, flex: 1, minWidth: 150, maxWidth: 300 },
{ field: 'nom', headerName: 'nom', width: 150, hide: false, editable: true, resizable: 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: "sendmail", headerName: 'Email Confirmation',
renderCell: (cellValues) => {
return (
{
handleClick_resend_conf_mail(event, cellValues);
}}
>
);
}
},
{
field: "Detail", headerName: 'Voir detail',
renderCell: (cellValues) => {
return (
{
Display_Detail_Inscription(event, cellValues);
}}
>
);
}
},
{
field: "Imprimer", headerName: 'Imprimer detail',
renderCell: (cellValues) => {
return (
{
Print_Detail_Inscription(event, cellValues);
}}
>
);
}
},
]
const columns_list_emargement = [
{ field: 'id', headerName: 'id', hide: true },
{ field: '_id', headerName: '_id', hide: true },
{ field: 'date', headerName: 'date', width: 100, hideable: false, flex: 1 },
{ field: 'email', headerName: 'email', width: 250, hideable: false, flex: 1 },
{ field: 'nom', headerName: 'nom', width: 150, hide: false, editable: true },
{ field: 'prenom', headerName: 'prenom', width: 150, hide: false, editable: false },
{ field: 'matin', headerName: 'Matin', width: 100, hide: false, editable: true, type: 'boolean', },
{ field: 'apresmidi', headerName: 'Apres midi', width: 100, hide: false, editable: true, type: 'boolean', },
{
field: "valide", headerName: 'Valider',
renderCell: (cellValues) => {
return (
{
handleClick_valide_emargement(event, cellValues);
}}
>
);
}
},
]
const columns_list_evaluation = [
{ field: 'id', headerName: 'id', hide: true },
{ field: 'email', headerName: 'email', width: 200, hideable: true, resizable: true },
{ field: 'nom', headerName: 'nom', width: 200, hide: false, editable: true },
{ field: 'prenom', headerName: 'prenom', width: 200, hide: false, editable: false },
{ field: 'eval_eval', headerName: 'Evaluation', width: 100, editable: false, flex: true },
{ field: 'eval_note', headerName: 'Note', width: 100, editable: false, },
{ field: 'eval_pedagogie', headerName: 'Pédagogie', width: 100, editable: false, },
{ field: 'eval_date', headerName: 'Date evalution', width: 100, editable: false, },
{/*
field: "valide", headerName: 'Valider',
renderCell: (cellValues) => {
return (
{
handleClick_valide_emargement(event, cellValues);
}}
>
);
}
*/},
]
function handleClick_delete(event, cellValues) {
// Recuperation du motif du refus :
var nom = cellValues.row.nom;
var email = cellValues.row.email;
var prenom = cellValues.row.prenom;
DeleteStagiaireData(nom, prenom, email);
}
const [DeleteStagiaireData_api, setDeleteStagiaireData_api] = useState();
const [DeleteStagiaireData_message, setDeleteStagiaireData_message] = useState();
const [DeleteStagiaireData_result, setDeleteStagiaireData_result] = useState();
function DeleteStagiaireData(nom, prenom, email) {
setSendInscriptionCancell_api();
var form = new FormData();
//form.append("token","K3cw63eKokKSbV4spjQ48SUNnfy80yrXfA");
if (mysession.length <= 0) {
alert(" Vous devez choisir une session");
return;
}
const stored_cookie = getCookie('tokenmysypart');
form.append("token", stored_cookie);
form.append("class_internal_url", internal_url);
form.append("session_id", mysession);
form.append("nom", nom);
form.append("prenom", prenom);
form.append("email", email);
var myurl = process.env.REACT_APP_API_URL + "myclass/api/DeleteAttendeeInscription/";
axios.post(myurl, form).then(res => {
//console.log(" In DeleteStagiaireData res.data.status = " + res.data.status);
//console.log(" In DeleteStagiaireData res.data.message r_class = " + res.data.message);
if (String(res.data.status) === String("true")) {
setDeleteStagiaireData_api("true");
setDeleteStagiaireData_result(res.data.message);
GetListePreinscrit(mysession);
setretval_ch("1");
alert(" La mise à jour été correctement faite.")
}
else {
setDeleteStagiaireData_api("false");
setDeleteStagiaireData_message(res.data.message);
setretval_ch("-1");
alert(res.data.message);
}
}).catch((error) => {
console.warn('DeleteStagiaireData : Not good man :( mysearchtext = ' + error);
setDeleteStagiaireData_api("false");
setretval_ch("-1");
alert(" Impossible de supprimer le stagaire");
})
}
const [UpdateStagiaireEmargement_api, setUpdateStagiaireEmargement_api] = useState();
const [UpdateStagiaireEmargement_message, setUpdateStagiaireEmargement_message] = useState();
const [UpdateStagiaireEmargement_result, setUpdateStagiaireEmargement_result] = useState();
function handleClick_valide_emargement(event, cellValues) {
var date = cellValues.row.date;
var email = cellValues.row.email;
var matin = cellValues.row.matin;
var matin_val = "";
var apresmidi = cellValues.row.apresmidi;
var apresmidi_val = "";
if (matin === true) {
matin_val = "1"
} else if (matin === false) {
matin_val = "0"
}
if (apresmidi === true) {
apresmidi_val = "1"
} else if (apresmidi === false) {
apresmidi_val = "0"
}
/*console.log(" ### date , email, matin,matin_val, apresmidi, apresmidi_val = ",
date, email, matin, matin_val, apresmidi, apresmidi_val);*/
var form = new FormData();
//form.append("token","K3cw63eKokKSbV4spjQ48SUNnfy80yrXfA");
const stored_cookie = getCookie('tokenmysypart');
form.append("token", stored_cookie);
form.append("session_id", mysession);
form.append("email", email);
form.append("date", date);
form.append("matin", matin_val);
form.append("apresmidi", apresmidi_val);
form.append("class_internal_url", internal_url);
//console.log(" ## form = ", form);
var myurl = process.env.REACT_APP_API_URL + "myclass/api/UpdateUserEmargementDate/";
axios.post(myurl, form).then(res => {
if (String(res.data.status) === String("true")) {
//console.log(" In UpdateStagiaireData res.data.status = " + res.data.status);
//console.log(" In UpdateStagiaireData res.data.message r_class = " + res.data.message);
setUpdateStagiaireEmargement_api("true");
setUpdateStagiaireEmargement_result(res.data.message);
GetListeEmargement(mysession);
} else if (String(res.data.status) === String("Err_Connexion")) {
alert('Erreur: ' + res.data.message);
history.push("/Connexion");
}
else {
setUpdateStagiaireEmargement_api("false");
setUpdateStagiaireEmargement_message(res.data.message);
}
}).catch((error) => {
console.warn('handleClick_valide_emargement : Not good man :( mysearchtext = ' + error);
setUpdateStagiaireEmargement_api("false");
})
}
function handleClick_valide_emargement_One(tab_data) {
var date = tab_data.date;
var email = tab_data.email;
var matin = tab_data.matin;
var matin_val = "";
var apresmidi = tab_data.apresmidi;
var apresmidi_val = "";
if (matin === true) {
matin_val = "1"
} else if (matin === false) {
matin_val = "0"
}
if (apresmidi === true) {
apresmidi_val = "1"
} else if (apresmidi === false) {
apresmidi_val = "0"
}
/*console.log(" ### date , email, matin,matin_val, apresmidi, apresmidi_val = ",
date, email, matin, matin_val, apresmidi, apresmidi_val);*/
var form = new FormData();
//form.append("token","K3cw63eKokKSbV4spjQ48SUNnfy80yrXfA");
const stored_cookie = getCookie('tokenmysypart');
form.append("token", stored_cookie);
form.append("session_id", mysession);
form.append("email", email);
form.append("date", date);
form.append("matin", matin_val);
form.append("apresmidi", apresmidi_val);
form.append("class_internal_url", internal_url);
var myurl = process.env.REACT_APP_API_URL + "myclass/api/UpdateUserEmargementDate/";
axios.post(myurl, form).then(res => {
if (String(res.data.status) === String("true")) {
//console.log(" In UpdateStagiaireData res.data.status = " + res.data.status);
//console.log(" In UpdateStagiaireData res.data.message r_class = " + res.data.message);
setUpdateStagiaireEmargement_api("true");
setUpdateStagiaireEmargement_result(res.data.message);
GetListeEmargement(mysession);
} else if (String(res.data.status) === String("Err_Connexion")) {
alert('Erreur: ' + res.data.message);
history.push("/Connexion");
}
else {
setUpdateStagiaireEmargement_api("false");
setUpdateStagiaireEmargement_message(res.data.message);
}
}).catch((error) => {
console.warn('handleClick_valide_emargement : Not good man :( mysearchtext = ' + error);
setUpdateStagiaireEmargement_api("false");
})
}
/*
# status : 0 ==> Preinscription
# status : 1 ==> Inscription validée
# status : -1 ==> Inscription annulée
"""
*/
function handleClick_accept(event, cellValues) {
var montant = String(cellValues.row.amount);
if (parseFloat(montant).toFixed(2) <= 0) {
alert(" Le montant de la formation est incorrect");
return;
}
if (String(montant) === "undefined") {
alert(" Le montant de la formation est incorrect");
return;
}
var nom = cellValues.row.nom;
var email = cellValues.row.email;
var prenom = cellValues.row.prenom;
var object_id = cellValues.row._id;
var opco = cellValues.row.opco;
if (String(opco) === "undefined") {
opco = ""
}
var modefinancement = cellValues.row.modefinancement;
if (String(modefinancement) === "undefined") {
modefinancement = ""
}
var status = "1";
var employeur = cellValues.row.employeur;
if (String(employeur) === "undefined") {
employeur = ""
}
UpdateStagiaireData(nom, prenom, email, status, montant, opco, modefinancement, employeur, "", object_id);
}
function handleClick_update_data(event, cellValues) {
var montant = String(cellValues.row.amount);
if (String(montant) === "undefined") {
montant = "0"
}
var nom = cellValues.row.nom;
var email = cellValues.row.email;
var prenom = cellValues.row.prenom;
var object_id = cellValues.row._id;
var opco = cellValues.row.opco;
if (String(opco) === "undefined") {
opco = ""
}
var modefinancement = cellValues.row.modefinancement;
if (String(modefinancement) === "undefined") {
modefinancement = ""
}
var status = "0";
var employeur = cellValues.row.employeur;
if (String(employeur) === "undefined") {
employeur = ""
}
var comment = "";
UpdateStagiaireData(nom, prenom, email, status, montant, opco, modefinancement, employeur, comment, object_id);
}
function handleClick_refuse(event, cellValues) {
// Recuperation du motif du refus :
var motif_refus = document.getElementById("motif_refus").value;
var montant = String(cellValues.row.amount);
if (String(montant) === "undefined") {
montant = "0"
}
var nom = cellValues.row.nom;
var email = cellValues.row.email;
var prenom = cellValues.row.prenom;
var object_id = cellValues.row._id;
var opco = cellValues.row.opco;
if (String(opco) === "undefined") {
opco = ""
}
var modefinancement = cellValues.row.modefinancement;
if (String(modefinancement) === "undefined") {
modefinancement = ""
}
var status = "-1";
var employeur = cellValues.row.employeur;
if (String(employeur) === "undefined") {
employeur = ""
}
UpdateStagiaireData(nom, prenom, email, status, montant, opco, modefinancement, employeur, motif_refus, object_id);
}
const [submenu, setsubmenu] = useState("preinscrit");
function submenu_preinscrit() {
setsubmenu("preinscrit");
setCreateListEmargement_api();
setActionMassListEmargement_api();
setliste_participants_file_change_api();
setliste_sessions_file_change_api();
setCreateSessionFormation_api();
setdisplay_detail_insc();
document.getElementById('menu_preinscrit').style.background = "#104277";
document.getElementById('menu_preinscrit').style.color = "#ffffff";
document.getElementById('menu_inscrit').style.background = "#d8edfc";
document.getElementById('menu_inscrit').style.color = "#3b3e40";
document.getElementById('menu_emarge').style.background = "#d8edfc";
document.getElementById('menu_emarge').style.color = "#3b3e40";
document.getElementById('menu_eval').style.background = "#d8edfc";
document.getElementById('menu_eval').style.color = "#3b3e40";
}
function submenu_inscrit() {
setsubmenu("inscrit");
setCreateListEmargement_api();
setActionMassListEmargement_api();
setliste_participants_file_change_api();
setliste_sessions_file_change_api();
setCreateSessionFormation_api();
document.getElementById('menu_inscrit').style.background = "#104277";
document.getElementById('menu_inscrit').style.color = "#ffffff";
document.getElementById('menu_preinscrit').style.background = "#d8edfc";
document.getElementById('menu_preinscrit').style.color = "#3b3e40";
document.getElementById('menu_emarge').style.background = "#d8edfc";
document.getElementById('menu_emarge').style.color = "#3b3e40";
document.getElementById('menu_eval').style.background = "#d8edfc";
document.getElementById('menu_eval').style.color = "#3b3e40";
}
function submenu_divers() {
setsubmenu("divers");
setCreateListEmargement_api();
setActionMassListEmargement_api();
setliste_participants_file_change_api();
setliste_sessions_file_change_api();
setCreateSessionFormation_api();
}
function submenu_emargement() {
setsubmenu("emargement");
setCreateListEmargement_api();
setActionMassListEmargement_api();
setliste_participants_file_change_api();
setliste_sessions_file_change_api();
setCreateSessionFormation_api();
setdisplay_detail_insc();
document.getElementById('menu_emarge').style.background = "#104277";
document.getElementById('menu_emarge').style.color = "#ffffff";
document.getElementById('menu_preinscrit').style.background = "#d8edfc";
document.getElementById('menu_preinscrit').style.color = "#3b3e40";
document.getElementById('menu_inscrit').style.background = "#d8edfc";
document.getElementById('menu_inscrit').style.color = "#3b3e40";
document.getElementById('menu_eval').style.background = "#d8edfc";
document.getElementById('menu_eval').style.color = "#3b3e40";
}
function submenu_evaluation() {
setsubmenu("evaluation");
setCreateListEmargement_api();
setActionMassListEmargement_api();
setliste_participants_file_change_api();
setliste_sessions_file_change_api();
setCreateSessionFormation_api();
setdisplay_detail_insc();
document.getElementById('menu_eval').style.background = "#104277";
document.getElementById('menu_eval').style.color = "#ffffff";
document.getElementById('menu_preinscrit').style.background = "#d8edfc";
document.getElementById('menu_preinscrit').style.color = "#3b3e40";
document.getElementById('menu_inscrit').style.background = "#d8edfc";
document.getElementById('menu_inscrit').style.color = "#3b3e40";
document.getElementById('menu_emarge').style.background = "#d8edfc";
document.getElementById('menu_emarge').style.color = "#3b3e40";
}
const [UpdateStagiaireData_api, setUpdateStagiaireData_api] = useState();
const [UpdateStagiaireData_message, setUpdateStagiaireData_message] = useState();
const [UpdateStagiaireData_result, setUpdateStagiaireData_result] = useState();
function UpdateStagiaireData(nom, prenom, email, status, price, opco, modefinancement, employeur, comment, object_id) {
setSendInscriptionCancell_api();
var form = new FormData();
//form.append("token","K3cw63eKokKSbV4spjQ48SUNnfy80yrXfA");
if (mysession.length <= 0) {
alert(" Vous devez choisir une session");
return;
}
const stored_cookie = getCookie('tokenmysypart');
form.append("token", stored_cookie);
form.append("class_internal_url", internal_url);
form.append("session_id", mysession);
form.append("nom", nom);
form.append("prenom", prenom);
form.append("email", email);
form.append("employeur", employeur);
form.append("status", status);
form.append("price", price);
form.append("opco", opco);
form.append("modefinancement", modefinancement);
form.append("comment", comment);
form.append("_id", object_id);
form.append("_id", selected_id);
form.append("client_rattachement_id", p_detail_client_rattachement_id);
var myurl = process.env.REACT_APP_API_URL + "myclass/api/UpdateStagiairetoClass/";
axios.post(myurl, form).then(res => {
//console.log(" In UpdateStagiaireData res.data.status = " + res.data.status);
//console.log(" In UpdateStagiaireData res.data.message r_class = " + res.data.message);
if (String(res.data.status) === String("true")) {
setUpdateStagiaireData_api("true");
setUpdateStagiaireData_result(res.data.message);
GetListePreinscrit(mysession);
GetListeInscrit(mysession);
GetListeEmargement(mysession);
GetListeEvaluation(mysession);
setretval_ch("1");
alert(" La mise à jour été correctement faite.")
}
else {
setUpdateStagiaireData_api("false");
setUpdateStagiaireData_message(res.data.message);
setretval_ch("-1");
alert(res.data.message);
}
}).catch((error) => {
console.warn('UpdateStagiaireData : Not good man :( mysearchtext = ' + error);
setUpdateStagiaireData_api("false");
setretval_ch("-1");
alert(" Impossible d'ajouter le participant")
})
}
//const [GetCurrentClass_session, setGetCurrentClass_session] = useState();
//const data = [];
//const [mydata, setmydata] = useState([]);
const [GetCurrentClass_api, setGetCurrentClass_api] = useState();
const [GetCurrentClass_message, setGetCurrentClass_message] = useState();
const [GetCurrentClass_result, setGetCurrentClass_result] = useState();
function GetCurrentClass(event) {
var form = new FormData();
//form.append("token","K3cw63eKokKSbV4spjQ48SUNnfy80yrXfA");
const stored_cookie = getCookie('tokenmysypart');
form.append("token", stored_cookie);
form.append("internal_url", internal_url);
var myurl = process.env.REACT_APP_API_URL + "myclass/api/get_partner_class/";
axios.post(myurl, form).then(res => {
if (String(res.data.status) === String("true")) {
//console.log(" In GetCurrentClass res.data.status = " + res.data.status);
//console.log(" In GetCurrentClass res.data.message r_class = " + res.data.message);
setGetCurrentClass_api("true");
setGetCurrentClass_result(res.data.message);
var mylocaltraining = JSON.parse(res.data.message);
if (mylocaltraining.external_code)
document.getElementsByName("external_code")[0].value = mylocaltraining.external_code;
if (mylocaltraining.title)
document.getElementsByName("title")[0].value = mylocaltraining.title;
setclasstitle(mylocaltraining.title);
if (mylocaltraining.trainer)
document.getElementsByName("trainer")[0].value = mylocaltraining.trainer;
} else if (String(res.data.status) === String("Err_Connexion")) {
alert('Erreur: ' + res.data.message);
history.push("/Connexion");
}
else {
setGetCurrentClass_api("false");
setGetCurrentClass_message(res.data.message);
}
}).catch((error) => {
console.warn('Not good man :( mysearchtext = ', error);
setGetCurrentClass_api("false");
//setmyApimyApiMessage("")
})
}
const [selectionModel, setSelectionModel] = React.useState([]);
const [rowss, setRows] = useState([]);
const [GetListePreinscrit_api, setGetListePreinscrit_api] = useState();
const [GetListePreinscrit_meassage, setGetListePreinscrit_meassage] = useState();
const [GetListePreinscrit_result, setGetListePreinscrit_result] = useState([])
function GetListePreinscrit(localsessionid) {
var form = new FormData();
//form.append("token","K3cw63eKokKSbV4spjQ48SUNnfy80yrXfA");
const stored_cookie = getCookie('tokenmysypart');
form.append("token", stored_cookie);
form.append("class_internal_url", internal_url);
form.append("session_id", localsessionid);
form.append("status", "0");
/*
/!\ : Cette fonction a besoin d'un token actif
*/
if (String(stored_cookie) === String("")) {
alert(" La session n'est plus valide");
history.push("/Connexion");
return;
}
var myurl = process.env.REACT_APP_API_URL + "myclass/api/GetAllClassStagiaire/";
fetch(myurl,
{
method: 'POST',
body: form,
})
.then((data) => data.json())
.then((data) => {
//console.log('Success:', data['message'], "data['status'] = ", data['status']);
setGetListePreinscrit_result(data['message']);
setRows(data['message']);
if (String(data['status']) === String("Err_Connexion")) {
alert('Erreur: ' + data['message']);
history.push("/Connexion");
}
else if (String(data['status']) === String("true")) {
setGetListePreinscrit_api("true");
}
else {
//console.log("erreur rrrr:" + data['status'])
setGetListePreinscrit_api("false");
}
}).catch((error) => {
console.error('Error:', error);
setGetListePreinscrit_api("false");
});
}
const [GetCurrentClass_trainingsession_api, setGetCurrentClass_trainingsession_api] = useState();
const [GetCurrentClass_trainingsession_message, setGetCurrentClass_trainingsession_message] = useState();
const [GetCurrentClass_trainingsession_result, setGetCurrentClass_trainingsession_result] = useState();
function GetCurrentClass_trainingsession(event) {
var form = new FormData();
form.append("class_internal_url", internal_url);
const stored_cookie = getCookie('tokenmysypart');
form.append("token", stored_cookie);
var myurl = process.env.REACT_APP_API_URL + "myclass/api/GetAllValideSessionFormation_List/";
axios.post(myurl, form).then(res => {
if (String(res.data.status) === String("true")) {
//console.log(" In GetCurrentClass_trainingsession res.data.status = " + res.data.status);
//console.log(" In GetCurrentClass_trainingsession res.data.message r_class = " + res.data.message);
setGetCurrentClass_trainingsession_api("true");
setGetCurrentClass_trainingsession_result(res.data.message);
}
else {
setGetCurrentClass_trainingsession_api("false");
setGetCurrentClass_trainingsession_message(res.data.message);
}
}).catch((error) => {
console.warn('Not good man :( GetCurrentClass_trainingsession = ', error);
setGetCurrentClass_trainingsession_api("false");
//setmyApimyApiMessage("")
})
}
/* Envoi de l'envoi de l'email de confirmation de la validation de l'inscription */
function handleClick_resend_conf_mail(event, cellValues) {
var email = cellValues.row.email;
//alert(" confirmation email = " + email);
SendInscriptionConfirmation(email);
}
const [SendInscriptionCancell_api, setSendInscriptionCancell_api] = useState();
const [SendInscriptionCancell_message, setSendInscriptionCancell_message] = useState();
const [SendInscriptionCancell_result, setSendInscriptionCancell_result] = useState();
function SendInscriptionCancell(email) {
clean_old_messages();
setUpdateStagiaireData_api();
var form = new FormData();
//form.append("token","K3cw63eKokKSbV4spjQ48SUNnfy80yrXfA");
if (mysession.length <= 0) {
alert(" Vous devez choisir une session");
return;
}
const stored_cookie = getCookie('tokenmysypart');
form.append("token", stored_cookie);
form.append("class_internal_url", internal_url);
form.append("session_id", mysession);
form.append("email", email);
var myurl = process.env.REACT_APP_API_URL + "myclass/api/CancelAttendeeInscription/";
axios.post(myurl, form).then(res => {
if (String(res.data.status) === String("true")) {
//console.log(" In UpdateStagiaireData res.data.status = " + res.data.status);
//console.log(" In UpdateStagiaireData res.data.message r_class = " + res.data.message);
setSendInscriptionCancell_api("true");
setSendInscriptionCancell_result(res.data.message);
GetListePreinscrit(mysession);
GetListeInscrit(mysession);
GetListeEmargement(mysession);
GetListeEvaluation(mysession);
submenu_inscrit();
} else if (String(res.data.status) === String("Err_Connexion")) {
alert('Erreur: ' + res.data.message);
history.push("/Connexion");
}
else {
setSendInscriptionCancell_api("false");
setSendInscriptionCancell_message(res.data.message);
}
}).catch((error) => {
console.warn('SendInscriptionCancell : Not good man :( mysearchtext = ' + error);
setSendInscriptionCancell_api("false");
})
}
const [SendInscriptionConfirmation_api, setSendInscriptionConfirmation_api] = useState();
const [SendInscriptionConfirmation_message, setSendInscriptionConfirmation_message] = useState();
const [SendInscriptionConfirmation_result, setSendInscriptionConfirmation_result] = useState();
function SendInscriptionConfirmation(email) {
clean_old_messages();
var form = new FormData();
//form.append("token","K3cw63eKokKSbV4spjQ48SUNnfy80yrXfA");
if (mysession.length <= 0) {
alert(" Vous devez choisir une session");
return;
}
const stored_cookie = getCookie('tokenmysypart');
form.append("token", stored_cookie);
form.append("class_internal_url", internal_url);
form.append("session_id", mysession);
form.append("email", email);
var myurl = process.env.REACT_APP_API_URL + "myclass/api/SendInscriptionConfirmation/";
axios.post(myurl, form).then(res => {
if (String(res.data.status) === String("true")) {
//console.log(" In UpdateStagiaireData res.data.status = " + res.data.status);
//console.log(" In UpdateStagiaireData res.data.message r_class = " + res.data.message);
setSendInscriptionConfirmation_api("true");
setSendInscriptionConfirmation_result(res.data.message);
} else if (String(res.data.status) === String("Err_Connexion")) {
alert('Erreur: ' + res.data.message);
history.push("/Connexion");
}
else {
setSendInscriptionConfirmation_api("false");
setSendInscriptionConfirmation_message(res.data.message);
}
}).catch((error) => {
console.warn('SendInscriptionConfirmation : Not good man :( mysearchtext = ' + error);
setSendInscriptionConfirmation_api("false");
})
}
/* Recuperation de la liste des inscrits */
const [selectionModel_insc, setSelectionModel_insc] = React.useState([]);
const [rowss_insc, setRows_insc] = useState([]);
const [GetListePreinscrit_insc_api, setGetListePreinscrit_insc_api] = useState();
const [GetListePreinscrit_insc_meassage, setGetListePreinscrit_insc_meassage] = useState();
const [GetListePreinscrit_insc_result, setGetListePreinscrit_insc_result] = useState([])
function GetListeInscrit(localsessionid) {
clean_old_messages();
var form = new FormData();
//form.append("token","K3cw63eKokKSbV4spjQ48SUNnfy80yrXfA");
const stored_cookie = getCookie('tokenmysypart');
form.append("token", stored_cookie);
form.append("class_internal_url", internal_url);
form.append("session_id", localsessionid);
form.append("status", "1");
/*
/!\ : Cette fonction a besoin d'un token actif
*/
if (String(stored_cookie) === String("")) {
alert(" La session n'est plus valide ");
history.push("/Connexion");
return;
}
var myurl = process.env.REACT_APP_API_URL + "myclass/api/GetAllClassStagiaire/";
fetch(myurl,
{
method: 'POST',
body: form,
})
.then((data) => data.json())
.then((data) => {
//console.log(' GetListeInscrit : Success:', data['message'], "data['status'] = ", data['status']);
setGetListePreinscrit_insc_result(data['message']);
setRows_insc(data['message']);
if (String(data['status']) === String("true")) {
//console.log("erreur rrrr:" + data['status'])
setGetListePreinscrit_insc_api("true");
} else if (String(data['status']) === String("Err_Connexion")) {
alert('Erreur: ' + data['message']);
history.push("/Connexion");
}
else {
setGetListePreinscrit_insc_api("false");
}
}).catch((error) => {
console.error('Error:', error);
setGetListePreinscrit_insc_api("false");
});
}
/* Recuperation de la liste d'emargement */
const [selectionModel_emarg, setSelectionModel_emarg] = React.useState([]);
const [rowss_emarg, setRows_emarg] = useState([]);
const [GetListePreinscrit_emarg_api, setGetListePreinscrit_emarg_api] = useState();
const [GetListePreinscrit_emarg_meassage, setGetListePreinscrit_emarg_meassage] = useState();
const [GetListePreinscrit_emarg_result, setGetListePreinscrit_emarg_result] = useState([])
function GetListeEmargement(localsessionid) {
clean_old_messages();
var form = new FormData();
//form.append("token","K3cw63eKokKSbV4spjQ48SUNnfy80yrXfA");
const stored_cookie = getCookie('tokenmysypart');
form.append("token", stored_cookie);
form.append("class_internal_url", internal_url);
form.append("session_id", localsessionid);
/*
/!\ : Cette fonction a besoin d'un token actif
*/
if (String(stored_cookie) === String("")) {
alert(" La session n'est plus valide ");
history.push("/Connexion");
return;
}
var myurl = process.env.REACT_APP_API_URL + "myclass/api/GetTableauEmargement/";
fetch(myurl,
{
method: 'POST',
body: form,
})
.then((data) => data.json())
.then((data) => {
//console.log('Success:', data['message'], "data['status'] = ", data['status']);
setGetListePreinscrit_emarg_result(data['message']);
setRows_emarg(data['message']);
if (String(data['status']) === String("Err_Connexion")) {
alert('Erreur: ' + data['message']);
history.push("/Connexion");
}
else if (String(data['status']) === String("true")) {
setGetListePreinscrit_emarg_api("true");
} else {
//console.log("erreur rrrr:" + data['status'])
setGetListePreinscrit_emarg_api("false");
}
}).catch((error) => {
console.error('Error:', error);
setGetListePreinscrit_emarg_api("false");
});
}
/* Recuperation des evaluations */
const [selectionModel_evaluation, setSelectionModel_evaluation] = React.useState([]);
const [rowss_evaluation, setRows_evaluation] = useState([]);
const [GetListePreinscrit_evaluation_api, setGetListePreinscrit_evaluation_api] = useState();
const [GetListePreinscrit_evaluation_meassage, setGetListePreinscrit_evaluation_meassage] = useState();
const [GetListePreinscrit_evaluation_result, setGetListePreinscrit_evaluation_result] = useState([])
function GetListeEvaluation(localsessionid) {
clean_old_messages();
var form = new FormData();
//form.append("token","K3cw63eKokKSbV4spjQ48SUNnfy80yrXfA");
const stored_cookie = getCookie('tokenmysypart');
form.append("token", stored_cookie);
form.append("session_id", localsessionid);
/*
/!\ : Cette fonction a besoin d'un token actif
*/
if (String(stored_cookie) === String("")) {
alert(" La session n'est plus valide ");
history.push("/Connexion");
return;
}
var myurl = process.env.REACT_APP_API_URL + "myclass/api/GetListEvaluation_Session/";
fetch(myurl,
{
method: 'POST',
body: form,
})
.then((data) => data.json())
.then((data) => {
//console.log('GetListeEvaluation -- Success:', data['message'], "data['status'] = ", data['status']);
setGetListePreinscrit_evaluation_result(data['message']);
setRows_evaluation(data['message']);
if (String(data['status']) === String("Err_Connexion")) {
alert('Erreur: ' + data['message']);
history.push("/Connexion");
}
else if (String(data['status']) === String("true")) {
setGetListePreinscrit_evaluation_api("true");
} else {
//console.log("GetListeEvaluation rrrr:" + data['status'])
setGetListePreinscrit_evaluation_api("false");
}
}).catch((error) => {
console.error('Error:', error);
setGetListePreinscrit_evaluation_api("false");
});
}
useEffect(() => {
GetCurrentClass();
GetCurrentClass_trainingsession();
GetAttestation_Certif();
Get_List_Partner_Clients();
window.scrollTo({
top: 0,
behavior: "smooth",
});
}, []);
const [Get_List_Partner_Clients_api, setGet_List_Partner_Clients_api] = useState();
const [Get_List_Partner_Clients_message, setGet_List_Partner_Clients_message] = useState();
const [Get_List_Partner_Clients_result, setGet_List_Partner_Clients_result] = useState();
function Get_List_Partner_Clients(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_Partner_List_Partner_Client/";
axios.post(myurl, form).then(res => {
//console.log(" In Get_List_Partner_Clients res.data.status = " + res.data.status);
//console.log(" In Get_List_Partner_Clients res.data.message r_class = " + res.data.message);
if (String(res.data.status) === String("true")) {
setGet_List_Partner_Clients_api("true");
setGet_List_Partner_Clients_result(res.data.message);
}
else if (String(res.data.status) === String("Err_Connexion")) {
alert('Erreur: ' + res.data.message);
history.push("/Connexion");
}
else {
setGet_List_Partner_Clients_api("false");
setGet_List_Partner_Clients_message(res.data.message);
}
}).catch((error) => {
console.warn('Not good man :( Get_List_Partner_Clients = ', error);
setGet_List_Partner_Clients_api("false");
//setmyApimyApiMessage("")
})
}
const [p_one_detail_client_rattachement_nom, setp_one_detail_client_rattachement_nom] = useState();
const [p_one_detail_client_rattachement_id, setp_one_detail_client_rattachement_id] = useState();
const [mysession, setmysession] = useState("");
const [allmysession_info, setallmysession_info] = useState("");
const [selectedsession_date_du, setselectedsession_date_du] = useState(new Date());
const [selectedsession_date_au, setselectedsession_date_au] = useState(new Date());
function handleChangeSession(event) {
/*
/!\ : Cette fonction a besoin d'un token actif
*/
//form.append("token","K3cw63eKokKSbV4spjQ48SUNnfy80yrXfA");
const stored_cookie = getCookie('tokenmysypart');
if (String(stored_cookie) === String("")) {
alert(" La session n'est plus valide ");
history.push("/Connexion");
return;
}
setreduction_session("0");
setsessionChanged(false);
clearSessionFields();
setselectedCertif();
seturlpreview_certif();
setdisplay_detail_insc();
setCreateSessionFormation_api();
setSendInscriptionConfirmation_api();
setreduction_session("0");
//console.log(" reduction_session = ", reduction_session);
/*
if (String(reduction_session) === "1")
setreduction_session("0");
*/
var tab_date = [];
setp_detail_session_class(event.target.value);
setmysession(event.target.value);
GetListePreinscrit(event.target.value);
GetListeInscrit(event.target.value);
GetListeEmargement(event.target.value);
GetListeEvaluation(event.target.value);
var el = document.getElementById('session_liste');
var text = el.options[el.selectedIndex].innerHTML;
setallmysession_info(text);
// Recuperation de l'adresse
const words_adresse = text.split(' à');
if (words_adresse.length === 2) {
var regex = /^[0-9]{2}[\/][0-9]{2}[\/][0-9]{4}$/g;
const words = text.split(' ');
//Iterate array
words.forEach(
function (date) {
if (regex.test(date))
//console.log(date + " => "+regex.test(date));
tab_date.push(date)
});
//alert("words_adresse[1] = "+words_adresse[1].trim());
const words_adresse2 = String(words_adresse[1]).trim().split(' ');
//console.log("words_adresse2 = ",words_adresse2);
var taille = words_adresse2.length;
var CP = words_adresse2[words_adresse2.length - 1]
var ville = words_adresse2[words_adresse2.length - 2]
var local_adress = ""
var i = 0;
while (i < words_adresse2.length - 2) {
local_adress = local_adress + " " + words_adresse2[i]
i = i + 1;
}
//console.log(" CP = ",CP+" ville = ",ville+" local_adress = ",local_adress);
document.getElementsByName("adresse")[0].value = local_adress;
document.getElementsByName("ville")[0].value = ville;
document.getElementsByName("code_postal")[0].value = CP;
}
if (tab_date.length === 2) {
var date_du = new Date(moment(tab_date[0], "DD/MM/YYYY")).setHours(8, 0, 0);
var date_au = new Date(moment(tab_date[1], "DD/MM/YYYY")).setHours(18, 0, 0);
setSessionstartDate(date_du);
setSessionendDate(date_au)
}
GetCurrentSession(event.target.value);
submenu_inscrit();
};
const [CreateListEmargement_api, setCreateListEmargement_api] = useState();
const [CreateListEmargement_message, setCreateListEmargement_message] = useState();
const [CreateListEmargement_result, setCreateListEmargement_result] = useState();
function CreateListEmargement() {
clean_old_messages();
var form = new FormData();
//form.append("token","K3cw63eKokKSbV4spjQ48SUNnfy80yrXfA");
const stored_cookie = getCookie('tokenmysypart');
form.append("token", stored_cookie);
form.append("class_internal_url", internal_url);
form.append("session_id", mysession);
//alert(" mysession = "+mysession);
var myurl = process.env.REACT_APP_API_URL + "myclass/api/CreateTableauEmargement/";
axios.post(myurl, form).then(res => {
if (String(res.data.status) === String("true")) {
//console.log(" In UpdateStagiaireData res.data.status = " + res.data.status);
//console.log(" In UpdateStagiaireData res.data.message r_class = " + res.data.message);
setCreateListEmargement_api("true");
setCreateListEmargement_result(res.data.message);
GetListeEmargement(mysession);
} else if (String(res.data.status) === String("Err_Connexion")) {
alert('Erreur: ' + res.data.message);
history.push("/Connexion");
}
else {
setCreateListEmargement_api("false");
setCreateListEmargement_message(res.data.message);
}
}).catch((error) => {
console.warn('CreateListEmargement : Not good man :( mysearchtext = ' + error);
setCreateListEmargement_api("false");
})
}
const [is_lms_class_code, setis_lms_class_code] = useState();
const [CreateSessionFormation_api, setCreateSessionFormation_api] = useState();
const [CreateSessionFormation_message, setCreateSessionFormation_message] = useState();
const [CreateSessionFormation_result, setCreateSessionFormation_result] = useState();
function CreateSessionFormation() {
clean_old_messages();
var form = new FormData();
var nb_participant = "0";
var prix_session;
if (mysession.length <= 0) {
alert(" Vous devez choisir une session");
return;
}
nb_participant = ""
if (document.getElementById("nb_participant") && document.getElementById("nb_participant").value != "") {
nb_participant = document.getElementById("nb_participant").value;
}
if (nb_participant.trim() == "") {
alert(" Le nombre de participants est obligatoire");
return;
}
prix_session = ""
if (document.getElementById("prix_session") && document.getElementById("prix_session").value != "") {
prix_session = document.getElementById("prix_session").value;
}
if (prix_session.trim() == "") {
alert(" Le prix de la session est vide");
return;
}
var session_ondemande = "0"
session_ondemande = ""
if (document.getElementById("session_ondemande") && document.getElementById("session_ondemande").value != "") {
session_ondemande = document.getElementById("session_ondemande").value;
}
var presentiel = "0"
presentiel = ""
if (document.getElementById("presentiel") && document.getElementById("presentiel").value != "") {
presentiel = document.getElementById("presentiel").value;
}
if (presentiel.trim() == "") {
alert(" Vous devez preciser si la session est en présentiel");
return;
}
var distantiel = "0"
distantiel = ""
if (document.getElementById("distantiel") && document.getElementById("distantiel").value != "") {
distantiel = document.getElementById("distantiel").value;
}
if (distantiel.trim() == "") {
alert(" Vous devez preciser si la session est en distantiel");
return;
}
if (String(document.getElementById("sessiondatedebutinscription").value).trim() == "") {
alert(" La date de debut des inscriptions est obligatoire");
return;
}
if (String(document.getElementById("sessiondatefininscription").value).trim() == "") {
alert(" La date de fin des inscriptions est obligatoire");
return;
}
var adress = "";
if (document.getElementById("adresse") && document.getElementById("adresse").value != "")
adress = document.getElementById("adresse").value;
var codepostal = "";
if (document.getElementById("code_postal") && document.getElementById("code_postal").value != "")
codepostal = document.getElementById("code_postal").value;
var ville = "";
if (document.getElementById("ville") && document.getElementById("ville").value != "")
ville = document.getElementById("ville").value;
var code_session = "";
if (document.getElementById("code_session") && document.getElementById("code_session").value != "")
code_session = document.getElementById("code_session").value;
var formateur = "";
if (document.getElementById("formateur") && document.getElementById("formateur").value != "")
formateur = document.getElementById("formateur").value;
var lms_class_code = "";
if (document.getElementById("lms_class_code") && document.getElementById("lms_class_code").value != "") {
lms_class_code = document.getElementById("lms_class_code").value;
}
//form.append("token","K3cw63eKokKSbV4spjQ48SUNnfy80yrXfA");
const stored_cookie = getCookie('tokenmysypart');
form.append("token", stored_cookie);
form.append("class_internal_url", internal_url);
form.append("code_session", mysession);
form.append("date_debut", format(SessionstartDate, 'dd/MM/yyyy kk:mm:ss'));
form.append("date_fin", format(SessionendDate, 'dd/MM/yyyy kk:mm:ss'));
form.append("prix_session", prix_session);
form.append("nb_participant", nb_participant);
form.append("session_ondemande", session_ondemande);
form.append("presentiel", presentiel);
form.append("distantiel", distantiel);
form.append("adresse", adress);
form.append("code_postal", codepostal);
form.append("ville", ville);
form.append("code_session", code_session);
form.append("formateur", formateur);
form.append("lms_class_code", lms_class_code);
form.append("session_status", sessionStatus);
form.append("date_debut_inscription", format(SessionstartDateInscription, 'dd/MM/yyyy kk:mm:ss'));
form.append("date_fin_inscription", format(SessionendDateInscription, 'dd/MM/yyyy kk:mm:ss'));
form.append("attestation_certif", selectedCertif);
var contenu_ftion = "";
if (editorRef_contenu_ftion.current) {
contenu_ftion = editorRef_contenu_ftion.current.getContent();
if (parse(contenu_ftion.replace(/(<([^>]+)>)/ig, '')).length > editorRef_contenu_ftion_limite) {
alert(" Champ 'Contenu de la formation', limite depassée !")
return;
}
}
form.append("contenu_ftion", contenu_ftion);
var myurl = process.env.REACT_APP_API_URL + "myclass/api/Add_Update_SessionFormation/";
axios.post(myurl, form).then(res => {
//console.log(" In CreateSessionFormation res.data.status = " + res.data.status);
//console.log(" In CreateSessionFormation res.data.message r_class = " + res.data.message);
if (String(res.data.status) === String("true")) {
setCreateSessionFormation_api("true");
setCreateSessionFormation_result(res.data.message);
setsessionChanged(false);
desableSessionFields();
GetCurrentClass_trainingsession();
} else if (String(res.data.status) === String("Err_Connexion")) {
alert('Erreur: ' + res.data.message);
history.push("/Connexion");
}
else {
setCreateSessionFormation_api("false");
setCreateSessionFormation_message(res.data.message);
alert(res.data.message)
}
}).catch((error) => {
console.warn('CreateSessionFormation : Not good man :( mysearchtext = ' + error);
setCreateSessionFormation_api("false");
})
}
const [one_CreateSessionFormation_api, setone_CreateSessionFormation_api] = useState();
const [one_CreateSessionFormation_message, setone_CreateSessionFormation_message] = useState();
const [one_CreateSessionFormation_result, setone_CreateSessionFormation_result] = useState();
function One_CreateSessionFormation() {
clean_old_messages();
var form = new FormData();
var nb_participant = "0";
var prix_session;
code_session = ""
if (document.getElementById("one_code_session") && document.getElementById("one_code_session").value != "") {
code_session = document.getElementById("one_code_session").value;
}
if (code_session.trim() == "") {
alert(" Vous devez saisir un code session");
return;
}
nb_participant = ""
if (document.getElementById("one_nb_participant") && document.getElementById("one_nb_participant").value != "") {
nb_participant = document.getElementById("one_nb_participant").value;
}
if (nb_participant.trim() == "") {
const response = window.confirm("Le nombre de participants est vide. Continuer ?");
if (!response) {
return;
}
}
prix_session = ""
if (document.getElementById("one_prix_session") && document.getElementById("one_prix_session").value != "") {
prix_session = document.getElementById("one_prix_session").value;
}
var one_session_ondemande = "0"
one_session_ondemande = ""
if (document.getElementById("one_session_ondemande") && document.getElementById("one_session_ondemande").value != "") {
one_session_ondemande = document.getElementById("one_session_ondemande").value;
}
var presentiel = "0"
presentiel = ""
if (document.getElementById("one_presentiel") && document.getElementById("one_presentiel").value != "") {
presentiel = document.getElementById("one_presentiel").value;
}
if (presentiel.trim() == "") {
const response = window.confirm(" Vous devez preciser si la session est en présentiel. Continuer ?");
if (!response) {
return;
}
}
var distantiel = "0"
distantiel = ""
if (document.getElementById("one_distantiel") && document.getElementById("one_distantiel").value != "") {
distantiel = document.getElementById("one_distantiel").value;
}
if (distantiel.trim() == "") {
const response = window.confirm(" Vous devez preciser si la session est en distantiel. Continuer ?");
if (!response) {
return;
}
}
if (String(document.getElementById("one_sessiondatedebut").value).trim() == "") {
window.alert("La date de debut de session est obligatoire.");
return;
}
if (String(document.getElementById("one_sessiondatefin").value).trim() == "") {
window.alert(" La date de fin de session est obligatoire.");
return;
}
if (String(document.getElementById("one_sessiondatedebutinscription").value).trim() == "") {
window.alert("La date de debut des inscriptions est obligatoire. Continuer ?");
return;
}
if (String(document.getElementById("one_sessiondatefininscription").value).trim() == "") {
window.alert(" La date de fin des inscriptions est obligatoire");
return;
}
var adress = "";
if (document.getElementById("one_adresse") && document.getElementById("one_adresse").value != "")
adress = document.getElementById("one_adresse").value;
var codepostal = "";
if (document.getElementById("one_code_postal") && document.getElementById("one_code_postal").value != "")
codepostal = document.getElementById("one_code_postal").value;
var ville = "";
if (document.getElementById("one_ville") && document.getElementById("one_ville").value != "")
ville = document.getElementById("one_ville").value;
var code_session = "";
if (document.getElementById("one_code_session") && document.getElementById("one_code_session").value != "")
code_session = document.getElementById("one_code_session").value;
var formateur = "";
if (document.getElementById("one_formateur") && document.getElementById("one_formateur").value != "")
formateur = document.getElementById("one_formateur").value;
var lms_class_code = "";
if (document.getElementById("one_lms_class_code") && document.getElementById("one_lms_class_code").value != "") {
lms_class_code = document.getElementById("one_lms_class_code").value;
}
//form.append("token","K3cw63eKokKSbV4spjQ48SUNnfy80yrXfA");
const stored_cookie = getCookie('tokenmysypart');
form.append("token", stored_cookie);
form.append("class_internal_url", internal_url);
form.append("code_session", code_session);
form.append("date_debut", format(one_SessionstartDate, 'dd/MM/yyyy kk:mm:ss'));
form.append("date_fin", format(one_SessionendDate, 'dd/MM/yyyy kk:mm:ss'));
form.append("prix_session", prix_session);
form.append("nb_participant", nb_participant);
form.append("session_ondemande", one_session_ondemande);
form.append("presentiel", presentiel);
form.append("distantiel", distantiel);
form.append("adresse", adress);
form.append("code_postal", codepostal);
form.append("ville", ville);
form.append("code_session", code_session);
form.append("formateur", formateur);
form.append("lms_class_code", lms_class_code);
form.append("session_status", sessionStatus);
form.append("date_debut_inscription", format(one_SessionstartDateInscription, 'dd/MM/yyyy kk:mm:ss'));
form.append("date_fin_inscription", format(one_SessionendDateInscription, 'dd/MM/yyyy kk:mm:ss'));
form.append("attestation_certif", one_selectedCertif);
var contenu_ftion = "";
if (one_editorRef_contenu_ftion.current) {
contenu_ftion = one_editorRef_contenu_ftion.current.getContent();
if (parse(contenu_ftion.replace(/(<([^>]+)>)/ig, '')).length > one_editorRef_contenu_ftion_limite) {
alert(" Champ 'Contenu de la formation', limite depassée !")
return;
}
}
form.append("contenu_ftion", contenu_ftion);
var myurl = process.env.REACT_APP_API_URL + "myclass/api/Add_Update_SessionFormation/";
axios.post(myurl, form).then(res => {
//console.log(" In One_CreateSessionFormation res.data.status = " + res.data.status);
//console.log(" In One_CreateSessionFormation res.data.message r_class = " + res.data.message);
if (String(res.data.status) === String("true")) {
setone_CreateSessionFormation_api("true");
setone_CreateSessionFormation_result(res.data.message);
setsessionChanged(false);
GetCurrentClass_trainingsession();
alert(" La session a été correctement ajoutée");
One_clearSessionFields();
setaddOneSession();
setreduction_session("1");
} else if (String(res.data.status) === String("Err_Connexion")) {
alert('Erreur: ' + res.data.message);
history.push("/Connexion");
}
else {
setone_CreateSessionFormation_api("false");
setone_CreateSessionFormation_message(res.data.message);
alert(res.data.message)
}
}).catch((error) => {
console.warn('One_CreateSessionFormation : Not good man :( = ' + error);
setone_CreateSessionFormation_api("false");
})
}
const [GetCurrentSession_api, setGetCurrentSession_api] = useState();
const [GetCurrentSession_message, setGetCurrentSession_message] = useState();
const [GetCurrentSession_result, setGetCurrentSession_result] = useState();
function GetCurrentSession(localsession_id) {
clean_old_messages();
var form = new FormData();
//form.append("token","K3cw63eKokKSbV4spjQ48SUNnfy80yrXfA");
const stored_cookie = getCookie('tokenmysypart');
form.append("token", stored_cookie);
form.append("class_internal_url", internal_url);
form.append("code_session", localsession_id);
var myurl = process.env.REACT_APP_API_URL + "myclass/api/GetSessionFormation/";
axios.post(myurl, form).then(res => {
if (String(res.data.status) === "true") {
//console.log(" In GetCurrentSession res.data.status = " + res.data.status);
//console.log(" In GetCurrentSession res.data.message r_class = " + res.data.message);
//console.log(" In GetCurrentSession res.data.message len = " + String(res.data.message).length);
setGetCurrentSession_api("true");
if (String(res.data.message).length > 0) {
setGetCurrentSession_result(res.data.message);
var mylocaltraining = JSON.parse(res.data.message);
if (mylocaltraining.date_debut) {
var date_du = new Date(moment(mylocaltraining.date_debut, "DD/MM/YYYY HH:mm:ss"));
setSessionstartDate(date_du);
}
if (mylocaltraining.date_fin) {
var date_fin = new Date(moment(mylocaltraining.date_fin, "DD/MM/YYYY HH:mm:ss"));
setSessionendDate(date_fin);
}
if (mylocaltraining.date_debut_inscription) {
var date_du_inscript = new Date(moment(mylocaltraining.date_debut_inscription, "DD/MM/YYYY HH:mm:ss"));
setSessionstartDateInscription(date_du_inscript);
}
if (mylocaltraining.date_fin_inscription) {
var date_fin_inscript = new Date(moment(mylocaltraining.date_fin_inscription, "DD/MM/YYYY HH:mm:ss"));
setSessionendDateInscription(date_fin_inscript);
}
if (mylocaltraining.attestation_certif) {
setselectedCertif(mylocaltraining.attestation_certif);
GetSpecificAttestation_Certif(mylocaltraining.attestation_certif);
}
document.getElementsByName("code_session")[0].value = "";
if (mylocaltraining.code_session)
document.getElementsByName("code_session")[0].value = mylocaltraining.code_session;
document.getElementsByName("nb_participant")[0].value = "";
if (mylocaltraining.nb_participant)
document.getElementsByName("nb_participant")[0].value = mylocaltraining.nb_participant;
document.getElementsByName("prix_session")[0].value = "";
if (mylocaltraining.prix_session)
document.getElementsByName("prix_session")[0].value = mylocaltraining.prix_session;
document.getElementsByName("distantiel")[0].value = "";
if (mylocaltraining.distantiel)
document.getElementsByName("distantiel")[0].value = mylocaltraining.distantiel;
document.getElementsByName("session_ondemande")[0].value = "";
if (mylocaltraining.session_ondemande)
document.getElementsByName("session_ondemande")[0].value = mylocaltraining.session_ondemande;
document.getElementsByName("presentiel")[0].value = "";
if (mylocaltraining.presentiel)
document.getElementsByName("presentiel")[0].value = mylocaltraining.presentiel;
if (mylocaltraining.contenu_ftion)
setfield_contenu_ftion(mylocaltraining.contenu_ftion);
document.getElementsByName("adresse")[0].value = "";
if (mylocaltraining.adresse)
document.getElementsByName("adresse")[0].value = mylocaltraining.adresse;
document.getElementsByName("ville")[0].value = "";
if (mylocaltraining.ville) {
document.getElementsByName("ville")[0].value = mylocaltraining.ville;
}
document.getElementsByName("formateur")[0].value = "";
if (mylocaltraining.formateur) {
document.getElementsByName("formateur")[0].value = mylocaltraining.formateur;
}
document.getElementsByName("lms_class_code")[0].value = "";
if (mylocaltraining.lms_class_code) {
document.getElementsByName("lms_class_code")[0].value = mylocaltraining.lms_class_code;
setis_lms_class_code(mylocaltraining.lms_class_code);
}
document.getElementsByName("code_postal")[0].value = "";
if (mylocaltraining.code_postal)
document.getElementsByName("code_postal")[0].value = mylocaltraining.code_postal;
if (String(mylocaltraining.session_status) === "true")
setsessionStatus(true);
else if (String(mylocaltraining.session_status) === "false")
setsessionStatus(false);
}
} else if (String(res.data.status) === String("Err_Connexion")) {
alert('Erreur: ' + res.data.message);
history.push("/Connexion");
}
else {
setGetCurrentSession_api("false");
setGetCurrentSession_message(res.data.message);
alert("Erreur : " + res.data.message);
}
}).catch((error) => {
console.warn('Not good man :( GetCurrentSession = ', error);
setGetCurrentSession_api("false");
})
}
function annuleSessionUpdate() {
clearSessionFields();
GetCurrentSession(mysession);
setsessionChanged(false);
desableSessionFields();
setCreateSessionFormation_api();
setCreateSessionFormation_message();
setone_CreateSessionFormation_api();
setone_CreateSessionFormation_message();
setone_CreateSessionFormation_result()
}
function One_annuleSessionUpdate() {
One_clearSessionFields();
GetCurrentSession(mysession);
setsessionChanged(false);
setCreateSessionFormation_api();
setCreateSessionFormation_message();
setone_CreateSessionFormation_api();
setone_CreateSessionFormation_message();
setone_CreateSessionFormation_result()
setaddOneSession();
}
function One_annuleAdd_Participant() {
setaddOneParticipant("0");
var myelement;
if (document.getElementById('participant_menu_tab')) {
myelement = document.getElementById('participant_menu_tab');
}
if (myelement) {
myelement.scrollIntoView({ behavior: 'smooth' });
}
}
const [SessionstartDate, setSessionstartDate] = useState();
const filterPassedTime_start = (time) => {
const currentDate = new Date();
const selectedDate = new Date(time);
return currentDate.getTime() < selectedDate.getTime();
};
const [SessionendDate, setSessionendDate] = useState();
const filterPassedTime_end = (time) => {
const currentDate = new Date();
const selectedDate = new Date(time);
return currentDate.getTime() < selectedDate.getTime();
};
const [detailuser_date_inscription, setdetailuser_date_inscription] = useState();
const [detailuser_date_evaluation, setdetailuser_date_evaluation] = useState();
const [detailuser_date_certification, setdetailuser_date_certification] = useState();
const [SessionstartDateInscription, setSessionstartDateInscription] = useState();
const filterPassedTime_start_Inscription = (time) => {
const currentDate = new Date();
const selectedDate = new Date(time);
return currentDate.getTime() < selectedDate.getTime();
};
const [SessionendDateInscription, setSessionendDateInscription] = useState();
const filterPassedTime_end_Inscription = (time) => {
const currentDate = new Date();
const selectedDate = new Date(time);
return currentDate.getTime() < selectedDate.getTime();
};
function toggleSessionStatus() {
if (sessionStatus === true)
setsessionStatus(false);
else
setsessionStatus(true);
enableSessionFields();
setsessionChanged(true);
}
let [sessionStatus, setsessionStatus] = useState(false);
let [sessionChanged, setsessionChanged] = useState(false);
function IssessionChanged() {
setsessionChanged(true);
}
let [fields1desabled, setfields1desabled] = useState(true);
function desableAttendeeDetailFields() {
document.getElementsByName("date_evaluation")[0].disabled = true;
document.getElementsByName("date_evaluation")[0].style.backgroundColor = "#ECEFF1";
document.getElementsByName("detail_incr_date")[0].disabled = true;
document.getElementsByName("detail_incr_date")[0].style.backgroundColor = "#ECEFF1";
document.getElementsByName("certif_date")[0].disabled = true;
document.getElementsByName("certif_date")[0].style.backgroundColor = "#ECEFF1";
}
function desableSessionFields() {
document.getElementsByName("code_session")[0].disabled = true;
document.getElementsByName("code_session")[0].style.backgroundColor = "#ECEFF1";
document.getElementsByName("sessiondatedebut")[0].disabled = true;
document.getElementsByName("sessiondatedebut")[0].style.backgroundColor = "#ECEFF1";
document.getElementsByName("sessiondatefin")[0].disabled = true;
document.getElementsByName("sessiondatefin")[0].style.backgroundColor = "#ECEFF1";
document.getElementsByName("adresse")[0].disabled = true;
document.getElementsByName("adresse")[0].style.backgroundColor = "#ECEFF1";
document.getElementsByName("code_postal")[0].disabled = true;
document.getElementsByName("code_postal")[0].style.backgroundColor = "#ECEFF1";
document.getElementsByName("ville")[0].disabled = true;
document.getElementsByName("ville")[0].style.backgroundColor = "#ECEFF1";
document.getElementsByName("formateur")[0].disabled = true;
document.getElementsByName("formateur")[0].style.backgroundColor = "#ECEFF1";
document.getElementsByName("lms_class_code")[0].disabled = true;
document.getElementsByName("lms_class_code")[0].style.backgroundColor = "#ECEFF1";
document.getElementsByName("nb_participant")[0].disabled = true;
document.getElementsByName("nb_participant")[0].style.backgroundColor = "#ECEFF1";
document.getElementsByName("prix_session")[0].disabled = true;
document.getElementsByName("prix_session")[0].style.backgroundColor = "#ECEFF1";
document.getElementsByName("session_ondemande")[0].disabled = true;
document.getElementsByName("session_ondemande")[0].style.backgroundColor = "#ECEFF1";
document.getElementsByName("presentiel")[0].disabled = true;
document.getElementsByName("presentiel")[0].style.backgroundColor = "#ECEFF1";
document.getElementsByName("distantiel")[0].disabled = true;
document.getElementsByName("distantiel")[0].style.backgroundColor = "#ECEFF1";
document.getElementsByName("sessiondatedebutinscription")[0].disabled = true;
document.getElementsByName("sessiondatedebutinscription")[0].style.backgroundColor = "#ECEFF1";
document.getElementsByName("sessiondatefininscription")[0].disabled = true;
document.getElementsByName("sessiondatefininscription")[0].style.backgroundColor = "#ECEFF1";
setfields1desabled(true);
}
function enableSessionFields() {
//setfields1desabled(true);
document.getElementsByName("sessiondatedebut")[0].disabled = false;
document.getElementsByName("sessiondatedebut")[0].style.backgroundColor = "#FFFFFF";
document.getElementsByName("sessiondatefin")[0].disabled = false;
document.getElementsByName("sessiondatefin")[0].style.backgroundColor = "#FFFFFF";
document.getElementsByName("adresse")[0].disabled = false;
document.getElementsByName("adresse")[0].style.backgroundColor = "#FFFFFF";
document.getElementsByName("code_postal")[0].disabled = false;
document.getElementsByName("code_postal")[0].style.backgroundColor = "#FFFFFF";
document.getElementsByName("ville")[0].disabled = false;
document.getElementsByName("ville")[0].style.backgroundColor = "#FFFFFF";
document.getElementsByName("lms_class_code")[0].disabled = false;
document.getElementsByName("lms_class_code")[0].style.backgroundColor = "#FFFFFF";
document.getElementsByName("formateur")[0].disabled = false;
document.getElementsByName("formateur")[0].style.backgroundColor = "#FFFFFF";
document.getElementsByName("nb_participant")[0].disabled = false;
document.getElementsByName("nb_participant")[0].style.backgroundColor = "#FFFFFF";
document.getElementsByName("prix_session")[0].disabled = false;
document.getElementsByName("prix_session")[0].style.backgroundColor = "#FFFFFF";
document.getElementsByName("session_ondemande")[0].disabled = false;
document.getElementsByName("session_ondemande")[0].style.backgroundColor = "#FFFFFF";
document.getElementsByName("presentiel")[0].disabled = false;
document.getElementsByName("presentiel")[0].style.backgroundColor = "#FFFFFF";
document.getElementsByName("distantiel")[0].disabled = false;
document.getElementsByName("distantiel")[0].style.backgroundColor = "#FFFFFF";
document.getElementsByName("sessiondatedebutinscription")[0].disabled = false;
document.getElementsByName("sessiondatedebutinscription")[0].style.backgroundColor = "#FFFFFF";
document.getElementsByName("sessiondatefininscription")[0].disabled = false;
document.getElementsByName("sessiondatefininscription")[0].style.backgroundColor = "#FFFFFF ";
setfields1desabled(false);
}
function clearSessionFields() {
document.getElementsByName("code_session")[0].value = "";
document.getElementsByName("sessiondatedebut")[0].value = "";
document.getElementsByName("sessiondatefin")[0].value = "";
if (document.getElementsByName("adresse")[0])
document.getElementsByName("adresse")[0].value = "";
if (document.getElementsByName("code_postal")[0])
document.getElementsByName("code_postal")[0].value = "";
if (document.getElementsByName("ville")[0])
document.getElementsByName("ville")[0].value = "";
if (document.getElementsByName("nb_participant")[0])
document.getElementsByName("nb_participant")[0].value = "";
if (document.getElementsByName("prix_session")[0])
document.getElementsByName("prix_session")[0].value = "";
if (document.getElementsByName("presentiel")[0])
document.getElementsByName("presentiel")[0].value = "";
if (document.getElementsByName("session_ondemande")[0])
document.getElementsByName("session_ondemande")[0].value = "";
if (document.getElementsByName("distantiel")[0])
document.getElementsByName("distantiel")[0].value = "";
if (document.getElementsByName("sessiondatedebutinscription")[0])
document.getElementsByName("sessiondatedebutinscription")[0].value = "";
if (document.getElementsByName("sessiondatefininscription")[0])
document.getElementsByName("sessiondatefininscription")[0].value = "";
setSessionstartDateInscription();
setSessionendDateInscription();
setSessionendDate();
setSessionstartDate();
seturlpreview_certif();
setfield_contenu_ftion();
}
function One_clearSessionFields() {
document.getElementsByName("one_code_session")[0].value = "";
document.getElementsByName("one_sessiondatedebut")[0].value = "";
document.getElementsByName("one_sessiondatefin")[0].value = "";
if (document.getElementsByName("one_adresse")[0])
document.getElementsByName("one_adresse")[0].value = "";
if (document.getElementsByName("one_code_postal")[0])
document.getElementsByName("one_code_postal")[0].value = "";
if (document.getElementsByName("one_ville")[0])
document.getElementsByName("one_ville")[0].value = "";
if (document.getElementsByName("one_nb_participant")[0])
document.getElementsByName("one_nb_participant")[0].value = "";
if (document.getElementsByName("one_prix_session")[0])
document.getElementsByName("one_prix_session")[0].value = "";
if (document.getElementsByName("one_presentiel")[0])
document.getElementsByName("one_presentiel")[0].value = "";
if (document.getElementsByName("one_session_ondemande")[0])
document.getElementsByName("one_session_ondemande")[0].value = "";
if (document.getElementsByName("one_distantiel")[0])
document.getElementsByName("one_distantiel")[0].value = "";
if (document.getElementsByName("one_sessiondatedebutinscription")[0])
document.getElementsByName("one_sessiondatedebutinscription")[0].value = "";
if (document.getElementsByName("one_sessiondatefininscription")[0])
document.getElementsByName("one_sessiondatefininscription")[0].value = "";
setone_SessionstartDateInscription();
setone_SessionendDateInscription();
setone_SessionendDate();
setone_SessionstartDate();
setone_urlpreview_certif();
setone_field_contenu_ftion();
}
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("");
function clearDetailAttendeFields() {
if (document.getElementsByName("detail_nom") && document.getElementsByName("detail_nom")[0])
document.getElementsByName("detail_nom")[0].value = "";
if (document.getElementsByName("detail_prenom") && document.getElementsByName("detail_prenom")[0])
document.getElementsByName("detail_prenom")[0].value = "";
if (document.getElementsByName("detail_mail") && document.getElementsByName("detail_mail")[0])
document.getElementsByName("detail_mail")[0].value = "";
if (document.getElementsByName("detail_tel") && document.getElementsByName("detail_tel")[0])
document.getElementsByName("detail_tel")[0].value = "";
if (document.getElementsByName("detail_adresse") && document.getElementsByName("detail_adresse")[0])
document.getElementsByName("detail_adresse")[0].value = "";
if (document.getElementsByName("detail_code_postal") && document.getElementsByName("detail_code_postal")[0])
document.getElementsByName("detail_code_postal")[0].value = "";
if (document.getElementsByName("detail_ville") && document.getElementsByName("detail_ville")[0])
document.getElementsByName("detail_ville")[0].value = "";
if (document.getElementsByName("detail_incr_date") && document.getElementsByName("detail_incr_date")[0])
document.getElementsByName("detail_incr_date")[0].value = "";
if (document.getElementsByName("detail_cout") && document.getElementsByName("detail_cout")[0])
document.getElementsByName("detail_cout")[0].value = "";
if (document.getElementsByName("detail_mode_fin") && document.getElementsByName("detail_mode_fin")[0])
document.getElementsByName("detail_mode_fin")[0].value = "";
if (document.getElementsByName("detail_employeur") && document.getElementsByName("detail_employeur")[0])
document.getElementsByName("detail_employeur")[0].value = "";
if (document.getElementsByName("date_evaluation") && document.getElementsByName("date_evaluation")[0])
document.getElementsByName("date_evaluation")[0].value = "";
if (document.getElementsByName("note_eval") && document.getElementsByName("note_eval")[0])
document.getElementsByName("note_eval")[0].value = "";
if (document.getElementsByName("certif_date") && document.getElementsByName("certif_date")[0])
document.getElementsByName("certif_date")[0].value = "";
setfield_evaluation();
setdetailuser_date_certification();
setdetailuser_date_evaluation();
}
function DownloadListEmargement(event) {
var trainer = ""
if (document.getElementsByName("formateur")[0])
trainer = document.getElementsByName("formateur")[0].value;
if (trainer == "") {
alert(" Aucun formateur pour cette session ");
return;
}
const stored_cookie = getCookie('tokenmysypart');
var nom_liste_emarge = "Liste_Emargement.pdf";
var url = process.env.REACT_APP_API_URL + "myclass/api/GerneratePDFEmargementList/" + stored_cookie + "/" + mysession + "/" + internal_url;
axios.get(url, { responseType: 'blob', },)
.then((res) => {
fileDownload(res.data, nom_liste_emarge)
}).catch((error) => {
console.error('Error:', error);
});
}
const [selectedattendeeemail, setselectedattendeeemail] = useState([])
function DownloadAttendeeDetail(event) {
var trainer = ""
if (document.getElementsByName("formateur")[0])
trainer = document.getElementsByName("formateur")[0].value;
if (trainer == "") {
alert(" Aucun formateur pour cette session ");
return;
}
const stored_cookie = getCookie('tokenmysypart');
var nom_fiche_detaillee = "Fiche_Detaillee.pdf";
var url = process.env.REACT_APP_API_URL + "myclass/api/PrintAttendeeDetail_perSession/" + stored_cookie + "/" + mysession + "/" + selectedattendeeemail + "/" + internal_url;
axios.get(url, { responseType: 'blob', },)
.then((res) => {
fileDownload(res.data, nom_fiche_detaillee)
}).catch((error) => {
console.error('Error:', error);
});
}
function DownloadAttendeeDetail_one(addendeeEmail) {
var trainer = ""
if (document.getElementsByName("formateur")[0])
trainer = document.getElementsByName("formateur")[0].value;
if (trainer == "") {
alert(" Aucun formateur pour cette session ");
return;
}
if (addendeeEmail == "") {
alert(" Aucun utilisateur choisi ");
return;
}
const stored_cookie = getCookie('tokenmysypart');
var nom_fiche_detaillee = "Fiche_Detaillee.pdf";
var url = process.env.REACT_APP_API_URL + "myclass/api/PrintAttendeeDetail_perSession/" + stored_cookie + "/" + mysession + "/" + addendeeEmail + "/" + internal_url;
axios.get(url, { responseType: 'blob', },)
.then((res) => {
fileDownload(res.data, nom_fiche_detaillee)
}).catch((error) => {
console.error('Error:', error);
});
}
function DownloadAttendeeAttestation(event) {
const stored_cookie = getCookie('tokenmysypart');
var nom_fiche_detaillee = "Attestation.pdf";
var url = process.env.REACT_APP_API_URL + "myclass/api/PrintAttendeeCertification/" + stored_cookie + "/" + mysession + "/" + selectedattendeeemail + "/" + internal_url;
axios.get(url, { responseType: 'blob', },)
.then((res) => {
fileDownload(res.data, nom_fiche_detaillee)
})
}
useEffect(() => {
desableSessionFields();
setCreateListEmargement_api();
}, [])
const [selectedemargement, setselectedemargement] = useState([])
function GetSelectedRowsEmargement() {
var tab_tmp = []
for (var i = 0; i < selectionModel_emarg.length; i++) {
var myid = parseInt(String(selectionModel_emarg[i]));
tab_tmp.push(JSON.parse(rowss_emarg[myid])._id);
}
setselectedemargement(tab_tmp);
return tab_tmp;
}
const [ActionMassListEmargement_api, setActionMassListEmargement_api] = useState();
const [ActionMassListEmargement_message, setActionMassListEmargement_message] = useState();
const [ActionMassListEmargement_result, setActionMassListEmargement_result] = useState();
function ActionMassListEmargement(e) {
clean_old_messages();
if (selectionModel_emarg.length <= 0) {
alert(" Selectionnez un enregistrement pour envoyer la demande d'emargement");
return;
}
var actionenmasse = ""
if (document.getElementById("actionmass_emarge")) {
actionenmasse = document.getElementById("actionmass_emarge").value;
}
var liste_emargement_id = GetSelectedRowsEmargement();
//console.log("liste_formation = " + liste_emargement_id);
var form = new FormData();
//form.append("token","K3cw63eKokKSbV4spjQ48SUNnfy80yrXfA");
const stored_cookie = getCookie('tokenmysypart');
form.append("token", stored_cookie);
form.append("tab_ids", liste_emargement_id);
var myurl = process.env.REACT_APP_API_URL + "myclass/api/EmargementMail/";
axios.post(myurl, form).then(res => {
if (String(res.data.status) === String("true")) {
//console.log(" In UpdateStagiaireData res.data.status = " + res.data.status);
//console.log(" In UpdateStagiaireData res.data.message r_class = " + res.data.message);
setActionMassListEmargement_api("true");
setActionMassListEmargement_result(res.data.message);
} else if (String(res.data.status) === String("Err_Connexion")) {
alert('Erreur: ' + res.data.message);
history.push("/Connexion");
}
else {
setActionMassListEmargement_api("false");
setActionMassListEmargement_message(res.data.message);
}
}).catch((error) => {
console.warn('ActionMassListEmargement : Not good man :( mysearchtext = ' + error);
setActionMassListEmargement_api("false");
})
if (String(actionenmasse) === String("depublier")) {
alert("depublier");
}
else if (String(actionenmasse) === String("publier")) {
alert("publier");
}
else if (String(actionenmasse) === String("supprimer")) {
alert("supprimer");
}
}
function ConfirmInitListEmargement() {
confirmAlert({
message: "Confirmez la (re)initialisation de la liste d'emargement ? Toutes les confirmations seront perdues",
buttons: [
{
label: 'Oui',
onClick: () => { CreateListEmargement() }
},
{
label: 'Non',
onClick: () => { return }
}
],
closeOnEscape: false,
closeOnClickOutside: false,
keyCodeForClose: [8, 32],
willUnmount: () => { },
afterClose: () => { },
onClickOutside: () => { },
onKeypress: () => { },
onKeypressEscape: () => { },
});
}
function PrintSesssionDetail() {
var filedetail = "detail_session.xlsx"
//form.append("token","K3cw63eKokKSbV4spjQ48SUNnfy80yrXfA");
const stored_cookie = getCookie('tokenmysypart');
var url = process.env.REACT_APP_API_URL + "myclass/api/DownloadParticipantsList/" + stored_cookie + "/" + mysession + "/" + internal_url;
axios.get(url, { responseType: 'blob', },)
.then((res) => {
fileDownload(res.data, filedetail)
})
}
function PrintEvaluationDetail() {
var filedetail = "detail_evaluation.xlsx"
const stored_cookie = getCookie('tokenmysypart');
var url = process.env.REACT_APP_API_URL + "myclass/api/DownloadEvaluationList/" + stored_cookie + "/" + mysession + "/" + internal_url;
axios.get(url, { responseType: 'blob', },)
.then((res) => {
fileDownload(res.data, filedetail)
})
}
function ConfirmEnvoiListEmargement() {
confirmAlert({
message: "Confirmez l'envoi des demandes d'emargement aux participants",
buttons: [
{
label: 'Oui',
onClick: () => { ActionMassListEmargement() }
},
{
label: 'Non',
onClick: () => { return }
}
],
closeOnEscape: false,
closeOnClickOutside: false,
keyCodeForClose: [8, 32],
willUnmount: () => { },
afterClose: () => { },
onClickOutside: () => { },
onKeypress: () => { },
onKeypressEscape: () => { },
});
}
const [participant_file_name, setparticipant_file_name] = useState();
function submenu_import_participant() {
setparticipant_file_name();
setliste_participants_file_change_api();
hiddenFileInput.current.click();
}
const hiddenFileInput = React.useRef(null);
const [liste_participants_file_change_api, setliste_participants_file_change_api] = useState();
const [liste_participants_file_change_result, setliste_participants_file_change_result] = useState();
const [liste_participants_file_change_message, setliste_participants_file_change_message] = useState();
const liste_participants_file_change = event => {
const fileUploaded = event.target.files[0];
let file_size = event.target.files[0].size;
let file_type = event.target.files[0].type;
//console.log("file_size = ",file_size," file_type = ",file_type);
if (file_size > 1000000) {
alert("Le fichier ne doit pas depasser un 1 Méga octets");
return;
}
setparticipant_file_name(event.target.files[0].name);
const formData = new FormData();
formData.append('File', fileUploaded);
//formData.append('token', 'K3cw63eKokKSbV4spjQ48SUNnfy80yrXfA');
const stored_cookie = getCookie('tokenmysypart');
formData.append("token", stored_cookie);
formData.append("session_id", mysession);
formData.append("class_internal_url", internal_url);
//console.log("token = " + stored_cookie);
fetch(
process.env.REACT_APP_API_URL + "myclass/api/AddStagiairetoClass_mass/",
{
method: 'POST',
body: formData,
}
)
.then((response) => response.json())
.then((result) => {
if (String(result['status']) === String("true")) {
//console.log('Success:', result['message']);
setliste_participants_file_change_result(result['message']);
setliste_participants_file_change_api("true");
GetListePreinscrit(mysession);
GetListeInscrit(mysession);
GetListeEmargement(mysession);
GetListeEvaluation(mysession);
alert(" Les stagiaires ont été correctement importés");
submenu_inscrit();
} else if (String(result['status']) === String("Err_Connexion")) {
alert('Erreur: ' + result['message']);
history.push("/Connexion");
}
else {
setliste_participants_file_change_message(result['message']);
setliste_participants_file_change_api("false");
}
})
.catch((error) => {
console.error('Error:', error);
setliste_participants_file_change_api("false");
});
};
const [Resend_LMS_Credentials_api, setResend_LMS_Credentials_api] = useState();
const [Resend_LMS_Credentials_result, setResend_LMS_Credentials_result] = useState();
const [Resend_LMS_Credentials_message, setResend_LMS_Credentials_message] = useState();
const Resend_LMS_Credentials = event => {
clean_old_messages();
const formData = new FormData();
const stored_cookie = getCookie('tokenmysypart');
formData.append("token", stored_cookie);
formData.append("session_id", mysession);
var local_mail = ""
if (document.getElementsByName("detail_mail") && document.getElementsByName("detail_mail")[0])
local_mail = document.getElementsByName("detail_mail")[0].value;
var validRegex = /^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-]+)*$/;
if (!local_mail.match(validRegex)) {
alert("L'adresse email est invalide. Impossible de renvoyer les identifiants");
return;
}
formData.append("email", local_mail);
formData.append("class_internal_url", internal_url);
//console.log("token = " + stored_cookie);
fetch(
process.env.REACT_APP_API_URL + "myclass/api/LMS_Credential_Sending_mail/",
{
method: 'POST',
body: formData,
}
)
.then((response) => response.json())
.then((result) => {
if (String(result['status']) === String("true")) {
//console.log('Success:', result['message']);
setResend_LMS_Credentials_result(result['message']);
setResend_LMS_Credentials_api("true");
alert(" Les identifiants de connexion ont été correctement envoyés")
} else if (String(result['status']) === String("Err_Connexion")) {
alert('Erreur: ' + result['message']);
history.push("/Connexion");
}
else {
setResend_LMS_Credentials_message(result['message']);
setResend_LMS_Credentials_api("false");
}
})
.catch((error) => {
console.error('Error:', error);
setResend_LMS_Credentials_api("false");
});
};
const [Resend_LMS_Credentials_With_Email_api, setResend_LMS_Credentials_With_Email_api] = useState();
const [Resend_LMS_Credentials_With_Email_result, setResend_LMS_Credentials_With_Email_result] = useState();
const [Resend_LMS_Credentials_With_Email_message, setResend_LMS_Credentials_With_Email_message] = useState();
function Resend_LMS_Credentials_With_Email(myemail) {
clean_old_messages();
const formData = new FormData();
const stored_cookie = getCookie('tokenmysypart');
formData.append("token", stored_cookie);
formData.append("session_id", mysession);
var local_mail = myemail;
var validRegex = /^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-]+)*$/;
if (!local_mail.match(validRegex)) {
alert("L'adresse email est invalide. Impossible de renvoyer les identifiants");
return;
}
formData.append("email", local_mail);
formData.append("class_internal_url", internal_url);
//console.log("token = " + stored_cookie);
fetch(
process.env.REACT_APP_API_URL + "myclass/api/LMS_Credential_Sending_mail/",
{
method: 'POST',
body: formData,
}
)
.then((response) => response.json())
.then((result) => {
if (String(result['status']) === String("true")) {
//console.log('Success:', result['message']);
setResend_LMS_Credentials_With_Email_result(result['message']);
setResend_LMS_Credentials_With_Email_api("true");
} else if (String(result['status']) === String("Err_Connexion")) {
alert('Erreur: ' + result['message']);
history.push("/Connexion");
}
else {
setResend_LMS_Credentials_With_Email_message(result['message']);
setResend_LMS_Credentials_With_Email_api("false");
}
})
.catch((error) => {
console.error('Error:', error);
setResend_LMS_Credentials_With_Email_api("false");
});
};
// Cette fonction nettoye les messages avant nouvelle action
function clean_old_messages() {
setResend_LMS_Credentials_api();
setResend_LMS_Credentials_message();
setliste_sessions_file_change_api();
setCreateSessionFormation_api();
setUpdateStagiaireData_api();
setSendInscriptionCancell_api();
setCreateListEmargement_api();
setActionMassListEmargement_api();
setliste_participants_file_change_api();
setSendEvaluationEmail_api();
}
const [session_file_name, setsession_file_name] = useState();
function submenu_import_session() {
setsession_file_name();
setliste_sessions_file_change_api();
hiddenFileInput_session.current.click();
}
const [addOneSession, setaddOneSession] = useState();
function submenu_add_one_session() {
setaddOneSession("1");
}
const [addOneParticipant, setaddOneParticipant] = useState();
function submenu_add_one_participant() {
setaddOneParticipant("1");
var myelement;
if (document.getElementById('ajout_participant')) {
myelement = document.getElementById('ajout_participant');
}
if (myelement) {
myelement.scrollIntoView({ behavior: 'smooth' });
}
}
const hiddenFileInput_session = React.useRef(null);
const [liste_sessions_file_change_api, setliste_sessions_file_change_api] = useState();
const [liste_sessions_file_change_result, setliste_sessions_file_change_result] = useState();
const [liste_sessions_file_change_message, setliste_sessions_file_change_message] = useState();
const liste_sessions_file_change = event => {
clean_old_messages();
const fileUploaded = event.target.files[0];
let file_size = event.target.files[0].size;
let file_type = event.target.files[0].type;
//console.log("file_size = ",file_size," file_type = ",file_type);
if (file_size > 1000000) {
alert("Le fichier ne doit pas depasser un 1 Méga octets");
return;
}
setsession_file_name(event.target.files[0].name);
const formData = new FormData();
formData.append('File', fileUploaded);
//formData.append('token', 'K3cw63eKokKSbV4spjQ48SUNnfy80yrXfA');
const stored_cookie = getCookie('tokenmysypart');
formData.append("token", stored_cookie);
formData.append("class_internal_url", internal_url);
//console.log("token = " + stored_cookie);
fetch(
process.env.REACT_APP_API_URL + "myclass/api/Add_Update_SessionFormation_mass/",
{
method: 'POST',
body: formData,
}
)
.then((response) => response.json())
.then((result) => {
//console.log(" ## result['status'] = ", result['status'])
if (String(result['status']) === String("Err_Connexion")) {
alert('Erreur: ' + result['message']);
history.push("/Connexion");
}
else if (String(result['status']) === String("true")) {
//console.log('Success:', result['message']);
setliste_sessions_file_change_result(result['message']);
setliste_sessions_file_change_api("true");
GetCurrentClass_trainingsession();
clearSessionFields();
alert(" Les sessions ont été correctement importées");
}
else {
setliste_sessions_file_change_message(result['message']);
setliste_sessions_file_change_api("false");
alert('Erreur: ' + result['message']);
}
})
.catch((error) => {
console.error('Error:', error);
setliste_sessions_file_change_api("false");
});
};
const [print_detail_insc, setprint_detail_insc] = React.useState();
function Print_Detail_Inscription(event, cellValues) {
setprint_detail_insc("1")
var email = cellValues.row.email;
setselectedattendeeemail(email);
DownloadAttendeeDetail();
}
const [selected_id, setselected_id] = useState("");
const [display_detail_insc, setdisplay_detail_insc] = React.useState();
function Display_Detail_Inscription(event, cellValues) {
clearDetailAttendeFields();
setdisplay_detail_insc("1")
var montant = String(cellValues.row.amount);
var nom = cellValues.row.nom;
var email = cellValues.row.email;
setselected_id(cellValues.row._id);
setselectedattendeeemail(email);
var prenom = cellValues.row.prenom;
GetAttendee_Data(email, mysession);
getStagiaireImages(internal_url, mysession, email,);
}
const [attendee_lms_pwd, setattendee_lms_pwd] = useState();
const [attendee_lms_login, setattendee_lms_login] = useState();
// Cette fonction remplit la zone detail de la personne inscrite
const [GetAttendee_api, setGetAttendee_api] = useState();
const [GetAttendee_message, setGetAttendee_message] = useState();
const [GetAttendee_result, setGetAttendee_result] = useState();
function GetAttendee_Data(attendee_email, session_id) {
clean_old_messages();
var form = new FormData();
const stored_cookie = getCookie('tokenmysypart');
form.append("token", stored_cookie);
form.append("session_id", session_id);
form.append("attendee_email", attendee_email);
form.append("internal_url", internal_url);
var myurl = process.env.REACT_APP_API_URL + "myclass/api/GetAttendeeDetail_perSession/";
axios.post(myurl, form).then(res => {
if (String(res.data.status) === "true") {
console.log(" In GetAttendee res.data.status = " + res.data.status);
console.log(" In GetAttendee res.data.message r_class = " + res.data.message);
setGetAttendee_api("true");
setGetAttendee_result(res.data.message);
var mylocalattendee = JSON.parse(res.data.message);
if (mylocalattendee.inscription_validation_date) {
var date_du = new Date(moment(mylocalattendee.inscription_validation_date, "DD/MM/YYYY HH:mm:ss"));
setdetailuser_date_inscription(date_du);
}
document.getElementsByName("detail_nom")[0].value = "";
if (mylocalattendee.nom)
setp_detail_nom(mylocalattendee.nom);
document.getElementsByName("detail_prenom")[0].value = "";
if (mylocalattendee.prenom)
setp_detail_prenom(mylocalattendee.prenom);
document.getElementsByName("detail_mail")[0].value = "";
if (mylocalattendee.email) {
setp_detail_mail(mylocalattendee.email);
setattendee_lms_login(mylocalattendee.email);
}
document.getElementsByName("detail_client_rattachement")[0].value = "";
if (mylocalattendee.client_rattachement_id) {
setp_detail_client_rattachement_id(mylocalattendee.client_rattachement_id);
setp_detail_client_rattachement_nom(mylocalattendee.client_rattachement_nom);
}
document.getElementsByName("detail_status_inscript")[0].value = "";
if (mylocalattendee.status) {
setp_detail_status_inscrit(mylocalattendee.status);
if (String(mylocalattendee.status) === "1")
setp_detail_status_inscrit_label("Inscrit");
else if (String(mylocalattendee.status) === "0")
setp_detail_status_inscrit_label("Preinsc.");
else if (String(mylocalattendee.status) === "-1")
setp_detail_status_inscrit_label("Annulé");
}
document.getElementsByName("detail_opco")[0].value = "";
if (mylocalattendee.opco)
setp_detail_opco(mylocalattendee.opco);
document.getElementsByName("detail_tel")[0].value = "";
if (mylocalattendee.telephone) {
setp_detail_tel(mylocalattendee.telephone);
}
document.getElementsByName("detail_adresse")[0].value = "";
if (mylocalattendee.adresse) {
setp_detail_adresse(mylocalattendee.adresse);
}
document.getElementsByName("detail_code_postal")[0].value = "";
if (mylocalattendee.code_postal) {
setp_detail_code_postal(mylocalattendee.code_postal);
}
document.getElementsByName("detail_ville")[0].value = "";
if (mylocalattendee.ville) {
setp_detail_ville(mylocalattendee.ville);
}
document.getElementsByName("detail_cout")[0].value = "";
if (mylocalattendee.price) {
setp_detail_cout(mylocalattendee.price);
}
document.getElementsByName("detail_mode_fin")[0].value = "";
if (mylocalattendee.modefinancement) {
setp_detail_mode_fin(mylocalattendee.modefinancement);
}
document.getElementsByName("detail_employeur")[0].value = "";
if (mylocalattendee.employeur) {
setp_detail_employeur(mylocalattendee.employeur);
}
document.getElementsByName("date_evaluation")[0].value = "";
if (mylocalattendee.eval_date) {
var date_eval = new Date(moment(mylocalattendee.eval_date, "YYYY/MM/DD"));
setdetailuser_date_evaluation(date_eval);
}
document.getElementsByName("certif_date")[0].value = "";
if (mylocalattendee.certification_send_date) {
//alert(" certification_send_date = ", mylocalattendee.certification_send_date);
var date_eval = new Date(moment(mylocalattendee.certification_send_date, "DD/MM/YYYY"));
setdetailuser_date_certification(date_eval);
}
document.getElementsByName("note_eval")[0].value = "";
if (mylocalattendee.eval_note) {
document.getElementsByName("note_eval")[0].value = mylocalattendee.eval_note;
}
if (mylocalattendee.eval_eval) {
setfield_evaluation(mylocalattendee.eval_eval);
}
if (mylocalattendee.lms_pwd) {
setattendee_lms_pwd("xxxxxx");
}
var myelement;
if (document.getElementById('ajout_participant')) {
myelement = document.getElementById('ajout_participant');
}
if (myelement) {
myelement.scrollIntoView({ behavior: 'smooth' });
}
disableAttendeeDetailFields();
} else if (String(res.data.status) === String("Err_Connexion")) {
alert('Erreur: ' + res.data.message);
history.push("/Connexion");
}
else {
setGetAttendee_api("false");
setGetAttendee_message(res.data.message);
alert('Erreur: ' + res.data.message);
}
}).catch((error) => {
console.warn('Not good man :( GetAttendee = ', error);
setGetAttendee_api("false");
alert(" Impossible de recuperer les données de l'apprenant");
})
}
const [selectedCertif, setselectedCertif] = useState();
const [one_selectedCertif, setone_selectedCertif] = useState();
const [urlpreview_certif, seturlpreview_certif] = useState();
function handleChangeselectedCertif(event) {
var val = event.target.value
//console.log(val);
GetSpecificAttestation_Certif(val)
setselectedCertif(val);
//seturlpreview_certif(val[1]);
}
function handleChangeone_selectedCertif(event) {
var val = event.target.value
console.log(val);
GetSpecificAttestation_Certif(val)
setone_selectedCertif(val);
//seturlpreview_certif(val[1]);
}
const [GetAttestation_Certif_api, setGetAttestation_Certif_api] = useState();
const [GetAttestation_Certif_message, setGetAttestation_Certif_message] = useState();
const [GetAttestation_Certif_result, setGetAttestation_Certif_result] = useState();
function GetAttestation_Certif(event) {
clean_old_messages();
var form = new FormData();
const stored_cookie = getCookie('tokenmysypart');
form.append("token", stored_cookie);
var myurl = process.env.REACT_APP_API_URL + "myclass/api/GetPartnerAttestation_Certificat/";
axios.post(myurl, form).then(res => {
if (String(res.data.status) === "true") {
//console.log(" In GetAttestation_Certif res.data.status = " + res.data.status);
//console.log(" In GetAttestation_Certif res.data.message r_class = " + res.data.message);
setGetAttestation_Certif_api("true");
setGetAttestation_Certif_result(res.data.message);
}
else if (String(res.data.status) === String("Err_Connexion")) {
alert('Erreur: ' + res.data.message);
history.push("/Connexion");
}
else {
setGetAttestation_Certif_api("false");
setGetAttestation_Certif_message(res.data.message);
}
}).catch((error) => {
console.warn('Not good man :( GetAttestation_Certif = ', error);
setGetAttestation_Certif_api("false");
})
}
const [GetSpecificAttestation_Certif_api, setGetSpecificAttestation_Certif_api] = useState();
const [GetSpecificAttestation_Certif_message, setGetSpecificAttestation_Certif_message] = useState();
const [GetSpecificAttestation_Certif_result, setGetSpecificAttestation_Certif_result] = useState();
function GetSpecificAttestation_Certif(nom) {
clean_old_messages();
var form = new FormData();
const stored_cookie = getCookie('tokenmysypart');
form.append("token", stored_cookie);
form.append("nom", nom);
var myurl = process.env.REACT_APP_API_URL + "myclass/api/GetSpecificPartnerAttestation_Certificat/";
axios.post(myurl, form).then(res => {
if (String(res.data.status) === "true") {
//console.log(" In GetSpecificAttestation_Certif res.data.status = " + res.data.status);
//console.log(" In GetSpecificAttestation_Certif res.data.message r_class = " + res.data.message);
setGetSpecificAttestation_Certif_api("true");
setGetSpecificAttestation_Certif_result(res.data.message);
var mylocal = JSON.parse(res.data.message);
//console.log(" #### (mylocal.preview_url = ", mylocal.preview_url);
seturlpreview_certif(mylocal.preview_url);
}
else if (String(res.data.status) === String("Err_Connexion")) {
alert('Erreur: ' + res.data.message);
history.push("/Connexion");
}
else {
setGetSpecificAttestation_Certif_api("false");
setGetSpecificAttestation_Certif_message(res.data.message);
}
}).catch((error) => {
console.warn('Not good man :( GetSpecificAttestation_Certif = ', error);
setGetSpecificAttestation_Certif_api("false");
})
}
const editorRef_evaluation = useRef(null);
const [field_evaluation, setfield_evaluation] = useState("");
function editor_keyup() {
}
const editorRef_contenu_ftion = useRef(null);
const [editorRef_contenu_ftion_limite, seteditorRef_description_limite] = useState(800);
const one_editorRef_contenu_ftion = useRef(null);
const [one_editorRef_contenu_ftion_limite, setone_editorRef_description_limite] = useState(800);
const [field_contenu_ftion, setfield_contenu_ftion] = useState("");
function editor_contenu_ftion_keyup() {
setsessionChanged(true);
}
function one_editor_contenu_ftion_keyup() {
setsessionChanged(true);
}
const [SendEvaluationEmail_api, setSendEvaluationEmail_api] = useState();
const [SendEvaluationEmail_message, setSendEvaluationEmail_message] = useState();
const [SendEvaluationEmail_result, setSendEvaluationEmail_result] = useState();
function SendEvaluationEmail() {
clean_old_messages();
var form = new FormData();
const stored_cookie = getCookie('tokenmysypart');
form.append("token", stored_cookie);
form.append("session_id", mysession);
form.append("attendee_email", selectedattendeeemail);
form.append("class_internal_url", internal_url);
var myurl = process.env.REACT_APP_API_URL + "myclass/api/SendTrainingEvaluationEmail/";
axios.post(myurl, form).then(res => {
if (String(res.data.status) === String("true")) {
//console.log(" In SendEvaluationEmail res.data.status = " + res.data.status);
//console.log(" In SendEvaluationEmail res.data.message r_class = " + res.data.message);
setSendEvaluationEmail_api("true");
setSendEvaluationEmail_result(res.data.message);
} else if (String(res.data.status) === String("Err_Connexion")) {
alert('Erreur: ' + res.data.message);
history.push("/Connexion");
}
else {
setSendEvaluationEmail_api("false");
setSendEvaluationEmail_message(res.data.message);
}
}).catch((error) => {
console.warn('Not good man :( SendEvaluationEmail = ', error);
setSendEvaluationEmail_api("false");
})
}
function SendEvaluationEmail_One(email) {
var form = new FormData();
const stored_cookie = getCookie('tokenmysypart');
form.append("token", stored_cookie);
form.append("session_id", mysession);
form.append("attendee_email", email);
form.append("class_internal_url", internal_url);
var myurl = process.env.REACT_APP_API_URL + "myclass/api/SendTrainingEvaluationEmail/";
axios.post(myurl, form).then(res => {
if (String(res.data.status) === String("true")) {
//console.log(" In SendEvaluationEmail res.data.status = " + res.data.status);
//console.log(" In SendEvaluationEmail res.data.message r_class = " + res.data.message);
setSendEvaluationEmail_api("true");
setSendEvaluationEmail_result(res.data.message);
alert(" La demande a été correctement envoyée");
} else if (String(res.data.status) === String("Err_Connexion")) {
alert('Erreur: ' + res.data.message);
history.push("/Connexion");
}
else {
setSendEvaluationEmail_api("false");
setSendEvaluationEmail_message(res.data.message);
alert(" Erreur : " + res.data.message);
}
}).catch((error) => {
console.warn('Not good man :( SendEvaluationEmail = ', error);
setSendEvaluationEmail_api("false");
})
}
const [SendAttendeeAttestation_api, setSendAttendeeAttestation_api] = useState();
const [SendAttendeeAttestation_message, setSendAttendeeAttestation_message] = useState();
const [SendAttendeeAttestation_result, setSendAttendeeAttestation_result] = useState();
function SendAttendeeAttestation() {
clean_old_messages();
var form = new FormData();
const stored_cookie = getCookie('tokenmysypart');
form.append("token", stored_cookie);
form.append("session_id", mysession);
form.append("attendee_email", selectedattendeeemail);
form.append("class_internal_url", internal_url);
var myurl = process.env.REACT_APP_API_URL + "myclass/api/SendAttendeeCertification/";
axios.post(myurl, form).then(res => {
if (String(res.data.status) === String("true")) {
//console.log(" In SendAttendeeAttestation res.data.status = " + res.data.status);
//console.log(" In SendAttendeeAttestation res.data.message r_class = " + res.data.message);
setSendAttendeeAttestation_api("true");
setSendAttendeeAttestation_result(res.data.message);
} else if (String(res.data.status) === String("Err_Connexion")) {
alert('Erreur: ' + res.data.message);
history.push("/Connexion");
}
else {
setSendAttendeeAttestation_api("false");
setSendAttendeeAttestation_message(res.data.message);
}
}).catch((error) => {
console.warn('Not good man :( SendAttendeeAttestation = ', error);
setSendAttendeeAttestation_api("false");
})
}
const [sessionpresence, setsessionpresence] = useState("");
const [sessiondistance, setsessiondistance] = useState("");
const [sessionondemande, setsessionondemande] = useState("");
const handleChangeSessionPresentiel = (event) => {
const value = event.target.value;
setsessionpresence(value);
}
const handleChangeSessionDistanciel = (event) => {
const value = event.target.value;
setsessiondistance(value);
}
const [actionmass_preinsc_val, setactionmass_preinsc_val] = 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();
}
}
function GetSelectedRows_PresInsc() {
var tab_tmp = []
for (var i = 0; i < selectionModel.length; i++) {
var myid = parseInt(String(selectionModel[i]));
var line = JSON.parse(rowss[myid]);
tab_tmp.push(line.email);
}
return tab_tmp;
}
function GetSelectedRows_PresInsc_Ids() {
var tab_tmp = []
for (var i = 0; i < selectionModel.length; i++) {
var myid = parseInt(String(selectionModel[i]));
//var line = JSON.parse(rowss[myid]);
tab_tmp.push(myid);
}
return tab_tmp;
}
const [retval_ch, setretval_ch] = useState();
async function actionmass_preinsc_Traitemet() {
var liste_formation = GetSelectedRows_PresInsc_Ids();
for (var i = 0; i < liste_formation.length; i++) {
var line = JSON.parse(rowss[liste_formation[i]]);
var email = line.email;
var montant = String(line.price);
//console.log("line = ", line);
//console.log(" montant = ", montant);
var status;
var motif = "";
if (String(actionmass_preinsc_val) === "valider") {
status = "1";
/*
Aupdate du 25/03/23 : le montant > 0 n'est plus obligatoire.
*/
if (String(montant) === "undefined" || String(montant).trim() === "") {
montant = 0
}
if (parseFloat(montant).toFixed(2) <= 0) {
alert(" Verifier les montants. Ils sont incorrectes ");
return;
}
} else if (String(actionmass_preinsc_val) === "refuser") {
status = "-1";
}
var nom = line.nom;
var prenom = line.prenom;
var object_id = line.row._id;
var opco = line.opco;
if (String(opco) === "undefined") {
opco = ""
}
var modefinancement = line.modefinancement;
if (String(modefinancement) === "undefined") {
modefinancement = ""
}
var employeur = line.employeur;
if (String(employeur) === "undefined") {
employeur = ""
}
if (String(actionmass_preinsc_val) === "valider") {
UpdateStagiaireData(nom, prenom, email, status, montant, opco, modefinancement, employeur, "", object_id);
}
else if (String(actionmass_preinsc_val) === "refuser") {
UpdateStagiaireData(nom, prenom, email, status, montant, opco, modefinancement, employeur, motif, object_id);
}
//console.log(" retval de ", email + " = retval_ch =", retval_ch);
await sleep(100);
}
setSelectionModel([]);
setactionmass_preinsc_val();
GetListePreinscrit(mysession);
GetListeInscrit(mysession);
GetListeEmargement(mysession);
GetListeEvaluation(mysession);
}
const [actionmass_insc_val, setactionmass_insc_val] = useState();
const actionmass_inscrit = (event) => {
const value = event.target.value;
if (String(value) === "confirmation" || String(value) === "impression" || String(value) === "annule inscription") {
setactionmass_insc_val(value);
}
else {
setactionmass_insc_val();
}
}
function GetSelectedRows_Insc_Ids() {
var tab_tmp = []
for (var i = 0; i < selectionModel_insc.length; i++) {
//console.log(" ### selectionModel_insc[i] = ", selectionModel_insc[i]);
var myid = parseInt(String(selectionModel_insc[i]));
//var line = JSON.parse(rowss[myid]);
tab_tmp.push(myid);
}
return tab_tmp;
}
async function actionmass_insc_Traitemet() {
var liste_formation = GetSelectedRows_Insc_Ids();
for (var i = 0; i < liste_formation.length; i++) {
var line = JSON.parse(rowss_insc[liste_formation[i]]);
//console.log(" line = ", line);
var email = line.email;
//console.log(" Traitement de email = ", email);
if (String(actionmass_insc_val) === "confirmation") {
SendInscriptionConfirmation(email);
} else if (String(actionmass_insc_val) === "impression") {
//console.log(" impress mail = ", email);
DownloadAttendeeDetail_one(email);
} else if (String(actionmass_insc_val) === "annule inscription") {
//console.log(" impress mail = ", email);
SendInscriptionCancell(email);
}
await sleep(100);
}
setSelectionModel_insc([]);
setactionmass_insc_val();
GetListePreinscrit(mysession);
GetListeInscrit(mysession);
GetListeEmargement(mysession);
GetListeEvaluation(mysession);
}
const [actionmass_emarg_val, setactionmass_emarg_val] = useState();
const actionmass_emarg = (event) => {
const value = event.target.value;
if (String(value) === "valider" || String(value) === "demande emargement") {
setactionmass_emarg_val(value);
}
else {
setactionmass_emarg_val();
}
}
function GetSelectedRows_Emarg_Ids() {
var tab_tmp = []
for (var i = 0; i < selectionModel_emarg.length; i++) {
var myid = parseInt(String(selectionModel_emarg[i]));
//var line = JSON.parse(rowss[myid]);
tab_tmp.push(myid);
}
return tab_tmp;
}
async function actionmass_emarge_Traitemet() {
var liste_formation = GetSelectedRows_Emarg_Ids();
for (var i = 0; i < liste_formation.length; i++) {
var line = JSON.parse(rowss_emarg[liste_formation[i]]);
//console.log(" line = ", line);
var email = line.email;
//console.log(" Traitement de email = ", email);
if (String(actionmass_emarg_val) === "demande emargement") {
ActionMassListEmargement();
}
await sleep(100)
}
setSelectionModel_emarg([]);
actionmass_emarg_val();
GetListePreinscrit(mysession);
GetListeInscrit(mysession);
GetListeEmargement(mysession);
GetListeEvaluation(mysession);
}
const [actionmass_eval_val, setactionmass_eval_val] = useState();
const actionmass_evaluation = (event) => {
const value = event.target.value;
//console.log(" ### actionmass_evaluation = ", value);
if (String(value) === "demande evaluation") {
setactionmass_eval_val(value);
//console.log(" ### LAAA = ", value);
}
else {
setactionmass_eval_val();
}
}
function GetSelectedRows_Evaluation_Ids() {
var tab_tmp = []
for (var i = 0; i < selectionModel_evaluation.length; i++) {
var myid = parseInt(String(selectionModel_evaluation[i]));
//var line = JSON.parse(rowss[myid]);
tab_tmp.push(myid);
}
return tab_tmp;
}
const sleep = (milliseconds) => {
return new Promise(resolve => setTimeout(resolve, milliseconds))
}
async function actionmass_Evaluation_Traitemet() {
var liste_formation = GetSelectedRows_Evaluation_Ids();
for (var i = 0; i < liste_formation.length; i++) {
var line = JSON.parse(rowss_evaluation[liste_formation[i]]);
//console.log(" line = ", line);
var email = line.email;
if (String(actionmass_eval_val) === "demande evaluation") {
SendEvaluationEmail_One(email);
}
await sleep(100)
}
setSelectionModel_evaluation([]);
setactionmass_eval_val();
GetListePreinscrit(mysession);
GetListeInscrit(mysession);
GetListeEmargement(mysession);
GetListeEvaluation(mysession);
}
const [reduction_session, setreduction_session] = useState("0");
function Session_small() {
if (String(reduction_session) === "1") {
setreduction_session("0");
}
else if (String(reduction_session) === "0") {
setreduction_session("1");
}
}
const [One_Create_Participant_api, setOne_Create_Participant_api] = useState();
const [One_Create_Participant_message, setOne_Create_Participant_message] = useState();
const [One_Create_Participant_result, setOne_Create_Participant_result] = useState();
function One_Create_Participant() {
clean_old_messages();
var form = new FormData();
var nb_participant = "0";
var prix_session;
var one_nom_part = ""
if (document.getElementById("one_nom_part") && document.getElementById("one_nom_part").value != "") {
one_nom_part = document.getElementById("one_nom_part").value;
}
if (one_nom_part.trim() == "") {
alert(" Vous devez saisir le nom du participant");
return;
}
var one_prenom_part = ""
if (document.getElementById("one_prenom_part") && document.getElementById("one_prenom_part").value != "") {
one_prenom_part = document.getElementById("one_prenom_part").value;
}
if (one_prenom_part.trim() == "") {
alert(" Vous devez saisir le prenom du participant");
return;
}
var one_email_part = ""
if (document.getElementById("one_email_part") && document.getElementById("one_email_part").value != "") {
one_email_part = document.getElementById("one_email_part").value;
}
if (one_email_part.trim() == "") {
alert(" Vous devez saisir l'email du participant");
return;
}
var validRegex = /^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-]+)*$/;
if (!one_email_part.match(validRegex)) {
alert("L'adresse email est invalide.");
return;
}
var one_phone_part = ""
if (document.getElementById("one_phone_part") && document.getElementById("one_phone_part").value != "") {
one_phone_part = document.getElementById("one_phone_part").value;
}
if (one_phone_part.trim() == "") {
alert(" Vous devez saisir le téléphone du participant");
return;
}
var code_session = "";
if (document.getElementById("code_session") && document.getElementById("code_session").value != "")
code_session = document.getElementById("code_session").value;
if (code_session.trim() == "") {
alert(" La session est invalide");
return;
}
//form.append("token","K3cw63eKokKSbV4spjQ48SUNnfy80yrXfA");
const stored_cookie = getCookie('tokenmysypart');
form.append("token", stored_cookie);
form.append("class_internal_url", internal_url);
form.append("session_id", code_session);
form.append("nom", one_nom_part);
form.append("prenom", one_prenom_part);
form.append("email", one_email_part);
form.append("telephone", one_phone_part);
form.append("status", myinscript_status);
form.append("modefinancement", "");
if (p_one_detail_client_rattachement_id)
form.append("client_rattachement_id", p_one_detail_client_rattachement_id);
else
form.append("client_rattachement_id", "");
var myurl = process.env.REACT_APP_API_URL + "myclass/api/AddStagiairetoClass/";
axios.post(myurl, form).then(res => {
//console.log(" In One_Create_Participant res.data.status = " + res.data.status);
//console.log(" In One_Create_Participant res.data.message r_class = " + res.data.message);
if (String(res.data.status) === String("true")) {
setOne_Create_Participant_api("true");
setOne_Create_Participant_result(res.data.message);
alert(" Le participant a été correctement ajouté");
setaddOneParticipant("0");
setreduction_session("1");
GetListePreinscrit(mysession);
GetListeInscrit(mysession);
GetListeEmargement(mysession);
GetListeEvaluation(mysession);
submenu_inscrit();
} else if (String(res.data.status) === String("Err_Connexion")) {
alert('Erreur: ' + res.data.message);
history.push("/Connexion");
}
else {
setOne_Create_Participant_api("false");
setOne_Create_Participant_message(res.data.message);
alert('Erreur: ' + res.data.message);
}
}).catch((error) => {
console.warn('One_Create_Participant : Not good man :( = ' + error);
setOne_Create_Participant_api("false");
alert(" Imposible d'ajouter l'apprenant")
})
}
const status_inscription = [
{
value: '1',
label: 'Inscription',
},
{
value: '0',
label: 'PréInscription',
},
];
const [myinscript_status, setmyinscript_status] = useState("");
const handleChangeInscription_Status = (event) => {
const name = event.target.name;
const value = event.target.value;
setmyinscript_status(value);
}
const [isimgclassSelected, setisimgclassSelected] = useState(false);
const [isimgclassSelected_recid, setisimgclassSelected_recid] = useState("");
const [isimgclassSelectedfile, setisimgclassSelectedfile] = useState(false);
const [userimgclassprofil, setuserimgclassprofil] = useState();
const [userimgclassprofilchanged, setuserimgclassprofilchanged] = useState("");
const imglogoclasschangeHandler = (event) => {
let file_size = event.target.files[0].size;
//or if you like to have name and type
//console.log(event.target.files);
let file_name = event.target.files[0].name;
let file_type = event.target.files[0].type;
//alert("file_size = "+file_size+" file_type = "+file_type+" a = "+a);
if (file_size > 1000000) {
alert("L'image ne doit pas depasser un 1 Méga octets");
return;
}
setisimgclassSelected(event.target.files[0]);
setisimgclassSelectedfile(true);
setuserimgclassprofil(URL.createObjectURL(event.target.files[0]));
setuserimgclassprofilchanged("1");
};
const [isimgclassdeleted, setisimgclassdeleted] = useState("");
const [isimgclassdeleted_message, setisimgclassdeleted_message] = useState("");
const [isimgclassSaved, setisimgclassSaved] = useState("");
const [isimgclassSaved_message, setisimgclassSaved_message] = useState("");
const [userformedited, setuserformedited] = useState();
const [getPartnerImages_api, setgetPartnerImages_api] = useState();
const [getPartnerImages_message, setgetPartnerImages_message] = useState();
const [getPartnerImages_result, setgetPartnerImages_result] = useState();
function getStagiaireImages(local_internal_url, local_mysession, local_email) {
var myurl = process.env.REACT_APP_API_URL + "myclass/api/getRecodedStagiaireImage_from_front/";
var form = new FormData();
const stored_cookie = getCookie('tokenmysypart');
form.append("token", stored_cookie);
form.append("class_internal_url", local_internal_url);
form.append("session_id", local_mysession);
form.append("email", local_email);
axios.post(myurl, form).then(res => {
//console.log(" getStagiaireImages : In test res.data.status = " + res.data.status);
// console.log(" getStagiaireImages: res.data.message.img = " + res.data.message);
if (String(res.data.status) === "true") {
setgetPartnerImages_api("true");
if (JSON.parse(res.data.message).logo_img) {
var partner_logo_img = "data:image/png;base64," + JSON.parse(res.data.message).logo_img;
setisimgclassSelected(partner_logo_img);
setuserimgclassprofil(partner_logo_img);
setisimgclassSelected_recid(JSON.parse(res.data.message).logo_img_recid);
}
}
else if (String(res.data.status) === String("Err_Connexion")) {
alert('Erreur: ' + res.data.message);
history.push("/Connexion");
return;
}
else {
setgetPartnerImages_api("false");
setgetPartnerImages_message(res.data.message)
}
}).catch((error) => {
console.warn('getStagiaireImages ee: Not good man :( = ', error);
setgetPartnerImages_api("false");
setgetPartnerImages_message(" Impossible de recuperer les images/médias du partenaire")
})
}
function removeRecodedLogoImage() {
if (!isimgclassSelected_recid || String(isimgclassSelected_recid).length < 3) {
alert(" Image incorrecte. Impossible de la supprimer ");
return;
}
var form = new FormData();
const stored_cookie = getCookie('tokenmysypart');
form.append("token", stored_cookie);
form.append("image_recid", isimgclassSelected_recid);
fetch(
process.env.REACT_APP_API_URL + "myclass/api/DeleteImage_Stagiaire_v2/",
{
method: 'POST',
body: form,
}
).then((response) => response.json())
.then((result) => {
console.log(' removeRecodedClassImage : status:', result['status']);
console.log('removeRecodedClassImage : Success:', result['message']);
if (String(result['status']) === String("true")) {
setisimgclassSelected("");
setisimgclassSelected_recid("");
setisimgclassSelectedfile("");
setuserimgclassprofil("");
//getStagiaireImages();
}
else if (String(result['status']) === String("Err_Connexion")) {
alert('Erreur: ' + result['message']);
history.push("/Connexion");
return;
}
else {
alert(result['message']);
}
})
.catch((error) => {
console.error('Error:', error);
alert(" Impossible de supprimer l'image ");
});
}
const [record_Stagiaire_Image_api, setrecord_Stagiaire_Image_api] = useState();
const [record_Stagiaire_Image_message, setrecord_Stagiaire_Image_message] = useState();
const [record_Stagiaire_Image_result, setrecord_Stagiaire_Image_result] = useState();
function record_Stagiaire_Image(l) {
const formData = new FormData();
const url = process.env.REACT_APP_API_URL + "myclass/api/Update_Stagiaire_Image/";
const stored_cookie = getCookie('tokenmysypart');
formData.append("token", stored_cookie);
formData.append("class_internal_url", internal_url);
formData.append("session_id", mysession);
formData.append("email", selectedattendeeemail);
console.log(" ### userimgclassprofilchanged =", userimgclassprofilchanged)
formData.append('file_img', isimgclassSelected);
formData.append('file_img_recid', isimgclassSelected_recid);
//console.log(" ### formData = ", formData);
fetch(
url,
{
method: 'POST',
body: formData,
}
)
.then((response) => response.json())
.then((result) => {
console.log('Success:', result['message'], "result['status'] = ", result['status']);
if (String(result['status']) === String("true")) {
setrecord_Stagiaire_Image_api("true");
setuserimgclassprofilchanged("");
alert(" L'image à jour a été mise enregistrée ");
} else if (String(result['status']) === String("Err_Connexion")) {
alert('Erreur: ' + result['message']);
history.push("/Connexion");
} else {
setrecord_Stagiaire_Image_api("false");
alert(" Erreur : ", result['message']);
}
})
.catch((error) => {
console.error('Error:', error);
setrecord_Stagiaire_Image_api("false");
alert(" Erreur : Impossible d'enregistrer l'image ");
});
};
const [p_detail_nom, setp_detail_nom] = useState();
const [p_detail_prenom, setp_detail_prenom] = useState();
const [p_detail_mail, setp_detail_mail] = useState();
const [p_detail_tel, setp_detail_tel] = useState();
const [p_detail_adresse, setp_detail_adresse] = useState();
const [p_detail_code_postal, setp_detail_code_postal] = useState();
const [p_detail_ville, setp_detail_ville] = useState();
const [p_detail_cout, setp_detail_cout] = useState();
const [p_detail_mode_fin, setp_detail_mode_fin] = useState();
const [p_detail_employeur, setp_detail_employeur] = useState();
const [p_date_evaluation, setp_date_evaluation] = useState();
const [p_note_eval, setp_note_eval] = useState();
const [p_detail_session_class, setp_detail_session_class] = useState();
const [p_detail_status_inscrit, setp_detail_status_inscrit] = useState();
const [p_detail_status_inscrit_label, setp_detail_status_inscrit_label] = useState();
const [p_detail_opco, setp_detail_opco] = useState();
const [p_detail_client_rattachement_nom, setp_detail_client_rattachement_nom] = useState();
const [p_detail_client_rattachement_id, setp_detail_client_rattachement_id] = useState();
let [participant_data_changed, setparticipant_data_changed] = useState();
let [participant_data_edit_mode, setparticipant_data_edit_mode] = useState();
function EnableAttendeeDetailFields() {
setparticipant_data_edit_mode("1");
document.getElementsByName("detail_session_class")[0].disabled = false;
document.getElementsByName("detail_session_class")[0].style.backgroundColor = "#FFFFFF";
document.getElementsByName("detail_client_rattachement")[0].disabled = false;
document.getElementsByName("detail_client_rattachement")[0].style.backgroundColor = "#FFFFFF";
document.getElementsByName("detail_nom")[0].disabled = false;
document.getElementsByName("detail_nom")[0].style.backgroundColor = "#FFFFFF";
document.getElementsByName("detail_status_inscript")[0].disabled = false;
document.getElementsByName("detail_status_inscript")[0].style.backgroundColor = "#FFFFFF";
document.getElementsByName("detail_opco")[0].disabled = false;
document.getElementsByName("detail_opco")[0].style.backgroundColor = "#FFFFFF";
document.getElementsByName("detail_prenom")[0].disabled = false;
document.getElementsByName("detail_prenom")[0].style.backgroundColor = "#FFFFFF";
document.getElementsByName("detail_mail")[0].disabled = false;
document.getElementsByName("detail_mail")[0].style.backgroundColor = "#FFFFFF";
document.getElementsByName("detail_tel")[0].disabled = false;
document.getElementsByName("detail_tel")[0].style.backgroundColor = "#FFFFFF";
document.getElementsByName("detail_adresse")[0].disabled = false;
document.getElementsByName("detail_adresse")[0].style.backgroundColor = "#FFFFFF";
document.getElementsByName("detail_code_postal")[0].disabled = false;
document.getElementsByName("detail_code_postal")[0].style.backgroundColor = "#FFFFFF";
document.getElementsByName("detail_ville")[0].disabled = false;
document.getElementsByName("detail_ville")[0].style.backgroundColor = "#FFFFFF";
document.getElementsByName("detail_cout")[0].disabled = false;
document.getElementsByName("detail_cout")[0].style.backgroundColor = "#FFFFFF";
document.getElementsByName("detail_mode_fin")[0].disabled = false;
document.getElementsByName("detail_mode_fin")[0].style.backgroundColor = "#FFFFFF";
document.getElementsByName("detail_employeur")[0].disabled = false;
document.getElementsByName("detail_employeur")[0].style.backgroundColor = "#FFFFFF";
}
function disableAttendeeDetailFields() {
setparticipant_data_edit_mode("0");
document.getElementsByName("detail_session_class")[0].disabled = true;
document.getElementsByName("detail_session_class")[0].style.backgroundColor = "#ECEFF1";
document.getElementsByName("detail_client_rattachement")[0].disabled = true;
document.getElementsByName("detail_client_rattachement")[0].style.backgroundColor = "#ECEFF1";
document.getElementsByName("detail_nom")[0].disabled = true;
document.getElementsByName("detail_nom")[0].style.backgroundColor = "#ECEFF1";
document.getElementsByName("detail_status_inscript")[0].disabled = true;
document.getElementsByName("detail_status_inscript")[0].style.backgroundColor = "#ECEFF1";
document.getElementsByName("detail_opco")[0].disabled = true;
document.getElementsByName("detail_opco")[0].style.backgroundColor = "#ECEFF1";
document.getElementsByName("detail_prenom")[0].disabled = true;
document.getElementsByName("detail_prenom")[0].style.backgroundColor = "#ECEFF1";
document.getElementsByName("detail_mail")[0].disabled = true;
document.getElementsByName("detail_mail")[0].style.backgroundColor = "#ECEFF1";
document.getElementsByName("detail_tel")[0].disabled = true;
document.getElementsByName("detail_tel")[0].style.backgroundColor = "#ECEFF1";
document.getElementsByName("detail_adresse")[0].disabled = true;
document.getElementsByName("detail_adresse")[0].style.backgroundColor = "#ECEFF1";
document.getElementsByName("detail_code_postal")[0].disabled = true;
document.getElementsByName("detail_code_postal")[0].style.backgroundColor = "#ECEFF1";
document.getElementsByName("detail_ville")[0].disabled = true;
document.getElementsByName("detail_ville")[0].style.backgroundColor = "#ECEFF1";
document.getElementsByName("detail_cout")[0].disabled = true;
document.getElementsByName("detail_cout")[0].style.backgroundColor = "#ECEFF1";
document.getElementsByName("detail_mode_fin")[0].disabled = true;
document.getElementsByName("detail_mode_fin")[0].style.backgroundColor = "#ECEFF1";
document.getElementsByName("detail_employeur")[0].disabled = true;
document.getElementsByName("detail_employeur")[0].style.backgroundColor = "#ECEFF1";
document.getElementsByName("date_evaluation")[0].disabled = true;
document.getElementsByName("date_evaluation")[0].style.backgroundColor = "#ECEFF1";
document.getElementsByName("detail_incr_date")[0].disabled = true;
document.getElementsByName("detail_incr_date")[0].style.backgroundColor = "#ECEFF1";
document.getElementsByName("certif_date")[0].disabled = true;
document.getElementsByName("certif_date")[0].style.backgroundColor = "#ECEFF1";
}
function AnnuleAttendeeDetailFields() {
GetAttendee_Data(selectedattendeeemail, mysession);
disableAttendeeDetailFields();
setparticipant_data_changed();
setparticipant_data_edit_mode();
}
const [Update_One_StagiaireData_api, setUpdate_One_StagiaireData_api] = useState();
const [Update_One_StagiaireData_message, setUpdate_One_StagiaireData_message] = useState();
const [Update_One_StagiaireData_result, setUpdate_One_StagiaireData_result] = useState();
function Update_One_StagiaireData() {
var form = new FormData();
//form.append("token","K3cw63eKokKSbV4spjQ48SUNnfy80yrXfA");
if (p_detail_session_class.length <= 0) {
alert(" Vous devez choisir une session");
return;
}
const stored_cookie = getCookie('tokenmysypart');
form.append("token", stored_cookie);
form.append("class_internal_url", internal_url);
form.append("session_id", p_detail_session_class);
form.append("nom", p_detail_nom);
form.append("prenom", p_detail_prenom);
form.append("email", p_detail_mail);
form.append("employeur", p_detail_employeur);
form.append("status", p_detail_status_inscrit);
form.append("price", p_detail_cout);
form.append("modefinancement", p_detail_mode_fin);
form.append("opco", p_detail_opco);
form.append("_id", selected_id);
form.append("client_rattachement_id", p_detail_client_rattachement_id);
var myurl = process.env.REACT_APP_API_URL + "myclass/api/UpdateStagiairetoClass/";
axios.post(myurl, form).then(res => {
//console.log(" In UpdateStagiaireData res.data.status = " + res.data.status);
//console.log(" In UpdateStagiaireData res.data.message r_class = " + res.data.message);
if (String(res.data.status) === String("true")) {
setUpdate_One_StagiaireData_api("true");
setUpdate_One_StagiaireData_result(res.data.message);
disableAttendeeDetailFields();
setparticipant_data_changed();
setparticipant_data_edit_mode();
GetAttendee_Data(p_detail_mail, p_detail_session_class);
GetCurrentClass_trainingsession();
GetAttestation_Certif();
Get_List_Partner_Clients();
alert(" La mise à jour été correctement faite.");
}
else {
setUpdate_One_StagiaireData_api("false");
setUpdate_One_StagiaireData_message(res.data.message);
alert(res.data.message);
}
}).catch((error) => {
console.warn('UpdateStagiaireData : Not good man :( mysearchtext = ' + error);
setUpdate_One_StagiaireData_api("false");
alert(" Impossible de mettre à jour le participant");
})
}
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);
};
return (
MySy Information
{Dialog_1_message}
OK
Partenaires editeurs formations
Gestion Administrative de : {classtitle}
{session_file_name &&
{session_file_name} }
{String(liste_sessions_file_change_api) === String("true") &&
Les Sessions ont été correctement importés }
{String(liste_sessions_file_change_api) === String("false") &&
{liste_sessions_file_change_message} }
Télécharger un fichier modèle
{String(addOneSession) === "1" &&
Ajout d'une session de formation
Code Session *
Session à la demande* (0 = Non, 1 = Oui)
Date Debut *
{
setone_SessionstartDate(date);
setsessionChanged(true);
}
}
showTimeSelect={false}
filterTime={filterPassedTime_start}
dateFormat="dd/MM/yyyy"
className="disabled_style enable_style"
locale='fr-FR'
/>
Date Fin *
{
setone_SessionendDate(date);
setsessionChanged(true);
}
}
showTimeSelect={false}
filterTime={filterPassedTime_end}
dateFormat="dd/MM/yyyy"
className="disabled_style enable_style"
/>
Date Debut des inscriptions *
{
setone_SessionstartDateInscription(date);
setsessionChanged(true);
}
}
showTimeSelect={false}
//filterTime={filterPassedTime_start}
dateFormat="dd/MM/yyyy"
className="disabled_style enable_style"
locale='fr-FR'
/>
Date Fin des inscriptions *
{
setone_SessionendDateInscription(date);
setsessionChanged(true);
}
}
showTimeSelect={false}
//filterTime={filterPassedTime_end}
dateFormat="dd/MM/yyyy"
className="disabled_style enable_style"
/>
Présentiel* (0 = Non, 1 = Oui)
A distance* (0 = Non, 1 = Oui)
Adresse
Code postal
Ville
Formateur
Code Formation LMS
(le code créé dans le LMS)
Nombre participants *
Prix session
Choisir un modèle d'attestation :
Choisir un modèle
{GetAttestation_Certif_result &&
GetAttestation_Certif_result.map((certificat) => (
{JSON.parse(certificat).nom}
))}
Contenu de la formation (max 800 caractères)
(à afficher sur l'attestation)
{!fields1desabled && }
{!fields1desabled && }
one_editorRef_contenu_ftion.current = editor}
initialValue={one_field_contenu_ftion}
onKeyUp={one_editor_contenu_ftion_keyup}
disabled={false}
init={{
resize: false,
height: 200,
menubar: false,
plugins: [
'advlist autolink lists link image charmap print preview anchor',
'searchreplace visualblocks code fullscreen',
'insertdatetime media table paste code help wordcount'
],
toolbar: false,
content_style: 'body { font-family:Helvetica,Arial,sans-serif; font-size:12px; }'
}}
/>
{
Enregistrer la session
Annuler
}
}
{String(addOneSession) !== "1" &&
{/*---
Choisir une session v 2
{GetCurrentClass_trainingsession_result &&
GetCurrentClass_trainingsession_result.map((session) => (
{(JSON.parse(session).code_session) && (JSON.parse(session).code_session) + " - "}
{(JSON.parse(session).session_ondemande) === "1" && " A la Demande - "}
{(!JSON.parse(session).session_ondemande || JSON.parse(session).session_ondemande === "0") &&
(JSON.parse(session).date_debut).substring(0, 10) + " au " + (JSON.parse(session).date_fin).substring(0, 10)}
{/*(JSON.parse(session).date_debut).substring(0, 10)} au {(JSON.parse(session).date_fin).substring(0, 10) * /} -
{(JSON.parse(session).distantiel) === "1" && " A Distance - "}
{(JSON.parse(session).presentiel) === "1" && (JSON.parse(session).adresse) && " En Présentiel - " + (JSON.parse(session).adresse)}
{(JSON.parse(session).presentiel) === "1" && (!JSON.parse(session).adresse) && " En Présentiel - "}
{(JSON.parse(session).code_postal) && " " + (JSON.parse(session).code_postal)}
))}
---*/}
Choisir une session
Choisir
{GetCurrentClass_trainingsession_result &&
GetCurrentClass_trainingsession_result.map((session) => (
{(JSON.parse(session).code_session) && (JSON.parse(session).code_session) + " - "}
{(JSON.parse(session).session_ondemande) === "1" && " A la Demande - "}
{(!JSON.parse(session).session_ondemande || JSON.parse(session).session_ondemande === "0") &&
(JSON.parse(session).date_debut).substring(0, 10) + " au " + (JSON.parse(session).date_fin).substring(0, 10)}
{/*(JSON.parse(session).date_debut).substring(0, 10)} au {(JSON.parse(session).date_fin).substring(0, 10) */} -
{(JSON.parse(session).distantiel) === "1" && " A Distance - "}
{(JSON.parse(session).presentiel) === "1" && (JSON.parse(session).adresse) && " En Présentiel - " + (JSON.parse(session).adresse)}
{(JSON.parse(session).presentiel) === "1" && (!JSON.parse(session).adresse) && " En Présentiel - "}
{(JSON.parse(session).code_postal) && " " + (JSON.parse(session).code_postal)}
))}
{/*
Choisir
{GetCurrentClass_trainingsession_result &&
GetCurrentClass_trainingsession_result.map((session) => (
{(JSON.parse(session).session_ondemande) === "1" && " A la Demande - "}
{(!JSON.parse(session).session_ondemande || JSON.parse(session).session_ondemande === "0") &&
(JSON.parse(session).date_debut).substring(0, 10) + " au " + (JSON.parse(session).date_fin).substring(0, 10)}
{/*(JSON.parse(session).date_debut).substring(0, 10)} au {(JSON.parse(session).date_fin).substring(0, 10) * /} -
{(JSON.parse(session).distantiel) === "1" && " A Distance - "}
{(JSON.parse(session).presentiel) === "1" && (JSON.parse(session).adresse) && " En Présentiel - " + (JSON.parse(session).adresse)}
{(JSON.parse(session).presentiel) === "1" && (!JSON.parse(session).adresse) && " En Présentiel - "}
{(JSON.parse(session).code_postal) && " " + (JSON.parse(session).code_postal)}
))}
*/}
}
{String(addOneSession) !== "1" &&
{mysession && String(reduction_session) === "0" &&
}
{mysession && String(reduction_session) === "1" &&
}
{mysession &&
}
Code Session
Session à la demande* (0 = Non, 1 = Oui)
Date Debut
{
setSessionstartDate(date);
setsessionChanged(true);
}
}
showTimeSelect={false}
filterTime={filterPassedTime_start}
dateFormat="dd/MM/yyyy"
className="disabled_style"
locale='fr-FR'
/>
Date Fin
{
setSessionendDate(date);
setsessionChanged(true);
}
}
showTimeSelect={false}
filterTime={filterPassedTime_end}
dateFormat="dd/MM/yyyy"
className="disabled_style"
/>
Date Debut des inscriptions *
{
setSessionstartDateInscription(date);
setsessionChanged(true);
}
}
showTimeSelect={false}
//filterTime={filterPassedTime_start}
dateFormat="dd/MM/yyyy"
className="disabled_style"
locale='fr-FR'
/>
Date Fin des inscriptions *
{
setSessionendDateInscription(date);
setsessionChanged(true);
}
}
showTimeSelect={false}
//filterTime={filterPassedTime_end}
dateFormat="dd/MM/yyyy"
className="disabled_style"
/>
Présentiel *(0 = Non, 1 = Oui)
A distance*(0 = Non, 1 = Oui)
{String(reduction_session) === "0" &&
Adresse
Code postal
Ville
Formateur
Code Formation LMS
(le code créé dans le LMS)
Nombre participants *
Prix session
{!fields1desabled &&
Choisir un modèle d'attestation :
Choisir un modèle
{GetAttestation_Certif_result &&
GetAttestation_Certif_result.map((certificat) => (
{JSON.parse(certificat).nom}
))}
}
{fields1desabled &&
Le modèle d'attestation :
}
Contenu de la formation (max 800 caractères)
(à afficher sur l'attestation)
{!fields1desabled && }
{!fields1desabled && }
editorRef_contenu_ftion.current = editor}
initialValue={field_contenu_ftion}
onKeyUp={editor_contenu_ftion_keyup}
disabled={fields1desabled}
init={{
resize: false,
height: 200,
menubar: false,
plugins: [
'advlist autolink lists link image charmap print preview anchor',
'searchreplace visualblocks code fullscreen',
'insertdatetime media table paste code help wordcount'
],
toolbar: false,
content_style: 'body { font-family:Helvetica,Arial,sans-serif; font-size:12px; }'
}}
/>
{sessionChanged &&
/!\ Pensez à enregistrer les modifications
}
{!sessionChanged && String(CreateSessionFormation_api) === "true" &&
La session de formation à été bien mise à jour.
}
{String(CreateSessionFormation_api) === "false" &&
{CreateSessionFormation_message}
}
{
{sessionChanged && mysession &&
Enregistrer les modifications
}
{!sessionChanged && mysession && fields1desabled &&
Editer
}
{((sessionChanged && mysession) || !fields1desabled) &&
Annuler les modifications
}
}
}
}
{String(UpdateStagiaireData_api) === String("true") &&
la mise à jour a été correctement faite
}
{String(UpdateStagiaireData_api) === String("false") &&
{UpdateStagiaireData_message}
}
{String(SendInscriptionCancell_api) === String("true") &&
la mise à jour a été correctement faite
}
{String(SendInscriptionCancell_api) === String("false") &&
{SendInscriptionCancell_message}
}
{mysession && (String(submenu) === "preinscrit" || String(submenu) === "inscrit") &&
Télécharger un fichier modèle
{participant_file_name}
{String(liste_participants_file_change_api) === String("true") &&
Les participants ont été correctement importés }
{String(liste_participants_file_change_api) === String("false") &&
{liste_participants_file_change_message} }
}
{String(addOneParticipant) === "1" &&
Ajout d'un nouveau participant
Nom *
Prenom *
Email *
téléphone *
Status Inscription *
{status_inscription.map((option) => (
{option.label}
))}
Client
{
setp_one_detail_client_rattachement_id(e.target.value);
setp_one_detail_client_rattachement_nom(e.target.value);
}
}
>
{Get_List_Partner_Clients_result &&
Get_List_Partner_Clients_result.map((myclient) => (
{JSON.parse(myclient).nom}
))}
{
Enregistrer le participant
Annuler
}
}
{String(display_detail_insc) === "1" && mysession &&
Détail inscrit
{String(GetAttendee_api) === "true" &&
{String(Resend_LMS_Credentials_api) === "true" &&
Les identifiants de connexion ont été correctement envoyés
}
{String(Resend_LMS_Credentials_api) === "false" &&
{Resend_LMS_Credentials_message}
}
{
Charger une photo
{String(userimgclassprofilchanged) === "1" &&
Enregistrer la photo
}
{String(isimgclassSelected_recid) && String(isimgclassSelected_recid).length > 3 &&
Supprimer la photo
}
{String(userimgclassprofilchanged) === "1" &&
/!\ Pensez à enregistrer la photo
}
}
{/*isimgclassSelected &&
Enregistrer image */}
{isimgclassdeleted && String(isimgclassdeleted) === "1" &&
{isimgclassdeleted_message} }
{isimgclassdeleted && String(isimgclassdeleted) === "0" &&
{isimgclassdeleted_message} }
{isimgclassSelected && String(isimgclassSaved) === "0" &&
{isimgclassSaved_message} }
L'image doit etre carrée.
Les formats autorisés sont : ['jpg', 'jpeg', 'png', 'jpe', 'webp']
Les dimensions recommandées: 128pixels X 128pixels -- 144pixels X 144pixels -- 168pixels X 168pixels
Les dimensions maximales sont de 256pixels X 256pixels
La taille de l'image ne doit pas depasser 1 mega octet
{String(participant_data_edit_mode) !== "1" &&
Session
}
{String(participant_data_edit_mode) === "1" &&
Session
{
setp_detail_session_class(e.target.value);
setparticipant_data_changed("1");
Dialog_1_handle_change_participant_session(" Attention, vous allez modifier la session d'affectation du participant");
}
}
>
{GetCurrentClass_trainingsession_result &&
GetCurrentClass_trainingsession_result.map((mysession) => (
{JSON.parse(mysession).code_session}
))}
}
Nom
{
setp_detail_nom(e.target.value);
setparticipant_data_changed("1");
}}
/>
Prenom
{
setp_detail_prenom(e.target.value);
setparticipant_data_changed("1");
}}
/>
Email
{
setp_detail_mail(e.target.value);
setparticipant_data_changed("1");
}}
/>
{String(participant_data_edit_mode) !== "1" &&
Client
}
{String(participant_data_edit_mode) === "1" &&
Client
{
setp_detail_client_rattachement_id(e.target.value);
setp_detail_client_rattachement_nom(e.target.value);
setparticipant_data_changed("1");
Dialog_1_handle_change_participant_session(" Attention, vous allez modifier le client de rattachement du participant");
}
}
>
{Get_List_Partner_Clients_result &&
Get_List_Partner_Clients_result.map((myclient) => (
{JSON.parse(myclient).nom}
))}
}
{String(participant_data_edit_mode) !== "1" &&
Statut
}
{String(participant_data_edit_mode) === "1" &&
Statut
{
setp_detail_status_inscrit(e.target.value);
setparticipant_data_changed("1");
}
}
>
Inscrit
Preinscrit
Annule
}
Téléphone
{
setp_detail_tel(e.target.value);
setparticipant_data_changed("1");
}}
/>
Adresse
{
setp_detail_adresse(e.target.value);
setparticipant_data_changed("1");
}}
/>
Code postal
{
setp_detail_code_postal(e.target.value);
setparticipant_data_changed("1");
}}
/>
Ville
{
setp_detail_ville(e.target.value);
setparticipant_data_changed("1");
}}
/>
Date Inscription
Cout
{
setp_detail_cout(e.target.value);
setparticipant_data_changed("1");
}}
/>
Opco
{
setp_detail_opco(e.target.value);
setparticipant_data_changed("1");
}}
/>
Mode Financement
{
setp_detail_mode_fin(e.target.value);
setparticipant_data_changed("1");
}}
/>
Employeur
{
setp_detail_employeur(e.target.value);
setparticipant_data_changed("1");
}}
/>
{is_lms_class_code &&
Acces LMS
login LMS
Mot de passe LMS
(R)envoyer les Identifiants
}
{String(participant_data_changed) === "1" && String(participant_data_edit_mode) === "1" &&
/!\ Pensez à enregistrer les modifications
}
{String(participant_data_changed) === "1" && String(participant_data_edit_mode) === "1" &&
Enregistrer les modifications
}
{String(participant_data_edit_mode) === "1" &&
Annuler
}
{String(participant_data_edit_mode) !== "1" &&
}
Evaluation
Date Evaluation
Note Evaluation
Evaluation
editorRef_evaluation.current = editor}
initialValue={field_evaluation}
onKeyUp={editor_keyup}
disabled={true}
init={{
resize: false,
height: 100,
menubar: false,
plugins: [
'advlist autolink lists link image charmap print preview anchor',
'searchreplace visualblocks code fullscreen',
'insertdatetime media table paste code help wordcount'
],
toolbar: false,
content_style: 'body { font-family:Helvetica,Arial,sans-serif; font-size:14px; }'
}}
/>
{
{String(SendEvaluationEmail_api) === "false" &&
{SendEvaluationEmail_message}
}
{String(SendEvaluationEmail_api) === "true" &&
La demande d'evaluation ete envoyée par email
}
Envoi demande evaluation
Imprimer fiche detaillée
}
Attestation
{detailuser_date_certification &&
Attestation delivrée le
}
{!detailuser_date_certification &&
Attestation NON délivrée encore
}
{sessionChanged &&
/!\ Pensez à enregistrer les modifications
}
{!sessionChanged && String(CreateSessionFormation_api) === "true" &&
La session de formation à été bien mise à jour.
}
{!sessionChanged && String(CreateSessionFormation_api) === "false" &&
{CreateSessionFormation_message}
}
{
{String(SendAttendeeAttestation_api) === "true" &&
L'attestation a été bien envoyée par email
}
{String(SendAttendeeAttestation_api) === "false" &&
{SendAttendeeAttestation_message}
}
{!detailuser_date_certification &&
Delivrer l'attestation de formation
}
Imprimer l'attestation de formation
}
}
{String(GetAttendee_api) === "false" &&
{GetAttendee_message}
}
}
);
}
export default GestionAdministrative;