23/11/22 - 22h30
parent
ff3167badc
commit
f5968a560d
|
@ -530,7 +530,14 @@ const DisplayDetailClass = (props) => {
|
|||
|
||||
<div className="right_box">
|
||||
{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) &&
|
||||
<div className="img_banner">
|
||||
|
|
|
@ -111,7 +111,7 @@ const DistplayPartnerTraningsPage = (props) => {
|
|||
const stored_cookie = getCookie('tokenmysypart');
|
||||
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");
|
||||
fetch(myurl,
|
||||
|
@ -487,7 +487,7 @@ const DistplayPartnerTraningsPage = (props) => {
|
|||
|
||||
|
||||
<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>
|
||||
|
||||
<br />
|
||||
|
|
|
@ -25,6 +25,8 @@ import axios from "axios";
|
|||
import MenuItem from '@mui/material/MenuItem';
|
||||
import { Redirect } from 'react-router-dom'
|
||||
import { Editor } from '@tinymce/tinymce-react';
|
||||
import SendIcon from '@mui/icons-material/Send';
|
||||
import { IoAddCircleOutline, IoCloseCircleOutline } from "react-icons/io5";
|
||||
|
||||
function Inscription_Information(props) {
|
||||
|
||||
|
@ -337,7 +339,7 @@ function Inscription_Information(props) {
|
|||
const [AnnulerFction_info_status, setAnnulerFction_info_status] = useState("");
|
||||
function AnnulerFction_info() {
|
||||
clearfileds_info();
|
||||
setSendInformationRequest_status("false");
|
||||
setAnnulerFction_info_status("false");
|
||||
}
|
||||
|
||||
|
||||
|
@ -457,7 +459,7 @@ function Inscription_Information(props) {
|
|||
String(action).toLocaleLowerCase() === "information" &&
|
||||
<div className="okUpdateData">
|
||||
|
||||
Votre demande d'information été prise en compte.<br/>
|
||||
Votre demande d'information été prise en compte.<br />
|
||||
Merci.
|
||||
</div>}
|
||||
|
||||
|
@ -650,16 +652,19 @@ function Inscription_Information(props) {
|
|||
'borderRadius': "5px",
|
||||
"fontSize": "small", "padding": "0.3rem",
|
||||
"width": "60%",
|
||||
"backgroundColor": "#81BC3A",
|
||||
}}
|
||||
onClick={RecordData}>Enregister</Button>
|
||||
onClick={RecordData}>Envoyer {<SendIcon />}</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%",
|
||||
"backgroundColor": "white",
|
||||
"color": "#104277",
|
||||
}}
|
||||
onClick={AnnulerFction}>Annuler</Button>
|
||||
onClick={AnnulerFction}>Fermer {<IoCloseCircleOutline />}</Button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
@ -675,9 +680,9 @@ function Inscription_Information(props) {
|
|||
{(String(SendInformationRequest_status) === "false" ||
|
||||
String(SendInformationRequest_status).length === 0) &&
|
||||
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">
|
||||
{RecordData_message}
|
||||
|
||||
|
@ -687,16 +692,13 @@ function Inscription_Information(props) {
|
|||
|
||||
</div>
|
||||
|
||||
</Box>
|
||||
|
||||
{<Box alignItems="left" sx={{ '& > :not(style)': { m: 1 }, width: '100%', }}>
|
||||
|
||||
<TextField
|
||||
required
|
||||
label="Nom"
|
||||
name="nom_info"
|
||||
className="texte_area"
|
||||
sx={{ m: 1, width: '48%' }}
|
||||
sx={{ m: 1, width: '90%' }}
|
||||
InputProps={{
|
||||
startAdornment: (
|
||||
<InputAdornment position="start">
|
||||
|
@ -712,7 +714,7 @@ function Inscription_Information(props) {
|
|||
label="Prénom(s)"
|
||||
name="prenom_info"
|
||||
className="texte_area"
|
||||
sx={{ m: 1, width: '48%' }}
|
||||
sx={{ m: 1, width: '90%' }}
|
||||
InputProps={{
|
||||
startAdornment: (
|
||||
<InputAdornment position="start">
|
||||
|
@ -727,7 +729,7 @@ function Inscription_Information(props) {
|
|||
name="email_info"
|
||||
label="Adresse mail"
|
||||
className="texte_area"
|
||||
sx={{ m: 1, width: '48%' }}
|
||||
sx={{ m: 1, width: '90%' }}
|
||||
InputProps={{
|
||||
startAdornment: (
|
||||
<InputAdornment position="start">
|
||||
|
@ -743,7 +745,7 @@ function Inscription_Information(props) {
|
|||
name="telephone_info"
|
||||
label="Téléphone"
|
||||
className="texte_area"
|
||||
sx={{ m: 1, width: '48%' }}
|
||||
sx={{ m: 1, width: '90%' }}
|
||||
InputProps={{
|
||||
startAdornment: (
|
||||
<InputAdornment position="start">
|
||||
|
@ -759,7 +761,7 @@ function Inscription_Information(props) {
|
|||
id="employeur_info"
|
||||
label="Employeur"
|
||||
className="texte_area"
|
||||
sx={{ m: 1, width: '48%' }}
|
||||
sx={{ m: 1, width: '90%' }}
|
||||
InputProps={{
|
||||
startAdornment: (
|
||||
<InputAdornment position="start">
|
||||
|
@ -770,71 +772,67 @@ function Inscription_Information(props) {
|
|||
variant="standard"
|
||||
/>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<div style={{ "width": "10%" }}> </div>
|
||||
|
||||
<div className="div_info_droite">
|
||||
<div className="titre1_aide_finance"> Dites nous en plus sur votre besoin :)</div>
|
||||
|
||||
<Box alignItems="left" sx={{ '& > :not(style)': { m: 1 }, width: '100%', }}>
|
||||
<Editor
|
||||
onInit={(evt, editor) => editorRef_description.current = editor}
|
||||
initialValue={field_description}
|
||||
onKeyUp={editor_keyup}
|
||||
onEditorChange={(newValue, editor) => {
|
||||
<Editor
|
||||
onInit={(evt, editor) => editorRef_description.current = editor}
|
||||
initialValue={field_description}
|
||||
onKeyUp={editor_keyup}
|
||||
onEditorChange={(newValue, editor) => {
|
||||
|
||||
if (String(editor_tochange) === "1") {
|
||||
//alert(" change");
|
||||
DataUpdated()
|
||||
seteditor_tochange("");
|
||||
}
|
||||
}}
|
||||
if (String(editor_tochange) === "1") {
|
||||
//alert(" change");
|
||||
DataUpdated()
|
||||
seteditor_tochange("");
|
||||
}
|
||||
}}
|
||||
|
||||
init={{
|
||||
resize: false,
|
||||
height: 200,
|
||||
menubar: false,
|
||||
plugins: [
|
||||
'advlist autolink lists link image charmap print preview anchor',
|
||||
'searchreplace visualblocks code fullscreen',
|
||||
'insertdatetime media table paste code help wordcount'
|
||||
],
|
||||
toolbar: 'undo redo | casechange blocks | bold italic backcolor | ' +
|
||||
'alignleft aligncenter alignright alignjustify | ' +
|
||||
'bullist numlist checklist outdent indent | removeformat | a11ycheck code table help',
|
||||
content_style: 'body { font-family:Helvetica,Arial,sans-serif; font-size:14px; }'
|
||||
}}
|
||||
/>
|
||||
init={{
|
||||
resize: false,
|
||||
height: 300,
|
||||
menubar: false,
|
||||
plugins: [
|
||||
'advlist autolink lists link image charmap print preview anchor',
|
||||
'searchreplace visualblocks code fullscreen',
|
||||
'insertdatetime media table paste code help wordcount'
|
||||
],
|
||||
toolbar: 'undo redo | casechange blocks | bold italic backcolor | ' +
|
||||
'alignleft aligncenter alignright alignjustify | ' +
|
||||
'bullist numlist checklist outdent indent | removeformat | a11ycheck code table help',
|
||||
content_style: 'body { font-family:Helvetica,Arial,sans-serif; font-size:14px; }'
|
||||
}}
|
||||
/>
|
||||
|
||||
</Box>
|
||||
<div style={{ "width": "100%" }}> </div>
|
||||
</div>
|
||||
<div> </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 {<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 className="div_row_droite" style={{ "textAlign": "right" }}>
|
||||
<Button variant="contained" color="success" className="bton_fermer"
|
||||
onClick={AnnulerFction_info}>Fermer {<IoCloseCircleOutline />}</Button>
|
||||
</div>
|
||||
</div>
|
||||
</Box>}
|
||||
|
||||
}
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</div>}
|
||||
|
||||
|
||||
|
|
|
@ -141,6 +141,7 @@
|
|||
border-radius: 10px;
|
||||
padding-top: 10px;
|
||||
width: 98%;
|
||||
max-height: 5rem;
|
||||
}
|
||||
|
||||
.titre_formation {
|
||||
|
@ -490,6 +491,7 @@
|
|||
border-radius: 10px;
|
||||
padding-top: 10px;
|
||||
width: 100%;
|
||||
max-height: 8rem;
|
||||
}
|
||||
|
||||
|
||||
|
@ -845,6 +847,7 @@
|
|||
border-radius: 10px;
|
||||
padding-top: 10px;
|
||||
width: 100%;
|
||||
max-height: 11rem;
|
||||
}
|
||||
|
||||
|
||||
|
@ -1201,6 +1204,7 @@
|
|||
border-radius: 10px;
|
||||
padding-top: 10px;
|
||||
width: 100%;
|
||||
max-height: 12rem;
|
||||
}
|
||||
|
||||
.titre_formation {
|
||||
|
|
|
@ -112,6 +112,7 @@
|
|||
color: red;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.parter_div_filtrer_center {
|
||||
border-width: 0.01rem;
|
||||
width: 50%;
|
||||
|
@ -191,6 +192,7 @@
|
|||
.myTextField {
|
||||
width: 90% !important;
|
||||
}
|
||||
|
||||
.detail_training {
|
||||
border: none;
|
||||
margin-bottom: 1rem;
|
||||
|
@ -198,7 +200,20 @@
|
|||
margin-left: 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) {
|
||||
text-align: left;
|
||||
font-size: medium !important;
|
||||
|
@ -282,6 +297,7 @@
|
|||
color: red;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.parter_div_filtrer_center {
|
||||
border-width: 0.01rem;
|
||||
width: 50%;
|
||||
|
@ -341,6 +357,7 @@
|
|||
.css-6j8wv5-Input {
|
||||
font-size: small !important;
|
||||
}
|
||||
|
||||
.css-1krn5vm-MuiFormControl-root-MuiTextField-root {
|
||||
//width: 90% !important;
|
||||
}
|
||||
|
@ -369,7 +386,20 @@
|
|||
margin-bottom: 1rem;
|
||||
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) {
|
||||
text-align: left;
|
||||
font-size: larger !important;
|
||||
|
@ -513,6 +543,7 @@
|
|||
.css-6j8wv5-Input {
|
||||
font-size: small !important;
|
||||
}
|
||||
|
||||
.css-1krn5vm-MuiFormControl-root-MuiTextField-root {
|
||||
//width: 90% !important;
|
||||
}
|
||||
|
@ -541,6 +572,19 @@
|
|||
margin-bottom: 1rem;
|
||||
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) {
|
||||
|
@ -715,5 +759,19 @@
|
|||
margin-bottom: 1rem;
|
||||
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;
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
}
|
|
@ -56,7 +56,7 @@
|
|||
color: white;
|
||||
cursor: pointer;
|
||||
font-style: italic;
|
||||
background-color: #81BC3A;
|
||||
background-color: #104277;
|
||||
font-weight: normal;
|
||||
height: 2rem;
|
||||
padding-top: 5px;
|
||||
|
@ -78,9 +78,40 @@
|
|||
padding-right: 10px;
|
||||
}
|
||||
|
||||
.css-ijy3ji-MuiFormControl-root-MuiTextField-root{
|
||||
.css-ijy3ji-MuiFormControl-root-MuiTextField-root {
|
||||
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) {
|
||||
|
@ -136,7 +167,7 @@
|
|||
color: white;
|
||||
cursor: pointer;
|
||||
font-style: italic;
|
||||
background-color: #81BC3A;
|
||||
background-color: #104277;
|
||||
font-weight: normal;
|
||||
height: 2rem;
|
||||
padding-top: 5px;
|
||||
|
@ -158,9 +189,39 @@
|
|||
padding-right: 10px;
|
||||
}
|
||||
|
||||
.css-ijy3ji-MuiFormControl-root-MuiTextField-root{
|
||||
.css-ijy3ji-MuiFormControl-root-MuiTextField-root {
|
||||
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) {
|
||||
|
@ -216,7 +277,7 @@
|
|||
color: white;
|
||||
cursor: pointer;
|
||||
font-style: italic;
|
||||
background-color: #81BC3A;
|
||||
background-color: #104277;
|
||||
font-weight: normal;
|
||||
height: 2rem;
|
||||
padding-top: 5px;
|
||||
|
@ -238,9 +299,41 @@
|
|||
padding-right: 10px;
|
||||
}
|
||||
|
||||
.css-ijy3ji-MuiFormControl-root-MuiTextField-root{
|
||||
.css-ijy3ji-MuiFormControl-root-MuiTextField-root {
|
||||
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) {
|
||||
|
@ -296,7 +389,7 @@
|
|||
color: white;
|
||||
cursor: pointer;
|
||||
font-style: italic;
|
||||
background-color: #81BC3A;
|
||||
background-color: #104277;
|
||||
font-weight: normal;
|
||||
height: 2rem;
|
||||
padding-top: 5px;
|
||||
|
@ -318,8 +411,41 @@
|
|||
padding-right: 10px;
|
||||
}
|
||||
|
||||
.css-ijy3ji-MuiFormControl-root-MuiTextField-root{
|
||||
.css-ijy3ji-MuiFormControl-root-MuiTextField-root {
|
||||
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;
|
||||
}
|
||||
}
|
||||
}
|
Loading…
Reference in New Issue