23/11/22 - 22h30

recette2
cherif 2022-11-23 22:25:54 +01:00
parent ff3167badc
commit f5968a560d
6 changed files with 276 additions and 83 deletions

View File

@ -530,7 +530,14 @@ const DisplayDetailClass = (props) => {
<div className="right_box"> <div className="right_box">
{DetailTraining["img_banner_detail_class"] && <div> {DetailTraining["img_banner_detail_class"] && <div>
<img src={`${DetailTraining["img_banner_detail_class"]}`} className="img_bannermg_WOimg"/> </div>} <img src={`${DetailTraining["img_banner_detail_class"]}`} className="img_bannermg_WOimg"/> <Button variant="contained" color="success"
className="bton_inscription"
onClick={Inscription_bton}
>
Je m'inscris
</Button>
</div>}
{ (!DetailTraining["img_banner_detail_class"] || String(DetailTraining["img_banner_detail_class"]).length < 5) && { (!DetailTraining["img_banner_detail_class"] || String(DetailTraining["img_banner_detail_class"]).length < 5) &&
<div className="img_banner"> <div className="img_banner">

View File

@ -111,7 +111,7 @@ const DistplayPartnerTraningsPage = (props) => {
const stored_cookie = getCookie('tokenmysypart'); const stored_cookie = getCookie('tokenmysypart');
form.append("token", stored_cookie); form.append("token", stored_cookie);
var myurl = process.env.REACT_APP_API_URL + "myclass/api/get_partner_class/"; var myurl = process.env.REACT_APP_API_URL + "myclass/api/find_partner_class_like/";
//alert(" laaa"); //alert(" laaa");
fetch(myurl, fetch(myurl,
@ -487,7 +487,7 @@ const DistplayPartnerTraningsPage = (props) => {
<div className="parter_div_filtrer_row"> <div className="parter_div_filtrer_row">
<Button variant="contained" onClick={GetAllClass_new}>Rechercher </Button> <Button variant="contained" onClick={GetAllClass_new} className="bton_rechercher">Rechercher </Button>
</div> </div>
<br /> <br />

View File

@ -25,6 +25,8 @@ import axios from "axios";
import MenuItem from '@mui/material/MenuItem'; import MenuItem from '@mui/material/MenuItem';
import { Redirect } from 'react-router-dom' import { Redirect } from 'react-router-dom'
import { Editor } from '@tinymce/tinymce-react'; import { Editor } from '@tinymce/tinymce-react';
import SendIcon from '@mui/icons-material/Send';
import { IoAddCircleOutline, IoCloseCircleOutline } from "react-icons/io5";
function Inscription_Information(props) { function Inscription_Information(props) {
@ -337,7 +339,7 @@ function Inscription_Information(props) {
const [AnnulerFction_info_status, setAnnulerFction_info_status] = useState(""); const [AnnulerFction_info_status, setAnnulerFction_info_status] = useState("");
function AnnulerFction_info() { function AnnulerFction_info() {
clearfileds_info(); clearfileds_info();
setSendInformationRequest_status("false"); setAnnulerFction_info_status("false");
} }
@ -650,16 +652,19 @@ function Inscription_Information(props) {
'borderRadius': "5px", 'borderRadius': "5px",
"fontSize": "small", "padding": "0.3rem", "fontSize": "small", "padding": "0.3rem",
"width": "60%", "width": "60%",
"backgroundColor": "#81BC3A",
}} }}
onClick={RecordData}>Enregister</Button> onClick={RecordData}>Envoyer &nbsp; &nbsp; {<SendIcon />}</Button>
</div> </div>
<div className="div_row_droite" style={{ "textAlign": "right" }}> <div className="div_row_droite" style={{ "textAlign": "right" }}>
<Button variant="contained" color="success" style={{ <Button variant="contained" color="success" style={{
'borderRadius': "7px", 'borderRadius': "7px",
"fontSize": "small", "padding": "0.3rem", "fontSize": "small", "padding": "0.3rem",
"width": "60%", "width": "60%",
"backgroundColor": "white",
"color": "#104277",
}} }}
onClick={AnnulerFction}>Annuler</Button> onClick={AnnulerFction}>Fermer &nbsp; &nbsp;{<IoCloseCircleOutline />}</Button>
</div> </div>
</div> </div>
@ -675,9 +680,9 @@ function Inscription_Information(props) {
{(String(SendInformationRequest_status) === "false" || {(String(SendInformationRequest_status) === "false" ||
String(SendInformationRequest_status).length === 0) && String(SendInformationRequest_status).length === 0) &&
String(action).toLocaleLowerCase() === "information" && String(action).toLocaleLowerCase() === "information" &&
String(AnnulerFction_info_status) !== "1" && <div> String(AnnulerFction_info_status) !== "false" && <div>
<Box alignItems="left" sx={{ '& > :not(style)': { m: 1 }, width: '100%', }}> <div className="div_info_gauche">
{String(RecordData_status) === "false" && <div className="koUpdateData"> {String(RecordData_status) === "false" && <div className="koUpdateData">
{RecordData_message} {RecordData_message}
@ -687,16 +692,13 @@ function Inscription_Information(props) {
</div> </div>
</Box>
{<Box alignItems="left" sx={{ '& > :not(style)': { m: 1 }, width: '100%', }}>
<TextField <TextField
required required
label="Nom" label="Nom"
name="nom_info" name="nom_info"
className="texte_area" className="texte_area"
sx={{ m: 1, width: '48%' }} sx={{ m: 1, width: '90%' }}
InputProps={{ InputProps={{
startAdornment: ( startAdornment: (
<InputAdornment position="start"> <InputAdornment position="start">
@ -712,7 +714,7 @@ function Inscription_Information(props) {
label="Prénom(s)" label="Prénom(s)"
name="prenom_info" name="prenom_info"
className="texte_area" className="texte_area"
sx={{ m: 1, width: '48%' }} sx={{ m: 1, width: '90%' }}
InputProps={{ InputProps={{
startAdornment: ( startAdornment: (
<InputAdornment position="start"> <InputAdornment position="start">
@ -727,7 +729,7 @@ function Inscription_Information(props) {
name="email_info" name="email_info"
label="Adresse mail" label="Adresse mail"
className="texte_area" className="texte_area"
sx={{ m: 1, width: '48%' }} sx={{ m: 1, width: '90%' }}
InputProps={{ InputProps={{
startAdornment: ( startAdornment: (
<InputAdornment position="start"> <InputAdornment position="start">
@ -743,7 +745,7 @@ function Inscription_Information(props) {
name="telephone_info" name="telephone_info"
label="Téléphone" label="Téléphone"
className="texte_area" className="texte_area"
sx={{ m: 1, width: '48%' }} sx={{ m: 1, width: '90%' }}
InputProps={{ InputProps={{
startAdornment: ( startAdornment: (
<InputAdornment position="start"> <InputAdornment position="start">
@ -759,7 +761,7 @@ function Inscription_Information(props) {
id="employeur_info" id="employeur_info"
label="Employeur" label="Employeur"
className="texte_area" className="texte_area"
sx={{ m: 1, width: '48%' }} sx={{ m: 1, width: '90%' }}
InputProps={{ InputProps={{
startAdornment: ( startAdornment: (
<InputAdornment position="start"> <InputAdornment position="start">
@ -770,12 +772,13 @@ function Inscription_Information(props) {
variant="standard" variant="standard"
/> />
</div>
<div style={{ "width": "10%" }}> &nbsp;</div>
<div className="div_info_droite">
<div className="titre1_aide_finance"> Dites nous en plus sur votre besoin :)</div> <div className="titre1_aide_finance"> Dites nous en plus sur votre besoin :)</div>
<Box alignItems="left" sx={{ '& > :not(style)': { m: 1 }, width: '100%', }}>
<Editor <Editor
onInit={(evt, editor) => editorRef_description.current = editor} onInit={(evt, editor) => editorRef_description.current = editor}
initialValue={field_description} initialValue={field_description}
@ -791,7 +794,7 @@ function Inscription_Information(props) {
init={{ init={{
resize: false, resize: false,
height: 200, height: 300,
menubar: false, menubar: false,
plugins: [ plugins: [
'advlist autolink lists link image charmap print preview anchor', 'advlist autolink lists link image charmap print preview anchor',
@ -805,36 +808,31 @@ function Inscription_Information(props) {
}} }}
/> />
</Box> </div>
<div style={{ "width": "100%" }}> &nbsp;</div> <div> &nbsp;</div>
<div className="div_row22"> <div className="div_row22">
{<div className="div_row"> {<div className="div_row">
<div className="div_row_gauche"> <div className="div_row_gauche">
<Button variant="contained" color="success" style={{ <Button variant="contained" color="success" className="bton_envoyer"
'borderRadius': "5px", onClick={SendInformationRequest}
"fontSize": "small", "padding": "0.3rem", startIcon={<SendIcon />}>Envoyer &nbsp; &nbsp; {<SendIcon />}</Button>
"width": "60%",
}}
onClick={SendInformationRequest}>Enregister</Button>
</div> </div>
<div className="div_row_droite" style={{ "textAlign": "right" }}> <div className="div_row_droite" style={{ "textAlign": "right" }}>
<Button variant="contained" color="success" style={{ <Button variant="contained" color="success" className="bton_fermer"
'borderRadius': "7px", onClick={AnnulerFction_info}>Fermer &nbsp; &nbsp;{<IoCloseCircleOutline />}</Button>
"fontSize": "small", "padding": "0.3rem",
"width": "60%",
}}
onClick={AnnulerFction_info}>Annuler</Button>
</div> </div>
</div> </div>
} }
</div> </div>
</Box>}
</div>} </div>}

View File

@ -141,6 +141,7 @@
border-radius: 10px; border-radius: 10px;
padding-top: 10px; padding-top: 10px;
width: 98%; width: 98%;
max-height: 5rem;
} }
.titre_formation { .titre_formation {
@ -490,6 +491,7 @@
border-radius: 10px; border-radius: 10px;
padding-top: 10px; padding-top: 10px;
width: 100%; width: 100%;
max-height: 8rem;
} }
@ -845,6 +847,7 @@
border-radius: 10px; border-radius: 10px;
padding-top: 10px; padding-top: 10px;
width: 100%; width: 100%;
max-height: 11rem;
} }
@ -1201,6 +1204,7 @@
border-radius: 10px; border-radius: 10px;
padding-top: 10px; padding-top: 10px;
width: 100%; width: 100%;
max-height: 12rem;
} }
.titre_formation { .titre_formation {

View File

@ -112,6 +112,7 @@
color: red; color: red;
font-style: italic; font-style: italic;
} }
.parter_div_filtrer_center { .parter_div_filtrer_center {
border-width: 0.01rem; border-width: 0.01rem;
width: 50%; width: 50%;
@ -191,6 +192,7 @@
.myTextField { .myTextField {
width: 90% !important; width: 90% !important;
} }
.detail_training { .detail_training {
border: none; border: none;
margin-bottom: 1rem; margin-bottom: 1rem;
@ -198,7 +200,20 @@
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
} }
.bton_rechercher {
border-radius: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
font-size: small;
width: 50%;
background: #81BC3A;
padding: 0.3rem;
} }
}
@media only screen and (min-width: 601px) and (max-width: 991px) { @media only screen and (min-width: 601px) and (max-width: 991px) {
text-align: left; text-align: left;
font-size: medium !important; font-size: medium !important;
@ -282,6 +297,7 @@
color: red; color: red;
font-style: italic; font-style: italic;
} }
.parter_div_filtrer_center { .parter_div_filtrer_center {
border-width: 0.01rem; border-width: 0.01rem;
width: 50%; width: 50%;
@ -341,6 +357,7 @@
.css-6j8wv5-Input { .css-6j8wv5-Input {
font-size: small !important; font-size: small !important;
} }
.css-1krn5vm-MuiFormControl-root-MuiTextField-root { .css-1krn5vm-MuiFormControl-root-MuiTextField-root {
//width: 90% !important; //width: 90% !important;
} }
@ -369,7 +386,20 @@
margin-bottom: 1rem; margin-bottom: 1rem;
height: fit-content; height: fit-content;
} }
.bton_rechercher {
border-radius: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
font-size: small;
width: 30%;
background: #81BC3A;
padding: 0.3rem;
} }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) { @media only screen and (min-width: 992px) and (max-width: 1199px) {
text-align: left; text-align: left;
font-size: larger !important; font-size: larger !important;
@ -513,6 +543,7 @@
.css-6j8wv5-Input { .css-6j8wv5-Input {
font-size: small !important; font-size: small !important;
} }
.css-1krn5vm-MuiFormControl-root-MuiTextField-root { .css-1krn5vm-MuiFormControl-root-MuiTextField-root {
//width: 90% !important; //width: 90% !important;
} }
@ -541,6 +572,19 @@
margin-bottom: 1rem; margin-bottom: 1rem;
height: fit-content; height: fit-content;
} }
.bton_rechercher {
border-radius: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
font-size: small;
width: 20%;
background: #81BC3A;
padding: 0.3rem;
}
} }
@media only screen and (min-width: 1200px) { @media only screen and (min-width: 1200px) {
@ -715,5 +759,19 @@
margin-bottom: 1rem; margin-bottom: 1rem;
height: fit-content; height: fit-content;
} }
.bton_rechercher {
border-radius: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
font-size: small;
width: 20%;
background: #81BC3A;
padding: 0.3rem;
}
} }
} }

View File

@ -56,7 +56,7 @@
color: white; color: white;
cursor: pointer; cursor: pointer;
font-style: italic; font-style: italic;
background-color: #81BC3A; background-color: #104277;
font-weight: normal; font-weight: normal;
height: 2rem; height: 2rem;
padding-top: 5px; padding-top: 5px;
@ -81,6 +81,37 @@
.css-ijy3ji-MuiFormControl-root-MuiTextField-root { .css-ijy3ji-MuiFormControl-root-MuiTextField-root {
width: 90%; width: 90%;
} }
.div_info_gauche {
width: 100%;
float: left;
padding: 1px;
}
.div_info_droite {
width: 100%;
float: right;
padding: 1px;
}
.bton_envoyer {
border-radius: 5px;
font-size: small;
padding: 0.3rem;
width: 90%;
background-color: "#81BC3A"!important;
}
.bton_fermer {
border-radius: 5px;
font-size: small;
padding: 0.3rem;
width: 90%;
background-color: white;
color: #104277 !important;
}
} }
@media only screen and (min-width: 601px) and (max-width: 991px) { @media only screen and (min-width: 601px) and (max-width: 991px) {
@ -136,7 +167,7 @@
color: white; color: white;
cursor: pointer; cursor: pointer;
font-style: italic; font-style: italic;
background-color: #81BC3A; background-color: #104277;
font-weight: normal; font-weight: normal;
height: 2rem; height: 2rem;
padding-top: 5px; padding-top: 5px;
@ -161,6 +192,36 @@
.css-ijy3ji-MuiFormControl-root-MuiTextField-root { .css-ijy3ji-MuiFormControl-root-MuiTextField-root {
width: 90%; width: 90%;
} }
.div_info_gauche {
width: 100%;
float: left;
padding: 1px;
}
.div_info_droite {
width: 100%;
float: right;
padding: 1px;
}
.bton_envoyer {
border-radius: 5px;
font-size: small;
padding: 0.3rem;
width: 80%;
background-color: "#81BC3A"!important;
}
.bton_fermer {
border-radius: 5px;
font-size: small;
padding: 0.3rem;
width: 80%;
background-color: white;
color: #104277 !important;
}
} }
@media only screen and (min-width: 992px) and (max-width: 1199px) { @media only screen and (min-width: 992px) and (max-width: 1199px) {
@ -216,7 +277,7 @@
color: white; color: white;
cursor: pointer; cursor: pointer;
font-style: italic; font-style: italic;
background-color: #81BC3A; background-color: #104277;
font-weight: normal; font-weight: normal;
height: 2rem; height: 2rem;
padding-top: 5px; padding-top: 5px;
@ -241,6 +302,38 @@
.css-ijy3ji-MuiFormControl-root-MuiTextField-root { .css-ijy3ji-MuiFormControl-root-MuiTextField-root {
width: 45%; width: 45%;
} }
.div_info_gauche {
width: 50%;
float: left;
padding: 1px;
}
.div_info_droite {
width: 50%;
float: right;
padding: 1px;
}
.bton_envoyer {
border-radius: 5px;
font-size: small;
padding: 0.3rem;
width: 60%;
background-color: "#81BC3A"!important;
}
.bton_fermer {
border-radius: 5px;
font-size: small;
padding: 0.3rem;
width: 60%;
background-color: white;
color: #104277 !important;
}
} }
@media only screen and (min-width: 1200px) { @media only screen and (min-width: 1200px) {
@ -296,7 +389,7 @@
color: white; color: white;
cursor: pointer; cursor: pointer;
font-style: italic; font-style: italic;
background-color: #81BC3A; background-color: #104277;
font-weight: normal; font-weight: normal;
height: 2rem; height: 2rem;
padding-top: 5px; padding-top: 5px;
@ -321,5 +414,38 @@
.css-ijy3ji-MuiFormControl-root-MuiTextField-root { .css-ijy3ji-MuiFormControl-root-MuiTextField-root {
width: 48%; width: 48%;
} }
.div_info_gauche {
width: 50%;
float: left;
padding: 1px;
}
.div_info_droite {
width: 50%;
float: right;
padding: 1px;
}
.bton_envoyer {
border-radius: 5px;
font-size: small;
padding: 0.3rem;
width: 60%;
background-color: "#81BC3A"!important;
}
.bton_fermer {
border-radius: 5px;
font-size: small;
padding: 0.3rem;
width: 60%;
background-color: white;
color: #104277 !important;
}
} }
} }