import React, { useRef, useState, useEffect } from "react"; import Box from '@mui/material/Box'; import TextField from '@mui/material/TextField'; import MenuItem from '@mui/material/MenuItem'; import Button from '@mui/material/Button'; import axios from "axios"; import DeleteIcon from '@mui/icons-material/Delete'; import { getCookie, setCookie } from 'react-use-cookie'; import { Alert } from "@mui/material"; import { AiTwotoneEdit, AiTwotoneSave } from "react-icons/ai"; import profileimg from "../mysy_img/MYSY-profil-2.png"; import Abonnement from "./Abonnement"; import { PropaneSharp } from "@mui/icons-material"; import { useHistory } from "react-router-dom"; import CheckOut from "./CheckOut"; import "react-draft-wysiwyg/dist/react-draft-wysiwyg.css"; import { RichTextEditor } from '@mantine/rte'; import { Editor } from '@tinymce/tinymce-react'; import { IoArrowUndoCircle } from "react-icons/io5"; import GestionAdministrative from "./GestionAdministrative"; const AddClassManual = (props) => { const history = useHistory(); const url = process.env.REACT_APP_API_URL + "/myclass/api/add_partner_account/"; const [inputs, setInputs] = useState({}); const [mypresence, setmypresence] = useState(""); const [mypublished, setmypublished] = useState(""); const [mydistance, setmydistance] = useState(""); const [mycpf, setmycpf] = useState(""); const [mycertif, setmycertif] = useState(""); const [importmessage, setimportmessage] = useState(""); const [myApiResponse, setmyApiResponse] = useState(""); const setText = "coucou"; const [ShowModal, setShowModal] = useState(true); const [result, setResult] = useState(""); const [isupdateclass, setisupdateclass] = useState(false); const [testval, settestval] = useState(""); const [displayedinternalurl, setdisplayedinternalurl] = useState(""); const [datamodification, setdatamodification] = useState("0"); const [datelieu, setdatelieu] = useState(""); const [plus_produit_enabled, setplus_produit_enabled] = useState(""); const [mots_cle_enabled, setmots_cle_enabled] = useState(""); const [zone_diffusion_enabled, setzone_diffusion_enabled] = useState(""); const handleChange = (event) => { const name = event.target.name; const value = event.target.value; setmydistance(value); } const handleChangecpf = (event) => { const name = event.target.name; const value = event.target.value; setmycpf(value); } const handleChangecertif = (event) => { const name = event.target.name; const value = event.target.value; setmycertif(value); } const handleChangePresentiel = (event) => { const name = event.target.name; const value = event.target.value; setmypresence(value); } const handleChangePublished = (event) => { const value = event.target.value; setmypublished(value); } const handleSubmit = (event) => { event.preventDefault(); console.log(inputs); } const presentiel = [ { value: '1', label: 'Oui', }, { value: '0', label: 'Non', }, ]; const publiee = [ { value: '1', label: 'Oui', }, { value: '0', label: 'Non', }, ]; function handleOnClose(event) { setShowModal(false); } function DeleteClass(event) { const confirmBox = window.confirm("Voulez-vous vraiment supprimer cette formation"); if (confirmBox === false) { return; } var code = document.getElementsByName("external_code")[0].value; var server_address = "127.0.0.1"; //var server_address = "89.156.84.196"; var formData = new FormData(); const stored_cookie = getCookie('tokenmysypart'); formData.append("token", stored_cookie); formData.append("internal_url", props.mytrainingclass['ref']); var myurl = process.env.REACT_APP_API_URL + "myclass/api/disable_class/"; fetch( myurl, { method: 'POST', body: formData, } ) .then((response) => response.json()) .then((result) => { console.log('Success:', result['message'], "result['status'] = ", result['status']); setimportmessage(result['message']); setmyApiResponse(result['status']); //alert(result['status']+" -- "+myApiResponse+' mess = '+result['message']); document.getElementsByName("external_code")[0].value = ""; document.getElementsByName("title")[0].value = ""; //document.getElementsByName("objectif")[0].value = ""; //document.getElementsByName("programme")[0].value = ""; //document.getElementsByName("prerequis")[0].value = ""; //document.getElementsByName("description2")[0].value = ""; document.getElementsByName("trainer")[0].value = ""; document.getElementsByName("distentiel")[0].value = ""; document.getElementsByName("price")[0].value = ""; document.getElementsByName("domaine")[0].value = ""; document.getElementsByName("duree")[0].value = ""; //document.getElementsByName("mots_cle")[0].value = ""; //document.getElementsByName("plus_produit")[0].value = ""; document.getElementsByName("url")[0].value = ""; document.getElementsByName("class_inscription_url")[0].value = ""; document.getElementsByName("metier")[0].value = ""; document.getElementsByName("note")[0].value = ""; //document.getElementsByName("objectif")[0].value = ""; //document.getElementsByName("programme")[0].value = ""; //document.getElementsByName("prerequis")[0].value = ""; }) .catch((error) => { console.error('Error:', error); setmyApiResponse("false"); }); } useEffect(() => { setfield_description(""); setfield_objectif(""); setfield_programme(""); setfield_prerequis(""); setfield_mots_cle(""); setfield_plus_produit(""); setfield_datelieu(""); setfield_zone_diffusion(""); fillfield(); if (props.mytrainingclass['class_external_code']) { getClassImage(); console.log("props.mytrainingclass['plus_produit'] = " + props.mytrainingclass['plus_produit']); setplus_produit_enabled(props.mytrainingclass['plus_produit']); setmots_cle_enabled(props.mytrainingclass['mots_cle']); setzone_diffusion_enabled(props.mytrainingclass['zone_diffusion']); } setdatamodification("0"); window.scrollTo(0, 0); }, [props.mytrainingclass['ref'],]); const [field_description, setfield_description] = useState(""); const [field_objectif, setfield_objectif] = useState(""); const [field_programme, setfield_programme] = useState(""); const [field_prerequis, setfield_prerequis] = useState(""); const [field_mots_cle, setfield_mots_cle] = useState(""); const [field_plus_produit, setfield_plus_produit] = useState(""); const [field_datelieu, setfield_datelieu] = useState(""); const [field_zone_diffusion, setfield_zone_diffusion] = useState(""); function fillfield(event) { setisupdateclass(true); // DisableTraining(); var val = props.mytrainingclass['ref']; // si la reference n'est pas rempli, alors on fait de la creation // si non il s'agit get pour un update/ if (!val) { setisupdateclass(false); return; } var form = new FormData(); //form.append("token","K3cw63eKokKSbV4spjQ48SUNnfy80yrXfA"); const stored_cookie = getCookie('tokenmysypart'); form.append("token", stored_cookie); form.append("internal_url", val); var myurl = process.env.REACT_APP_API_URL + "myclass/api/get_partner_class/"; axios.post(myurl, form).then(res => { if (res.data.status != "False") { console.log(" In test res.data.status = " + res.data.status); console.log(" In test res.data.message r_class = " + res.data.message); setmyApiResponse("True"); setResult(res.data.message); var mylocaltraining = JSON.parse(res.data.message); if (mylocaltraining) { setdisplayedinternalurl(mylocaltraining.internal_url); document.getElementsByName("external_code")[0].value = mylocaltraining.external_code; document.getElementsByName("title")[0].value = mylocaltraining.title; if (mylocaltraining.objectif) { //document.getElementsByName("objectif")[0].value = mylocaltraining.objectif; //alert(" laaaaa "); setfield_objectif(mylocaltraining.objectif); } if (mylocaltraining.programme) { //document.getElementsByName("programme")[0].value = mylocaltraining.programme; setfield_programme(mylocaltraining.programme); } if (mylocaltraining.prerequis) { //document.getElementsByName("prerequis")[0].value = mylocaltraining.prerequis; setfield_prerequis(mylocaltraining.prerequis); } //document.getElementsByName("description2")[0].value = mylocaltraining.description; setfield_description(mylocaltraining.description); document.getElementsByName("trainer")[0].value = mylocaltraining.trainer; setmydistance(mylocaltraining.presentiel.distantiel); setmypresence(mylocaltraining.presentiel.presentiel); if (mylocaltraining.published) setmypublished(mylocaltraining.published); else setmypublished("0"); if (mylocaltraining.cpf) { setmycpf(mylocaltraining.cpf); } else setmycpf("0"); if (mylocaltraining.certif) { setmycertif(mylocaltraining.certif); } else setmycertif("0"); if (mylocaltraining.price) document.getElementsByName("price")[0].value = mylocaltraining.price; else document.getElementsByName("price")[0].value = ""; if (mylocaltraining.domaine) { document.getElementsByName("domaine")[0].value = mylocaltraining.domaine; } else document.getElementsByName("domaine")[0].value = ""; if (mylocaltraining.duration) document.getElementsByName("duree")[0].value = mylocaltraining.duration; else document.getElementsByName("duree")[0].value = ""; //document.getElementsByName("mots_cle")[0].value = ""; if (mylocaltraining.mots_cle) { //document.getElementsByName("mots_cle")[0].value = mylocaltraining.mots_cle; setfield_mots_cle(mylocaltraining.mots_cle); } document.getElementsByName("metier")[0].value = ""; if (mylocaltraining.metier) document.getElementsByName("metier")[0].value = mylocaltraining.metier; document.getElementsByName("note")[0].value = ""; if (mylocaltraining.note) document.getElementsByName("note")[0].value = mylocaltraining.note; //document.getElementsByName("plus_produit")[0].value = ""; if (mylocaltraining.plus_produit) { //document.getElementsByName("plus_produit")[0].value = mylocaltraining.plus_produit; setfield_plus_produit(mylocaltraining.plus_produit); } document.getElementsByName("url")[0].value = ""; if (mylocaltraining.url) document.getElementsByName("url")[0].value = mylocaltraining.url; document.getElementsByName("class_inscription_url")[0].value = ""; if (mylocaltraining.class_inscription_url) document.getElementsByName("class_inscription_url")[0].value = mylocaltraining.class_inscription_url; //document.getElementsByName("zone_diffusion")[0].value = ""; if (mylocaltraining.zone_diffusion_str) { //document.getElementsByName("zone_diffusion")[0].value = mylocaltraining.zone_diffusion_str; document.getElementsByName("zone_diffusion_v2")[0].value = mylocaltraining.zone_diffusion_str; } // document.getElementsByName("date_lieu")[0].value = ""; if (mylocaltraining.datelieu) { /*document.getElementsByName("date_lieu")[0].value = mylocaltraining.datelieu.map(obj => { return obj.date + "-" + obj.ville + "-" + obj.code_postal; });*/ document.getElementsByName("datelieu_v2")[0].value = mylocaltraining.datelieu.map(obj => { return obj.date_du + "-" + obj.date_au + "-" + obj.ville + "-" + obj.code_postal + "-" + obj.adresse; }); } } } else { //console.log(" In test res.data.status = "+res.data.status); //console.log(" In test res.data.message = "+res.data.message); setmyApiResponse("False"); //setmyApimyApiMessage("") } }).catch((error) => { console.warn('Not good man :( mysearchtext = '); setmyApiResponse("False"); //setmyApimyApiMessage("") }) } const editorRef_description = useRef(null); const editorRef_objectif = useRef(null); const editorRef_programme = useRef(null); const editorRef_prerequis = useRef(null); const editorRef_mots_cle = useRef(null); const editorRef_plus_produit = useRef(null); const editorRef_zone_diffusion = useRef(null); const editorRef_date_lieu = useRef(null); function RecordTraining(event) { var code = document.getElementsByName("external_code")[0].value; var title = document.getElementsByName("title")[0].value; var trainer = document.getElementsByName("trainer")[0].value; var presentiel = document.getElementsByName("presentiel")[0].value; var distentiel = document.getElementsByName("distentiel")[0].value; var domaine = document.getElementsByName("domaine")[0].value; var mypublier = document.getElementsByName("published")[0].value; var price = document.getElementsByName("price")[0].value; var duree = document.getElementsByName("duree")[0].value; var url = document.getElementsByName("url")[0].value; var class_inscription_url = document.getElementsByName("class_inscription_url")[0].value; var mymetier = document.getElementsByName("metier")[0].value; var mynote = document.getElementsByName("note")[0].value; var mycpf = document.getElementsByName("cpf")[0].value; var mycertif = document.getElementsByName("certif")[0].value; var objectif = ""; if (editorRef_objectif.current) { objectif = editorRef_objectif.current.getContent(); } var programme = ""; if (editorRef_programme.current) { programme = editorRef_programme.current.getContent(); } var prerequis = ""; if (editorRef_prerequis.current) { prerequis = editorRef_prerequis.current.getContent(); } var description = ""; if (editorRef_description.current) { description = editorRef_description.current.getContent(); } var mots_cle = ""; if (editorRef_mots_cle.current) { mots_cle = editorRef_mots_cle.current.getContent(); } var plus_produit = ""; if (editorRef_plus_produit.current) { plus_produit = editorRef_plus_produit.current.getContent(); } var zone_de_diffusion = ""; if (document.getElementById("zone_diffusion_v2").value) { zone_de_diffusion = document.getElementById("zone_diffusion_v2").value; } var my_date_lieu = ""; if (document.getElementById("datelieu_v2").value) { my_date_lieu = document.getElementById("datelieu_v2").value; } // Verification si il y a plus de 3 mot clés separés par des ";" const words = mots_cle.split(';'); if (words.length > 3) { Alert(" Il a plus de 3 mots clés. le max autorisé est 3"); return; } const tab_zone_de_diffusion = zone_de_diffusion.split(';'); if (tab_zone_de_diffusion.length > 3) { Alert(" Il a plus de 3 zones de diffusion. le max autorisé est 3"); return; } var myurl = ""; if (isupdateclass) { // Il s'agit d'une mise à jour myurl = process.env.REACT_APP_API_URL + "myclass/api/update_class/"; //alert("Il s'agit d'une mise à jour"); } else { // Il s'agit d'une creation myurl = process.env.REACT_APP_API_URL + "myclass/api/create_class/"; //alert(" Il s'agit d'une creation "); } //alert(" OK Enreg code = "+code+" distentiel = "+distentiel+" duree = "+duree); const formData = new FormData(); //formData.append('token', 'K3cw63eKokKSbV4spjQ48SUNnfy80yrXfA'); const stored_cookie = getCookie('tokenmysypart'); formData.append("token", stored_cookie); formData.append('external_code', code); formData.append('title', title); formData.append('objectif', objectif); formData.append('programme', programme); formData.append('prerequis', prerequis); formData.append('description', description); formData.append('trainer', trainer); formData.append('presentiel', presentiel); formData.append('domaine', domaine); formData.append('trainer', 'trainer'); formData.append('distantiel', distentiel); formData.append('price', price); formData.append('duration', duree); formData.append('url', url); formData.append('class_inscription_url', class_inscription_url); formData.append('mots_cle', mots_cle); formData.append('plus_produit', plus_produit); formData.append('internal_url', displayedinternalurl); formData.append('zone_diffusion', zone_de_diffusion); formData.append('metier', mymetier); formData.append('note', mynote); formData.append('date_lieu', my_date_lieu); formData.append('published', mypublier); formData.append('cpf', mycpf); formData.append('certif', mycertif); //console.log(" domaine = "+domaine); fetch( myurl, { method: 'POST', body: formData, } ) .then((response) => response.json()) .then((result) => { console.log('Success:', result['message'], "result['status'] = ", result['status']); setimportmessage(result['message']); setmyApiResponse(result['status']); setdatamodification("0"); if (String(userimgclassprofilchanged) === "1") sendClassImage(); //alert(result['status'] + " -- " + myApiResponse + ' mess = ' + result['message']); }) .catch((error) => { console.error('Error:', error); setmyApiResponse("false"); }); }; function DataUpdated() { setdatamodification("1"); } /* function ModifTraining() { document.getElementsByName("mots_cle")[0].disabled = false; document.getElementsByName("mots_cle")[0].style.backgroundColor = "#ffffff"; document.getElementsByName("zone_diffusion")[0].disabled = false; document.getElementsByName("zone_diffusion")[0].style.backgroundColor = "#ffffff"; document.getElementsByName("date_lieu")[0].disabled = false; document.getElementsByName("date_lieu")[0].style.backgroundColor = "#ffffff"; document.getElementsByName("plus_produit")[0].disabled = false; document.getElementsByName("plus_produit")[0].style.backgroundColor = "#ffffff"; //document.getElementsByName("description2")[0].disabled = false; //document.getElementsByName("description2")[0].style.backgroundColor = "#ffffff"; document.getElementsByName("url")[0].disabled = false; document.getElementsByName("url")[0].style.backgroundColor = "#ffffff"; document.getElementsByName("duree")[0].disabled = false; document.getElementsByName("duree")[0].style.backgroundColor = "#ffffff"; document.getElementsByName("price")[0].disabled = false; document.getElementsByName("price")[0].style.backgroundColor = "#ffffff"; document.getElementsByName("domaine")[0].disabled = false; document.getElementsByName("domaine")[0].style.backgroundColor = "#ffffff"; document.getElementsByName("distentiel")[0].disabled = false; document.getElementsByName("distentiel")[0].style.backgroundColor = "#ffffff"; document.getElementsByName("presentiel")[0].disabled = false; document.getElementsByName("presentiel")[0].style.backgroundColor = "#ffffff"; document.getElementsByName("trainer")[0].disabled = false; document.getElementsByName("trainer")[0].style.backgroundColor = "#ffffff"; document.getElementsByName("title")[0].disabled = false; document.getElementsByName("title")[0].style.backgroundColor = "#ffffff"; document.getElementsByName("objectif")[0].disabled = false; document.getElementsByName("objectif")[0].style.backgroundColor = "#ffffff"; document.getElementsByName("programme")[0].disabled = false; document.getElementsByName("programme")[0].style.backgroundColor = "#ffffff"; document.getElementsByName("prerequis")[0].disabled = false; document.getElementsByName("prerequis")[0].style.backgroundColor = "#ffffff"; document.getElementsByName("metier")[0].disabled = false; document.getElementsByName("metier")[0].style.backgroundColor = "#ffffff"; }*/ /* function DisableTraining() { document.getElementsByName("mots_cle")[0].disabled = true; document.getElementsByName("mots_cle")[0].style.backgroundColor = "#ECEFF1"; document.getElementsByName("zone_diffusion")[0].disabled = true; document.getElementsByName("zone_diffusion")[0].style.backgroundColor = "#ECEFF1"; document.getElementsByName("date_lieu")[0].disabled = true; document.getElementsByName("date_lieu")[0].style.backgroundColor = "#ECEFF1"; document.getElementsByName("plus_produit")[0].disabled = true; document.getElementsByName("plus_produit")[0].style.backgroundColor = "#ECEFF1"; //document.getElementsByName("description2")[0].disabled = true; //document.getElementsByName("description2")[0].style.backgroundColor = "#ECEFF1"; document.getElementsByName("url")[0].disabled = true; document.getElementsByName("url")[0].style.backgroundColor = "#ECEFF1"; document.getElementsByName("duree")[0].disabled = true; document.getElementsByName("duree")[0].style.backgroundColor = "#ECEFF1"; document.getElementsByName("price")[0].disabled = true; document.getElementsByName("price")[0].style.backgroundColor = "#ECEFF1"; document.getElementsByName("domaine")[0].disabled = true; document.getElementsByName("domaine")[0].style.backgroundColor = "#ECEFF1"; document.getElementsByName("distentiel")[0].disabled = true; document.getElementsByName("distentiel")[0].style.backgroundColor = "#ECEFF1"; document.getElementsByName("presentiel")[0].disabled = true; document.getElementsByName("presentiel")[0].style.backgroundColor = "#ECEFF1"; document.getElementsByName("trainer")[0].disabled = true; document.getElementsByName("trainer")[0].style.backgroundColor = "#ECEFF1"; document.getElementsByName("title")[0].disabled = true; document.getElementsByName("title")[0].style.backgroundColor = "#ECEFF1"; document.getElementsByName("metier")[0].disabled = true; document.getElementsByName("metier")[0].style.backgroundColor = "#ECEFF1"; }*/ function alertactivecompte() { //alert(" ispending = ===== " + props.ispending); if (String(props.ispending) === String("1")) { alert(" Vous devez ajouter un mode de Paiement pour acceder à cette fonctionnalité"); return; } } const [isimgclassSelected, setisimgclassSelected] = useState(false); 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(""); function removeRecodedClassImage() { var class_external_code = ""; if (document.getElementsByName("external_code")[0].value && document.getElementsByName("external_code")[0].value.length > 3) { class_external_code = document.getElementsByName("external_code")[0].value; } else { alert(" Vous devez saisir le code externe de la formation avant d'enregistrer une image. Le code externe prend au moins 3 caractères"); return; } var form = new FormData(); const stored_cookie = getCookie('tokenmysypart'); form.append("token", stored_cookie); form.append("class_external_code", class_external_code); form.append("type", "partner"); fetch( process.env.REACT_APP_API_URL + "myclass/api/DeleteRecodedClassImage/", { method: 'POST', body: form, } ).then((response) => response.json()) .then((result) => { console.log(' removeRecodedClassImage : status:', result['status']); console.log('removeRecodedClassImage : Success:', result['message']); setisimgclassSelected(false); if (String(result['status']) === String("true")) { setisimgclassdeleted("1"); setuserimgclassprofil(""); } else { setisimgclassdeleted("0"); setisimgclassdeleted_message(result['message']); setisimgclassSelected(true); } }) .catch((error) => { console.error('Error:'); setisimgclassSelected(true); setisimgclassdeleted("0"); setisimgclassdeleted_message(result['message']); }); } const [isimgclassSaved, setisimgclassSaved] = useState(""); const [isimgclassSaved_message, setisimgclassSaved_message] = useState(""); function sendClassImage(e) { var class_external_code = ""; if (document.getElementsByName("external_code")[0].value && document.getElementsByName("external_code")[0].value.length > 3) { class_external_code = document.getElementsByName("external_code")[0].value; } else { alert(" Vous devez saisir le code externe de la formation avant d'enregistrer une image. Le code externe prend au moins 3 caractères"); return; } var formData = new FormData(); formData.append('File', isimgclassSelected); const stored_cookie = getCookie('tokenmysypart'); formData.append("token", stored_cookie); formData.append("class_external_code", class_external_code); formData.append("type", "partner"); fetch( process.env.REACT_APP_API_URL + "myclass/api/recordClassImage/", { method: 'POST', body: formData, } ).then((response) => response.json()) .then((result) => { console.log('status:', result['status']); console.log('Success:', result['message']); setisimgclassSelected(false); if (String(result['status']) == String("true")) { setisimgclassSaved("1"); } else { setisimgclassSaved("0"); setisimgclassSaved_message(result['message']); setisimgclassSelected(true); } }) .catch((error) => { console.error('Error:'); setisimgclassSelected(true); setisimgclassSaved("0"); setisimgclassSaved_message(result['message']); }); }; const [myclassimage, setmyclassimage] = useState(); const [isclassimage, setisclassimage] = useState(); function getClassImage(e) { var myurl = process.env.REACT_APP_API_URL + "myclass/api/getRecodedClassImage/"; var class_external_code = props.mytrainingclass['class_external_code']; if (class_external_code.length < 3) { console.log("Le code externe prend au moins 3 caractères"); return; } var form = new FormData(); const stored_cookie = getCookie('tokenmysypart'); form.append("token", stored_cookie); form.append("type", "partner"); form.append("class_external_code", class_external_code); axios.post(myurl, form).then(res => { if (res.data.status != "False") { console.log(" getClassImage : In test res.data.status = " + res.data.status); console.log(" getClassImage: res.data.message.img = " + res.data.message); if (res.data.message.img.length > 0) { setisclassimage("True"); } else { setisclassimage("False"); } setisclassimage(res.data.message.img); var ch_img = "data:image/png;base64," + res.data.message.img; setuserimgclassprofil(ch_img); } else { //console.log(" In Erreur res.data.status = " + res.data.status); //console.log(" In Erreur res.data.message = " + res.data.message); setisclassimage("False"); setuserimgclassprofil(); //alert("4"); } }).catch((error) => { console.warn('getClassImage : Not good man :( getClassImage = '); setisclassimage("False"); setuserimgclassprofil(""); }) } const [activepack, setactivepack] = useState(); function ActivePackStandard() { history.push({ pathname: "/Partner/", state: { current_pack: props.currentpack, local_sub_menu: 'checkout', price: "350", period: "mensuelle", new_pack: "standard" } }); window.location.reload(); } function ActivePackGold() { history.push({ pathname: "/Partner/", state: { current_pack: props.currentpack, local_sub_menu: 'checkout', price: "350", period: "mensuelle", new_pack: "gold" } }); window.location.reload(); } function change_date_lieu() { setfield_datelieu(document.getElementById("datelieu_v2").value) } function change_zone_diffsion() { setfield_zone_diffusion(document.getElementById("zone_diffusion_v2").value) } function UndoModif() { setfield_description(""); setfield_objectif(""); setfield_programme(""); setfield_prerequis(""); setfield_mots_cle(""); setfield_plus_produit(""); setfield_datelieu(""); setfield_zone_diffusion(""); seteditor_tochange(""); fillfield(); if (props.mytrainingclass['class_external_code']) { getClassImage(); console.log("props.mytrainingclass['plus_produit'] = " + props.mytrainingclass['plus_produit']); setplus_produit_enabled(props.mytrainingclass['plus_produit']); setmots_cle_enabled(props.mytrainingclass['mots_cle']); setzone_diffusion_enabled(props.mytrainingclass['zone_diffusion']); } setdatamodification("0"); window.scrollTo(0, 0); } const [editor_tochange, seteditor_tochange] = useState(""); function editor_keyup() { seteditor_tochange("1"); } const cpf = [ { value: '1', label: 'Oui', }, { value: '0', label: 'Non', }, ]; const certif = [ { value: '1', label: 'Oui', }, { value: '0', label: 'Non', }, ]; return (
{cpf.map((option) => ( {option.label}  
))}
{certif.map((option) => ( {option.label}  
))}
{publiee.map((option) => ( {option.label}  
))}
{presentiel.map((option) => ( {option.label}  
))}
{presentiel.map((option) => ( {option.label}  
))}
Description
editorRef_description.current = editor} initialValue={field_description} onKeyUp={editor_keyup} onEditorChange={(newValue, editor) => { if (String(editor_tochange) === "1") { //alert(" change"); DataUpdated() seteditor_tochange(""); } }} 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: 'undo redo | casechange blocks | bold italic backcolor | ' + 'alignleft aligncenter alignright alignjustify | ' + 'bullist numlist checklist outdent indent | removeformat | a11ycheck code table help', content_style: 'body { font-family:Helvetica,Arial,sans-serif; font-size:14px; }' }} />
Objectif
editorRef_objectif.current = editor} initialValue={field_objectif} onKeyUp={editor_keyup} onEditorChange={(newValue, editor) => { if (String(editor_tochange) === "1") { //alert(" change"); DataUpdated(); seteditor_tochange(""); } }} 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: 'undo redo | casechange blocks | bold italic backcolor | ' + 'alignleft aligncenter alignright alignjustify | ' + 'bullist numlist checklist outdent indent | removeformat | a11ycheck code table help', content_style: 'body { font-family:Helvetica,Arial,sans-serif; font-size:14px; }' }} />
Programme
editorRef_programme.current = editor} initialValue={field_programme} onKeyUp={editor_keyup} onEditorChange={(newValue, editor) => { if (String(editor_tochange) === "1") { //alert(" change"); DataUpdated(); seteditor_tochange(""); } }} 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: 'undo redo | casechange blocks | bold italic backcolor | ' + 'alignleft aligncenter alignright alignjustify | ' + 'bullist numlist checklist outdent indent | removeformat | a11ycheck code table help', content_style: 'body { font-family:Helvetica,Arial,sans-serif; font-size:14px; }' }} />
Pré-requis
editorRef_prerequis.current = editor} initialValue={field_prerequis} onKeyUp={editor_keyup} onEditorChange={(newValue, editor) => { if (String(editor_tochange) === "1") { //alert(" change"); DataUpdated(); seteditor_tochange(""); } }} 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: 'undo redo | casechange blocks | bold italic backcolor | ' + 'alignleft aligncenter alignright alignjustify | ' + 'bullist numlist checklist outdent indent | removeformat | a11ycheck code table help', content_style: 'body { font-family:Helvetica,Arial,sans-serif; font-size:14px; }' }} />
Mots clés
editorRef_mots_cle.current = editor} initialValue={field_mots_cle} onKeyUp={editor_keyup} onEditorChange={(newValue, editor) => { if (String(editor_tochange) === "1") { //alert(" change"); DataUpdated(); seteditor_tochange(""); } }} 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: 'undo redo | casechange blocks | bold italic backcolor | ' + 'alignleft aligncenter alignright alignjustify | ' + 'bullist numlist checklist outdent indent | removeformat | a11ycheck code table help', content_style: 'body { font-family:Helvetica,Arial,sans-serif; font-size:14px; }' }} />
Plus produit
editorRef_plus_produit.current = editor} initialValue={field_plus_produit} onKeyUp={editor_keyup} onEditorChange={(newValue, editor) => { if (String(editor_tochange) === "1") { //alert(" change"); DataUpdated(); seteditor_tochange(""); } }} 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: 'undo redo | casechange blocks | bold italic backcolor | ' + 'alignleft aligncenter alignright alignjustify | ' + 'bullist numlist checklist outdent indent | removeformat | a11ycheck code table help', content_style: 'body { font-family:Helvetica,Arial,sans-serif; font-size:14px; }' }} />
Zone de diffusion