From 7041e28a945a1930643a4e0de3bf628b43b9b118 Mon Sep 17 00:00:00 2001 From: cherif Date: Sun, 8 Dec 2024 13:38:16 +0100 Subject: [PATCH] sdqs --- src/components/DisplayDetailClass_new_v3.js | 393 ++++++++++++------ src/components/Header.js | 2 +- src/components/Recherche_new_v2.js | 2 - .../_displaydetailclass_new_v3.scss | 98 ++++- src/styles/components/_reherche_new_v2.scss | 2 +- 5 files changed, 372 insertions(+), 125 deletions(-) diff --git a/src/components/DisplayDetailClass_new_v3.js b/src/components/DisplayDetailClass_new_v3.js index 518f6b0..c35e048 100644 --- a/src/components/DisplayDetailClass_new_v3.js +++ b/src/components/DisplayDetailClass_new_v3.js @@ -44,7 +44,7 @@ import { confirmAlert } from 'react-confirm-alert'; import Rating from '@mui/material/Rating'; import parse from 'html-react-parser'; import Inscription from "./Inscription_Information"; - +import SendIcon from '@mui/icons-material/Send'; import mysy_logo2 from "../mysy_img2/Logo_MySy.png" import { FaSearch, FaRegArrowAltCircleDown, FaRegArrowAltCircleUp } from 'react-icons/fa'; import { areOptionsEqual } from "@mui/base"; @@ -56,6 +56,17 @@ import AccordionSummary from '@mui/material/AccordionSummary'; import Typography from '@mui/material/Typography'; import ExpandMoreIcon from '@mui/icons-material/ExpandMore'; +import Dialog from '@mui/material/Dialog'; +import DialogActions from '@mui/material/DialogActions'; +import DialogContent from '@mui/material/DialogContent'; +import DialogContentText from '@mui/material/DialogContentText'; +import DialogTitle from '@mui/material/DialogTitle'; + +import Box from '@mui/material/Box'; +import TextField from '@mui/material/TextField'; + +import DescriptionIcon from '@mui/icons-material/Description'; + const DisplayDetailClass_new_v3 = (props) => { const { classId, action } = useParams(); const [result, setResult] = useState(""); @@ -398,7 +409,7 @@ const DisplayDetailClass_new_v3 = (props) => { axios.post(myurl, form).then(res => { // 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.message = " + res.data.message); if (String(res.data.status) === String("true")) { if (res.data.message.length > 0) { @@ -663,7 +674,7 @@ const DisplayDetailClass_new_v3 = (props) => { } } else { - console.log(" ON PASSE  au MIN"); + //console.log(" ON PASSE  au MIN"); local_tmp = "1700px"; main_h_px = "2500px"; @@ -832,7 +843,7 @@ const DisplayDetailClass_new_v3 = (props) => { } else { setinscritpion("1"); } - + if (document.getElementById('myRef_informe')) { var divh = document.getElementById('myRef_informe').offsetTop; @@ -1092,19 +1103,263 @@ const DisplayDetailClass_new_v3 = (props) => { const myRef_informe = useRef(null) + const [Dialog_contact_message, setDialog_contact_message] = React.useState(false); + const [Dialog_contact_open, setDialog_contact_open] = React.useState(false); + function Dialog_contact_handle_change_participant_session(message) { + setDialog_contact_message(message); + setDialog_contact_open(true); + } + + const Dialog_contact_handleClose = () => { + + }; + + const Dialog_contact_handleClose_buton = () => { + + setDialog_contact_open(false); + clear_contact_message_fields(); + + }; + + const [contact_message_nom_prenom, setcontact_message_nom_prenom] = React.useState(""); + const [contact_message_email, setcontact_message_email] = React.useState(""); + const [contact_message_phone, setcontact_message_phone] = React.useState(""); + const [contact_message_sujet, setcontact_message_sujet] = React.useState(""); + const [contact_message_message, setcontact_message_message] = React.useState(""); + + function clear_contact_message_fields() { + setcontact_message_nom_prenom(""); + setcontact_message_email(""); + setcontact_message_phone(""); + setcontact_message_sujet(""); + setcontact_message_sujet(""); + setcontact_message_message(""); + } + + function Send_Contact_Message(e) { + + var sender_mail = ""; + var sender_tel = ""; + var token = ""; + + ////console.log("contacter " + sender_mail + " - " + sender_tel + " - ") + + var mysubject = contact_message_sujet; + var mymessage = contact_message_message; + var mysender_name = contact_message_nom_prenom; + var mysender_email = contact_message_email; + + + //alert("contacter "+mysender_email+" - "+mymessage+" - url = " + //+process.env.REACT_APP_API_URL+" - user_ip ="+IPv4+" - "+latitude); + + var re = /\S+@\S+\.\S+/; + if (re.test(mysender_email) == false) { + alert("l'email est incorrecte"); + return; + } + + var myurl = process.env.REACT_APP_API_URL + "myclass/api/add_user_message/"; + var form = new FormData(); + form.append("type", "email"); + form.append("recever_mail", "contact@mysy-training.com"); + form.append("recever_tel", "+33769203945"); + form.append("sender_mail", mysender_email); + form.append("sender_tel", sender_tel); + form.append("object", mysubject); + form.append("message", mymessage); + form.append("sender_name", mysender_name); + form.append("token", ""); + form.append("user_ip", IPv4); + form.append("user_country_code", country_code); + form.append("user_country_name", country_name); + form.append("user_city", city); + form.append("user_postal", postal); + form.append("user_latitude", latitude); + form.append("user_longitude", longitude); + form.append("user_state", state); + + + // console.log("## form = ", form); + + + + axios.post(myurl, form).then(res => { + + if (String(res.data.status) === String("false")) { + + alert(res.data.message); + } + + else if (String(res.data.status) === String("true")) { + Dialog_contact_handleClose_buton(); + alert(res.data.message); + + } + else { + + } + }).catch((error) => { + console.warn('contact-nous Not good man :( mysearchtext = '); + + }) + } + + + /// ---- return (
- + {`${DetailTraining["title"]}`} + {/*** GESTION Contact */} + + + Contactez Nous + + + +
+
+ Nom & Prénom +
+
+ + { + setcontact_message_nom_prenom(e.target.value); + }} + className='form-control formInput' + placeholder='Nom' + > +
+
+ +
+
+ E-mail +
+
+ { + setcontact_message_email(e.target.value); + }} + className='form-control formInput' + placeholder='Adresse email' + > +
+
+ + +
+
+ Téléphone +
+
+ { + setcontact_message_phone(e.target.value); + }} + className='form-control formInput' + placeholder='Numéro Tél' + > +
+
+ +
+
+ Sujet +
+
+ { + setcontact_message_sujet(e.target.value); + }} + className='form-control formInput' + placeholder='Sujet' + > +
+
+ +
+
+ Votre message +
+
+ +
+
+ +
+ +
MySy Training Technology
+
+
+ + Adresse : 1 Cr du Havre, 75008 Paris
+ Adresse email : + contact@mysy-training.com
+ + Téléphone fixe : +331 77 00 38 57
+
+ +
+ + +
+ + +
+
+ +
+
+ + +
+
+ +
+ + +
+ {/*** FIN GESTION Contact */} +
@@ -1203,7 +1458,7 @@ const DisplayDetailClass_new_v3 = (props) => { && DetailTraining["price"] &&
- +
} @@ -1398,7 +1653,7 @@ const DisplayDetailClass_new_v3 = (props) => {
-
+
@@ -1540,11 +1795,11 @@ const DisplayDetailClass_new_v3 = (props) => {
- {DetailTraining["tab_ue_detail_data"] &&
+ {DetailTraining["tab_ue_detail_data"] &&
-
+
{DetailTraining["tab_ue_detail_data"] && DetailTraining["tab_ue_detail_data"].map((val) => ( -
+
{
+
+
+
-
- - -
-
- - -
- MySy Training Technology - -
-
- -
- - - -
{ history.push("/") }}> -   Les formations -
- - {/*
{ history.push("/Recherche-Article-formation") }}> - Le blog -
*/} - -
{ history.push("/qui-sommes-nous") }}> - A propos -
- -
{ history.push("/fonctionnalites") }}> - Solution -
- - - -
{ history.push("/Produits-Services") }}> - Tarifs -
- -
- -
- -
- -
- -
- -
- -
- - - {String(someoneconnected) !== String("1") && } - -
- -
- -
- -
- -
- -
- {String(someoneconnected) !== String("1") && } - {String(someoneconnected) === String("1") && } -
- -
- -
- -
- - -
- - - -
- - +
@@ -1920,8 +2081,8 @@ const DisplayDetailClass_new_v3 = (props) => {
-
- Description +
Description +
{DetailTraining["description"] &&
{parse(String(DetailTraining["description"]))} @@ -2043,11 +2204,11 @@ const DisplayDetailClass_new_v3 = (props) => {
- {DetailTraining["tab_ue_detail_data"] &&
+ {DetailTraining["tab_ue_detail_data"] &&
-
+
{DetailTraining["tab_ue_detail_data"] && DetailTraining["tab_ue_detail_data"].map((val) => ( -
+
{ } {String(DetailTraining["price"]) && String(DetailTraining["price"]) !== String("0") && (!DetailTraining.business_prices || Object.keys(DetailTraining.business_prices).length <= 0) - && DetailTraining["price"] &&
{String(DetailTraining["price"])} HT
} + && DetailTraining["price"] &&
{String(DetailTraining["price"])} € HT
} {String(DetailTraining["price"]) && String(DetailTraining["price"]) !== String("0") && DetailTraining.business_prices && Object.keys(DetailTraining.business_prices).length > 0 && DetailTraining["price"] &&
- +
} @@ -2545,7 +2706,7 @@ const DisplayDetailClass_new_v3 = (props) => {
- +
diff --git a/src/components/Header.js b/src/components/Header.js index 35dcf07..bbd96c6 100644 --- a/src/components/Header.js +++ b/src/components/Header.js @@ -714,7 +714,7 @@ const Header = () => { Contact
- +
Tarifs
diff --git a/src/components/Recherche_new_v2.js b/src/components/Recherche_new_v2.js index 04f8f25..7daad2c 100644 --- a/src/components/Recherche_new_v2.js +++ b/src/components/Recherche_new_v2.js @@ -2761,8 +2761,6 @@ const Recherche_new_v2 = () => { return ( - -
diff --git a/src/styles/components/_displaydetailclass_new_v3.scss b/src/styles/components/_displaydetailclass_new_v3.scss index 094a5f4..65abd77 100644 --- a/src/styles/components/_displaydetailclass_new_v3.scss +++ b/src/styles/components/_displaydetailclass_new_v3.scss @@ -792,7 +792,7 @@ order: 0; align-self: stretch; flex-grow: 0; - background-color: #4d4dff; + background-color: #20BFA9; text-align: center; } @@ -1270,6 +1270,7 @@ padding: 10px; font-family: Roboto, Verdana, Georgia, Arial, "Times New Roman"; font-size: 14px; + line-height: 30px; } .description_block { @@ -1278,6 +1279,7 @@ padding: 10px; font-family: Roboto, Verdana, Georgia, Arial, "Times New Roman"; font-size: 14px; + line-height: 30px; } .objectif_block { @@ -1286,6 +1288,7 @@ padding: 10px; font-family: Roboto, Verdana, Georgia, Arial, "Times New Roman"; font-size: 14px; + line-height: 30px; } .session_block { @@ -1294,6 +1297,7 @@ padding: 10px; font-family: Roboto, Verdana, Georgia, Arial, "Times New Roman"; font-size: 14px; + line-height: 30px; } @@ -1303,6 +1307,7 @@ padding: 10px; font-family: Roboto, Verdana, Georgia, Arial, "Times New Roman"; font-size: 14px; + line-height: 30px; } .sticky_div_hilight { @@ -1363,6 +1368,22 @@ .css-wdmfcx { width: 100% !important; } + + // 07/01/23 + .Background_Header { + /* Background Header */ + + + position: absolute; + width: 100%; + height: 350px; + left: 0px; + top: 0px; + + /* Beige */ + + background: #FFF5DA; + } } @media only screen and (min-width: 601px) and (max-width: 991px) { @@ -2128,7 +2149,7 @@ position: relative; width: 713px; - left: 80; + left: 80px; padding-top: 10px; } @@ -2284,7 +2305,7 @@ align-self: stretch; flex-grow: 0; - background-color: #4d4dff; + background-color: #20BFA9; text-align: center; color: white; font-size: 20px; @@ -2326,6 +2347,8 @@ overflow: auto; padding: 10px; font-family: Roboto, Verdana, Georgia, Arial, 'Times New Roman'; + line-height: 30px; + font-size: 14px; } .description_block { @@ -2334,6 +2357,8 @@ overflow: auto; padding: 10px; font-family: Roboto, Verdana, Georgia, Arial, 'Times New Roman'; + line-height: 30px; + font-size: 14px; } .objectif_block { @@ -2342,6 +2367,8 @@ overflow: auto; padding: 10px; font-family: Roboto, Verdana, Georgia, Arial, 'Times New Roman'; + line-height: 30px; + font-size: 14px; } .session_block { @@ -2350,6 +2377,8 @@ overflow: auto; padding: 10px; font-family: Roboto, Verdana, Georgia, Arial, 'Times New Roman'; + line-height: 30px; + font-size: 14px; } @@ -2359,6 +2388,8 @@ overflow: auto; padding: 10px; font-family: Roboto, Verdana, Georgia, Arial, 'Times New Roman'; + line-height: 30px; + font-size: 14px; } @@ -3394,6 +3425,18 @@ } + .Background_Header { + //position: absolute; + width: 100%; + //height: 452px; + left: 0px; + top: 0px; + + /* Beige */ + + background: #FFF5DA; + + } } @media only screen and (min-width: 992px) and (max-width: 1199px) { @@ -4320,7 +4363,7 @@ order: 0; align-self: stretch; flex-grow: 0; - background-color: #4d4dff; + background-color: #20BFA9; text-align: center; } @@ -4358,6 +4401,8 @@ overflow: auto; padding: 10px; font-family: Roboto, Verdana, Georgia, Arial, 'Times New Roman'; + line-height: 30px; + font-size: 14px; } .description_block { @@ -4366,6 +4411,8 @@ overflow: auto; padding: 10px; font-family: Roboto, Verdana, Georgia, Arial, 'Times New Roman'; + line-height: 30px; + font-size: 14px; } .objectif_block { @@ -4374,6 +4421,8 @@ overflow: auto; padding: 10px; font-family: Roboto, Verdana, Georgia, Arial, 'Times New Roman'; + line-height: 30px; + font-size: 14px; } .session_block { @@ -4382,6 +4431,8 @@ overflow: auto; padding: 10px; font-family: Roboto, Verdana, Georgia, Arial, 'Times New Roman'; + line-height: 30px; + font-size: 14px; } @@ -4391,6 +4442,8 @@ overflow: auto; padding: 10px; font-family: Roboto, Verdana, Georgia, Arial, 'Times New Roman'; + line-height: 30px; + font-size: 14px; } @@ -5426,6 +5479,18 @@ } + .Background_Header { + // position: absolute; + width: 100%; + // height: 452px; + left: 0px; + top: 0px; + + /* Beige */ + + background: #FFF5DA; + + } } @media only screen and (min-width: 1200px) { @@ -6371,7 +6436,7 @@ align-self: stretch; flex-grow: 0; - background-color: #4d4dff; + background-color: #20BFA9; text-align: center; } @@ -6409,6 +6474,8 @@ overflow: auto; padding: 10px; font-family: Roboto, Verdana, Georgia, Arial, 'Times New Roman'; + line-height: 30px; + font-size: 14px; } .description_block { @@ -6417,6 +6484,8 @@ overflow: auto; padding: 10px; font-family: Roboto, Verdana, Georgia, Arial, 'Times New Roman'; + line-height: 30px; + font-size: 14px; } .objectif_block { @@ -6425,6 +6494,8 @@ overflow: auto; padding: 10px; font-family: Roboto, Verdana, Georgia, Arial, 'Times New Roman'; + line-height: 30px; + font-size: 14px; } .session_block { @@ -6433,6 +6504,8 @@ overflow: auto; padding: 10px; font-family: Roboto, Verdana, Georgia, Arial, 'Times New Roman'; + line-height: 30px; + font-size: 14px; } @@ -6442,6 +6515,8 @@ overflow: auto; padding: 10px; font-family: Roboto, Verdana, Georgia, Arial, 'Times New Roman'; + line-height: 30px; + font-size: 14px; } @@ -7483,6 +7558,19 @@ width: 80%; z-index: 50; } + + .Background_Header { + // position: absolute; + width: 100%; + // height: 452px; + left: 0px; + top: 0px; + + /* Beige */ + + background: #FFF5DA; + + } } // end media diff --git a/src/styles/components/_reherche_new_v2.scss b/src/styles/components/_reherche_new_v2.scss index d9892f2..6e8fb1c 100644 --- a/src/styles/components/_reherche_new_v2.scss +++ b/src/styles/components/_reherche_new_v2.scss @@ -9,7 +9,7 @@ .css-qbdosj-Input { background: transparent !important; } - + .h1_transparent { color: transparent;