From eebbf59a98f96d249a1e9e9a73aba9e0b1076351 Mon Sep 17 00:00:00 2001 From: cherif Date: Wed, 1 Feb 2023 21:12:13 +0100 Subject: [PATCH] 01/02/23 - 22h --- src/components/AddClassManual.js | 4 +- src/components/CoupDeCoeur.js | 3 +- src/components/DisplayDetailClass_new_v2.js | 174 +++++++--- src/components/GestionAdministrative.js | 4 +- src/components/Partner.js | 14 + src/components/TestUrl.js | 40 ++- src/components/UpdatePartnerInfo.js | 323 +++++++++++++++--- .../_displaydetailclass_new_v2.scss | 147 ++++++-- 8 files changed, 579 insertions(+), 130 deletions(-) diff --git a/src/components/AddClassManual.js b/src/components/AddClassManual.js index f482340..eac6a49 100644 --- a/src/components/AddClassManual.js +++ b/src/components/AddClassManual.js @@ -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); diff --git a/src/components/CoupDeCoeur.js b/src/components/CoupDeCoeur.js index 8f1467d..3f60ecb 100644 --- a/src/components/CoupDeCoeur.js +++ b/src/components/CoupDeCoeur.js @@ -301,7 +301,8 @@ const DisplayDetailClass = (props) => { '_blank' ); - }}>Accedez a la formation + }} + >Accedez a la formation diff --git a/src/components/DisplayDetailClass_new_v2.js b/src/components/DisplayDetailClass_new_v2.js index e1039bc..3a19a87 100644 --- a/src/components/DisplayDetailClass_new_v2.js +++ b/src/components/DisplayDetailClass_new_v2.js @@ -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) => { -
+ {String(action).toLowerCase() !== "information" && String(action).toLowerCase() !== "inscription" && +
-
+
-
- M'inscrire -
- -
- -
- -
- M'informer sur la formation +
+ M'inscrire +
+
-
+
+ M'informer sur la formation -
+
+ + +
+ +
}
@@ -1374,7 +1418,7 @@ const DisplayDetailClass_new_v2 = (props) => {
- {DetailTraining["pourqui"] &&
+ {DetailTraining["pourqui"] &&
Pour Qui ? @@ -1456,14 +1500,14 @@ const DisplayDetailClass_new_v2 = (props) => {
- { JSON.parse(formation).note && String(JSON.parse(formation).note).length === 1 && - parseInt(String(JSON.parse(formation).note)) <=5 && - } + precision={0.5} + readOnly={true} + value={(String(JSON.parse(formation).note))} + />}
@@ -1628,13 +1672,13 @@ const DisplayDetailClass_new_v2 = (props) => {
- { ratingvalue && String(ratingvalue).length === 1 && - parseInt(String(ratingvalue)) <=5 && - } + precision={0.5} + value={ratingvalue} + />}
@@ -1703,7 +1747,7 @@ const DisplayDetailClass_new_v2 = (props) => {
{DetailTraining["description"] &&
{parse(String(DetailTraining["description"]))} - +
} @@ -1789,7 +1833,7 @@ const DisplayDetailClass_new_v2 = (props) => {
{DetailTraining["objectif"] &&
{parse(String(DetailTraining["objectif"]))} - +
} @@ -1802,7 +1846,7 @@ const DisplayDetailClass_new_v2 = (props) => {
{DetailTraining["programme"] &&
{parse(String(DetailTraining["programme"]))} - +
}
@@ -1813,7 +1857,7 @@ const DisplayDetailClass_new_v2 = (props) => {
{DetailTraining["pourqui"] &&
{parse(String(DetailTraining["pourqui"]))} - +
} @@ -1821,11 +1865,11 @@ const DisplayDetailClass_new_v2 = (props) => { {DetailTraining["plus_produit"] &&
- Points forts + Points forts
{DetailTraining["pourqui"] &&
{parse(String(DetailTraining["plus_produit"]))} - +
} @@ -2035,7 +2079,7 @@ const DisplayDetailClass_new_v2 = (props) => {
*/} -
+ {String(action).toLowerCase() !== "information" && String(action).toLowerCase() !== "inscription" &&
@@ -2048,8 +2092,29 @@ const DisplayDetailClass_new_v2 = (props) => {
M’informer sur la formation
+
} + +
+ + {String(isqualiopi) === "1" &&
+ Qualiopi +
} + + {String(isdatadock) === "1" &&
+ DataDock + +
} + + {String(iscertitrace) === "1" &&
+ Certitrace + +
} + +
+ +
@@ -2073,7 +2138,18 @@ const DisplayDetailClass_new_v2 = (props) => {
- MySyTraining.com + + {partnair_name && website_partenaire && }
@@ -2143,14 +2219,14 @@ const DisplayDetailClass_new_v2 = (props) => {
- { 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 && - } + precision={0.5} + value={(String(JSON.parse(formation).note))} + />}
{parse(String(JSON.parse(formation).title)).substring(0, 50)} diff --git a/src/components/GestionAdministrative.js b/src/components/GestionAdministrative.js index 46d9fe9..7f82758 100644 --- a/src/components/GestionAdministrative.js +++ b/src/components/GestionAdministrative.js @@ -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); diff --git a/src/components/Partner.js b/src/components/Partner.js index 0cc1698..0501386 100644 --- a/src/components/Partner.js +++ b/src/components/Partner.js @@ -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"; diff --git a/src/components/TestUrl.js b/src/components/TestUrl.js index 14e5d56..ee5aa73 100644 --- a/src/components/TestUrl.js +++ b/src/components/TestUrl.js @@ -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
+

+
+ +
+
+
+
+ Mysy Training Logo +
+ +
+ Cherif BALDE
+
+
+ Directeur +
+
+
+
+ + +
+ +
+
 +337 69 20 39 45
+
 +331 77 00 38 57
+
 cbalde@mysy-training.com
+
 https://www.mysy-training.com/
+
 +337 69 20 39 45
+ +
+
+ +
+ + {/* @@ -1245,6 +1282,7 @@ Cette fonction recuperer les stats des TOP 5 formations sur la periode saisie pa
+
 +337 69 20 39 45
 +337 69 20 39 45
 cbalde@mysy-training.com
 https://www.mysy-training.com/
diff --git a/src/components/UpdatePartnerInfo.js b/src/components/UpdatePartnerInfo.js index 8cbdf84..dbae989 100644 --- a/src/components/UpdatePartnerInfo.js +++ b/src/components/UpdatePartnerInfo.js @@ -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 (
@@ -902,6 +1039,23 @@ function UpdateParnterInfo() { variant="standard" /> + + + + ), + }} + variant="standard" + /> + + + +
 
+
Certification
+ + + + ), + }} + variant="standard" + /> + + + {qualiopi.map((option) => ( + + {option.label}  
+
+ ))} +
+ + {datadock.map((option) => ( + + {option.label}  
+
+ ))} +
+ + {certitrace.map((option) => ( + + {option.label}  
+
+ ))} +
+ + +
+ + +
 
Info Contact
@@ -1430,23 +1661,23 @@ function UpdateParnterInfo() { />
- Créez un mot de passe contenant au moins : -
    -
  • - 8 caractères -
  • -
  • - 1 nombre -
  • -
  • - 1 caractère spécial p. ex., $, !, @, %, & -
  • + Créez un mot de passe contenant au moins : +
      +
    • + 8 caractères +
    • +
    • + 1 nombre +
    • +
    • + 1 caractère spécial p. ex., $, !, @, %, & +
    • -
    • - Identiques -
    • -
    -
+
  • + Identiques +
  • + +
    diff --git a/src/styles/components/_displaydetailclass_new_v2.scss b/src/styles/components/_displaydetailclass_new_v2.scss index 2b5ec19..81f6234 100644 --- a/src/styles/components/_displaydetailclass_new_v2.scss +++ b/src/styles/components/_displaydetailclass_new_v2.scss @@ -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