01/02/23 - 22h

recette2
cherif 2023-02-01 21:12:13 +01:00
parent 48e5ee0262
commit eebbf59a98
8 changed files with 579 additions and 130 deletions

View File

@ -56,6 +56,7 @@ const AddClassManual = (props) => {
setmydistance(value);
setdatamodification("1");
setmyApiResponse();
}
@ -257,6 +258,7 @@ const AddClassManual = (props) => {
setfield_plus_produit("");
setfield_datelieu("");
setfield_zone_diffusion("");
setmyApiResponse();
fillfield();
if (props.mytrainingclass['class_external_code']) {
@ -457,7 +459,7 @@ const AddClassManual = (props) => {
const [title_limite, settitle_limite] = useState(60);
const [title_limite, settitle_limite] = useState(70);
const editorRef_description = useRef(null);
const [editorRef_description_limite, seteditorRef_description_limite] = useState(1000);

View File

@ -301,7 +301,8 @@ const DisplayDetailClass = (props) => {
'_blank'
);
}}>Accedez a la formation</Button>
}}
>Accedez a la formation</Button>
</div>

View File

@ -46,6 +46,7 @@ import Inscription from "./Inscription_Information";
import mysy_logo2 from "../mysy_img2/Logo_MySy.png"
import { FaSearch, FaRegArrowAltCircleDown, FaRegArrowAltCircleUp } from 'react-icons/fa';
import { areOptionsEqual } from "@mui/base";
import { style } from "@mui/system";
const DisplayDetailClass_new_v2 = (props) => {
const { classId, action } = useParams();
@ -126,7 +127,6 @@ const DisplayDetailClass_new_v2 = (props) => {
async function funclocaltoken() {
if (props.action && String(props.action).toLocaleLowerCase() !== "inscription" &&
String(props.action).toLocaleLowerCase() !== "information") {
@ -270,6 +270,12 @@ const DisplayDetailClass_new_v2 = (props) => {
const [ismetiermanaged, setismetiermanaged] = useState();
const liste_metier = ["management", "digital", "office", "rh", "vente", "dev_perso"];
const [isdatadock, setisdatadock] = useState();
const [isqualiopi, setisqualiopi] = useState();
const [iscertitrace, setiscertitrace] = useState();
const [partnair_name, setpartnair_name] = useState();
const [website_partenaire, setwebsite_partenaire] = useState();
function Display(e) {
var myurl = process.env.REACT_APP_API_URL + "myclass/api/get_class/";
var form = new FormData();
@ -290,8 +296,8 @@ const DisplayDetailClass_new_v2 = (props) => {
axios.post(myurl, form).then(res => {
if (String(res.data.status) !== String("false")) {
//console.log(" In Display res.data.status = " + res.data.status);
//console.log(" In Display res.data.message = " + res.data.message);
console.log(" In Display res.data.status = " + res.data.status);
console.log(" In Display res.data.message = " + res.data.message);
if (res.data.message.length > 0) {
setmyApiResponse("True");
@ -364,6 +370,26 @@ const DisplayDetailClass_new_v2 = (props) => {
setratingvalue(JSON.parse(res.data.message).note);
}
if (JSON.parse(res.data.message).isdatadock) {
setisdatadock(JSON.parse(res.data.message).isdatadock);
}
if (JSON.parse(res.data.message).isqualiopi) {
setisqualiopi(JSON.parse(res.data.message).isqualiopi);
}
if (JSON.parse(res.data.message).iscertitrace) {
setiscertitrace(JSON.parse(res.data.message).iscertitrace);
}
if (JSON.parse(res.data.message).nom_partenaire) {
setpartnair_name(JSON.parse(res.data.message).nom_partenaire);
}
if (JSON.parse(res.data.message).website_partenaire) {
setwebsite_partenaire(JSON.parse(res.data.message).website_partenaire);
}
// Verifier si le metier est geré
if (JSON.parse(res.data.message).metier) {
if (!liste_metier.includes(JSON.parse(res.data.message).metier)) {
@ -415,7 +441,7 @@ const DisplayDetailClass_new_v2 = (props) => {
if (main_h < 3100) {
main_h = 3100
}
if( main_h < 3200){
if (main_h < 3200) {
main_h = 3200
}
val = local_tmp + "px";
@ -449,7 +475,7 @@ const DisplayDetailClass_new_v2 = (props) => {
main_h_px = main_h + "px"
}
@ -507,19 +533,37 @@ const DisplayDetailClass_new_v2 = (props) => {
if (local_tmp > 2450) {
val = "2450px";
main_h_px = "3000px";
if (String(action).toLowerCase() === "information" || String(action).toLowerCase() === "inscription") {
val = "2650px";
main_h_px = "3300px";
}
}
else if (local_tmp < 1500) {
val = "1500px";
main_h_px = "2100px";
if (String(action).toLowerCase() === "information" || String(action).toLowerCase() === "inscription") {
val = "1800px";
main_h_px = "2500px";
}
}
else {
val = local_tmp + "px";
main_h_px = main_h + "px"
if (String(action).toLowerCase() === "information" || String(action).toLowerCase() === "inscription") {
local_tmp = parseInt(local_tmp) + 300;
main_h = parseInt(main_h) + 500;
val = local_tmp + "px";
main_h_px = main_h + "px"
}
}
// la hauteur minimal est de 2200px
if( main_h < 2200 ){
if (main_h < 2200) {
main_h_px = "2200px";
}
@ -761,7 +805,6 @@ const DisplayDetailClass_new_v2 = (props) => {
document.getElementById('block_crossell_meme_orga').style.top = new_meme_orga_top + "px";
document.getElementById('desktop').style.height = new_displaydetailclass_new_v2_hei + "px";
}
else {
window.scrollTo(0, 0);
@ -1071,27 +1114,28 @@ const DisplayDetailClass_new_v2 = (props) => {
</div>
<div className="mob_cats">
{String(action).toLowerCase() !== "information" && String(action).toLowerCase() !== "inscription" &&
<div className="mob_cats">
<div className="mob_cats_bton_inscr" onClick={Inscription_bton}>
<div className="mob_cats_bton_inscr" onClick={Inscription_bton}>
<div className="mob_cats_bton_inscr_txt">
M'inscrire
</div>
</div>
<div className="mob_cats_bton_info" onClick={Contact_bton}>
<div className="mob_cats_bton_info_txt">
M'informer sur la formation
<div className="mob_cats_bton_inscr_txt">
M'inscrire
</div>
</div>
<div className="mob_cats_bton_info" onClick={Contact_bton}>
</div>
<div className="mob_cats_bton_info_txt">
M'informer sur la formation
</div>
</div>
</div>
</div>}
<div className="mob_caracteristic">
@ -1374,7 +1418,7 @@ const DisplayDetailClass_new_v2 = (props) => {
</div>
{DetailTraining["pourqui"] && <div className="mob_info_page_title_desc_long_txt">
{DetailTraining["pourqui"] && <div className="mob_info_page_title_desc_long_txt">
<div className="mob_info_page_title_desc_title">
Pour Qui ?
@ -1456,14 +1500,14 @@ const DisplayDetailClass_new_v2 = (props) => {
<div className="mob_cross_sell_card_content">
<div className="mob_cross_sell_card_content_rating">
{ JSON.parse(formation).note && String(JSON.parse(formation).note).length === 1 &&
parseInt(String(JSON.parse(formation).note)) <=5 &&
<Rating name="half-rating-reade"
{JSON.parse(formation).note && String(JSON.parse(formation).note).length === 1 &&
parseInt(String(JSON.parse(formation).note)) <= 5 &&
<Rating name="half-rating-reade"
precision={0.5}
readOnly={true}
value={(String(JSON.parse(formation).note))}
/>}
precision={0.5}
readOnly={true}
value={(String(JSON.parse(formation).note))}
/>}
</div>
<div className="mob_cross_sell_card_content_title">
@ -1628,13 +1672,13 @@ const DisplayDetailClass_new_v2 = (props) => {
<div className="block_sous_header_rate_title">
<div className="rating">
{ ratingvalue && String(ratingvalue).length === 1 &&
parseInt(String(ratingvalue)) <=5 &&
<Rating name="half-rating-reade"
{ratingvalue && String(ratingvalue).length === 1 &&
parseInt(String(ratingvalue)) <= 5 &&
<Rating name="half-rating-reade"
precision={0.5}
value={ratingvalue}
/>}
precision={0.5}
value={ratingvalue}
/>}
</div>
<div className="sous_header_title">
@ -1703,7 +1747,7 @@ const DisplayDetailClass_new_v2 = (props) => {
</div>
{DetailTraining["description"] && <div className="block_info_page_pave_title_desc description_block">
{parse(String(DetailTraining["description"]))}
</div>
}
@ -1789,7 +1833,7 @@ const DisplayDetailClass_new_v2 = (props) => {
</div>
{DetailTraining["objectif"] && <div className="block_info_page_pave_title_desc_desc objectif_block">
{parse(String(DetailTraining["objectif"]))}
</div>
}
@ -1802,7 +1846,7 @@ const DisplayDetailClass_new_v2 = (props) => {
</div>
{DetailTraining["programme"] && <div className="block_info_page_pave_title_desc_desc programme_block">
{parse(String(DetailTraining["programme"]))}
</div>
}
</div>
@ -1813,7 +1857,7 @@ const DisplayDetailClass_new_v2 = (props) => {
</div>
{DetailTraining["pourqui"] && <div className="block_info_page_pave_title_desc_desc pourqui_block">
{parse(String(DetailTraining["pourqui"]))}
</div>
}
@ -1821,11 +1865,11 @@ const DisplayDetailClass_new_v2 = (props) => {
{DetailTraining["plus_produit"] && <div className="block_info_page_pave_title_desc_long_text">
<div className="block_info_page_pave_title_desc_title ">
Points forts
Points forts
</div>
{DetailTraining["pourqui"] && <div className="block_info_page_pave_title_desc_desc objectif_block">
{parse(String(DetailTraining["plus_produit"]))}
</div>
}
@ -2035,7 +2079,7 @@ const DisplayDetailClass_new_v2 = (props) => {
</div>
</div>*/}
<div className="sticky_cats">
{String(action).toLowerCase() !== "information" && String(action).toLowerCase() !== "inscription" && <div className="sticky_cats">
<div className="sticky_cats_buton_inscrire" onClick={Inscription_bton}>
@ -2048,8 +2092,29 @@ const DisplayDetailClass_new_v2 = (props) => {
<div className="sticky_cats_buton_info_txt" > Minformer sur la formation</div>
</div>
</div>}
<div className="sticky_div_hilight">
{String(isqualiopi) === "1" && <div className="sticky_img_hilight1">
<img src="https://img.mysy-training.com/hifmi/IMG_Qualiopi.jpg" alt="Qualiopi" className="img_hili" />
</div>}
{String(isdatadock) === "1" && <div className="sticky_img_hilight1">
<img src="https://img.mysy-training.com/hifmi/IMG_Datadock.jpg" alt="DataDock" className="img_hili" />
</div>}
{String(iscertitrace) === "1" && <div className="sticky_img_hilight1">
<img src="https://img.mysy-training.com/hifmi/IMG_Certitrace.jpg" alt="Certitrace" className="img_hili" />
</div>}
</div>
<div className="sticky_social_icone">
<div className="sticky_social_icone_facebook">
@ -2073,7 +2138,18 @@ const DisplayDetailClass_new_v2 = (props) => {
</div>
<div className="sticky_organisme_title_desc_desc">
MySyTraining.com
{partnair_name && website_partenaire && <nav
style={{"cursor":"pointer"}}
onClick={(e) => {
/*e.preventDefault();
window.open(
website_partenaire,
'_blank'
);*/
}}
> {partnair_name} </nav>}
</div>
</div>
@ -2143,14 +2219,14 @@ const DisplayDetailClass_new_v2 = (props) => {
<div className="sous_crossell_list_card_card_content_rating">
{ JSON.parse(formation).note && String(JSON.parse(formation).note).length === 1 &&
parseInt(String(JSON.parse(formation).note)) <=5 &&
{JSON.parse(formation).note && String(JSON.parse(formation).note).length === 1 &&
parseInt(String(JSON.parse(formation).note)) <= 5 &&
<Rating name="half-rating-reade"
<Rating name="half-rating-reade"
precision={0.5}
value={(String(JSON.parse(formation).note))}
/>}
precision={0.5}
value={(String(JSON.parse(formation).note))}
/>}
</div>
<div className="sous_crossell_list_card_card_content_title"> {parse(String(JSON.parse(formation).title)).substring(0, 50)}

View File

@ -2094,8 +2094,8 @@ function GestionAdministrative(props) {
axios.post(myurl, form).then(res => {
if (res.data.status != "false") {
//console.log(" In GetAttestation_Certif res.data.status = " + res.data.status);
if (String(res.data.status) === "true") {
console.log(" In GetAttestation_Certif res.data.status = " + res.data.status);
//console.log(" In GetAttestation_Certif res.data.message r_class = " + res.data.message);
setGetAttestation_Certif_api("true");
setGetAttestation_Certif_result(res.data.message);

View File

@ -65,6 +65,7 @@ const Partner = (props) => {
};
const changeHandler2 = (event) => {
setapiexcelimportmessage();
setformation_file_name();
sethandleSubmission_api();
hiddenFileInput_formation.current.click();
@ -199,6 +200,7 @@ const Partner = (props) => {
getImage();
GetPartnerNameFromToken();
DiplaytrainingList();
setformation_file_name();
if (location && location.state && location.state.local_sub_menu) {
@ -226,29 +228,41 @@ const Partner = (props) => {
function CreateTraining(event) {
setmenu("creation");
setapiexcelimportmessage();
setformation_file_name();
}
function PersonnalData(event) {
setmenu("infopartner");
setapiexcelimportmessage();
setformation_file_name();
}
function DisplayStat(event) {
setmenu("statistique");
setapiexcelimportmessage();
setformation_file_name();
}
function DisplayFacure(event) {
setmenu("facture");
setapiexcelimportmessage();
setformation_file_name();
}
function Abonnement_func(event) {
setmenu("abonnement");
setapiexcelimportmessage();
setformation_file_name();
}
function DiplaytrainingList(event) {
setmenu("affichage");
setapiexcelimportmessage();
setformation_file_name();
var server_address = "127.0.0.1";
//var server_address = "89.156.84.196";

View File

@ -36,7 +36,7 @@ import { DateRange } from "react-date-range";
import "react-date-range/dist/styles.css";
import "react-date-range/dist/theme/default.css";
import { Editor } from '@tinymce/tinymce-react';
import { ImMobile2, ImWhatsapp, ImHome } from "react-icons/im";
import { ImMobile2, ImWhatsapp, ImHome, ImOffice } from "react-icons/im";
import { BsMailbox } from "react-icons/bs";
import { Elements } from '@stripe/react-stripe-js';
import { loadStripe } from '@stripe/stripe-js';
@ -986,6 +986,43 @@ Cette fonction recuperer les stats des TOP 5 formations sur la periode saisie pa
</div>
</div>
<div> <br />
</div>
<div className="carte_visite">
<div className="main_div">
<div className="ch_div_gauche" style={{"borderRight":"5px solid gray", "borderRadius":"0px"}}>
<br />
<img classname="img" src="http://88.170.110.220/img/MYSY-LOGO-BLUE.png" alt="Mysy Training Logo"
style={{ "maxWidth": "30%", "marginTop":"2rem" }} />
<br />
<div className="div_nom">
Cherif BALDE<br />
</div>
<div className="div_function">
Directeur
</div>
</div>
<div className="ch_div_centre">
<hr className="myhr" />
</div>
<div className="ch_div_droite div_coordonnees" style={{"paddingRight":"3rem"}}>
<div> <ImMobile2 /> &nbsp;+337 69 20 39 45</div>
<div> <ImOffice /> &nbsp;+331 77 00 38 57</div>
<div> <BsMailbox /> &nbsp;cbalde@mysy-training.com</div>
<div> <ImHome /> &nbsp;https://www.mysy-training.com/</div>
<div> <ImWhatsapp /> &nbsp;+337 69 20 39 45</div>
</div>
</div>
</div>
{/*
@ -1245,6 +1282,7 @@ Cette fonction recuperer les stats des TOP 5 formations sur la periode saisie pa
</div>
<div className="ch_div_droite div_coordonnees">
<div> <ImMobile2 /> &nbsp;+337 69 20 39 45</div>
<div> <ImMobile2 /> &nbsp;+337 69 20 39 45</div>
<div> <BsMailbox /> &nbsp;cbalde@mysy-training.com</div>
<div> <ImHome /> &nbsp;https://www.mysy-training.com/</div>

View File

@ -21,7 +21,8 @@ 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';
function UpdateParnterInfo() {
const history = useHistory();
@ -107,7 +108,7 @@ function UpdateParnterInfo() {
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) {
@ -133,7 +134,7 @@ function UpdateParnterInfo() {
if (!specialChars.test(new_key)) {
document.getElementsByName("special_insert_key")[0].style.backgroundColor = "red";
return
}
}
formData.append('current_insert_key', current_key);
@ -214,7 +215,7 @@ function UpdateParnterInfo() {
if (!specialChars.test(new_pwd)) {
document.getElementsByName("special")[0].style.backgroundColor = "red";
return
}
}
fetch(
url,
@ -347,6 +348,40 @@ function UpdateParnterInfo() {
document.getElementsByName("telephone")[0].style.backgroundColor = "#ECEFF1";
}
if (mylocaltraining.siren) {
document.getElementsByName("siren")[0].value = mylocaltraining.siren;
document.getElementsByName("siren")[0].disabled = true;
document.getElementsByName("siren")[0].style.backgroundColor = "#ECEFF1";
}
if (mylocaltraining.num_nda) {
document.getElementsByName("num_nda")[0].value = mylocaltraining.num_nda;
document.getElementsByName("num_nda")[0].disabled = true;
document.getElementsByName("num_nda")[0].style.backgroundColor = "#ECEFF1";
}
if (mylocaltraining.iscertitrace) {
setmycertitrace(mylocaltraining.iscertitrace);
}
else {
setmycertitrace("0");
}
if (mylocaltraining.isdatadock) {
setmydatadock(mylocaltraining.isdatadock);
}
else {
setmydatadock("0");
}
if (mylocaltraining.isqualiopi) {
setmyqualiopi(mylocaltraining.isqualiopi);
}
else {
setmyqualiopi("0");
}
if (mylocaltraining.link_linkedin) {
document.getElementsByName("link_linkedin")[0].value = mylocaltraining.link_linkedin;
document.getElementsByName("link_linkedin")[0].disabled = true;
@ -442,6 +477,12 @@ function UpdateParnterInfo() {
document.getElementsByName("telephone")[0].disabled = true;
document.getElementsByName("telephone")[0].style.backgroundColor = "#ECEFF1";
document.getElementsByName("siren")[0].disabled = true;
document.getElementsByName("siren")[0].style.backgroundColor = "#ECEFF1";
document.getElementsByName("num_nda")[0].disabled = true;
document.getElementsByName("num_nda")[0].style.backgroundColor = "#ECEFF1";
document.getElementsByName("link_facebook")[0].disabled = true;
document.getElementsByName("link_facebook")[0].style.backgroundColor = "#ECEFF1";
@ -477,48 +518,55 @@ function UpdateParnterInfo() {
function enablefieds1() {
document.getElementsByName("adr_city")[0].disabled = false;
document.getElementsByName("adr_city")[0].style.backgroundColor = "";
document.getElementsByName("adr_city")[0].style.backgroundColor = "#FFFFFF";
document.getElementsByName("adr_city")[0].disabled = false;
document.getElementsByName("adr_city")[0].style.backgroundColor = "";
document.getElementsByName("adr_city")[0].style.backgroundColor = "#FFFFFF";
document.getElementsByName("adr_zip")[0].disabled = false;
document.getElementsByName("adr_zip")[0].style.backgroundColor = "";
document.getElementsByName("adr_zip")[0].style.backgroundColor = "#FFFFFF";
document.getElementsByName("adr_country")[0].disabled = false;
document.getElementsByName("adr_country")[0].style.backgroundColor = "";
document.getElementsByName("adr_country")[0].style.backgroundColor = "#FFFFFF";
document.getElementsByName("telephone")[0].disabled = false;
document.getElementsByName("telephone")[0].style.backgroundColor = "";
document.getElementsByName("telephone")[0].style.backgroundColor = "#FFFFFF";
document.getElementsByName("siren")[0].disabled = false;
document.getElementsByName("siren")[0].style.backgroundColor = "#FFFFFF";
document.getElementsByName("num_nda")[0].disabled = false;
document.getElementsByName("num_nda")[0].style.backgroundColor = "#FFFFFF";
document.getElementsByName("link_facebook")[0].disabled = false;
document.getElementsByName("link_facebook")[0].style.backgroundColor = "";
document.getElementsByName("link_facebook")[0].style.backgroundColor = "#FFFFFF";
document.getElementsByName("link_linkedin")[0].disabled = false;
document.getElementsByName("link_linkedin")[0].style.backgroundColor = "";
document.getElementsByName("link_linkedin")[0].style.backgroundColor = "#FFFFFF";
document.getElementsByName("link_twitter")[0].disabled = false;
document.getElementsByName("link_twitter")[0].style.backgroundColor = "";
document.getElementsByName("link_twitter")[0].style.backgroundColor = "#FFFFFF";
document.getElementsByName("adr_street")[0].disabled = false;
document.getElementsByName("adr_street")[0].style.backgroundColor = "";
document.getElementsByName("adr_street")[0].style.backgroundColor = "#FFFFFF";
document.getElementsByName("nom")[0].disabled = false;
document.getElementsByName("nom")[0].style.backgroundColor = "";
document.getElementsByName("nom")[0].style.backgroundColor = "#FFFFFF";
document.getElementsByName("contact_tel")[0].disabled = false;
document.getElementsByName("contact_tel")[0].style.backgroundColor = "";
document.getElementsByName("contact_tel")[0].style.backgroundColor = "#FFFFFF";
document.getElementsByName("contact_nom")[0].disabled = false;
document.getElementsByName("contact_nom")[0].style.backgroundColor = "";
document.getElementsByName("contact_nom")[0].style.backgroundColor = "#FFFFFF";
document.getElementsByName("contact_prenom")[0].disabled = false;
document.getElementsByName("contact_prenom")[0].style.backgroundColor = "";
document.getElementsByName("contact_prenom")[0].style.backgroundColor = "#FFFFFF";
document.getElementsByName("contact_mail")[0].disabled = false;
document.getElementsByName("contact_mail")[0].style.backgroundColor = "";
document.getElementsByName("contact_mail")[0].style.backgroundColor = "#FFFFFF";
setfields1desabled(false);
window.scrollTo(0, 0);
}
@ -547,15 +595,15 @@ function UpdateParnterInfo() {
document.getElementsByName("current_email")[0].disabled = false;
document.getElementsByName("current_email")[0].style.backgroundColor = "";
document.getElementsByName("current_email")[0].style.backgroundColor = "#FFFFFF";
document.getElementsByName("new_email")[0].disabled = false;
document.getElementsByName("new_email")[0].style.backgroundColor = "";
document.getElementsByName("new_email")[0].style.backgroundColor = "#FFFFFF";
document.getElementsByName("conf_new_email")[0].disabled = false;
document.getElementsByName("conf_new_email")[0].style.backgroundColor = "";
document.getElementsByName("conf_new_email")[0].style.backgroundColor = "#FFFFFF";
setmailfieldsdesabled(false);
@ -585,13 +633,13 @@ function UpdateParnterInfo() {
function enablesecurtypwdfields() {
document.getElementsByName("current_pwd")[0].disabled = false;
document.getElementsByName("current_pwd")[0].style.backgroundColor = "";
document.getElementsByName("current_pwd")[0].style.backgroundColor = "#FFFFFF";
document.getElementsByName("new_pwd")[0].disabled = false;
document.getElementsByName("new_pwd")[0].style.backgroundColor = "";
document.getElementsByName("new_pwd")[0].style.backgroundColor = "#FFFFFF";
document.getElementsByName("new_pwd_conf")[0].disabled = false;
document.getElementsByName("new_pwd_conf")[0].style.backgroundColor = "";
document.getElementsByName("new_pwd_conf")[0].style.backgroundColor = "#FFFFFF";
setpwdfieldsdesabled(false);
}
@ -601,10 +649,26 @@ function UpdateParnterInfo() {
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;
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 siren = document.getElementsByName("siren")[0].value;
siren = siren.replace("undefined", "");
var num_nda = document.getElementsByName("num_nda")[0].value;
num_nda = num_nda.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;
@ -616,13 +680,24 @@ function UpdateParnterInfo() {
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 mydatadock = document.getElementsByName("isdatadock")[0].value;
var myqualiopi = document.getElementsByName("isqualiopi")[0].value;
formData.append('token', stored_user);
formData.append('nom', nom);
formData.append('iscertitrace', mycertitrace);
formData.append('isdatadock', mydatadock);
formData.append('isqualiopi', myqualiopi);
formData.append('adr_city', adr_city);
formData.append('adr_zip', adr_zip);
formData.append('telephone', telephone);
formData.append('siren', siren);
formData.append('num_nda', num_nda);
formData.append('adr_country', adr_country);
formData.append('link_facebook', link_facebook);
formData.append('link_twitter', link_twitter);
@ -649,15 +724,17 @@ function UpdateParnterInfo() {
if (String(result['status']) == String("true")) {
settestval(true);
desablefield1();
}
})
.catch((error) => {
console.error('Error:', error);
setmyApiResponse("false");
window.scrollTo(0, 0);
});
window.scrollTo(0, 0);
};
@ -854,19 +931,79 @@ function UpdateParnterInfo() {
setinsert_key_updated();
document.getElementsByName("current_insert_key")[0].disabled = false;
document.getElementsByName("current_insert_key")[0].style.backgroundColor = "";
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 = "";
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 = "";
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 [myqualiopi, setmyqualiopi] = useState("");
const handleChangequaliopi = (event) => {
const name = event.target.name;
const value = event.target.value;
setmyqualiopi(value);
}
const [mydatadock, setmydatadock] = useState("");
const handleChangedatadock = (event) => {
const name = event.target.name;
const value = event.target.value;
setmyqualiopi(value);
}
const [mycertitrace, setmycertitrace] = useState("");
const handleChangecertitrace = (event) => {
const name = event.target.name;
const value = event.target.value;
setmycertitrace(value);
}
return (
<div className='updateparnterinfo'>
@ -902,6 +1039,23 @@ function UpdateParnterInfo() {
variant="standard"
/>
<TextField
name="siren"
label="SIREN"
className="texte_area"
sx={{ m: 1, width: '48%' }}
InputProps={{
startAdornment: (
<InputAdornment position="start">
<AccountCircle />
</InputAdornment>
),
}}
variant="standard"
/>
<TextField
name="telephone"
@ -1042,6 +1196,83 @@ function UpdateParnterInfo() {
variant="standard"
/>
<div style={{ "width": "10%" }}> &nbsp;</div>
<div className="titre1"> Certification </div>
<TextField
name="num_nda"
label="Numéro NDA"
className="texte_area"
sx={{ m: 1, width: '48%' }}
InputProps={{
startAdornment: (
<InputAdornment position="start">
<AccountCircle />
</InputAdornment>
),
}}
variant="standard"
/>
<TextField
name="isqualiopi"
label="Qualiopi"
select
className="texte_area"
sx={{ m: 1, width: '48%' }}
value={myqualiopi}
onChange={handleChangequaliopi}
variant="standard"
>{qualiopi.map((option) => (
<MenuItem key={option.value} value={option.value}>
{option.label} &nbsp; <br />
</MenuItem>
))}
</TextField>
<TextField
name="isdatadock"
label="Datadock"
select
className="texte_area"
sx={{ m: 1, width: '48%' }}
value={mydatadock}
onChange={handleChangedatadock}
variant="standard"
>{datadock.map((option) => (
<MenuItem key={option.value} value={option.value}>
{option.label} &nbsp; <br />
</MenuItem>
))}
</TextField>
<TextField
name="iscertitrace"
label="Certitrace"
select
className="texte_area"
sx={{ m: 1, width: '48%' }}
value={mycertitrace}
onChange={handleChangecertitrace}
variant="standard"
>{certitrace.map((option) => (
<MenuItem key={option.value} value={option.value}>
{option.label} &nbsp; <br />
</MenuItem>
))}
</TextField>
<br />
<div style={{ "width": "10%" }}> &nbsp;</div>
<div className="titre1"> Info Contact </div>
@ -1430,23 +1661,23 @@ function UpdateParnterInfo() {
/>
</FormControl>
<div className="text_pwd_crit">
Créez un mot de passe contenant au moins :
<ul>
<li name="caractere_insert_key">
8 caractères
</li>
<li name="nombre_insert_key">
1 nombre
</li>
<li name="special_insert_key">
1 caractère spécial p. ex., $, !, @, %, &
</li>
Créez un mot de passe contenant au moins :
<ul>
<li name="caractere_insert_key">
8 caractères
</li>
<li name="nombre_insert_key">
1 nombre
</li>
<li name="special_insert_key">
1 caractère spécial p. ex., $, !, @, %, &
</li>
<li name="identique_insert_key">
Identiques
</li>
</ul>
</div>
<li name="identique_insert_key">
Identiques
</li>
</ul>
</div>
<div className="div_row22">

View File

@ -1423,28 +1423,29 @@
border-bottom-right-radius: 0px;
width: 99%;
}
.programme_block{
.programme_block {
max-height: 18rem;
min-height: 10rem;
overflow: auto;
padding: 10px;
}
.description_block{
.description_block {
max-height: 13rem;
min-height: 8rem;
overflow: auto;
padding: 10px;
}
.objectif_block{
.objectif_block {
max-height: 11rem;
min-height: 5rem;
overflow: auto;
padding: 10px;
}
.session_block{
.session_block {
max-height: 10rem;
min-height: 5rem;
overflow: auto;
@ -1452,7 +1453,7 @@
}
.pourqui_block{
.pourqui_block {
max-height: 7rem;
min-height: 5rem;
overflow: auto;
@ -2464,28 +2465,29 @@
align-self: stretch;
flex-grow: 0;
}
.programme_block{
.programme_block {
max-height: 18rem;
min-height: 10rem;
overflow: auto;
padding: 10px;
}
.description_block{
.description_block {
max-height: 13rem;
min-height: 8rem;
overflow: auto;
padding: 10px;
}
.objectif_block{
.objectif_block {
max-height: 11rem;
min-height: 5rem;
overflow: auto;
padding: 10px;
}
.session_block{
.session_block {
max-height: 10rem;
min-height: 5rem;
overflow: auto;
@ -2493,7 +2495,7 @@
}
.pourqui_block{
.pourqui_block {
max-height: 7rem;
min-height: 5rem;
overflow: auto;
@ -2507,7 +2509,7 @@
position: relative;
width: 35%;
height: 800px;
height: 700px;
left: 63%;
top: 160px;
//border: solid;
@ -2970,7 +2972,7 @@
//width: 80px;
height: 16px;
//left: 965px;
top: 715px;
top: 670px;
left: 35%;
}
@ -3032,7 +3034,7 @@
text-align: center;
height: 42px;
// left: 965px;
top: 750px;
top: 620px;
}
.sticky_organisme_title_desc_title {
@ -3463,6 +3465,34 @@
position: relative;
//top: 50px;
}
.sticky_div_hilight {
flex-direction: column;
align-items: flex-start;
padding: 0px;
position: absolute;
width: 99%;
display: flex;
flex-direction: column;
align-items: flex-start;
top: 750px;
}
.sticky_img_hilight1 {
/* Auto layout */
width: 100%;
height: 170px;
}
.img_hili {
width: 100%;
max-height: 170px;
border-radius: 15px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
@ -4373,7 +4403,7 @@
flex: none;
order: 0;
flex-grow: 0;
// max-height: 15rem;
// max-height: 15rem;
//min-height: 15rem;
//overflow: hidden;
}
@ -4467,28 +4497,28 @@
flex-grow: 0;
}
.programme_block{
.programme_block {
max-height: 18rem;
min-height: 10rem;
overflow: auto;
padding: 10px;
}
.description_block{
.description_block {
max-height: 13rem;
min-height: 8rem;
overflow: auto;
padding: 10px;
}
.objectif_block{
.objectif_block {
max-height: 11rem;
min-height: 5rem;
overflow: auto;
padding: 10px;
}
.session_block{
.session_block {
max-height: 10rem;
min-height: 5rem;
overflow: auto;
@ -4496,7 +4526,7 @@
}
.pourqui_block{
.pourqui_block {
max-height: 7rem;
min-height: 5rem;
overflow: auto;
@ -4510,7 +4540,7 @@
position: relative;
width: 30%;
height: 800px;
height: 700px;
left: 68%;
top: 160px;
//border: solid;
@ -4973,7 +5003,7 @@
//width: 80px;
height: 16px;
//left: 965px;
top: 715px;
top: 670px;
left: 35%;
}
@ -5035,7 +5065,7 @@
text-align: center;
height: 42px;
// left: 965px;
top: 750px;
top: 620px;
}
.sticky_organisme_title_desc_title {
@ -5465,6 +5495,34 @@
position: relative;
//top: 250px;
}
.sticky_div_hilight {
flex-direction: column;
align-items: flex-start;
padding: 0px;
position: absolute;
width: 99%;
display: flex;
flex-direction: column;
align-items: flex-start;
top: 750px;
}
.sticky_img_hilight1 {
/* Auto layout */
width: 100%;
height: 170px;
}
.img_hili {
width: 100%;
max-height: 170px;
border-radius: 15px;
}
}
@media only screen and (min-width: 1200px) {
@ -6486,28 +6544,28 @@
flex-grow: 0;
}
.programme_block{
.programme_block {
max-height: 18rem;
min-height: 10rem;
overflow: auto;
padding: 10px;
}
.description_block{
.description_block {
max-height: 13rem;
min-height: 8rem;
overflow: auto;
padding: 10px;
}
.objectif_block{
.objectif_block {
max-height: 11rem;
min-height: 5rem;
overflow: auto;
padding: 10px;
}
.session_block{
.session_block {
max-height: 10rem;
min-height: 5rem;
overflow: auto;
@ -6515,7 +6573,7 @@
}
.pourqui_block{
.pourqui_block {
max-height: 7rem;
min-height: 5rem;
overflow: auto;
@ -6531,7 +6589,7 @@
position: relative;
width: 309px;
height: 800px;
height: 700px;
left: 74%;
top: 160px;
//border: solid;
@ -6994,7 +7052,7 @@
//width: 80px;
height: 16px;
//left: 965px;
top: 720px;
top: 620px;
left: 35%;
}
@ -7056,7 +7114,7 @@
text-align: center;
height: 42px;
// left: 965px;
top: 750px;
top: 650px;
}
.sticky_organisme_title_desc_title {
@ -7489,6 +7547,35 @@
//top: 250px;
z-index: -1;
}
.sticky_div_hilight {
flex-direction: column;
align-items: flex-start;
padding: 0px;
position: absolute;
width: 99%;
display: flex;
flex-direction: column;
align-items: flex-start;
top: 750px;
}
.sticky_img_hilight1 {
/* Auto layout */
width: 100%;
height: 170px;
}
.img_hili {
width: 100%;
max-height: 170px;
border-radius: 15px;
}
}
// end media