import React, { useState, useEffect, } from "react"; import { useForm } from "react-hook-form"; import { getCookie, setCookie } from 'react-use-cookie'; import Box from '@mui/material/Box'; import InputLabel from '@mui/material/InputLabel'; import InputAdornment from '@mui/material/InputAdornment'; import FormControl from '@mui/material/FormControl'; import TextField from '@mui/material/TextField'; import AccountCircle from '@mui/icons-material/AccountCircle'; import PhoneIcon from '@mui/icons-material/Phone' import EmailIcon from '@mui/icons-material/Email' import LanguageIcon from '@mui/icons-material/Language'; import HomeIcon from '@mui/icons-material/Home' import { Button, Form, FormGroup, Label } from "reactstrap"; import DeleteOutlineIcon from '@mui/icons-material/DeleteOutline'; import { useHistory } from "react-router-dom"; import TwitterIcon from '@mui/icons-material/Twitter'; import FacebookIcon from '@mui/icons-material/Facebook'; import LinkedInIcon from '@mui/icons-material/LinkedIn'; import axios from "axios"; import { ConsoleView } from "react-device-detect"; import MenuItem from '@mui/material/MenuItem'; import Checkbox from '@mui/material/Checkbox'; import Partner_Securite_Data from "./Partner_Securite_Data"; import Partner_Invoicing_Data from "./Partner_Invoicing_Data"; import Autocomplete from '@mui/material/Autocomplete'; import 'react-tooltip/dist/react-tooltip.css' import { Tooltip } from 'react-tooltip' import CancelPresentationIcon from '@mui/icons-material/CancelPresentation'; import { makeStyles } from "@material-ui/core/styles"; import { IconButton } from '@material-ui/core'; import fileDownload from 'js-file-download'; import OpenInNewIcon from '@mui/icons-material/OpenInNew'; 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 ColorPicker from 'react-pick-color'; import { gridClasses } from '@mui/x-data-grid'; import AttachFileIcon from '@mui/icons-material/AttachFile'; import DeleteForeverIcon from '@mui/icons-material/DeleteForever'; import DownloadingIcon from '@mui/icons-material/Downloading'; import Popup from 'reactjs-popup'; import 'reactjs-popup/dist/index.css'; import { CiTrash } from "react-icons/ci"; const useStyles = makeStyles((theme) => ({ dialog: { position: 'absolute', // left: 10, top: 400 }, paper: { overflowY: 'unset', }, customizedButton: { position: 'absolute', left: '95%', top: '-9%', backgroundColor: 'lightgray', color: 'gray', }, })); function UpdateParnterInfo(props) { const classes = useStyles(); const history = useHistory(); const [myApiResponse, setmyApiResponse] = useState(""); const [result, setResult] = useState(""); const [testval, settestval] = useState(); const [fields1desabled, setfields1desabled] = useState(true); const [mailfieldsdesabled, setmailfieldsdesabled] = useState(true); const [pwdfieldsdesabled, setpwdfieldsdesabled] = useState(true); const [values, setValues] = React.useState({ password: '', showPassword: false, }); const [valuesPass1, setValuesPass1] = React.useState({ password1: '', showPassword1: false, }); const [valuesPass2, setValuesPass2] = React.useState({ password2: '', showPassword2: false, }); const [valuesPass3, setValuesPass3] = React.useState({ password3: '', showPassword3: false, }); const [isLoading, setLoading] = useState(); const [currentpawdvisible, setcurrentpawdvisible] = useState(false); const [newpawdvisible, setnewpawdvisible] = useState(false); const [confpwdvisible, setconfpwdvisible] = useState(false); const [updatemainmail, setupdatemainmail] = useState(); const [updatepwd, setupdatepwd] = useState(); // recuperation et gestion du token utilisateur const stored_user = getCookie('tokenmysypart'); if (!stored_user || stored_user.length <= 0) { history.push("/PartnerLogin"); } const myserver = "127.0.0.1"; //const myserver = "89.156.84.196"; const { register, formState: { errors }, handleSubmit, } = useForm(); useEffect(() => { getCurrentUserData(); //desablesecurtymailfields(); //desablesecurtypwdfields(); //desablesecurtyInsertKeyfields(); getPartnerImages(); Get_List_Catalog_Public_Themes(); }, []) const [userformedited, setuserformedited] = useState(); const [insert_key_api, setinsert_key_api] = useState(""); const [insert_key_api_message, setinsert_key_api_message] = useState(""); const [insert_key_updated, setinsert_key_updated] = useState(); function UpdatePartnerInsertKey() { setinsert_key_updated(); const url = process.env.REACT_APP_API_URL + "myclass/api/update_partner_insert_key/"; const formData = new FormData(); formData.append('token', stored_user); // Si le partenaire n'est pas connecté, il est renvoyé vers la page de connexion if (!stored_user || stored_user.length <= 0) { history.push("/PartnerLogin"); } var current_key = document.getElementsByName("current_insert_key")[0].value; var new_key = document.getElementsByName("new_insert_key")[0].value; var conf_new_key = document.getElementsByName("conf_new_insert_key")[0].value; document.getElementsByName("identique_insert_key")[0].style.backgroundColor = "white"; if (new_key !== conf_new_key) { document.getElementsByName("identique_insert_key")[0].style.backgroundColor = "red"; return; } document.getElementsByName("caractere_insert_key")[0].style.backgroundColor = "white"; if (String(new_key).length < 8) { document.getElementsByName("caractere_insert_key")[0].style.backgroundColor = "red"; return } var regex = /\d/g; document.getElementsByName("nombre_insert_key")[0].style.backgroundColor = "white"; if (!regex.test(new_key)) { document.getElementsByName("nombre_insert_key")[0].style.backgroundColor = "red"; return } const specialChars = /[`!@#$%^&*()_+\-=\[\]{};':"\\|,.<>\/?~]/; document.getElementsByName("special_insert_key")[0].style.backgroundColor = "white"; if (!specialChars.test(new_key)) { document.getElementsByName("special_insert_key")[0].style.backgroundColor = "red"; return } formData.append('current_insert_key', current_key); formData.append('new_insert_key', new_key); formData.append('conf_insert_key', conf_new_key); formData.append('partner_account_id', partner_account_id); fetch( url, { method: 'POST', body: formData, } ) .then((response) => response.json()) .then((result) => { //console.log('Success:', result['message'], "result['status'] = ", result['status']); setinsert_key_api(result['status']); setinsert_key_api_message(result['message']); if (String(result['status']) === String("true")) { desablesecurtyInsertKeyfields(); document.getElementsByName("current_insert_key")[0].value = new_key; setinsert_key_updated(true); } else if (String(result['status']) === String("Err_Connexion")) { alert('Erreur: ' + result['message']); history.push("/Connexion"); } }) .catch((error) => { console.error('Error:', error); setinsert_key_api("false"); setinsert_key_updated(false); }); } function UpdatePartnerPwd() { //setupdatepwd(false); const url = process.env.REACT_APP_API_URL + "myclass/api/update_partner_pwd/"; const formData = new FormData(); formData.append('token', stored_user); // Si le partenaire n'est pas connecté, il est renvoyé vers la page de connexion if (!stored_user || stored_user.length <= 0) { history.push("/PartnerLogin"); } var pwd = document.getElementsByName("current_pwd")[0].value; var new_pwd = document.getElementsByName("new_pwd")[0].value; var conf_new_pwd = document.getElementsByName("new_pwd_conf")[0].value; formData.append('pwd', pwd); formData.append('new_pwd', new_pwd); formData.append('conf_new_pwd', conf_new_pwd); formData.append('partner_account_id', partner_account_id); document.getElementsByName("identique")[0].style.backgroundColor = "white"; if (new_pwd !== conf_new_pwd) { document.getElementsByName("identique")[0].style.backgroundColor = "red"; return; } document.getElementsByName("caractere")[0].style.backgroundColor = "white"; if (String(new_pwd).length < 8) { document.getElementsByName("caractere")[0].style.backgroundColor = "red"; return } var regex = /\d/g; document.getElementsByName("nombre")[0].style.backgroundColor = "white"; if (!regex.test(new_pwd)) { document.getElementsByName("nombre")[0].style.backgroundColor = "red"; return } const specialChars = /[`!@#$%^&*()_+\-=\[\]{};':"\\|,.<>\/?~]/; document.getElementsByName("special")[0].style.backgroundColor = "white"; if (!specialChars.test(new_pwd)) { document.getElementsByName("special")[0].style.backgroundColor = "red"; return } fetch( url, { method: 'POST', body: formData, } ) .then((response) => response.json()) .then((result) => { //console.log('Success:', result['message'], "result['status'] = ", result['status']); setmyApiResponse(result['status']); setResult(result['message']); if (String(result['status']) == String("true")) { setupdatepwd(true); } }) .catch((error) => { console.error('Error:', error); setmyApiResponse("false"); setupdatepwd(false); }); } function UpdatePartnerMail() { setupdatemainmail(false); const url = process.env.REACT_APP_API_URL + "myclass/api/update_partner_main_mail/"; const formData = new FormData(); formData.append('token', stored_user); // Si le partenaire n'est pas connecté, il est renvoyé vers la page de connexion if (!stored_user || stored_user.length <= 0) { history.push("/PartnerLogin"); } var mail = document.getElementsByName("current_email")[0].value; var new_mail = document.getElementsByName("new_email")[0].value; var conf_new_mail = document.getElementsByName("conf_new_email")[0].value; formData.append('mail', mail); formData.append('new_mail', new_mail); formData.append('conf_new_mail', conf_new_mail); formData.append('partner_account_id', partner_account_id); fetch( url, { method: 'POST', body: formData, } ) .then((response) => response.json()) .then((result) => { //console.log('Success:', result['message'], "result['status'] = ", result['status']); setmyApiResponse(result['status']); setResult(result['message']); if (String(result['status']) == String("true")) { setupdatemainmail(true); } }) .catch((error) => { console.error('Error:', error); setmyApiResponse("false"); setupdatemainmail(false); }); } const [partner_account_id, setpartner_account_id] = useState(""); const [is_partner_admin_account, setis_partner_admin_account] = useState(""); function getCurrentUserData() { settestval('d'); // ==> Do not delete const formData = new FormData(); const url = process.env.REACT_APP_API_URL + "myclass/api/get_partner_account/"; formData.append('token', stored_user); axios.post(url, formData).then(res => { if (String(res.data.status) === "true") { //console.log(" In test res.data.status = " + res.data.status); //console.log(" In test res.data.message = " + res.data.message); setmyApiResponse("True"); setResult(res.data.message); var mylocaltraining = JSON.parse(res.data.message); if (mylocaltraining) { setpartner_account_id(mylocaltraining._id); if (mylocaltraining.is_partner_admin_account) { setis_partner_admin_account(mylocaltraining.is_partner_admin_account); } else { setis_partner_admin_account("0"); } if (mylocaltraining.adr_city) { setp_adr_street(mylocaltraining.adr_city); } if (mylocaltraining.adr_city) { setp_adr_zip(mylocaltraining.adr_zip); } if (mylocaltraining.email) { setp_email(mylocaltraining.email); } if (mylocaltraining.website) { setp_website(mylocaltraining.website); } if (mylocaltraining.adr_country) { setp_adr_country(mylocaltraining.adr_country); } if (mylocaltraining.link_facebook) { setp_link_facebook(mylocaltraining.link_facebook); } if (mylocaltraining.telephone) { setp_telephone(mylocaltraining.telephone); } if (mylocaltraining.siret) { setp_siret(mylocaltraining.siret); } if (mylocaltraining.num_nda) { setp_num_nda(mylocaltraining.num_nda); } if (mylocaltraining.iscertifvoltaire) { setmycertifvoltaire(mylocaltraining.iscertifvoltaire); } else { setmycertifvoltaire("0"); } if (mylocaltraining.isdatadock) { setmydatadock(mylocaltraining.isdatadock); } else { setmydatadock("0"); } if (mylocaltraining.isqualiopi) { setmyqualiopi(mylocaltraining.isqualiopi); } else { setmyqualiopi("0"); } if (mylocaltraining.link_linkedin) { setp_link_linkedin(mylocaltraining.link_linkedin); } else { setp_link_linkedin(''); } if (mylocaltraining.link_twitter) { setp_link_twitter(mylocaltraining.link_twitter); } else { setp_link_twitter(''); } if (mylocaltraining.adr_street) { setp_adr_street(mylocaltraining.adr_street); } else { setp_adr_street(''); } if (mylocaltraining.nom) { setp_nom(mylocaltraining.nom); } else { setp_nom(''); } if (mylocaltraining.contact_tel) { setp_contact_tel(mylocaltraining.contact_tel); } else { setp_contact_tel(''); } if (mylocaltraining.contact_nom) { setp_contact_nom(mylocaltraining.contact_nom); } else { setp_contact_nom(''); } if (mylocaltraining.contact_prenom) { setp_contact_prenom(mylocaltraining.contact_prenom); } else { setp_contact_prenom(''); } if (mylocaltraining.contact_mail) { setp_contact_mail(mylocaltraining.contact_mail); } else { setp_contact_mail(''); } if (mylocaltraining.lms_virtualhost_url) { setp_lms_virtualhost_url(mylocaltraining.lms_virtualhost_url); } else { setp_lms_virtualhost_url(''); } if (mylocaltraining.lms_username) { setp_lms_username(mylocaltraining.lms_username); } else { setp_lms_username(''); } if (mylocaltraining.mysy_lms_user_id) { setp_mysy_lms_user_id(mylocaltraining.mysy_lms_user_id); } else { setp_mysy_lms_user_id(''); } desablefield1(); } } 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 = ', error); setmyApiResponse("False"); //setmyApimyApiMessage("") }) } function annuler_change_user_data() { desablefield1(); getCurrentUserData(); setuserformedited(""); } async function desablefield1() { setdatamodification(); await sleep(20); const list_fields = ['adr_city', 'adr_zip', 'adr_country', 'telephone', 'siret', 'num_nda', 'link_facebook', 'link_linkedin', 'link_twitter', 'adr_street', 'nom', 'contact_tel', 'contact_nom', 'contact_prenom', 'contact_mail', 'email', 'website', 'website', 'isqualiopi', 'iscertifvoltaire',] for (let i = 0; i < list_fields.length; i++) { if (document.getElementsByName(String(list_fields[i])) && document.getElementsByName(String(list_fields[i]))[0]) { document.getElementsByName(String(list_fields[i]))[0].disabled = true; document.getElementsByName(String(list_fields[i]))[0].style.backgroundColor = "#ECEFF1"; } } setfields1desabled(true); } function enablefieds1() { setuserformedited("1"); const list_fields = ['adr_city', 'adr_zip', 'adr_country', 'telephone', 'siret', 'num_nda', 'link_facebook', 'link_linkedin', 'link_twitter', 'adr_street', 'nom', 'contact_tel', 'contact_nom', 'contact_prenom', 'contact_mail', 'email', 'website', 'website', 'isqualiopi', 'iscertifvoltaire',] for (let i = 0; i < list_fields.length; i++) { if (document.getElementsByName(String(list_fields[i])) && document.getElementsByName(String(list_fields[i]))[0]) { document.getElementsByName(String(list_fields[i]))[0].disabled = false; document.getElementsByName(String(list_fields[i]))[0].style.backgroundColor = "#FFFFFF"; } } setfields1desabled(false); window.scrollTo({ top: 0, behavior: "smooth", }); } function desablesecurtymailfields() {/* document.getElementsByName("current_email")[0].disabled = true; document.getElementsByName("current_email")[0].style.backgroundColor = "#ECEFF1"; document.getElementsByName("current_email")[0].value = ""; document.getElementsByName("new_email")[0].disabled = true; document.getElementsByName("new_email")[0].style.backgroundColor = "#ECEFF1"; document.getElementsByName("new_email")[0].value = ""; document.getElementsByName("conf_new_email")[0].disabled = true; document.getElementsByName("conf_new_email")[0].style.backgroundColor = "#ECEFF1"; document.getElementsByName("conf_new_email")[0].value = ""; setmailfieldsdesabled(true);*/ } function enablesecurtymailfields() { document.getElementsByName("current_email")[0].disabled = false; document.getElementsByName("current_email")[0].style.backgroundColor = "#FFFFFF"; document.getElementsByName("new_email")[0].disabled = false; document.getElementsByName("new_email")[0].style.backgroundColor = "#FFFFFF"; document.getElementsByName("conf_new_email")[0].disabled = false; document.getElementsByName("conf_new_email")[0].style.backgroundColor = "#FFFFFF"; setmailfieldsdesabled(false); } function desablesecurtypwdfields() { /* document.getElementsByName("current_pwd")[0].disabled = true; document.getElementsByName("current_pwd")[0].style.backgroundColor = "#ECEFF1"; document.getElementsByName("current_pwd")[0].value = ""; document.getElementsByName("new_pwd")[0].disabled = true; document.getElementsByName("new_pwd")[0].style.backgroundColor = "#ECEFF1"; document.getElementsByName("new_pwd")[0].value = ""; document.getElementsByName("new_pwd_conf")[0].disabled = true; document.getElementsByName("new_pwd_conf")[0].style.backgroundColor = "#ECEFF1"; document.getElementsByName("new_pwd_conf")[0].value = ""; setpwdfieldsdesabled(true);*/ } function enablesecurtypwdfields() { document.getElementsByName("current_pwd")[0].disabled = false; document.getElementsByName("current_pwd")[0].style.backgroundColor = "#FFFFFF"; document.getElementsByName("new_pwd")[0].disabled = false; document.getElementsByName("new_pwd")[0].style.backgroundColor = "#FFFFFF"; document.getElementsByName("new_pwd_conf")[0].disabled = false; document.getElementsByName("new_pwd_conf")[0].style.backgroundColor = "#FFFFFF"; setpwdfieldsdesabled(false); } function RecordData() { const formData = new FormData(); const url = process.env.REACT_APP_API_URL + "myclass/api/update_partner_account/"; var adr_city = document.getElementsByName("adr_city")[0].value adr_city = adr_city.replace("undefined", ""); var adr_zip = document.getElementsByName("adr_zip")[0].value; adr_zip = adr_zip.replace("undefined", ""); var adr_country = document.getElementsByName("adr_country")[0].value; adr_country = adr_country.replace("undefined", ""); var telephone = document.getElementsByName("telephone")[0].value; telephone = telephone.replace("undefined", ""); var siret = ""; if (document.getElementsByName("siret")[0]) { siret = document.getElementsByName("siret")[0].value; siret = siret.replace("undefined", ""); } var num_nda = ""; if (document.getElementsByName("num_nda")[0]) { num_nda = document.getElementsByName("num_nda")[0].value; num_nda = num_nda.replace("undefined", ""); } var website = document.getElementsByName("website")[0].value; website = website.replace("undefined", ""); var link_facebook = document.getElementsByName("link_facebook")[0].value; var link_linkedin = document.getElementsByName("link_linkedin")[0].value; var link_twitter = document.getElementsByName("link_twitter")[0].value; var adr_street = document.getElementsByName("adr_street")[0].value; var nom = document.getElementsByName("nom")[0].value; var contact_nom = document.getElementsByName("contact_nom")[0].value; var contact_prenom = document.getElementsByName("contact_prenom")[0].value; var contact_tel = document.getElementsByName("contact_tel")[0].value; var contact_mail = document.getElementsByName("contact_mail")[0].value; //var mycertitrace = document.getElementsByName("iscertitrace")[0].value; //var mybureaucertitrace = document.getElementsByName("isbureaucertitrace")[0].value; var mycertifvoltaire = "0" if (document.getElementsByName("iscertifvoltaire")[0]) { mycertifvoltaire = document.getElementsByName("iscertifvoltaire")[0].value; } var mydatadock = "0"; if (document.getElementsByName("isdatadock")[0]) { mydatadock = document.getElementsByName("isdatadock")[0].value; } var myqualiopi = "0"; if (document.getElementsByName("isqualiopi")[0]) { var myqualiopi = document.getElementsByName("isqualiopi")[0].value; } formData.append('partner_account_id', partner_account_id); formData.append('token', stored_user); formData.append('nom', nom); var new_nom = (p_nom).replace(/[^0-9a-z]/gi, '').toLocaleLowerCase(); formData.append('subdomaine_catalog_pub', new_nom); //formData.append('iscertitrace', mycertitrace); formData.append('isdatadock', mydatadock); formData.append('isqualiopi', myqualiopi); // formData.append('isbureaucertitrace', mybureaucertitrace); formData.append('iscertifvoltaire', mycertifvoltaire); formData.append('website', website); formData.append('adr_city', adr_city); formData.append('adr_zip', adr_zip); formData.append('telephone', telephone); formData.append('siret', siret); formData.append('num_nda', num_nda); formData.append('adr_country', adr_country); formData.append('link_facebook', link_facebook); formData.append('link_twitter', link_twitter); formData.append('adr_street', adr_street); formData.append('contact_nom', contact_nom); formData.append('contact_prenom', contact_prenom); formData.append('link_linkedin', link_linkedin); formData.append('contact_tel', contact_tel); formData.append('contact_mail', contact_mail); // Recuperation de l'image logo & de l'image du cachet if (String(userimgclassprofilchanged) === "1") { formData.append('file_logo', isimgclassSelected); formData.append('file_logo_recid', isimgclassSelected_recid); } if (String(isimgcachetchanged) === "1") { formData.append('file_cachet', isimgcachetSelected); formData.append('file_cachet_recid', isimgcachetSelected_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']); setmyApiResponse(result['status']); setResult(result['message']); if (String(result['status']) === String("true")) { settestval(true); desablefield1(); setdatamodification(); getPartnerImages(); if (document.getElementsByName("isdatadock")[0]) { document.getElementsByName("isdatadock")[0].disabled = true; document.getElementsByName("isdatadock")[0].style.backgroundColor = "#ECEFF1"; } if (document.getElementsByName("isqualiopi")[0]) { document.getElementsByName("isqualiopi")[0].disabled = true; document.getElementsByName("isqualiopi")[0].style.backgroundColor = "#ECEFF1"; } if (document.getElementsByName("iscertifvoltaire")[0]) { document.getElementsByName("iscertifvoltaire")[0].disabled = true; document.getElementsByName("iscertifvoltaire")[0].style.backgroundColor = "#ECEFF1"; } alert(" La mise à jour a été faite "); } else if (String(result['status']) === String("Err_Connexion")) { alert('Erreur: ' + result['message']); history.push("/Connexion"); } else { alert(" Erreur : " + result['message']); } }) .catch((error) => { console.error('Error:', error); setmyApiResponse("false"); alert(" Erreur : Impossible de mettre à jour les informations "); window.scrollTo({ top: 0, behavior: "smooth", }); }); window.scrollTo({ top: 0, behavior: "smooth", }); }; const [Add_Update_Catalog_Pub_Theme_api, setAdd_Update_Catalog_Pub_Theme_api] = useState(); const [Add_Update_Catalog_Pub_Theme_message, setAdd_Update_Catalog_Pub_Theme_message] = useState(); const [Add_Update_Catalog_Pub_Theme_result, setAdd_Update_Catalog_Pub_Theme_result] = useState(); function Add_Update_Catalog_Pub_Theme() { var form = new FormData(); const stored_cookie = getCookie('tokenmysypart'); form.append("token", stored_cookie); form.append("theme_id", selected_catalog_pub_theme_id); form.append("message_1_txt", p_catalog_pub_message_1_txt); form.append("message_1_taille", p_text1_taille); form.append("message_1_color", p_text1_color); if (p_text1_gras) form.append("message_1_gras", "700"); else form.append("message_1_gras", "400"); form.append("message_2_txt", p_catalog_pub_message_2_txt); form.append("message_2_color", p_text2_color); form.append("message_2_taille", p_text2_taille); if (p_text2_gras) form.append("message_2_gras", "700"); else form.append("message_2_gras", "400"); form.append("message_3_txt", p_catalog_pub_message_3_txt); form.append("message_3_color", p_text3_color); form.append("message_3_taille", p_text3_taille); if (p_text3_gras) form.append("message_3_gras", "700"); else form.append("message_3_gras", "400"); form.append("indicateur_1_txt", p_indicateur1_text); form.append("indicateur_1_taille", p_indicateur1_taille); form.append("indicateur_1_color", p_indicateur1_color); if (p_indicateur1_gras) form.append("indicateur_1_gras", "700"); else form.append("indicateur_1_gras", "400"); form.append("indicateur_2_txt", p_indicateur2_text); form.append("indicateur_2_taille", p_indicateur2_taille); form.append("indicateur_2_color", p_indicateur2_color); if (p_indicateur2_gras) form.append("indicateur_2_gras", "700"); else form.append("indicateur_2_gras", "400"); form.append("indicateur_3_txt", p_indicateur3_text); form.append("indicateur_3_taille", p_indicateur3_taille); form.append("indicateur_3_color", p_indicateur3_color); if (p_indicateur3_gras) form.append("indicateur_3_gras", "700"); else form.append("indicateur_3_gras", "400"); form.append("indicateur_4_txt", p_indicateur4_text); form.append("indicateur_4_taille", p_indicateur4_taille); form.append("indicateur_4_color", p_indicateur4_color); if (p_indicateur4_gras) form.append("indicateur_4_gras", "700"); else form.append("indicateur_4_gras", "400"); form.append("_id", selected_catalog_pub_config_id); //console.log(" form == ", form); var myurl = process.env.REACT_APP_API_URL + "myclass/api/Add_Update_Partner_Catalog_Pub_Config/"; setLoading(true); axios.post(myurl, form).then(res => { setLoading(false); //console.log(" In Add_Update_Catalog_Pub_Theme res.data.status = " + res.data.status); //console.log(" In Add_Update_Catalog_Pub_Theme res.data.message r_class = " + res.data.message); if (String(res.data.status) === String("true")) { setAdd_Update_Catalog_Pub_Theme_api("true"); setAdd_Update_Catalog_Pub_Theme_result(res.data.message); Get_Partner_Catalog_Pub_Config(); alert(res.data.message); } else { setAdd_Update_Catalog_Pub_Theme_api("false"); setAdd_Update_Catalog_Pub_Theme_message(res.data.message); alert(res.data.message); } }).catch((error) => { setLoading(false); console.warn('UpdateStagiaireData : Not good man :( Add_Update_Catalog_Pub_Theme = ' + error); setAdd_Update_Catalog_Pub_Theme_api("false"); alert(" Impossible de mettre à jour la configuration"); }) } const [getPartnerImages_api, setgetPartnerImages_api] = useState(); const [getPartnerImages_message, setgetPartnerImages_message] = useState(); const [getPartnerImages_result, setgetPartnerImages_result] = useState(); function getPartnerImages(e) { var myurl = process.env.REACT_APP_API_URL + "myclass/api/getRecodedParnterImage_from_front/"; var form = new FormData(); const stored_cookie = getCookie('tokenmysypart'); form.append("token", stored_cookie); axios.post(myurl, form).then(res => { //console.log(" getPartnerImages : In test res.data.status = " + res.data.status); // console.log(" getPartnerImages: 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); } if (JSON.parse(res.data.message).cachet_img) { var partner_cachet_img = "data:image/png;base64," + JSON.parse(res.data.message).cachet_img; setisimgcachet(partner_cachet_img); setisimgcachetSelected(partner_cachet_img); setisimgcachetSelected_recid(JSON.parse(res.data.message).cachet_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('getPartnerImages ee: Not good man :( = ', error); setgetPartnerImages_api("false"); setgetPartnerImages_message(" Impossible de recuperer les images/médias du partenaire") }) } function handleChange(prop) { return (event) => { setValues({ ...values, [prop]: event.target.value }); }; } function handleChange1(prop) { return (event) => { setValuesPass1({ ...valuesPass1, [prop]: event.target.value }); }; } function handleChange2(prop) { return (event) => { setValuesPass2({ ...valuesPass2, [prop]: event.target.value }); }; } function handleChange3(prop) { return (event) => { setValuesPass3({ ...valuesPass3, [prop]: event.target.value }); }; } const handleClickShowPassword_current_pwd = () => { var filtre2_value = document.getElementsByName("current_pwd")[0].value; if (currentpawdvisible == false) { document.getElementsByName("current_pwd")[0].type = "text"; setcurrentpawdvisible(true); } else if (currentpawdvisible == true) { document.getElementsByName("current_pwd")[0].type = "password"; setcurrentpawdvisible(false); } }; const handleClickShowPassword_new_pwd = () => { if (newpawdvisible == false) { document.getElementsByName("new_pwd")[0].type = "text"; setnewpawdvisible(true); } else if (newpawdvisible == true) { document.getElementsByName("new_pwd")[0].type = "password"; setnewpawdvisible(false); } }; const handleClickShowPassword_new_pwd_conf = () => { if (confpwdvisible == false) { document.getElementsByName("new_pwd_conf")[0].type = "text"; setconfpwdvisible(true); } else if (confpwdvisible == true) { document.getElementsByName("new_pwd_conf")[0].type = "password"; setconfpwdvisible(false); } }; const handleMouseDownPassword = (event) => { event.preventDefault(); }; const [insert_keyfieldsdesabled, setinsert_keyfieldsdesabled] = useState(true); // Gestion champs caché : Current_Insertion_Key const [values_current_insert_key, setvalues_current_insert_key] = React.useState({ current_insert_key: '', showCurrent_insert_key: false, }); const [valuescurrent_insert_key, setvaluescurrent_insert_key] = React.useState({ password_insert_current_key: '', showpassword_insert_current_key: false, }); const [current_insert_key_visible, setcurrent_insert_key_visible] = useState(false); function handleChange_current_insert_key(prop) { return (event) => { setvaluescurrent_insert_key({ ...current_insert_key_visible, [prop]: event.target.value }); }; } const handleClickcurrent_insert_key = () => { if (current_insert_key_visible == false) { document.getElementsByName("current_insert_key")[0].type = "text"; setcurrent_insert_key_visible(true); } else if (current_insert_key_visible == true) { document.getElementsByName("current_insert_key")[0].type = "password"; setcurrent_insert_key_visible(false); } }; // FIN Gestion champs caché : Current_Insertion_Key // Gestion champs caché : new_Insertion_Key const [values_new_insert_key, setvalues_new_insert_key] = React.useState({ new_insert_key: '', shownew_insert_key: false, }); const [valuesnew_insert_key, setvaluesnew_insert_key] = React.useState({ password_insert_new_key: '', showpassword_insert_new_key: false, }); const [new_insert_key_visible, setnew_insert_key_visible] = useState(false); function handleChange_new_insert_key(prop) { return (event) => { setvaluesnew_insert_key({ ...new_insert_key_visible, [prop]: event.target.value }); }; } const handleClicknew_insert_key = () => { if (new_insert_key_visible == false) { document.getElementsByName("new_insert_key")[0].type = "text"; setnew_insert_key_visible(true); } else if (new_insert_key_visible == true) { document.getElementsByName("new_insert_key")[0].type = "password"; setnew_insert_key_visible(false); } }; // FIN Gestion new champs caché : new_insertion_Key // Gestion champs caché : conf_new_Insertion_Key const [values_conf_new_insert_key, setvalues_conf_new_insert_key] = React.useState({ conf_new_insert_key: '', showconf_new_insert_key: false, }); const [valuesconf_new_insert_key, setvaluesconf_new_insert_key] = React.useState({ password_insertconf_new_key: '', showpassword_insertconf_new_key: false, }); const [conf_new_insert_key_visible, setconf_new_insert_key_visible] = useState(false); function handleChangeconf_new_insert_key(prop) { return (event) => { setvaluesconf_new_insert_key({ ...conf_new_insert_key_visible, [prop]: event.target.value }); }; } const handleClickconf_new_insert_key = () => { if (conf_new_insert_key_visible == false) { document.getElementsByName("conf_new_insert_key")[0].type = "text"; setconf_new_insert_key_visible(true); } else if (conf_new_insert_key_visible == true) { document.getElementsByName("conf_new_insert_key")[0].type = "password"; setconf_new_insert_key_visible(false); } }; // FIN Gestion new champs caché : conf_new_insertion_Key function desablesecurtyInsertKeyfields() { setinsert_key_updated(); document.getElementsByName("current_insert_key")[0].disabled = true; document.getElementsByName("current_insert_key")[0].style.backgroundColor = "#ECEFF1"; document.getElementsByName("current_insert_key")[0].value = ""; document.getElementsByName("new_insert_key")[0].disabled = true; document.getElementsByName("new_insert_key")[0].style.backgroundColor = "#ECEFF1"; document.getElementsByName("new_insert_key")[0].value = ""; document.getElementsByName("conf_new_insert_key")[0].disabled = true; document.getElementsByName("conf_new_insert_key")[0].style.backgroundColor = "#ECEFF1"; document.getElementsByName("conf_new_insert_key")[0].value = ""; setinsert_keyfieldsdesabled(true); } function enablesecurtyInsertKeyfields() { setinsert_key_updated(); document.getElementsByName("current_insert_key")[0].disabled = false; document.getElementsByName("current_insert_key")[0].style.backgroundColor = "#FFFFFF"; document.getElementsByName("new_insert_key")[0].disabled = false; document.getElementsByName("new_insert_key")[0].style.backgroundColor = "#FFFFFF"; document.getElementsByName("conf_new_insert_key")[0].disabled = false; document.getElementsByName("conf_new_insert_key")[0].style.backgroundColor = "#FFFFFF"; setinsert_keyfieldsdesabled(false); } const qualiopi = [ { value: '1', label: 'Oui', }, { value: '0', label: 'Non', }, ]; const certitrace = [ { value: '1', label: 'Oui', }, { value: '0', label: 'Non', }, ]; const datadock = [ { value: '1', label: 'Oui', }, { value: '0', label: 'Non', }, ]; const bureaucertitrace = [ { value: '1', label: 'Oui', }, { value: '0', label: 'Non', }, ]; const certifvoltaire = [ { value: '1', label: 'Oui', }, { value: '0', label: 'Non', }, ]; const [myqualiopi, setmyqualiopi] = useState(""); const handleChangequaliopi = (event) => { if (fields1desabled) { alert(" Vous devez cliquer sur 'Editer' pour activer les modifications"); return; } const name = event.target.name; const value = event.target.value; setdatamodification("1"); setmyqualiopi(value); } const [mydatadock, setmydatadock] = useState(""); const handleChangedatadock = (event) => { if (fields1desabled) { alert(" Vous devez cliquer sur 'Editer' pour activer les modifications"); return; } const name = event.target.name; const value = event.target.value; setdatamodification("1"); setmydatadock(value); } const [mycertitrace, setmycertitrace] = useState(""); const handleChangecertitrace = (event) => { if (fields1desabled) { alert(" Vous devez cliquer sur 'Editer' pour activer les modifications"); return; } const name = event.target.name; const value = event.target.value; setdatamodification("1"); setmycertitrace(value); } const [mybureaucertitrace, setmybureaucertitrace] = useState(""); const handleChangebureaucertitrace = (event) => { if (fields1desabled) { alert(" Vous devez cliquer sur 'Editer' pour activer les modifications"); return; } const name = event.target.name; const value = event.target.value; setdatamodification("1"); setmybureaucertitrace(value); } const [mycertifvoltaire, setmycertifvoltaire] = useState(""); const handleChangecertifvoltaire = (event) => { if (fields1desabled) { alert(" Vous devez cliquer sur 'Editer' pour activer les modifications"); return; } const name = event.target.name; const value = event.target.value; setdatamodification("1"); setmycertifvoltaire(value); } const [datamodification, setdatamodification] = useState("0"); function DataUpdated() { setdatamodification("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 if (String(result['status']) === String("Err_Connexion")) { alert('Erreur: ' + result['message']); history.push("/Connexion"); return; } else { setisimgclassdeleted("0"); setisimgclassdeleted_message(result['message']); setisimgclassSelected(true); } }) .catch((error) => { console.error('Error:'); setisimgclassSelected(true); setisimgclassdeleted("0"); setisimgclassdeleted_message(result['message']); }); } 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/DeleteClassImage_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(""); getPartnerImages(); } 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 "); }); } function removeRecodedCachetImage() { if (!isimgcachetSelected_recid || String(isimgcachetSelected_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", isimgcachetSelected_recid); fetch( process.env.REACT_APP_API_URL + "myclass/api/DeleteClassImage_v2/", { method: 'POST', body: form, } ).then((response) => response.json()) .then((result) => { if (String(result['status']) === String("true")) { console.log(' removeRecodedClassImage : status:', result['status']); console.log('removeRecodedClassImage : Success:', result['message']); setisimgcachetSelected(""); setisimgcachetSelected_recid(""); setisimgcachetSelectedfile(""); setisimgcachet(""); getPartnerImages(); } 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 [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 [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 dépasser un 1 Méga octets"); return; } setisimgclassSelected(event.target.files[0]); setisimgclassSelectedfile(true); setuserimgclassprofil(URL.createObjectURL(event.target.files[0])); setuserimgclassprofilchanged("1"); }; const [isimgcachetSelected, setisimgcachetSelected] = useState(false); const [isimgcachetSelected_recid, setisimgcachetSelected_recid] = useState(""); const [isimgcachetSelectedfile, setisimgcachetSelectedfile] = useState(false); const [isimgcachet, setisimgcachet] = useState(); const [isimgcachetchanged, setisimgcachetchanged] = useState(""); const imgcachetchangeHandler = (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 dépasser un 1 Méga octets"); return; } setisimgcachetSelected(event.target.files[0]); setisimgcachetSelectedfile(true); setisimgcachet(URL.createObjectURL(event.target.files[0])); setisimgcachetchanged("1"); }; const [isimgcachetdeleted, setisimgcachetdeleted] = useState(""); const [isimgcachetdeleted_message, setisimgcachetdeleted_message] = useState(""); const [isimgcachetSaved, setisimgcachetSaved] = useState(""); const [isimgcachetSaved_message, setisimgcachetSaved_message] = useState(""); const [submenu, setsubmenu] = useState("submenu_donnee_entreprise"); function sleep(ms) { return new Promise(resolve => setTimeout(resolve, ms)); } async function submenu_donnee_entreprise() { setsubmenu("submenu_donnee_entreprise"); await sleep(5); if (fields1desabled == true) { desablefield1(); } else { enablefieds1(); } } async function submenu_donnee_facturation() { setsubmenu("submenu_donnee_facturation"); } async function submenu_donnee_securite() { //var security_retval = props.check_user_acces_right("account_securite", "read"); setsubmenu("submenu_donnee_securite"); } async function submenu_contact() { setsubmenu("submenu_contact"); } const [partner_catalog_pub_url, setpartner_catalog_pub_url] = useState(""); async function submenu_donnee_catalog_pub() { Get_Partner_Catalog_Pub_Config(); var new_nom = (p_nom).replace(/[^0-9a-z]/gi, '').toLocaleLowerCase(); var new_url = window.location.protocol + "//" + new_nom + "." + process.env.REACT_APP_PART_PUB_CATALOG_DOMAIN + "moncatalog"; setpartner_catalog_pub_url(new_url); setsubmenu("submenu_donnee_catalog_pub"); } const [p_nom, setp_nom] = useState(""); const [p_siret, setp_siret] = useState(""); const [p_telephone, setp_telephone] = useState(""); const [p_email, setp_email] = useState(""); const [p_website, setp_website] = useState(""); const [p_link_linkedin, setp_link_linkedin] = useState(""); const [p_link_facebook, setp_link_facebook] = useState(""); const [p_link_twitter, setp_link_twitter] = useState(""); const [p_adr_street, setp_adr_street] = useState(""); const [p_adr_zip, setp_adr_zip] = useState(""); const [p_adr_city, setp_adr_city] = useState(""); const [p_adr_country, setp_adr_country] = useState(""); const [p_num_nda, setp_num_nda] = useState(""); const [p_isqualiopi, setp_isqualiopi] = useState(""); const [p_isdatadock, setp_isdatadock] = useState(""); const [p_iscertifvoltaire, setp_iscertifvoltaire] = useState(""); const [p_contact_nom, setp_contact_nom] = useState(""); const [p_contact_prenom, setp_contact_prenom] = useState(""); const [p_contact_tel, setp_contact_tel] = useState(""); const [p_contact_mail, setp_contact_mail] = useState(""); const [p_lms_virtualhost_url, setp_lms_virtualhost_url] = useState(""); const [p_lms_username, setp_lms_username] = useState(""); const [p_mysy_lms_user_id, setp_mysy_lms_user_id] = useState(""); const [submenu_catalog_pub, setsubmenu_catalog_pub] = useState("design"); function submenu_catalog_pub_design() { setsubmenu_catalog_pub("design"); if (String(catalog_pub_config_edit) !== "1") { disable_catalog_pub_fields(); } } function submenu_catalog_pub_logo() { clear_message_catalog_pub(); setsubmenu_catalog_pub("logo"); } function submenu_catalog_pub_img_bg() { setsubmenu_catalog_pub("banniere"); } const [handleSubmission_logo_api, sethandleSubmission_logo_api] = useState(); const [handleSubmission_logo_result, sethandleSubmission_logo_result] = useState(); const [handleSubmission_logo_message, sethandleSubmission_logo_message] = useState(); function clear_message_catalog_pub() { /*sethandleSubmission_logo_message(); sethandleSubmission_logo_api(); setSendBackground_Img_api(); setSendBackground_Img_message();*/ } const [NEW_Get_List_Catalog_Public_Themes_result, setNEW_Get_List_Catalog_Public_Themes_result] = useState([]); const [Get_List_Catalog_Public_Themes_api, setGet_List_Catalog_Public_Themes_api] = useState(); const [Get_List_Catalog_Public_Themes_message, setGet_List_Catalog_Public_Themes_message] = useState(); const [Get_List_Catalog_Public_Themes_result, setGet_List_Catalog_Public_Themes_result] = useState([]); function Get_List_Catalog_Public_Themes() { 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_List_Theme_Catalog_Pub/"; axios.post(myurl, form).then(res => { if (String(res.data.status) === "true") { //console.log(" In Get_List_Catalog_Public_Themes res.data.status = " + res.data.status); //console.log(" In Get_List_Catalog_Public_Themes res.data.message r_class = " + res.data.message); setGet_List_Catalog_Public_Themes_api("true"); setGet_List_Catalog_Public_Themes_result(res.data.message); var new_data2 = []; const new_data = res.data.message.map((x) => { //--- var id = JSON.parse(x).id; var _id = JSON.parse(x)._id; var code = JSON.parse(x).code; var description = JSON.parse(x).description; var theme_preview = JSON.parse(x).theme_preview; //--- var node = { "_id": _id, "id": id, "label": code + " - " + description, "code": code, "description": description, "theme_preview": theme_preview, }; new_data2.push(node); }); //--- var node = { "_id": "", "id": "id", "label": "", "code": "", "description": "", "theme_preview": "", }; new_data2.push(node); if (new_data2.length > 0) setNEW_Get_List_Catalog_Public_Themes_result(new_data2); } else { setGet_List_Catalog_Public_Themes_api("false"); setGet_List_Catalog_Public_Themes_message(res.data.message); } }).catch((error) => { console.warn('Not good man :( Get_List_Catalog_Public_Themes = ', error); setGet_List_Catalog_Public_Themes_api("false"); }) } const [selected_catalog_pub_theme_id, setselected_catalog_pub_theme_id] = useState(""); const [selected_catalog_pub_theme_preview, setselected_catalog_pub_theme_preview] = useState(""); const [p_catalog_pub_message_1_txt, setp_catalog_pub_message_1_txt] = useState(""); const [p_catalog_pub_message_2_txt, setp_catalog_pub_message_2_txt] = useState(""); const [p_catalog_pub_message_3_txt, setp_catalog_pub_message_3_txt] = useState(""); const [catalog_pub_config_edit, setcatalog_pub_config_edit] = useState(""); const [catalog_pub_config_changed, setcatalog_pub_config_changed] = useState(""); const [Add_Update_Partner_Catalog_Pub_Config_api, setAdd_Update_Partner_Catalog_Pub_Config_api] = useState(); const [Add_Update_Partner_Catalog_Pub_Config_result, setAdd_Update_Partner_Catalog_Pub_Config_result] = useState(); const [Add_Update_Partner_Catalog_Pub_Config_message, setAdd_Update_Partner_Catalog_Pub_Config_message] = useState(); function Add_Update_Partner_Catalog_Pub_Config() { var form = new FormData(); const stored_cookie = getCookie('tokenmysypart'); form.append("token", stored_cookie); var myurl = process.env.REACT_APP_API_URL + "myclass/api/Add_Update_Partner_Catalog_Pub_Config/"; setLoading(true); axios.post(myurl, form).then(res => { if (String(res.data.status) === "true") { //console.log(" In GetLms_Themes res.data.status = " + res.data.status); //console.log(" In GetLms_Themes res.data.message r_class = " + res.data.message); setAdd_Update_Partner_Catalog_Pub_Config_api("true"); setAdd_Update_Partner_Catalog_Pub_Config_result(res.data.message); setLoading(false); alert(" La mise à jour du theme a été correctement effectuée. "); } else { setAdd_Update_Partner_Catalog_Pub_Config_api("false"); setAdd_Update_Partner_Catalog_Pub_Config_message(res.data.message); setLoading(false); } }).catch((error) => { console.warn('Not good man :( GetLms_Themes = ', error); setAdd_Update_Partner_Catalog_Pub_Config_api("false"); setLoading(false); }) } const [Partner_Catalog_Pub_logo, setPartner_Catalog_Pub_logo] = useState(""); const [Partner_Catalog_Pub_banniere, setPartner_Catalog_Pub_banniere] = useState(""); const [Partner_Catalog_Pub_message_1_txt, setPartner_Catalog_Pub_message_1_txt] = useState(""); const [Partner_Catalog_Pub_theme_id, setPartner_Catalog_Pub_theme_id] = useState(""); const [selected_catalog_pub_config_id, setselected_catalog_pub_config_id] = useState(); const [Get_Partner_Catalog_Pub_Config_api, setGet_Partner_Catalog_Pub_Config_api] = useState(); const [Get_Partner_Catalog_Pub_Config_message, setGet_Partner_Catalog_Pub_Config_message] = useState(); const [Get_Partner_Catalog_Pub_Config_result, setGet_Partner_Catalog_Pub_Config_result] = useState(); function Get_Partner_Catalog_Pub_Config(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_Catalog_Pub_Config/"; setLoading(true); axios.post(myurl, form).then(res => { setLoading(false); if (String(res.data.status) === "true") { //console.log(" In Get_Partner_Catalog_Pub_Config res.data.status = " + res.data.status); // console.log(" In Get_Partner_Catalog_Pub_Config res.data.message r_class = " + res.data.message); setGet_Partner_Catalog_Pub_Config_api("true"); setGet_Partner_Catalog_Pub_Config_result(res.data.message); setselected_catalog_pub_config_id(JSON.parse(res.data.message)._id); setselected_catalog_pub_theme_id(JSON.parse(res.data.message).theme_id); var local_cgu = ""; if (JSON.parse(res.data.message).cgu_pdf) local_cgu = JSON.parse(res.data.message).cgu_pdf; setp_detail_cgu_file_pdf(local_cgu); var local_cgv = ""; if (JSON.parse(res.data.message).cgv_pdf) local_cgv = JSON.parse(res.data.message).cgv_pdf; setp_detail_cgv_file_pdf(local_cgv); var local_mentions_legales = ""; if (JSON.parse(res.data.message).mention_legale_pdf) local_mentions_legales = JSON.parse(res.data.message).mention_legale_pdf; setp_detail_mention_legale_file_pdf(local_mentions_legales); var theme_id_preview = "data:image/png;base64," + JSON.parse(res.data.message).theme_preview; setselected_catalog_pub_theme_preview(theme_id_preview); var logo_img = JSON.parse(res.data.message).logo; setPartner_Catalog_Pub_logo(logo_img); var banniere_img = JSON.parse(res.data.message).banniere_img; setPartner_Catalog_Pub_banniere(banniere_img); setPartner_Catalog_Pub_message_1_txt(JSON.parse(res.data.message).message_1_txt); setp_catalog_pub_message_1_txt(JSON.parse(res.data.message).message_1_txt); setp_catalog_pub_message_2_txt(JSON.parse(res.data.message).message_2_txt); setp_catalog_pub_message_3_txt(JSON.parse(res.data.message).message_3_txt); setPartner_Catalog_Pub_theme_id(JSON.parse(res.data.message).theme_id); if (JSON.parse(res.data.message).message_1_color) setp_text1_color(JSON.parse(res.data.message).message_1_color) else setp_text1_color('#000000'); if (JSON.parse(res.data.message).message_1_taille) setp_text1_taille(JSON.parse(res.data.message).message_1_taille) else setp_text1_taille('12'); setp_text1_gras(false); if (JSON.parse(res.data.message).message_1_gras) { if (String(JSON.parse(res.data.message).message_1_gras) === "700") setp_text1_gras(true); } if (JSON.parse(res.data.message).message_2_color) setp_text2_color(JSON.parse(res.data.message).message_2_color) else setp_text2_color('#000000'); if (JSON.parse(res.data.message).message_2_taille) setp_text2_taille(JSON.parse(res.data.message).message_2_taille) else setp_text2_taille('12'); setp_text2_gras(false); if (JSON.parse(res.data.message).message_2_gras) { if (String(JSON.parse(res.data.message).message_2_gras) === "700") setp_text2_gras(true); } if (JSON.parse(res.data.message).message_3_color) setp_text3_color(JSON.parse(res.data.message).message_3_color) else setp_text3_color('#000000'); if (JSON.parse(res.data.message).message_3_taille) setp_text3_taille(JSON.parse(res.data.message).message_3_taille) else setp_text3_taille('12'); setp_text3_gras(false); if (JSON.parse(res.data.message).message_3_gras) { if (String(JSON.parse(res.data.message).message_3_gras) === "700") setp_text3_gras(true); } // ----------- if (JSON.parse(res.data.message).indicateur_1_txt) setp_indicateur1_text(JSON.parse(res.data.message).indicateur_1_txt) else setp_indicateur1_text(''); if (JSON.parse(res.data.message).indicateur_1_color) setp_indicateur1_color(JSON.parse(res.data.message).indicateur_1_color) else setp_indicateur1_color('#000000'); if (JSON.parse(res.data.message).indicateur_1_taille) setp_indicateur1_taille(JSON.parse(res.data.message).indicateur_1_taille) else setp_indicateur1_taille('12'); setp_indicateur1_gras(false); if (JSON.parse(res.data.message).indicateur_1_gras) { if (String(JSON.parse(res.data.message).indicateur_1_gras) === "700") setp_indicateur1_gras(true); } if (JSON.parse(res.data.message).indicateur_2_txt) setp_indicateur2_text(JSON.parse(res.data.message).indicateur_2_txt) else setp_indicateur2_text(''); if (JSON.parse(res.data.message).indicateur_2_color) setp_indicateur2_color(JSON.parse(res.data.message).indicateur_2_color) else setp_indicateur2_color('#000000'); if (JSON.parse(res.data.message).indicateur_2_taille) setp_indicateur2_taille(JSON.parse(res.data.message).indicateur_2_taille) else setp_indicateur2_taille('12'); setp_indicateur2_gras(false); if (JSON.parse(res.data.message).indicateur_2_gras) { if (String(JSON.parse(res.data.message).indicateur_2_gras) === "700") setp_indicateur2_gras(true); } if (JSON.parse(res.data.message).indicateur_3_txt) setp_indicateur3_text(JSON.parse(res.data.message).indicateur_3_txt) else setp_indicateur3_text(''); if (JSON.parse(res.data.message).indicateur_3_color) setp_indicateur3_color(JSON.parse(res.data.message).indicateur_3_color) else setp_indicateur3_color('#000000'); if (JSON.parse(res.data.message).indicateur_3_taille) setp_indicateur3_taille(JSON.parse(res.data.message).indicateur_3_taille) else setp_indicateur3_taille('12'); setp_indicateur3_gras(false); if (JSON.parse(res.data.message).indicateur_3_gras) { if (String(JSON.parse(res.data.message).indicateur_3_gras) === "700") setp_indicateur3_gras(true); } if (JSON.parse(res.data.message).indicateur_4_txt) setp_indicateur4_text(JSON.parse(res.data.message).indicateur_4_txt) else setp_indicateur4_text(''); if (JSON.parse(res.data.message).indicateur_4_color) setp_indicateur4_color(JSON.parse(res.data.message).indicateur_4_color) else setp_indicateur4_color('#000000'); if (JSON.parse(res.data.message).indicateur_4_taille) setp_indicateur4_taille(JSON.parse(res.data.message).indicateur_4_taille) else setp_indicateur4_taille('12'); setp_indicateur4_gras(false); if (JSON.parse(res.data.message).indicateur_4_gras) { if (String(JSON.parse(res.data.message).indicateur_4_gras) === "700") setp_indicateur4_gras(true); } disable_catalog_pub_fields(); } else { setGet_Partner_Catalog_Pub_Config_api("false"); setGet_Partner_Catalog_Pub_Config_message(res.data.message); } }).catch((error) => { setLoading(false); console.warn('Not good man :( Get_Partner_Catalog_Pub_Config = ', error); alert(" Impossible de récuperer la configuration du catalogue public ") }) } const changeHandler2_bg = (event) => { hiddenFileInput_bg.current.click(); }; const [logo_file_name, setlogo_file_name] = useState(); const hiddenFileInput_logo = React.useRef(null); const [bg_file_name, setbg_file_name] = useState(); const hiddenFileInput_bg = React.useRef(null); const [handleSubmission_bg_api, sethandleSubmission_bg_api] = useState(); const [handleSubmission_bg_result, sethandleSubmission_bg_result] = useState(); const [handleSubmission_bg_message, sethandleSubmission_bg_message] = useState(); const handleSubmission_bg = event => { const fileUploaded = event.target.files[0]; let file_size = event.target.files[0].size; let file_type = event.target.files[0].type; sethandleSubmission_bg_message(""); sethandleSubmission_bg_api(""); console.log("file_size = ", file_size, " file_type = ", file_type, " naturalWidth = ", fileUploaded.naturalWidth); if (file_size > 1000000) { alert("Le fichier ne doit pas dépasser un 1 Méga octets"); return; } //image/png if (String(file_type) !== "image/png") { alert("Le fichier n'est pas au format PNG"); return; } setLoading(true); var _URL = window.URL || window.webkitURL; var file, img; var img_height, img_width; if ((file = event.target.files[0])) { img = new Image(); var objectUrl = _URL.createObjectURL(file); img.onload = function () { img_height = this.height; img_width = this.width; //console.log(" img_width = ", img_width); _URL.revokeObjectURL(objectUrl); if (parseFloat(img_width) > 1500 && parseFloat(img_width) < 1930 && parseFloat(img_height) > 150 && parseFloat(img_height) < 195) { //console.log(" img_height est = ", img_height, " < à 1500 "); // Verification que le nom du fichier est alpha numerique /*var regExp = /^[A-Za-z0-9]+$/; if (!regExp.test(event.target.files[0].name)) { sethandleSubmission_bg_message(" Le nom de l'image comporte des caractères non alphanumériques"); sethandleSubmission_bg_api("false"); setLoading(false); return }*/ if (String(event.target.files[0].name).length > 50) { sethandleSubmission_bg_message(" Le nom du fichier est trop long. il doit faire moins de 50 caractère"); sethandleSubmission_bg_api("false"); setLoading(false); return } setbg_file_name(event.target.files[0].name); //setimg_bg_file(URL.createObjectURL(event.target.files[0])); setimg_bg_file2(event.target.files[0]); reader(event.target.files[0], (err, res) => { // console.log("#### res === ", res); // Base64 `data:image/...` String result. setimg_bg_file(res); }); } else { sethandleSubmission_bg_message(" La taille de l'image est incorrecte. Larg = " + String(img_width) + " px Long = " + String(img_height) + " px"); sethandleSubmission_bg_api("false"); setLoading(false); return; } }; img.src = objectUrl; } setLoading(false); }; function reader(file, callback) { const fr = new FileReader(); fr.onload = () => callback(null, fr.result); fr.onerror = (err) => callback(err); fr.readAsDataURL(file); } const [SendBackground_Img_api, setSendBackground_Img_api] = useState(); const [SendBackground_Img_result, setSendBackground_Img_result] = useState(); const [SendBackground_Img_message, setSendBackground_Img_message] = useState(); const [img_bg_file, setimg_bg_file] = useState(); const [img_logo_file2, setimg_logo_file2] = useState(); const [img_bg_file2, setimg_bg_file2] = useState(); const changeHandler2_logo = (event) => { hiddenFileInput_logo.current.click(); }; const [Delete_logo_Img_api, setDelete_logo_Img_api] = useState(); const [Delete_logo_Img_result, setDelete_logo_Img_result] = useState(); const [Delete_logo_Img_message, setDelete_logo_Img_message] = useState(); function Delete_logo_Img() { setLoading(true); const formData = new FormData(); //formData.append('token', 'K3cw63eKokKSbV4spjQ48SUNnfy80yrXfA'); const stored_cookie = getCookie('tokenmysypart'); formData.append("token", stored_cookie); fetch( process.env.REACT_APP_API_URL + "myclass/api/Lms_Delete_Logo_File/", { method: 'POST', body: formData, } ) .then((response) => response.json()) .then((result) => { //console.log('Success:', result['message']); if (String(result['status']) === String("true")) { setDelete_logo_Img_api("true"); setPartner_Catalog_Pub_logo(''); alert(" Le logo a été correctement supprimé "); } else if (String(result['status']) === String("Err_Connexion")) { alert('Erreur: ' + result['message']); history.push("/Connexion"); } else { setDelete_logo_Img_api("false"); setDelete_logo_Img_message(result['message']); } setLoading(false); }) .catch((error) => { console.error('Error:', result); setDelete_logo_Img_api("false"); setDelete_logo_Img_message(" Impossible de supprimer le fichier logo"); setLoading(false); }); } const [img_logo_file, setimg_logo_file] = useState(); const [Send_logo_Img_api, setSend_logo_Img_api] = useState(); const [Send_logo_Img_result, setSend_logo_Img_result] = useState(); const [Send_logo_Img_message, setSend_logo_Img_message] = useState(); function Send_logo_Img() { setLoading(true); const formData = new FormData(); formData.append('File', img_logo_file2); //formData.append('token', 'K3cw63eKokKSbV4spjQ48SUNnfy80yrXfA'); const stored_cookie = getCookie('tokenmysypart'); formData.append("token", stored_cookie); fetch( process.env.REACT_APP_API_URL + "myclass/api/Lms_Add_Logo_File/", { method: 'POST', body: formData, } ) .then((response) => response.json()) .then((result) => { //console.log('Success:', result['message']); if (String(result['status']) === String("true")) { setSend_logo_Img_api("true"); alert(" La mise à jour du logo a été correctement effectuée. "); } else if (String(result['status']) === String("Err_Connexion")) { alert('Erreur: ' + result['message']); history.push("/Connexion"); } else { setSend_logo_Img_api("false"); setSend_logo_Img_message(result['message']); } setLoading(false); }) .catch((error) => { console.error('Error:', result); setSend_logo_Img_api("false"); setSend_logo_Img_message(result['message']); setLoading(false); }); } const handleSubmission_logo = event => { const fileUploaded = event.target.files[0]; let file_size = event.target.files[0].size; let file_type = event.target.files[0].type; sethandleSubmission_logo_message(""); sethandleSubmission_logo_api("false"); //console.log("file_size = ", file_size, " file_type = ", file_type); //console.log(" fileUploaded = ", fileUploaded); if (file_size > 1000000) { alert("Le fichier ne doit pas dépasser un 1 Méga octets"); return; } //image/png if (String(file_type) !== "image/png") { alert("Le fichier n'est pas au format PNG"); return; } setLoading(true); var _URL = window.URL || window.webkitURL; var file, img; var img_height, img_width; if ((file = event.target.files[0])) { img = new Image(); var objectUrl = _URL.createObjectURL(file); img.onload = function () { img_height = this.height; img_width = this.width; _URL.revokeObjectURL(objectUrl); // console.log(" img_width = ", img_width, " img_height = ", img_height) if (parseFloat(img_width) > 130 && parseFloat(img_width) < 260 && parseFloat(img_height) > 60 && parseFloat(img_height) < 150) { //console.log(" img_height est = ", img_height, " < à 1500 "); // Verification que le nom du fichier est alpha numerique /*var regExp = /^[A-Za-z0-9]+$/; if (!regExp.test(event.target.files[0].name)) { sethandleSubmission_logo_message(" Le nom de l'image comporte des caractères non alphanumériques"); sethandleSubmission_logo_api("false"); setLoading(false); return }*/ if (String(event.target.files[0].name).length > 50) { sethandleSubmission_logo_message(" Le nom du fichier est trop long. il doit faire moins de 50 caractère"); sethandleSubmission_logo_api("false"); setLoading(false); return } setlogo_file_name(event.target.files[0].name); // setimg_logo_file(URL.createObjectURL(event.target.files[0])); setimg_logo_file2(event.target.files[0]); reader(event.target.files[0], (err, res) => { // console.log("#### res === ", res); // Base64 `data:image/...` String result. setimg_logo_file(res); }); } else { sethandleSubmission_logo_message(" La taille de l'image est incorrecte. Larg = " + String(img_width) + " px Long = " + String(img_height) + " px"); sethandleSubmission_logo_api("false"); setLoading(false); return; } //console.log(" after img_width = ", img_width, " after img_height = ", img_height) }; img.src = objectUrl; } setLoading(false); }; const [Delete_Catalog_Pub_Banniere_Img_api, setDelete_Catalog_Pub_Banniere_Img_api] = useState(); const [Delete_Catalog_Pub_Banniere_Img_message, setDelete_Catalog_Pub_Banniere_Img_message] = useState(); const [Delete_Catalog_Pub_Banniere_Img_result, setDelete_Catalog_Pub_Banniere_Img_result] = useState(); function Delete_Catalog_Pub_Banniere_Img() { var form = new FormData(); const stored_cookie = getCookie('tokenmysypart'); form.append("token", stored_cookie); form.append("_id", selected_catalog_pub_config_id); form.append("banniere_img", ""); //console.log(" form == ", form); var myurl = process.env.REACT_APP_API_URL + "myclass/api/Add_Update_Partner_Catalog_Pub_Config/"; setLoading(true); axios.post(myurl, form).then(res => { setLoading(false); //console.log(" In Delete_Catalog_Pub_Banniere_Img res.data.status = " + res.data.status); //console.log(" In Delete_Catalog_Pub_Banniere_Img res.data.message r_class = " + res.data.message); if (String(res.data.status) === String("true")) { setDelete_Catalog_Pub_Banniere_Img_api("true"); setDelete_Catalog_Pub_Banniere_Img_result(res.data.message); Get_Partner_Catalog_Pub_Config(); alert(res.data.message); } else { setDelete_Catalog_Pub_Banniere_Img_api("false"); setDelete_Catalog_Pub_Banniere_Img_message(res.data.message); alert(res.data.message); } }).catch((error) => { setLoading(false); console.warn('UpdateStagiaireData : Not good man :( Delete_Catalog_Pub_Banniere_Img = ' + error); setDelete_Catalog_Pub_Banniere_Img_api("false"); alert(" Impossible de supprimer la bannière "); }) } const [Delete_Catalog_Pub_Logo_Img_api, setDelete_Catalog_Pub_Logo_Img_api] = useState(); const [Delete_Catalog_Pub_Logo_Img_message, setDelete_Catalog_Pub_Logo_Img_message] = useState(); const [Delete_Catalog_Pub_Logo_Img_result, setDelete_Catalog_Pub_Logo_Img_result] = useState(); function Delete_Catalog_Pub_Logo_Img() { var form = new FormData(); const stored_cookie = getCookie('tokenmysypart'); form.append("token", stored_cookie); form.append("_id", selected_catalog_pub_config_id); form.append("logo", ""); //console.log(" form == ", form); var myurl = process.env.REACT_APP_API_URL + "myclass/api/Add_Update_Partner_Catalog_Pub_Config/"; setLoading(true); axios.post(myurl, form).then(res => { setLoading(false); //console.log(" In Delete_Catalog_Pub_Logo_Img res.data.status = " + res.data.status); //console.log(" In Delete_Catalog_Pub_Logo_Img res.data.message r_class = " + res.data.message); if (String(res.data.status) === String("true")) { setDelete_Catalog_Pub_Logo_Img_api("true"); setDelete_Catalog_Pub_Logo_Img_result(res.data.message); Get_Partner_Catalog_Pub_Config(); alert(res.data.message); } else { setDelete_Catalog_Pub_Logo_Img_api("false"); setDelete_Catalog_Pub_Logo_Img_message(res.data.message); alert(res.data.message); } }).catch((error) => { setLoading(false); console.warn('UpdateStagiaireData : Not good man :( Delete_Catalog_Pub_Logo_Img = ' + error); setDelete_Catalog_Pub_Logo_Img_api("false"); alert(" Impossible de supprimer la bannière "); }) } const [Add_Update_Catalog_Pub_Banniere_api, setAdd_Update_Catalog_Pub_Banniere_api] = useState(); const [Add_Update_Catalog_Pub_Banniere_message, setAdd_Update_Catalog_Pub_Banniere_message] = useState(); const [Add_Update_Catalog_Pub_Banniere_result, setAdd_Update_Catalog_Pub_Banniere_result] = useState(); function Add_Update_Catalog_Pub_Banniere() { var form = new FormData(); const stored_cookie = getCookie('tokenmysypart'); form.append("token", stored_cookie); form.append("_id", selected_catalog_pub_config_id); form.append("banniere_img", img_bg_file); //console.log(" form == ", form); var myurl = process.env.REACT_APP_API_URL + "myclass/api/Add_Update_Partner_Catalog_Pub_Config/"; setLoading(true); axios.post(myurl, form).then(res => { setLoading(false); //console.log(" In Add_Update_Catalog_Pub_Banniere res.data.status = " + res.data.status); //console.log(" In Add_Update_Catalog_Pub_Banniere res.data.message r_class = " + res.data.message); if (String(res.data.status) === String("true")) { setAdd_Update_Catalog_Pub_Banniere_api("true"); setAdd_Update_Catalog_Pub_Banniere_result(res.data.message); setimg_bg_file(""); Get_Partner_Catalog_Pub_Config(); alert(res.data.message); } else { setAdd_Update_Catalog_Pub_Banniere_api("false"); setAdd_Update_Catalog_Pub_Banniere_message(res.data.message); alert(res.data.message); } }).catch((error) => { setLoading(false); console.warn('UpdateStagiaireData : Not good man :( Add_Update_Catalog_Pub_Banniere = ' + error); setAdd_Update_Catalog_Pub_Banniere_api("false"); alert(" Impossible de supprimer la bannière "); }) } const [Add_Update_Catalog_Pub_Logo_api, setAdd_Update_Catalog_Pub_Logo_api] = useState(); const [Add_Update_Catalog_Pub_Logo_message, setAdd_Update_Catalog_Pub_Logo_message] = useState(); const [Add_Update_Catalog_Pub_Logo_result, setAdd_Update_Catalog_Pub_Logo_result] = useState(); function Add_Update_Catalog_Pub_Logo() { var form = new FormData(); const stored_cookie = getCookie('tokenmysypart'); form.append("token", stored_cookie); form.append("_id", selected_catalog_pub_config_id); form.append("logo", img_logo_file); //console.log(" form == ", form); var myurl = process.env.REACT_APP_API_URL + "myclass/api/Add_Update_Partner_Catalog_Pub_Config/"; setLoading(true); axios.post(myurl, form).then(res => { setLoading(false); //console.log(" In Add_Update_Catalog_Pub_Logo res.data.status = " + res.data.status); //console.log(" In Add_Update_Catalog_Pub_Logo res.data.message r_class = " + res.data.message); if (String(res.data.status) === String("true")) { setAdd_Update_Catalog_Pub_Logo_api("true"); setAdd_Update_Catalog_Pub_Logo_result(res.data.message); setimg_logo_file(""); Get_Partner_Catalog_Pub_Config(); alert(res.data.message); } else { setAdd_Update_Catalog_Pub_Logo_api("false"); setAdd_Update_Catalog_Pub_Logo_message(res.data.message); alert(res.data.message); } }).catch((error) => { setLoading(false); console.warn('UpdateStagiaireData : Not good man :( Add_Update_Catalog_Pub_Logo = ' + error); setAdd_Update_Catalog_Pub_Logo_api("false"); alert(" Impossible de supprimer la bannière "); }) } function Edit_Catalog_Config_Fields() { setcatalog_pub_config_edit("1"); Enable_Suivi_Pedago_Fields(); } function Annule_Edit_Catalog_Config_Fields() { setcatalog_pub_config_edit(""); Get_Partner_Catalog_Pub_Config(); } function disable_catalog_pub_fields() { setcatalog_pub_config_edit(""); const list_fields = ['config_text_1', 'config_text_2', 'config_text_3', 'indicateur_text_1', 'indicateur_text_2', 'indicateur_text_3', 'indicateur_text_4' ] for (let i = 0; i < list_fields.length; i++) { if (document.getElementsByName(String(list_fields[i])) && document.getElementsByName(String(list_fields[i]))[0]) { document.getElementsByName(String(list_fields[i]))[0].disabled = true; document.getElementsByName(String(list_fields[i]))[0].style.backgroundColor = "#ECEFF1"; } } } function Enable_Suivi_Pedago_Fields() { setcatalog_pub_config_edit("1"); const list_fields = ['config_text_1', 'config_text_2', 'config_text_3', 'indicateur_text_1', 'indicateur_text_2', 'indicateur_text_3', 'indicateur_text_4' ] for (let i = 0; i < list_fields.length; i++) { if (document.getElementsByName(String(list_fields[i])) && document.getElementsByName(String(list_fields[i]))[0]) { document.getElementsByName(String(list_fields[i]))[0].disabled = false; document.getElementsByName(String(list_fields[i]))[0].style.backgroundColor = "#FFFFFF"; } } } const [quel_text, setquel_text] = React.useState(""); const [p_detail_cgv_file_pdf, setp_detail_cgv_file_pdf] = React.useState(""); const [p_detail_cgu_file_pdf, setp_detail_cgu_file_pdf] = React.useState(""); const [p_detail_mention_legale_file_pdf, setp_detail_mention_legale_file_pdf] = React.useState(""); const [p_text2_taille, setp_text2_taille] = React.useState("12"); const [p_text2_gras, setp_text2_gras] = React.useState(false); const [p_text2_color, setp_text2_color] = React.useState("#000000"); const [p_text3_taille, setp_text3_taille] = React.useState("12"); const [p_text3_gras, setp_text3_gras] = React.useState(false); const [p_text3_color, setp_text3_color] = React.useState("#000000"); const [p_text1_taille, setp_text1_taille] = React.useState("12"); const [p_text1_gras, setp_text1_gras] = React.useState(false); const [p_text1_color, setp_text1_color] = React.useState("#000000"); const [p_indicateur1_text, setp_indicateur1_text] = React.useState(""); const [p_indicateur1_taille, setp_indicateur1_taille] = React.useState("12"); const [p_indicateur1_gras, setp_indicateur1_gras] = React.useState(false); const [p_indicateur1_color, setp_indicateur1_color] = React.useState("#000000"); const [p_indicateur2_text, setp_indicateur2_text] = React.useState(""); const [p_indicateur2_taille, setp_indicateur2_taille] = React.useState("12"); const [p_indicateur2_gras, setp_indicateur2_gras] = React.useState(false); const [p_indicateur2_color, setp_indicateur2_color] = React.useState("#000000"); const [p_indicateur3_text, setp_indicateur3_text] = React.useState(""); const [p_indicateur3_taille, setp_indicateur3_taille] = React.useState("12"); const [p_indicateur3_gras, setp_indicateur3_gras] = React.useState(false); const [p_indicateur3_color, setp_indicateur3_color] = React.useState("#000000"); const [p_indicateur4_text, setp_indicateur4_text] = React.useState(""); const [p_indicateur4_taille, setp_indicateur4_taille] = React.useState("12"); const [p_indicateur4_gras, setp_indicateur4_gras] = React.useState(false); const [p_indicateur4_color, setp_indicateur4_color] = React.useState("#000000"); const [Dialog_GRP_COLOR_message, setDialog_GRP_COLOR_message] = React.useState(false); const [Dialog_GRP_COLOR_open, setDialog_GRP_COLOR_open] = React.useState(false); const Dialog_GRP_COLOR_handleClose = () => { //alert(" Utiliser le bouton 'fermer' "); //setOpen(false); }; const Dialog_GRP_COLOR_handleClose_buton = () => { setDialog_GRP_COLOR_open(false); }; /// ======= CGV const changeHandler2_cgv = (event) => { hiddenFileInput_cgv.current.click(); }; const [cgv_file_name, setcgv_file_name] = useState(); const hiddenFileInput_cgv = React.useRef(null); const [handleSubmission_cgv_api, sethandleSubmission_cgv_api] = useState(); const [handleSubmission_cgv_result, sethandleSubmission_cgv_result] = useState(); const [handleSubmission_cgv_message, sethandleSubmission_cgv_message] = useState(); const handleSubmission_cgv = event => { const fileUploaded = event.target.files[0]; let file_size = event.target.files[0].size; let file_type = event.target.files[0].type; sethandleSubmission_cgv_message(""); sethandleSubmission_cgv_api(""); // console.log("file_size = ", file_size, " file_type = ", file_type, " naturalWidth = ", fileUploaded.naturalWidth); if (file_size > 1000000) { alert("Le fichier ne doit pas dépasser un 1 Méga octets"); return; } setcgv_file_name(event.target.files[0].name); reader(event.target.files[0], (err, res) => { // console.log("#### res === ", res); // Base64 `data:image/...` String result. setpdf_cgv_file_pdf(res); }); }; const [pdf_cgv_file_pdf, setpdf_cgv_file_pdf] = useState(); const [Add_Update_Catalog_Pub_CGV_api, setAdd_Update_Catalog_Pub_CGV_api] = useState(); const [Add_Update_Catalog_Pub_CGV_message, setAdd_Update_Catalog_Pub_CGV_message] = useState(); const [Add_Update_Catalog_Pub_CGV_result, setAdd_Update_Catalog_Pub_CGV_result] = useState(); function Add_Update_Catalog_Pub_CGV() { var form = new FormData(); const stored_cookie = getCookie('tokenmysypart'); form.append("token", stored_cookie); form.append("_id", selected_catalog_pub_config_id); form.append("cgv_pdf", pdf_cgv_file_pdf); //console.log(" form == ", form); var myurl = process.env.REACT_APP_API_URL + "myclass/api/Add_Update_Partner_Catalog_Pub_Config/"; setLoading(true); axios.post(myurl, form).then(res => { setLoading(false); //console.log(" In Add_Update_Catalog_Pub_CGV res.data.status = " + res.data.status); //console.log(" In Add_Update_Catalog_Pub_CGV res.data.message r_class = " + res.data.message); if (String(res.data.status) === String("true")) { setAdd_Update_Catalog_Pub_CGV_api("true"); setAdd_Update_Catalog_Pub_CGV_result(res.data.message); setcgv_file_name(""); setpdf_cgv_file_pdf(""); Get_Partner_Catalog_Pub_Config(); alert(res.data.message); } else { setAdd_Update_Catalog_Pub_CGV_api("false"); setAdd_Update_Catalog_Pub_CGV_message(res.data.message); alert(res.data.message); } }).catch((error) => { setLoading(false); console.warn('UpdateStagiaireData : Not good man :( Add_Update_Catalog_Pub_CGV = ' + error); setAdd_Update_Catalog_Pub_CGV_api("false"); alert(" Impossible de supprimer le fichier CGV "); }) } function Cancel_Add_Update_Catalog_Pub_CGV() { setpdf_cgv_file_pdf(""); } const [Supprimer_Catalog_Pub_CGV_api, setSupprimer_Catalog_Pub_CGV_api] = useState(); const [Supprimer_Catalog_Pub_CGV_message, setSupprimer_Catalog_Pub_CGV_message] = useState(); const [Supprimer_Catalog_Pub_CGV_result, setSupprimer_Catalog_Pub_CGV_result] = useState(); function Supprimer_Catalog_Pub_CGV() { var form = new FormData(); const stored_cookie = getCookie('tokenmysypart'); form.append("token", stored_cookie); form.append("_id", selected_catalog_pub_config_id); form.append("cgv_pdf", ""); //console.log(" form == ", form); var myurl = process.env.REACT_APP_API_URL + "myclass/api/Add_Update_Partner_Catalog_Pub_Config/"; setLoading(true); axios.post(myurl, form).then(res => { setLoading(false); //console.log(" In Supprimer_Catalog_Pub_CGV res.data.status = " + res.data.status); //console.log(" In Supprimer_Catalog_Pub_CGV res.data.message r_class = " + res.data.message); if (String(res.data.status) === String("true")) { setSupprimer_Catalog_Pub_CGV_api("true"); setSupprimer_Catalog_Pub_CGV_result(res.data.message); setcgv_file_name(""); setpdf_cgv_file_pdf(""); Get_Partner_Catalog_Pub_Config(); alert(res.data.message); } else { setSupprimer_Catalog_Pub_CGV_api("false"); setSupprimer_Catalog_Pub_CGV_message(res.data.message); alert(res.data.message); } }).catch((error) => { setLoading(false); console.warn('UpdateStagiaireData : Not good man :( Supprimer_Catalog_Pub_CGV = ' + error); setSupprimer_Catalog_Pub_CGV_api("false"); alert(" Impossible de supprimer le fichier CGV "); }) } function Display_CGV_File() { const downloadLink = document.createElement("a"); const fileName = "file.pdf"; downloadLink.href = p_detail_cgv_file_pdf; downloadLink.download = fileName; downloadLink.click(); } // === CGU const changeHandler2_cgu = (event) => { hiddenFileInput_cgu.current.click(); }; const [cgu_file_name, setcgu_file_name] = useState(); const hiddenFileInput_cgu = React.useRef(null); const [handleSubmission_cgu_api, sethandleSubmission_cgu_api] = useState(); const [handleSubmission_cgu_result, sethandleSubmission_cgu_result] = useState(); const [handleSubmission_cgu_message, sethandleSubmission_cgu_message] = useState(); const handleSubmission_cgu = event => { const fileUploaded = event.target.files[0]; let file_size = event.target.files[0].size; let file_type = event.target.files[0].type; sethandleSubmission_cgu_message(""); sethandleSubmission_cgu_api(""); // console.log("file_size = ", file_size, " file_type = ", file_type, " naturalWidth = ", fileUploaded.naturalWidth); if (file_size > 1000000) { alert("Le fichier ne doit pas dépasser un 1 Méga octets"); return; } setcgu_file_name(event.target.files[0].name); reader(event.target.files[0], (err, res) => { // console.log("#### res === ", res); // Base64 `data:image/...` String result. setpdf_cgu_file_pdf(res); }); }; const [pdf_cgu_file_pdf, setpdf_cgu_file_pdf] = useState(); const [Add_Update_Catalog_Pub_CGU_api, setAdd_Update_Catalog_Pub_CGU_api] = useState(); const [Add_Update_Catalog_Pub_CGU_message, setAdd_Update_Catalog_Pub_CGU_message] = useState(); const [Add_Update_Catalog_Pub_CGU_result, setAdd_Update_Catalog_Pub_CGU_result] = useState(); function Add_Update_Catalog_Pub_CGU() { var form = new FormData(); const stored_cookie = getCookie('tokenmysypart'); form.append("token", stored_cookie); form.append("_id", selected_catalog_pub_config_id); form.append("cgu_pdf", pdf_cgu_file_pdf); //console.log(" form == ", form); var myurl = process.env.REACT_APP_API_URL + "myclass/api/Add_Update_Partner_Catalog_Pub_Config/"; setLoading(true); axios.post(myurl, form).then(res => { setLoading(false); //console.log(" In Add_Update_Catalog_Pub_CGU res.data.status = " + res.data.status); //console.log(" In Add_Update_Catalog_Pub_CGU res.data.message r_class = " + res.data.message); if (String(res.data.status) === String("true")) { setAdd_Update_Catalog_Pub_CGU_api("true"); setAdd_Update_Catalog_Pub_CGU_result(res.data.message); setcgv_file_name(""); setpdf_cgu_file_pdf(""); Get_Partner_Catalog_Pub_Config(); alert(res.data.message); } else { setAdd_Update_Catalog_Pub_CGU_api("false"); setAdd_Update_Catalog_Pub_CGU_message(res.data.message); alert(res.data.message); } }).catch((error) => { setLoading(false); console.warn('UpdateStagiaireData : Not good man :( Add_Update_Catalog_Pub_CGU = ' + error); setAdd_Update_Catalog_Pub_CGU_api("false"); alert(" Impossible de supprimer le fichier CGV "); }) } function Cancel_Add_Update_Catalog_Pub_CGU() { setpdf_cgu_file_pdf(""); } const [Supprimer_Catalog_Pub_CGU_api, setSupprimer_Catalog_Pub_CGU_api] = useState(); const [Supprimer_Catalog_Pub_CGU_message, setSupprimer_Catalog_Pub_CGU_message] = useState(); const [Supprimer_Catalog_Pub_CGU_result, setSupprimer_Catalog_Pub_CGU_result] = useState(); function Supprimer_Catalog_Pub_CGU() { var form = new FormData(); const stored_cookie = getCookie('tokenmysypart'); form.append("token", stored_cookie); form.append("_id", selected_catalog_pub_config_id); form.append("cgu_pdf", ""); //console.log(" form == ", form); var myurl = process.env.REACT_APP_API_URL + "myclass/api/Add_Update_Partner_Catalog_Pub_Config/"; setLoading(true); axios.post(myurl, form).then(res => { setLoading(false); //console.log(" In Supprimer_Catalog_Pub_CGU res.data.status = " + res.data.status); //console.log(" In Supprimer_Catalog_Pub_CGU res.data.message r_class = " + res.data.message); if (String(res.data.status) === String("true")) { setSupprimer_Catalog_Pub_CGU_api("true"); setSupprimer_Catalog_Pub_CGU_result(res.data.message); setcgv_file_name(""); setpdf_cgu_file_pdf(""); Get_Partner_Catalog_Pub_Config(); alert(res.data.message); } else { setSupprimer_Catalog_Pub_CGU_api("false"); setSupprimer_Catalog_Pub_CGU_message(res.data.message); alert(res.data.message); } }).catch((error) => { setLoading(false); console.warn('UpdateStagiaireData : Not good man :( Supprimer_Catalog_Pub_CGU = ' + error); setSupprimer_Catalog_Pub_CGU_api("false"); alert(" Impossible de supprimer le fichier CGU "); }) } function Display_CGU_File() { const downloadLink = document.createElement("a"); const fileName = "file.pdf"; downloadLink.href = p_detail_cgu_file_pdf; downloadLink.download = fileName; downloadLink.click(); } // ==> Mentions Legales const changeHandler2_mention_legale = (event) => { hiddenFileInput_mention_legale.current.click(); }; const [mention_legale_file_name, setmention_legale_file_name] = useState(); const hiddenFileInput_mention_legale = React.useRef(null); const [handleSubmission_mention_legale_api, sethandleSubmission_mention_legale_api] = useState(); const [handleSubmission_mention_legale_result, sethandleSubmission_mention_legale_result] = useState(); const [handleSubmission_mention_legale_message, sethandleSubmission_mention_legale_message] = useState(); function Cancel_Add_Update_Catalog_Pub_Mention_Legale() { setpdf_mention_legale_file_pdf(""); } const handleSubmission_mention_legale = event => { const fileUploaded = event.target.files[0]; let file_size = event.target.files[0].size; let file_type = event.target.files[0].type; sethandleSubmission_mention_legale_message(""); sethandleSubmission_mention_legale_api(""); // console.log("file_size = ", file_size, " file_type = ", file_type, " naturalWidth = ", fileUploaded.naturalWidth); if (file_size > 1000000) { alert("Le fichier ne doit pas dépasser un 1 Méga octets"); return; } setmention_legale_file_name(event.target.files[0].name); reader(event.target.files[0], (err, res) => { // console.log("#### res === ", res); // Base64 `data:image/...` String result. setpdf_mention_legale_file_pdf(res); }); }; const [pdf_mention_legale_file_pdf, setpdf_mention_legale_file_pdf] = useState(); const [Add_Update_Catalog_Pub_Mention_Legale_api, setAdd_Update_Catalog_Pub_Mention_Legale_api] = useState(); const [Add_Update_Catalog_Pub_Mention_Legale_message, setAdd_Update_Catalog_Pub_Mention_Legale_message] = useState(); const [Add_Update_Catalog_Pub_Mention_Legale_result, setAdd_Update_Catalog_Pub_Mention_Legale_result] = useState(); function Add_Update_Catalog_Pub_Mention_Legale() { var form = new FormData(); const stored_cookie = getCookie('tokenmysypart'); form.append("token", stored_cookie); form.append("_id", selected_catalog_pub_config_id); form.append("mention_legale_pdf", pdf_mention_legale_file_pdf); //console.log(" form == ", form); var myurl = process.env.REACT_APP_API_URL + "myclass/api/Add_Update_Partner_Catalog_Pub_Config/"; setLoading(true); axios.post(myurl, form).then(res => { setLoading(false); //console.log(" In Add_Update_Catalog_Pub_CGU res.data.status = " + res.data.status); //console.log(" In Add_Update_Catalog_Pub_CGU res.data.message r_class = " + res.data.message); if (String(res.data.status) === String("true")) { setAdd_Update_Catalog_Pub_Mention_Legale_api("true"); setAdd_Update_Catalog_Pub_Mention_Legale_result(res.data.message); setcgv_file_name(""); setpdf_mention_legale_file_pdf(""); Get_Partner_Catalog_Pub_Config(); alert(res.data.message); } else { setAdd_Update_Catalog_Pub_Mention_Legale_api("false"); setAdd_Update_Catalog_Pub_Mention_Legale_message(res.data.message); alert(res.data.message); } }).catch((error) => { setLoading(false); console.warn('UpdateStagiaireData : Not good man :( Add_Update_Catalog_Pub_CGU = ' + error); setAdd_Update_Catalog_Pub_Mention_Legale_api("false"); alert(" Impossible de supprimer le fichier CGV "); }) } const [Supprimer_Catalog_Pub_Mention_Legale_api, setSupprimer_Catalog_Pub_Mention_Legale_api] = useState(); const [Supprimer_Catalog_Pub_Mention_Legale_message, setSupprimer_Catalog_Pub_Mention_Legale_message] = useState(); const [Supprimer_Catalog_Pub_Mention_Legale_result, setSupprimer_Catalog_Pub_Mention_Legale_result] = useState(); function Supprimer_Catalog_Pub_Mention_Legale() { var form = new FormData(); const stored_cookie = getCookie('tokenmysypart'); form.append("token", stored_cookie); form.append("_id", selected_catalog_pub_config_id); form.append("mention_legale_pdf", ""); //console.log(" form == ", form); var myurl = process.env.REACT_APP_API_URL + "myclass/api/Add_Update_Partner_Catalog_Pub_Config/"; setLoading(true); axios.post(myurl, form).then(res => { setLoading(false); //console.log(" In Supprimer_Catalog_Pub_CGU res.data.status = " + res.data.status); //console.log(" In Supprimer_Catalog_Pub_CGU res.data.message r_class = " + res.data.message); if (String(res.data.status) === String("true")) { setSupprimer_Catalog_Pub_Mention_Legale_api("true"); setSupprimer_Catalog_Pub_Mention_Legale_result(res.data.message); setcgv_file_name(""); setpdf_mention_legale_file_pdf(""); Get_Partner_Catalog_Pub_Config(); alert(res.data.message); } else { setSupprimer_Catalog_Pub_Mention_Legale_api("false"); setSupprimer_Catalog_Pub_Mention_Legale_message(res.data.message); alert(res.data.message); } }).catch((error) => { setLoading(false); console.warn('UpdateStagiaireData : Not good man :( Supprimer_Catalog_Pub_CGU = ' + error); setSupprimer_Catalog_Pub_Mention_Legale_api("false"); alert(" Impossible de supprimer le fichier CGU "); }) } function Display_Mention_Legale_File() { const downloadLink = document.createElement("a"); const fileName = "file.pdf"; downloadLink.href = p_detail_mention_legale_file_pdf; downloadLink.download = fileName; downloadLink.click(); } return (
{/*** Dialog pickup Color */} null} PaperProps={{ className: classes.paper, // Apply the paper style style: { overflowY: 'unset', position: 'absolute', //top: '5rem' }, }} hideBackdrop={true} disableScrollLock classes={{ paper: classes.dialog }} className="groupe_apprenant_dialog" > Choisir une couleur
Code couleur
{ if (String(quel_text) === "1") setp_text1_color(color.hex); else if (String(quel_text) === "2") setp_text2_color(color.hex); else if (String(quel_text) === "3") setp_text3_color(color.hex); } } />
{/*** Fin ajout pickup Color */}
{String(is_partner_admin_account) !== "1" && } {String(is_partner_admin_account) === "1" && } {String(is_partner_admin_account) === "1" && } {/**/} {String(is_partner_admin_account) === "1" && }
{String(submenu).trim() === "submenu_donnee_securite" &&
} {String(submenu).trim() === "submenu_donnee_facturation" &&
} {String(submenu).trim() === "submenu_contact" &&
} {String(submenu).trim() === "submenu_donnee_catalog_pub" &&

Configuration du Catalogue public

Lien web (url)
), }} value={partner_catalog_pub_url} />

{String(submenu_catalog_pub) === String("design") &&
Thème
{String(catalog_pub_config_edit) === "1" &&
Choisir un exemple de thème :
(data)._id === String(selected_catalog_pub_theme_id))[0].label} onChange={(event, value) => { if (value && value._id) { setselected_catalog_pub_theme_id(value._id); var partner_logo_img = "data:image/png;base64," + value.theme_preview; setselected_catalog_pub_theme_preview(partner_logo_img); } else { setselected_catalog_pub_theme_id(''); setselected_catalog_pub_theme_preview('') } }} //value={p_one_detail_client_rattachement_nom} renderInput={(params) => } />

{selected_catalog_pub_theme_preview &&
}
Text 1
{ setp_catalog_pub_message_1_txt(e.target.value); } } />
Caracteristiques
Text 2
{ setp_catalog_pub_message_2_txt(e.target.value); } } />
Caracteristiques
Text 3
{ setp_catalog_pub_message_3_txt(e.target.value); } } />
Caracteristiques

Les indicateurs zzzz
Text Indicateur 1
{ setp_indicateur1_text(e.target.value); } } />
Caracteristiques
Text Indicateur 2
{ setp_indicateur2_text(e.target.value); } } />
Caracteristiques
Text Indicateur 3
{ setp_indicateur3_text(e.target.value); } } />
Caracteristiques
Text Indicateur 4
{ setp_indicateur4_text(e.target.value); } } />
Caracteristiques
} {String(catalog_pub_config_edit) !== "1" &&
{selected_catalog_pub_theme_preview &&
}
Text 1
Caracteristiques
Text 2
Caracteristiques
Text 3
Caracteristiques

Les indicateurs zzzz22
Text Indicateur 1
Caracteristiques
Text Indicateur 2
Caracteristiques
Text Indicateur 3
Caracteristiques
Text Indicateur 4
Caracteristiques
}
 
{String(catalog_pub_config_edit) !== "1" &&
 
} {String(catalog_pub_config_edit) === "1" &&
}
 

Gestion Bannière
{Partner_Catalog_Pub_banniere && String(Partner_Catalog_Pub_banniere).length > 20 &&
Bannière actuelle :
{""}

}
Import Bannière
 

{bg_file_name && } {img_bg_file && } {String(SendBackground_Img_api) === "true" &&
La mise à jour a été correctement faite
} {String(SendBackground_Img_api) === "false" &&
{SendBackground_Img_message}
} {String(handleSubmission_bg_api) === "false" &&
{handleSubmission_bg_message}
}
{img_bg_file &&
 
{
}
 
}

Gestion LOGO
{Partner_Catalog_Pub_logo && String(Partner_Catalog_Pub_logo) !== "" &&
Logo actuel :
{""}

}
Import du logo
 

{logo_file_name && } {img_logo_file && } {String(Send_logo_Img_api) === "true" &&
La mise à jour a été correctement faite
} {String(Send_logo_Img_api) === "false" &&
{Send_logo_Img_message}
} {String(handleSubmission_logo_api) === "false" &&
{handleSubmission_logo_message}
}
{img_logo_file &&
 
{
}
 
}
} {String(submenu_catalog_pub) === String("banniere") &&
{Partner_Catalog_Pub_banniere && String(Partner_Catalog_Pub_banniere).length > 20 &&
Bannière actuelle :
{""}

}
Import Bannière
 

{bg_file_name && } {img_bg_file && } {String(SendBackground_Img_api) === "true" &&
La mise à jour a été correctement faite
} {String(SendBackground_Img_api) === "false" &&
{SendBackground_Img_message}
} {String(handleSubmission_bg_api) === "false" &&
{handleSubmission_bg_message}
}
 
{
}
 
} {String(submenu_catalog_pub) === String("logo") &&
{Partner_Catalog_Pub_logo && String(Partner_Catalog_Pub_logo) !== "" &&
Logo actuel :
{""}

}
Import du logo
 

{logo_file_name && } {img_logo_file && } {String(Send_logo_Img_api) === "true" &&
La mise à jour a été correctement faite
} {String(Send_logo_Img_api) === "false" &&
{Send_logo_Img_message}
} {String(handleSubmission_logo_api) === "false" &&
{handleSubmission_logo_message}
}
 
{
}
 
}

Footer : Les pièces joints
{p_detail_cgv_file_pdf &&
  Supprimer } modal nested position="center center" > {close => (
MySy Information
{' '} En confirmant cette opération, le fichier sera définitivement supprimé.
)}
}
{cgv_file_name && } {String(Add_Update_Catalog_Pub_CGV_api) === "true" &&
La mise à jour a été correctement faite
} {String(Add_Update_Catalog_Pub_CGV_api) === "false" &&
{Add_Update_Catalog_Pub_CGV_message}
}
{pdf_cgv_file_pdf &&
 
{
}
 
}
{p_detail_cgu_file_pdf &&
  Supprimer } modal nested position="center center" > {close => (
MySy Information
{' '} En confirmant cette opération, le fichier sera définitivement supprimé.
)}
}
{cgu_file_name && } {String(Add_Update_Catalog_Pub_CGU_api) === "true" &&
La mise à jour a été correctement faite
} {String(Add_Update_Catalog_Pub_CGU_api) === "false" &&
{Add_Update_Catalog_Pub_CGU_message}
}
{pdf_cgu_file_pdf &&
 
{
}
 
}
{p_detail_mention_legale_file_pdf &&
  Supprimer } modal nested position="center center" > {close => (
MySy Information
{' '} En confirmant cette opération, le fichier sera définitivement supprimé.
)}
}
{cgu_file_name && } {String(Add_Update_Catalog_Pub_Mention_Legale_api) === "true" &&
La mise à jour a été correctement faite
} {String(Add_Update_Catalog_Pub_Mention_Legale_api) === "false" &&
{Add_Update_Catalog_Pub_Mention_Legale_message}
}
{pdf_mention_legale_file_pdf &&
 
{
}
 
}
} {String(submenu).trim() === "submenu_donnee_entreprise" &&
Mes Informations
{testval == true &&
Les données ont été mises à jour.
} {testval == false &&
Erreur mise à jour.
}   :not(style)': { m: 1 }, width: '100%', }} onChange={DataUpdated}> {String(is_partner_admin_account) === "1" && ), }} value={p_nom} onChange={(e) => setp_nom(e.target.value)} />} {String(is_partner_admin_account) !== "1" && ), }} value={p_nom} />} {String(is_partner_admin_account) === "1" && ), }} value={p_siret} onChange={(e) => setp_siret(e.target.value)} /> } ), }} value={p_telephone} onChange={(e) => setp_telephone(e.target.value)} /> ), }} value={p_email} onChange={(e) => setp_email(e.target.value)} /> ), }} value={p_website} onChange={(e) => setp_website(e.target.value)} /> ), }} value={p_link_linkedin} onChange={(e) => setp_link_linkedin(e.target.value)} /> ), }} value={p_link_facebook} onChange={(e) => setp_link_facebook(e.target.value)} /> ), }} value={p_link_twitter} onChange={(e) => setp_link_twitter(e.target.value)} /> ), }} value={p_adr_street} onChange={(e) => setp_adr_street(e.target.value)} /> ), }} value={p_adr_zip} onChange={(e) => setp_adr_zip(e.target.value)} /> ), }} value={p_adr_city} onChange={(e) => setp_adr_city(e.target.value)} /> ), }} value={p_adr_country} onChange={(e) => setp_adr_country(e.target.value)} /> {String(is_partner_admin_account) === "1" &&
 
Votre logo


{String(userformedited) === "1" && } {/*isimgclassSelected && */} {isimgclassdeleted && String(isimgclassdeleted) === "1" && } {isimgclassdeleted && String(isimgclassdeleted) === "0" && } {isimgclassSelected && String(isimgclassSaved) === "0" && }
  • 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 dépasser 1 mega octet
  • Votre cachet


    {String(userformedited) === "1" && } {/*isimgclassSelected && */} {isimgcachetdeleted && String(isimgcachetdeleted) === "1" && } {isimgcachetdeleted && String(isimgcachetdeleted) === "0" && } {isimgcachetSelected && String(isimgcachetSaved) === "0" && }
  • 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 dépasser 1 mega octet
  •  
    Certification
    ), }} value={p_num_nda} onChange={(e) => setp_num_nda(e.target.value)} /> {fields1desabled == true && String(myqualiopi) !== "1" && } {fields1desabled == true && String(myqualiopi) === "1" && } {fields1desabled !== true && {qualiopi.map((option) => ( {option.label}  
    ))}
    }
    {fields1desabled == true && String(mydatadock) !== "1" && } {fields1desabled == true && String(mydatadock) === "1" && } {fields1desabled !== true && {datadock.map((option) => ( {option.label}  
    ))}
    } {fields1desabled == true && String(mycertifvoltaire) !== "1" && } {fields1desabled == true && String(mycertifvoltaire) === "1" && } {fields1desabled !== true && {certifvoltaire.map((option) => ( {option.label}  
    ))}
    }
    }
     
    Info Contact
    ), }} value={p_contact_nom} onChange={(e) => setp_contact_nom(e.target.value)} /> ), }} value={p_contact_prenom} onChange={(e) => setp_contact_prenom(e.target.value)} /> ), }} value={p_contact_tel} onChange={(e) => setp_contact_tel(e.target.value)} /> ), }} value={p_contact_mail} onChange={(e) => setp_contact_mail(e.target.value)} /> {fields1desabled == false && String(datamodification) === String("1") &&
    /!\ Pensez à enregistrer les modifications
    }
    {fields1desabled == false &&
    } {fields1desabled == true && }
     
    Accès E-Learning
    ), }} value={p_lms_username} /> ), }} value={p_lms_virtualhost_url} />
    }
    Supppression de compte
    Pour supprimer votre compte, veuillez vous rapprocher de votre contact commercial ou nous écrire à contact@mysy-training.com.
    ); } export default UpdateParnterInfo;