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");
} }
@ -457,11 +459,11 @@ function Inscription_Information(props) {
String(action).toLocaleLowerCase() === "information" && String(action).toLocaleLowerCase() === "information" &&
<div className="okUpdateData"> <div className="okUpdateData">
Votre demande d'information été prise en compte.<br/> Votre demande d'information été prise en compte.<br />
Merci. Merci.
</div>} </div>}
{(String(RecordData_status) === "false" || {(String(RecordData_status) === "false" ||
@ -584,7 +586,7 @@ function Inscription_Information(props) {
/> />
<TextField <TextField
name="employeur" name="employeur"
id="employeur" id="employeur"
label="Employeur" label="Employeur"
@ -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>
@ -670,14 +675,14 @@ function Inscription_Information(props) {
</div>} </div>}
{/* Gestion des demandes d'information */} {/* Gestion des demandes d'information */}
{(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,71 +772,67 @@ 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} onKeyUp={editor_keyup}
onKeyUp={editor_keyup} onEditorChange={(newValue, editor) => {
onEditorChange={(newValue, editor) => {
if (String(editor_tochange) === "1") { if (String(editor_tochange) === "1") {
//alert(" change"); //alert(" change");
DataUpdated() DataUpdated()
seteditor_tochange(""); seteditor_tochange("");
} }
}} }}
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',
'searchreplace visualblocks code fullscreen', 'searchreplace visualblocks code fullscreen',
'insertdatetime media table paste code help wordcount' 'insertdatetime media table paste code help wordcount'
], ],
toolbar: 'undo redo | casechange blocks | bold italic backcolor | ' + toolbar: 'undo redo | casechange blocks | bold italic backcolor | ' +
'alignleft aligncenter alignright alignjustify | ' + 'alignleft aligncenter alignright alignjustify | ' +
'bullist numlist checklist outdent indent | removeformat | a11ycheck code table help', 'bullist numlist checklist outdent indent | removeformat | a11ycheck code table help',
content_style: 'body { font-family:Helvetica,Arial,sans-serif; font-size:14px; }' content_style: 'body { font-family:Helvetica,Arial,sans-serif; font-size:14px; }'
}} }}
/> />
</Box> </div>
<div style={{ "width": "100%" }}> &nbsp;</div> <div> &nbsp;</div>
<div className="div_row22">
{<div className="div_row">
<div className="div_row_gauche">
<Button variant="contained" color="success" className="bton_envoyer"
onClick={SendInformationRequest}
startIcon={<SendIcon />}>Envoyer &nbsp; &nbsp; {<SendIcon />}</Button>
<div className="div_row22">
{<div className="div_row">
<div className="div_row_gauche">
<Button variant="contained" color="success" style={{
'borderRadius': "5px",
"fontSize": "small", "padding": "0.3rem",
"width": "60%",
}}
onClick={SendInformationRequest}>Enregister</Button>
</div>
<div className="div_row_droite" style={{ "textAlign": "right" }}>
<Button variant="contained" color="success" style={{
'borderRadius': "7px",
"fontSize": "small", "padding": "0.3rem",
"width": "60%",
}}
onClick={AnnulerFction_info}>Annuler</Button>
</div>
</div> </div>
} <div className="div_row_droite" style={{ "textAlign": "right" }}>
<Button variant="contained" color="success" className="bton_fermer"
onClick={AnnulerFction_info}>Fermer &nbsp; &nbsp;{<IoCloseCircleOutline />}</Button>
</div>
</div> </div>
</Box>}
}
</div>
</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%;
@ -120,7 +121,7 @@
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
font-size: small; font-size: small;
} }
.action_mass { .action_mass {
@ -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;
@ -78,9 +78,40 @@
padding-right: 10px; padding-right: 10px;
} }
.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;
@ -158,9 +189,39 @@
padding-right: 10px; padding-right: 10px;
} }
.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;
@ -238,9 +299,41 @@
padding-right: 10px; padding-right: 10px;
} }
.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;
@ -318,8 +411,41 @@
padding-right: 10px; padding-right: 10px;
} }
.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;
}
} }
} }