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 (