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">
{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">

View File

@ -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 />

View File

@ -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 &nbsp; &nbsp; {<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 &nbsp; &nbsp;{<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%" }}> &nbsp;</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%" }}> &nbsp;</div>
</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 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>
</Box>}
}
</div>
</div>}

View File

@ -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 {

View File

@ -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;
}
}
}

View File

@ -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;
}
}
}