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 { 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 Partner_Securite_Data from "./Partner_Securite_Data"; import Partner_Invoicing_Data from "./Partner_Invoicing_Data"; function UpdateParnterInfo(props) { 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 [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(); }, []) 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); } if (mylocaltraining.link_twitter) { setp_link_twitter(mylocaltraining.link_twitter); } if (mylocaltraining.adr_street) { setp_adr_street(mylocaltraining.adr_street); } if (mylocaltraining.nom) { setp_nom(mylocaltraining.nom); } if (mylocaltraining.contact_tel) { setp_contact_tel(mylocaltraining.contact_tel); } if (mylocaltraining.contact_nom) { setp_contact_nom(mylocaltraining.contact_nom); } if (mylocaltraining.contact_prenom) { setp_contact_prenom(mylocaltraining.contact_prenom); } if (mylocaltraining.contact_mail) { setp_contact_mail(mylocaltraining.contact_mail); } if (mylocaltraining.lms_virtualhost_url) { setp_lms_virtualhost_url(mylocaltraining.lms_virtualhost_url); } if (mylocaltraining.lms_username) { setp_lms_username(mylocaltraining.lms_username); } if (mylocaltraining.mysy_lms_user_id) { setp_mysy_lms_user_id(mylocaltraining.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(); if (document.getElementsByName("adr_city")[0]) { document.getElementsByName("adr_city")[0].disabled = true; document.getElementsByName("adr_city")[0].style.backgroundColor = "#ECEFF1"; } if (document.getElementsByName("adr_zip")[0]) { document.getElementsByName("adr_zip")[0].disabled = true; document.getElementsByName("adr_zip")[0].style.backgroundColor = "#ECEFF1"; } if (document.getElementsByName("adr_country")[0]) { document.getElementsByName("adr_country")[0].disabled = true; document.getElementsByName("adr_country")[0].style.backgroundColor = "#ECEFF1"; } if (document.getElementsByName("telephone")[0]) { document.getElementsByName("telephone")[0].disabled = true; document.getElementsByName("telephone")[0].style.backgroundColor = "#ECEFF1"; } if (document.getElementsByName("siret") && document.getElementsByName("siret")[0]) { document.getElementsByName("siret")[0].disabled = true; document.getElementsByName("siret")[0].style.backgroundColor = "#ECEFF1"; } else { // 18/04/2024 - un truc bizarre, parfois il faut attendre un peu avant que l'objet ne soit créé, d'ou ce wait si l'objet n'existe pas await sleep(20); document.getElementsByName("siret")[0].disabled = true; document.getElementsByName("siret")[0].style.backgroundColor = "#ECEFF1"; } if (document.getElementsByName("num_nda") && document.getElementsByName("num_nda")[0]) { document.getElementsByName("num_nda")[0].disabled = true; document.getElementsByName("num_nda")[0].style.backgroundColor = "#ECEFF1"; } if (document.getElementsByName("link_facebook")[0]) { document.getElementsByName("link_facebook")[0].disabled = true; document.getElementsByName("link_facebook")[0].style.backgroundColor = "#ECEFF1"; } if (document.getElementsByName("link_linkedin")[0]) { document.getElementsByName("link_linkedin")[0].disabled = true; document.getElementsByName("link_linkedin")[0].style.backgroundColor = "#ECEFF1"; } if (document.getElementsByName("link_twitter")[0]) { document.getElementsByName("link_twitter")[0].disabled = true; document.getElementsByName("link_twitter")[0].style.backgroundColor = "#ECEFF1"; } if (document.getElementsByName("adr_street")[0]) { document.getElementsByName("adr_street")[0].disabled = true; document.getElementsByName("adr_street")[0].style.backgroundColor = "#ECEFF1"; } if (document.getElementsByName("nom")[0]) { document.getElementsByName("nom")[0].disabled = true; document.getElementsByName("nom")[0].style.backgroundColor = "#ECEFF1"; } if (document.getElementsByName("contact_tel")[0]) { document.getElementsByName("contact_tel")[0].disabled = true; document.getElementsByName("contact_tel")[0].style.backgroundColor = "#ECEFF1"; } if (document.getElementsByName("contact_nom")[0]) { document.getElementsByName("contact_nom")[0].disabled = true; document.getElementsByName("contact_nom")[0].style.backgroundColor = "#ECEFF1"; } if (document.getElementsByName("contact_prenom")[0]) { document.getElementsByName("contact_prenom")[0].disabled = true; document.getElementsByName("contact_prenom")[0].style.backgroundColor = "#ECEFF1"; } if (document.getElementsByName("contact_mail")[0]) { document.getElementsByName("contact_mail")[0].disabled = true; document.getElementsByName("contact_mail")[0].style.backgroundColor = "#ECEFF1"; } if (document.getElementsByName("website")[0]) { document.getElementsByName("website")[0].disabled = true; document.getElementsByName("website")[0].style.backgroundColor = "#ECEFF1"; } 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"; } setfields1desabled(true); } function enablefieds1() { setuserformedited("1"); if (document.getElementsByName("adr_city")[0]) { document.getElementsByName("adr_city")[0].disabled = false; document.getElementsByName("adr_city")[0].style.backgroundColor = "#FFFFFF"; } if (document.getElementsByName("adr_zip")[0]) { document.getElementsByName("adr_zip")[0].disabled = false; document.getElementsByName("adr_zip")[0].style.backgroundColor = "#FFFFFF"; } if (document.getElementsByName("adr_country")[0]) { document.getElementsByName("adr_country")[0].disabled = false; document.getElementsByName("adr_country")[0].style.backgroundColor = "#FFFFFF"; } if (document.getElementsByName("telephone")[0]) { document.getElementsByName("telephone")[0].disabled = false; document.getElementsByName("telephone")[0].style.backgroundColor = "#FFFFFF"; } if (document.getElementsByName("siret")[0]) { document.getElementsByName("siret")[0].disabled = false; document.getElementsByName("siret")[0].style.backgroundColor = "#FFFFFF"; } if (document.getElementsByName("num_nda")[0]) { document.getElementsByName("num_nda")[0].disabled = false; document.getElementsByName("num_nda")[0].style.backgroundColor = "#FFFFFF"; } if (document.getElementsByName("link_facebook")[0]) { document.getElementsByName("link_facebook")[0].disabled = false; document.getElementsByName("link_facebook")[0].style.backgroundColor = "#FFFFFF"; } if (document.getElementsByName("link_linkedin")[0]) { document.getElementsByName("link_linkedin")[0].disabled = false; document.getElementsByName("link_linkedin")[0].style.backgroundColor = "#FFFFFF"; } if (document.getElementsByName("link_twitter")[0]) { document.getElementsByName("link_twitter")[0].disabled = false; document.getElementsByName("link_twitter")[0].style.backgroundColor = "#FFFFFF"; } if (document.getElementsByName("adr_street")[0]) { document.getElementsByName("adr_street")[0].disabled = false; document.getElementsByName("adr_street")[0].style.backgroundColor = "#FFFFFF"; } if (String(is_partner_admin_account) === "1") { if (document.getElementsByName("nom")[0]) { document.getElementsByName("nom")[0].disabled = false; document.getElementsByName("nom")[0].style.backgroundColor = "#FFFFFF"; } } if (document.getElementsByName("contact_tel")[0]) { document.getElementsByName("contact_tel")[0].disabled = false; document.getElementsByName("contact_tel")[0].style.backgroundColor = "#FFFFFF"; } if (document.getElementsByName("contact_nom")[0]) { document.getElementsByName("contact_nom")[0].disabled = false; document.getElementsByName("contact_nom")[0].style.backgroundColor = "#FFFFFF"; } if (document.getElementsByName("contact_prenom")[0]) { document.getElementsByName("contact_prenom")[0].disabled = false; document.getElementsByName("contact_prenom")[0].style.backgroundColor = "#FFFFFF"; } if (document.getElementsByName("contact_mail")[0]) { document.getElementsByName("contact_mail")[0].disabled = false; document.getElementsByName("contact_mail")[0].style.backgroundColor = "#FFFFFF"; } if (document.getElementsByName("website")[0]) { document.getElementsByName("website")[0].disabled = false; document.getElementsByName("website")[0].style.backgroundColor = "#FFFFFF"; } if (document.getElementsByName("isdatadock")[0]) { document.getElementsByName("isdatadock")[0].disabled = false; document.getElementsByName("isdatadock")[0].style.backgroundColor = "#FFFFFF"; } if (document.getElementsByName("isqualiopi")[0]) { document.getElementsByName("isqualiopi")[0].disabled = false; document.getElementsByName("isqualiopi")[0].style.backgroundColor = "#FFFFFF"; } if (document.getElementsByName("iscertifvoltaire")[0]) { document.getElementsByName("iscertifvoltaire")[0].disabled = false; document.getElementsByName("iscertifvoltaire")[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); //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 [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 [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(""); return (
{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_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} />
    {/*
     
    Mot de passe
    {updatepwd == false &&
    Erreur mise à jour.
    } {updatepwd == true &&
    La mise à jour été faite
    }   :not(style)': { m: 1 } }}> {currentpawdvisible ? : } } /> {newpawdvisible ? : } } /> {confpwdvisible ? : } } />
    Créez un mot de passe contenant au moins :
    • 8 caractères
    • 1 nombre
    • 1 caractère spécial p. ex., $, !, @, %, &
    • Identiques
    {pwdfieldsdesabled == false &&
    } {pwdfieldsdesabled == true && }
    Emails contact
    {updatemainmail === false &&
    Erreur mise à jour.
    } {updatemainmail === true &&
    La mise à jour été faite
    } ), }} variant="standard" />
    ), }} variant="standard" />
    ), }} variant="standard" />
     
    •  
    •  
    •  
    •  
    {mailfieldsdesabled == false &&
    } {mailfieldsdesabled == true &&
    }
     
    */}
    }
    Supppression de compte
    Pour supprimer votre compte, veuillez vous rapprocher de votre contact commercial ou nous écrire à contact@mysy-training.com.
    ); } export default UpdateParnterInfo;