06/03/23 - 15h
parent
f113fc12bf
commit
8e067450c3
|
@ -871,7 +871,7 @@ const AddClassManual = (props) => {
|
||||||
//alert("4");
|
//alert("4");
|
||||||
}
|
}
|
||||||
}).catch((error) => {
|
}).catch((error) => {
|
||||||
console.warn('getClassImage : Not good man :( getClassImage = ');
|
console.warn('getClassImage ee: Not good man :( getClassImage = ');
|
||||||
setisclassimage("False");
|
setisclassimage("False");
|
||||||
setuserimgclassprofil("");
|
setuserimgclassprofil("");
|
||||||
})
|
})
|
||||||
|
|
|
@ -289,33 +289,33 @@ const DisplayDetailClass_new_v2 = (props) => {
|
||||||
form.append("internal_url", classId);
|
form.append("internal_url", classId);
|
||||||
|
|
||||||
var my_local_user_connect;
|
var my_local_user_connect;
|
||||||
var my_local_part_connect;
|
var my_local_part_connect;
|
||||||
if (typeof (stored_user) === "undefined" || String(stored_user) === '') {
|
if (typeof (stored_user) === "undefined" || String(stored_user) === '') {
|
||||||
my_local_user_connect = 0;
|
my_local_user_connect = 0;
|
||||||
} else {
|
} else {
|
||||||
my_local_user_connect = 1;
|
my_local_user_connect = 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
if (typeof (stored_partner) === "undefined" || String(stored_partner) === '') {
|
if (typeof (stored_partner) === "undefined" || String(stored_partner) === '') {
|
||||||
my_local_part_connect = 0;
|
my_local_part_connect = 0;
|
||||||
} else {
|
} else {
|
||||||
my_local_part_connect = 1;
|
my_local_part_connect = 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
if( String(my_local_user_connect) === "1"){
|
if (String(my_local_user_connect) === "1") {
|
||||||
form.append("token", stored_user);
|
form.append("token", stored_user);
|
||||||
form.append("connection_type", "user");
|
form.append("connection_type", "user");
|
||||||
}
|
}
|
||||||
else if ( String(my_local_part_connect) === "1"){
|
else if (String(my_local_part_connect) === "1") {
|
||||||
form.append("token", stored_partner);
|
form.append("token", stored_partner);
|
||||||
form.append("connection_type", "partner");
|
form.append("connection_type", "partner");
|
||||||
}
|
}
|
||||||
else{
|
else {
|
||||||
form.append("token", "");
|
form.append("token", "");
|
||||||
form.append("connection_type", "");
|
form.append("connection_type", "");
|
||||||
}
|
}
|
||||||
|
|
||||||
// Ajout des info IP user
|
// Ajout des info IP user
|
||||||
form.append("user_ip", IPv4);
|
form.append("user_ip", IPv4);
|
||||||
|
@ -1167,21 +1167,25 @@ const DisplayDetailClass_new_v2 = (props) => {
|
||||||
"NON Éligible au CPF"}
|
"NON Éligible au CPF"}
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
{DetailTraining["price"] && (!DetailTraining.business_prices || Object.keys(DetailTraining.business_prices).length <= 0)
|
||||||
|
&&
|
||||||
|
<div className="mob_price">
|
||||||
|
{String(DetailTraining["price"])} € HT
|
||||||
|
</div>}
|
||||||
|
|
||||||
|
{DetailTraining["price"] && DetailTraining.business_prices && Object.keys(DetailTraining.business_prices).length > 0
|
||||||
|
&& <div className="mob_price">
|
||||||
|
<nav className="discounted_price">{String(DetailTraining.business_prices[0].discounted_price)} € HT</nav>
|
||||||
|
|
||||||
|
<nav className="training_price_barre"> {String(DetailTraining["price"])} HT </nav>
|
||||||
|
<nav className="discount_block"> (- {String(DetailTraining.business_prices[0].discount)} % ) </nav>
|
||||||
|
</div>}
|
||||||
|
|
||||||
<div className="mob_price">
|
|
||||||
{String(DetailTraining["price"])} HT
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
{String(action).toLowerCase() !== "information" && String(action).toLowerCase() !== "inscription" &&
|
{String(action).toLowerCase() !== "information" && String(action).toLowerCase() !== "inscription" &&
|
||||||
|
@ -2003,12 +2007,12 @@ const DisplayDetailClass_new_v2 = (props) => {
|
||||||
{DetailTraining["price"] && (!DetailTraining.business_prices || Object.keys(DetailTraining.business_prices).length <= 0)
|
{DetailTraining["price"] && (!DetailTraining.business_prices || Object.keys(DetailTraining.business_prices).length <= 0)
|
||||||
&& <div className="block_sticky_info_price"> {String(DetailTraining["price"])} HT </div>}
|
&& <div className="block_sticky_info_price"> {String(DetailTraining["price"])} HT </div>}
|
||||||
|
|
||||||
{DetailTraining["price"] && DetailTraining.business_prices && Object.keys(DetailTraining.business_prices).length > 0
|
{DetailTraining["price"] && DetailTraining.business_prices && Object.keys(DetailTraining.business_prices).length > 0
|
||||||
&& <div className="block_sticky_info_price">
|
&& <div className="block_sticky_info_price">
|
||||||
<nav className="discounted_price">{String(DetailTraining.business_prices[0].discounted_price)} € HT</nav>
|
<nav className="discounted_price">{String(DetailTraining.business_prices[0].discounted_price)} € HT</nav>
|
||||||
|
|
||||||
<nav className="training_price_barre"> {String(DetailTraining["price"])} HT </nav>
|
<nav className="training_price_barre"> {String(DetailTraining["price"])} HT </nav>
|
||||||
<nav className="discount_block"> (- {String(DetailTraining.business_prices[0].discount)} % ) </nav>
|
<nav className="discount_block"> (- {String(DetailTraining.business_prices[0].discount)} % ) </nav>
|
||||||
</div>}
|
</div>}
|
||||||
|
|
||||||
|
|
||||||
|
|
|
@ -129,7 +129,7 @@ const Formation_copie = (props) => {
|
||||||
//alert("4");
|
//alert("4");
|
||||||
}
|
}
|
||||||
}).catch((error) => {
|
}).catch((error) => {
|
||||||
console.warn('getClassImage : Not good man :( getClassImage = ');
|
console.warn('getClassImage ii : Not good man :( getClassImage = ');
|
||||||
setisclassimage("False");
|
setisclassimage("False");
|
||||||
setuserimgclassprofil(profileimg);
|
setuserimgclassprofil(profileimg);
|
||||||
})
|
})
|
||||||
|
|
|
@ -100,14 +100,13 @@ const Formation = (props) => {
|
||||||
var form = new FormData();
|
var form = new FormData();
|
||||||
form.append("class_external_code", class_external_code);
|
form.append("class_external_code", class_external_code);
|
||||||
|
|
||||||
|
|
||||||
axios.post(myurl, form).then(res => {
|
axios.post(myurl, form).then(res => {
|
||||||
|
|
||||||
if (res.data.status != "False") {
|
if (res.data.status != "False") {
|
||||||
//console.log(" getClassImage : In test res.data.status = " + res.data.status);
|
//console.log(" getClassImage : In test res.data.status = " + res.data.status);
|
||||||
//console.log(" getClassImage: res.data.message.img = " + res.data.message);
|
//console.log(" getClassImage: res.data.message.img = " + res.data.message);
|
||||||
|
|
||||||
if (res.data.message.img.length > 0) {
|
if (res.data.message.img && res.data.message.img.length > 0) {
|
||||||
setisclassimage("True");
|
setisclassimage("True");
|
||||||
//console.log(" getClassImage : In test res.data.status = " + res.data.status);
|
//console.log(" getClassImage : In test res.data.status = " + res.data.status);
|
||||||
//console.log(" getClassImage: res.data.message.img = " + res.data.message);
|
//console.log(" getClassImage: res.data.message.img = " + res.data.message);
|
||||||
|
@ -115,7 +114,7 @@ const Formation = (props) => {
|
||||||
var ch_img = "data:image/png;base64," + res.data.message.img;
|
var ch_img = "data:image/png;base64," + res.data.message.img;
|
||||||
setuserimgclassprofil(ch_img);
|
setuserimgclassprofil(ch_img);
|
||||||
//console.log("ch_img = "+ch_img);
|
//console.log("ch_img = "+ch_img);
|
||||||
}
|
}
|
||||||
else {
|
else {
|
||||||
setisclassimage("False");
|
setisclassimage("False");
|
||||||
}
|
}
|
||||||
|
@ -129,7 +128,7 @@ const Formation = (props) => {
|
||||||
//alert("4");
|
//alert("4");
|
||||||
}
|
}
|
||||||
}).catch((error) => {
|
}).catch((error) => {
|
||||||
console.warn('getClassImage : Not good man :( getClassImage = ');
|
console.warn('getClassImageee : Not good man :( getClassImage = ', error);
|
||||||
setisclassimage("False");
|
setisclassimage("False");
|
||||||
setuserimgclassprofil(profileimg);
|
setuserimgclassprofil(profileimg);
|
||||||
})
|
})
|
||||||
|
@ -291,10 +290,10 @@ const Formation = (props) => {
|
||||||
{props.formation.note && String(props.formation.note).length === 1 &&
|
{props.formation.note && String(props.formation.note).length === 1 &&
|
||||||
parseInt(String(props.formation.note)) <= 5 &&
|
parseInt(String(props.formation.note)) <= 5 &&
|
||||||
|
|
||||||
<Rating name="half-rating-read" defaultValue={props.formation.note} precision={0.5} readOnly />
|
<Rating name="half-rating-read" defaultValue={props.formation.note} precision={0.5} readOnly />
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
<div className="div_row_droite div_row_droite_cpf">
|
<div className="div_row_droite div_row_droite_cpf">
|
||||||
<div className="block_cpf">
|
<div className="block_cpf">
|
||||||
|
@ -342,23 +341,23 @@ const Formation = (props) => {
|
||||||
</div>
|
</div>
|
||||||
}
|
}
|
||||||
|
|
||||||
{String(props.formation.price).length != 9 && String(props.formation.price) !== String("0") && ( !props.formation.business_prices ||
|
{String(props.formation.price).length != 9 && String(props.formation.price) !== String("0") && (!props.formation.business_prices ||
|
||||||
Object.keys(props.formation.business_prices).length <= 0) &&
|
Object.keys(props.formation.business_prices).length <= 0) &&
|
||||||
<div className="training_price">{props.formation.price} € HT
|
<div className="training_price">{props.formation.price} € HT
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
}
|
}
|
||||||
|
|
||||||
{String(props.formation.price).length != 9 && String(props.formation.price) !== String("0") &&
|
{String(props.formation.price).length != 9 && String(props.formation.price) !== String("0") &&
|
||||||
props.formation.business_prices && Object.keys(props.formation.business_prices).length > 0 &&
|
props.formation.business_prices && Object.keys(props.formation.business_prices).length > 0 &&
|
||||||
<div className="training_price">
|
<div className="training_price">
|
||||||
<nav className="discounted_price">{String(props.formation.business_prices[0].discounted_price)} € HT</nav>
|
<nav className="discounted_price">{String(props.formation.business_prices[0].discounted_price)} € HT</nav>
|
||||||
<nav className="training_price_barre">
|
<nav className="training_price_barre">
|
||||||
{props.formation.price} € HT
|
{props.formation.price} € HT
|
||||||
</nav>
|
</nav>
|
||||||
|
|
||||||
<nav className="discount_block"> (- {String(props.formation.business_prices[0].discount)} % )
|
<nav className="discount_block"> (- {String(props.formation.business_prices[0].discount)} % )
|
||||||
</nav>
|
</nav>
|
||||||
</div>
|
</div>
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -131,7 +131,7 @@ const Formation_Cartouche_Com = (props) => {
|
||||||
//alert("4");
|
//alert("4");
|
||||||
}
|
}
|
||||||
}).catch((error) => {
|
}).catch((error) => {
|
||||||
console.warn('getClassImage : Not good man :( getClassImage = ');
|
console.warn('getClassImage grrr : Not good man :( getClassImage = ');
|
||||||
setisclassimage("False");
|
setisclassimage("False");
|
||||||
setuserimgclassprofil(profileimg);
|
setuserimgclassprofil(profileimg);
|
||||||
})
|
})
|
||||||
|
|
|
@ -50,7 +50,6 @@ function Pricing() {
|
||||||
{ field: 'price_line_id', headerName: '_id', hide: true },
|
{ field: 'price_line_id', headerName: '_id', hide: true },
|
||||||
{ field: 'client', headerName: 'Client', width: 150, flex: 1 },
|
{ field: 'client', headerName: 'Client', width: 150, flex: 1 },
|
||||||
{ field: 'client_recid', headerName: 'Client Id', width: 150, hide: true },
|
{ field: 'client_recid', headerName: 'Client Id', width: 150, hide: true },
|
||||||
{ field: 'formation', headerName: 'Formation', width: 150, flex: 1 },
|
|
||||||
{ field: 'discount', headerName: 'Réduction (%)', width: 100, hideable: false, flex: 1 },
|
{ field: 'discount', headerName: 'Réduction (%)', width: 100, hideable: false, flex: 1 },
|
||||||
{ field: 'date_debut', headerName: 'Date début', width: 150, flex: 1 },
|
{ field: 'date_debut', headerName: 'Date début', width: 150, flex: 1 },
|
||||||
{ field: 'date_fin', headerName: 'Date Fin', width: 150, flex: 1 },
|
{ field: 'date_fin', headerName: 'Date Fin', width: 150, flex: 1 },
|
||||||
|
@ -199,12 +198,10 @@ function Pricing() {
|
||||||
|
|
||||||
const [selectedlinked_client, setselectedlinked_client] = useState();
|
const [selectedlinked_client, setselectedlinked_client] = useState();
|
||||||
|
|
||||||
const [selectedformation_client, setselectedformation_client] = useState()
|
|
||||||
|
|
||||||
|
|
||||||
function changeselectedclient(event) {
|
function changeselectedclient(event) {
|
||||||
setselectedlinked_client(event.target.value);
|
setselectedlinked_client(event.target.value);
|
||||||
if (String(event.target.value).trim() !== "") {
|
if (String(event.target.value).trim() !== "na") {
|
||||||
Enable_new_prices_fields();
|
Enable_new_prices_fields();
|
||||||
|
|
||||||
} else {
|
} else {
|
||||||
|
@ -213,10 +210,6 @@ function Pricing() {
|
||||||
};
|
};
|
||||||
|
|
||||||
|
|
||||||
function changeselectedformation(event) {
|
|
||||||
setselectedformation_client(event.target.value);
|
|
||||||
|
|
||||||
};
|
|
||||||
const [GetClient_Class_api, setGetClient_Class_api] = useState()
|
const [GetClient_Class_api, setGetClient_Class_api] = useState()
|
||||||
const [GetClient_Class_result, setGetClient_Class_result] = useState([]);
|
const [GetClient_Class_result, setGetClient_Class_result] = useState([]);
|
||||||
const [GetClient_Class_message, setGetClient_Class_message] = useState()
|
const [GetClient_Class_message, setGetClient_Class_message] = useState()
|
||||||
|
@ -342,13 +335,6 @@ function Pricing() {
|
||||||
document.getElementById("new_sessiondatefin").disabled = true;
|
document.getElementById("new_sessiondatefin").disabled = true;
|
||||||
document.getElementById("new_sessiondatefin").style.backgroundColor = "#ECEFF1";
|
document.getElementById("new_sessiondatefin").style.backgroundColor = "#ECEFF1";
|
||||||
}
|
}
|
||||||
|
|
||||||
if (document.getElementById("new_selectedclass_client")) {
|
|
||||||
document.getElementById("new_selectedclass_client").disabled = true;
|
|
||||||
document.getElementById("new_selectedclass_client").style.backgroundColor = "#ECEFF1";
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
@ -373,12 +359,6 @@ function Pricing() {
|
||||||
setNew_SessionendDate("");
|
setNew_SessionendDate("");
|
||||||
}
|
}
|
||||||
|
|
||||||
if (document.getElementsByName("new_selectedclass_client") && document.getElementsByName("selectedclass_client")[0]) {
|
|
||||||
document.getElementsByName("new_selectedclass_client")[0].disabled = true;
|
|
||||||
document.getElementsByName("new_selectedclass_client")[0].style.backgroundColor = "#ECEFF1";
|
|
||||||
setselectedformation_client("");
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
function Clean_prices_fields() {
|
function Clean_prices_fields() {
|
||||||
|
@ -401,13 +381,6 @@ function Pricing() {
|
||||||
document.getElementsByName("sessiondatefin")[0].style.backgroundColor = "#ECEFF1";
|
document.getElementsByName("sessiondatefin")[0].style.backgroundColor = "#ECEFF1";
|
||||||
setNew_SessionendDate("");
|
setNew_SessionendDate("");
|
||||||
}
|
}
|
||||||
|
|
||||||
if (document.getElementsByName("selectedclass_client") && document.getElementsByName("selectedclass_client")[0]) {
|
|
||||||
document.getElementsByName("selectedclass_client")[0].disabled = true;
|
|
||||||
document.getElementsByName("selectedclass_client")[0].style.backgroundColor = "#ECEFF1";
|
|
||||||
setselectedformation_client("");
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
function DataUpdated() {
|
function DataUpdated() {
|
||||||
|
@ -485,7 +458,7 @@ function Pricing() {
|
||||||
const formData = new FormData();
|
const formData = new FormData();
|
||||||
const url = process.env.REACT_APP_API_URL + "myclass/api/add_business_price/";
|
const url = process.env.REACT_APP_API_URL + "myclass/api/add_business_price/";
|
||||||
|
|
||||||
if (String(selectedlinked_client).trim() === "") {
|
if (String(selectedlinked_client).trim() === "na") {
|
||||||
alert(" Le client n'est pas identifié");
|
alert(" Le client n'est pas identifié");
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
@ -518,7 +491,6 @@ function Pricing() {
|
||||||
formData.append("token", stored_cookie);
|
formData.append("token", stored_cookie);
|
||||||
formData.append('client_recid', selectedlinked_client);
|
formData.append('client_recid', selectedlinked_client);
|
||||||
formData.append('discount', new_discount_val);
|
formData.append('discount', new_discount_val);
|
||||||
formData.append('class', selectedformation_client);
|
|
||||||
formData.append('date_du', local_date_debut);
|
formData.append('date_du', local_date_debut);
|
||||||
formData.append('date_au', local_date_fin);
|
formData.append('date_au', local_date_fin);
|
||||||
|
|
||||||
|
@ -565,7 +537,6 @@ function Pricing() {
|
||||||
setRecord_new_Price_message("");
|
setRecord_new_Price_message("");
|
||||||
setDelete_Price_api("");
|
setDelete_Price_api("");
|
||||||
setUpdate_Price_api("");
|
setUpdate_Price_api("");
|
||||||
setselectedformation_client();
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -606,7 +577,6 @@ function Pricing() {
|
||||||
formData.append('discount', discount_val);
|
formData.append('discount', discount_val);
|
||||||
formData.append('date_du', local_date_debut);
|
formData.append('date_du', local_date_debut);
|
||||||
formData.append('date_au', local_date_fin);
|
formData.append('date_au', local_date_fin);
|
||||||
formData.append('class', selectedformation_client);
|
|
||||||
|
|
||||||
fetch(
|
fetch(
|
||||||
url,
|
url,
|
||||||
|
@ -753,11 +723,6 @@ function Pricing() {
|
||||||
if (mylocalprice.discount) {
|
if (mylocalprice.discount) {
|
||||||
setdiscount_val(mylocalprice.discount);
|
setdiscount_val(mylocalprice.discount);
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
if (mylocalprice.class) {
|
|
||||||
setselectedformation_client(mylocalprice.class);
|
|
||||||
|
|
||||||
}
|
}
|
||||||
Desable_exist_prices_fields();
|
Desable_exist_prices_fields();
|
||||||
}
|
}
|
||||||
|
@ -801,12 +766,6 @@ function Pricing() {
|
||||||
document.getElementsByName("sessiondatefin")[0].disabled = false;
|
document.getElementsByName("sessiondatefin")[0].disabled = false;
|
||||||
document.getElementsByName("sessiondatefin")[0].style.backgroundColor = "#FFFFFF";
|
document.getElementsByName("sessiondatefin")[0].style.backgroundColor = "#FFFFFF";
|
||||||
}
|
}
|
||||||
|
|
||||||
if (document.getElementsByName("selectedclass_client") && document.getElementsByName("selectedclass_client")[0]) {
|
|
||||||
document.getElementsByName("selectedclass_client")[0].disabled = false;
|
|
||||||
document.getElementsByName("selectedclass_client")[0].style.backgroundColor = "#FFFFFF";
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
function Desable_exist_prices_fields() {
|
function Desable_exist_prices_fields() {
|
||||||
|
@ -827,10 +786,6 @@ function Pricing() {
|
||||||
document.getElementsByName("sessiondatefin")[0].style.backgroundColor = "#ECEFF1";
|
document.getElementsByName("sessiondatefin")[0].style.backgroundColor = "#ECEFF1";
|
||||||
}
|
}
|
||||||
|
|
||||||
if (document.getElementsByName("selectedclass_client") && document.getElementsByName("selectedclass_client")[0]) {
|
|
||||||
document.getElementsByName("selectedclass_client")[0].disabled = true;
|
|
||||||
document.getElementsByName("selectedclass_client")[0].style.backgroundColor = "#ECEFF1";
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -907,27 +862,7 @@ function Pricing() {
|
||||||
variant="standard"
|
variant="standard"
|
||||||
/>
|
/>
|
||||||
|
|
||||||
<div className="div_row">
|
|
||||||
<div className="div_row_gauche">
|
|
||||||
<nav className="my_label">Mes Formations </nav>
|
|
||||||
{GetClient_Class_result && <div className="field_droite">
|
|
||||||
<select id="selectedclass_client"
|
|
||||||
name="selectedclass_client"
|
|
||||||
value={selectedformation_client} onChange={changeselectedformation}
|
|
||||||
|
|
||||||
style={{
|
|
||||||
"width": "90%", "height": "3rem"
|
|
||||||
|
|
||||||
}}>
|
|
||||||
<option value=""> Choisir </option>
|
|
||||||
{GetClient_Class_result.map((option) => (
|
|
||||||
<option value={JSON.parse(option).internal_url}>{JSON.parse(option).title}</option>
|
|
||||||
))}
|
|
||||||
</select>
|
|
||||||
</div>}
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div className="div_row">
|
<div className="div_row">
|
||||||
<div className="div_row_gauche">
|
<div className="div_row_gauche">
|
||||||
|
@ -1026,10 +961,11 @@ function Pricing() {
|
||||||
"width": "90%", "height": "3rem"
|
"width": "90%", "height": "3rem"
|
||||||
|
|
||||||
}}>
|
}}>
|
||||||
<option value=""> Choisir </option>
|
<option value="na"> Choisir </option>
|
||||||
{GetClient_Linked_result.map((option) => (
|
{GetClient_Linked_result.map((option) => (
|
||||||
<option value={JSON.parse(option).recid}>{JSON.parse(option).nom}</option>
|
<option value={JSON.parse(option).recid}>{JSON.parse(option).nom}</option>
|
||||||
))}
|
))}
|
||||||
|
<option value="all"> Tout client </option>
|
||||||
</select>
|
</select>
|
||||||
</div>}
|
</div>}
|
||||||
</div>
|
</div>
|
||||||
|
@ -1057,27 +993,7 @@ function Pricing() {
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div className="div_row">
|
|
||||||
<div className="div_row_gauche">
|
|
||||||
<nav className="my_label">Mes Formations </nav>
|
|
||||||
{GetClient_Class_result && <div className="field_droite">
|
|
||||||
<select id="new_selectedclass_client"
|
|
||||||
name="new_selectedclass_client"
|
|
||||||
value={selectedformation_client} onChange={changeselectedformation}
|
|
||||||
|
|
||||||
style={{
|
|
||||||
"width": "90%", "height": "3rem"
|
|
||||||
|
|
||||||
}}>
|
|
||||||
<option value=""> Choisir </option>
|
|
||||||
{GetClient_Class_result.map((option) => (
|
|
||||||
<option value={JSON.parse(option).internal_url}>{JSON.parse(option).title}</option>
|
|
||||||
))}
|
|
||||||
</select>
|
|
||||||
</div>}
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div className="div_row">
|
<div className="div_row">
|
||||||
<div className="div_row_gauche">
|
<div className="div_row_gauche">
|
||||||
|
|
|
@ -441,20 +441,20 @@
|
||||||
width: 327px;
|
width: 327px;
|
||||||
height: 116px;
|
height: 116px;
|
||||||
left: 20px;
|
left: 20px;
|
||||||
top: 210px;
|
top: 200px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.mob_block_content_rating {
|
.mob_block_content_rating {
|
||||||
|
|
||||||
/* Auto layout */
|
/* Auto layout */
|
||||||
|
|
||||||
display: flex;
|
//display: flex;
|
||||||
flex-direction: row;
|
//flex-direction: row;
|
||||||
align-items: flex-start;
|
//align-items: flex-start;
|
||||||
padding: 0px;
|
padding: 0px;
|
||||||
gap: 7.76px;
|
gap: 7.76px;
|
||||||
|
|
||||||
width: 147.53px;
|
width: 50%;
|
||||||
height: 22px;
|
height: 22px;
|
||||||
|
|
||||||
|
|
||||||
|
@ -463,6 +463,8 @@
|
||||||
flex: none;
|
flex: none;
|
||||||
order: 0;
|
order: 0;
|
||||||
flex-grow: 0;
|
flex-grow: 0;
|
||||||
|
margin-left: auto;
|
||||||
|
margin-right: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.mob_block_content_title {
|
.mob_block_content_title {
|
||||||
|
@ -472,7 +474,7 @@
|
||||||
font-family: 'Albert Sans';
|
font-family: 'Albert Sans';
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
font-size: 20px;
|
font-size: 18px;
|
||||||
line-height: 22px;
|
line-height: 22px;
|
||||||
|
|
||||||
/* Deep Blue */
|
/* Deep Blue */
|
||||||
|
@ -524,7 +526,7 @@
|
||||||
//width: 80%;
|
//width: 80%;
|
||||||
height: 37px;
|
height: 37px;
|
||||||
//right: 213px;
|
//right: 213px;
|
||||||
top: 80px;
|
top: 85px;
|
||||||
|
|
||||||
/* Beige */
|
/* Beige */
|
||||||
|
|
||||||
|
@ -1467,11 +1469,15 @@
|
||||||
align-items: flex-start;
|
align-items: flex-start;
|
||||||
padding: 0px;
|
padding: 0px;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
width: 99%;
|
//width: 99%;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
align-items: flex-start;
|
align-items: flex-start;
|
||||||
top: 1300px;
|
top: 1300px;
|
||||||
|
text-align: center;
|
||||||
|
max-width: 80%;
|
||||||
|
width: 60%;
|
||||||
|
margin-left: 20%;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
@ -1490,6 +1496,26 @@
|
||||||
height: 100px;
|
height: 100px;
|
||||||
border-radius: 15px;
|
border-radius: 15px;
|
||||||
}
|
}
|
||||||
|
.discounted_price {
|
||||||
|
font-weight: 600;
|
||||||
|
font-size: 20px;
|
||||||
|
color: #ff8c00;
|
||||||
|
}
|
||||||
|
|
||||||
|
.training_price_barre {
|
||||||
|
font-weight: 500;
|
||||||
|
font-size: 18px;
|
||||||
|
color: #647585;
|
||||||
|
text-decoration: line-through;
|
||||||
|
margin-left: 2rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.discount_block {
|
||||||
|
font-weight: 400;
|
||||||
|
margin-left: 1rem;
|
||||||
|
color: red;
|
||||||
|
font-size: medium;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media only screen and (min-width: 601px) and (max-width: 991px) {
|
@media only screen and (min-width: 601px) and (max-width: 991px) {
|
||||||
|
@ -3507,6 +3533,7 @@
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
align-items: flex-start;
|
align-items: flex-start;
|
||||||
top: 750px;
|
top: 750px;
|
||||||
|
gap: 1rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
@ -3523,6 +3550,27 @@
|
||||||
border-radius: 15px;
|
border-radius: 15px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.discounted_price {
|
||||||
|
font-weight: 600;
|
||||||
|
font-size: 20px;
|
||||||
|
color: #ff8c00;
|
||||||
|
}
|
||||||
|
|
||||||
|
.training_price_barre {
|
||||||
|
font-weight: 500;
|
||||||
|
font-size: 18px;
|
||||||
|
color: #647585;
|
||||||
|
text-decoration: line-through;
|
||||||
|
margin-left: 2rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.discount_block {
|
||||||
|
font-weight: 400;
|
||||||
|
margin-left: 1rem;
|
||||||
|
color: red;
|
||||||
|
font-size: medium;
|
||||||
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
@media only screen and (min-width: 992px) and (max-width: 1199px) {
|
@media only screen and (min-width: 992px) and (max-width: 1199px) {
|
||||||
|
@ -5537,6 +5585,7 @@
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
align-items: flex-start;
|
align-items: flex-start;
|
||||||
top: 750px;
|
top: 750px;
|
||||||
|
gap: 1rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
@ -5553,6 +5602,27 @@
|
||||||
border-radius: 15px;
|
border-radius: 15px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.discounted_price {
|
||||||
|
font-weight: 600;
|
||||||
|
font-size: 20px;
|
||||||
|
color: #ff8c00;
|
||||||
|
}
|
||||||
|
|
||||||
|
.training_price_barre {
|
||||||
|
font-weight: 500;
|
||||||
|
font-size: 18px;
|
||||||
|
color: #647585;
|
||||||
|
text-decoration: line-through;
|
||||||
|
margin-left: 2rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.discount_block {
|
||||||
|
font-weight: 400;
|
||||||
|
margin-left: 1rem;
|
||||||
|
color: red;
|
||||||
|
font-size: medium;
|
||||||
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
@media only screen and (min-width: 1200px) {
|
@media only screen and (min-width: 1200px) {
|
||||||
|
@ -7589,6 +7659,7 @@
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
align-items: flex-start;
|
align-items: flex-start;
|
||||||
top: 750px;
|
top: 750px;
|
||||||
|
gap: 1rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
|
@ -417,6 +417,28 @@
|
||||||
width: 50%;
|
width: 50%;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.discounted_price {
|
||||||
|
font-weight: 600;
|
||||||
|
font-size: 20px;
|
||||||
|
color: #ff8c00;
|
||||||
|
}
|
||||||
|
|
||||||
|
.training_price_barre {
|
||||||
|
font-weight: 500;
|
||||||
|
font-size: 18px;
|
||||||
|
color: #647585;
|
||||||
|
text-decoration: line-through;
|
||||||
|
margin-left: 2rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.discount_block {
|
||||||
|
font-weight: 400;
|
||||||
|
margin-left: 1rem;
|
||||||
|
color: red;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
@media only screen and (min-width: 601px) and (max-width: 991px) {
|
@media only screen and (min-width: 601px) and (max-width: 991px) {
|
||||||
|
@ -818,6 +840,29 @@
|
||||||
.row_formation_crit {
|
.row_formation_crit {
|
||||||
min-height: 10rem !important;
|
min-height: 10rem !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.discounted_price {
|
||||||
|
font-weight: 600;
|
||||||
|
font-size: 20px;
|
||||||
|
color: #ff8c00;
|
||||||
|
}
|
||||||
|
|
||||||
|
.training_price_barre {
|
||||||
|
font-weight: 500;
|
||||||
|
font-size: 18px;
|
||||||
|
color: #647585;
|
||||||
|
text-decoration: line-through;
|
||||||
|
margin-left: 2rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.discount_block {
|
||||||
|
font-weight: 400;
|
||||||
|
margin-left: 1rem;
|
||||||
|
color: red;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
@media only screen and (min-width: 992px) and (max-width: 1199px) {
|
@media only screen and (min-width: 992px) and (max-width: 1199px) {
|
||||||
|
@ -1173,6 +1218,28 @@
|
||||||
min-height: 10rem !important;
|
min-height: 10rem !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.discounted_price {
|
||||||
|
font-weight: 600;
|
||||||
|
font-size: 20px;
|
||||||
|
color: #ff8c00;
|
||||||
|
}
|
||||||
|
|
||||||
|
.training_price_barre {
|
||||||
|
font-weight: 500;
|
||||||
|
font-size: 18px;
|
||||||
|
color: #647585;
|
||||||
|
text-decoration: line-through;
|
||||||
|
margin-left: 2rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.discount_block {
|
||||||
|
font-weight: 400;
|
||||||
|
margin-left: 1rem;
|
||||||
|
color: red;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
@media only screen and (min-width: 1200px) {
|
@media only screen and (min-width: 1200px) {
|
||||||
|
|
|
@ -25,16 +25,57 @@
|
||||||
float: left;
|
float: left;
|
||||||
//border:0px solid black;
|
//border:0px solid black;
|
||||||
border-width: 0.01rem;
|
border-width: 0.01rem;
|
||||||
width: 48%;
|
width: 100%;
|
||||||
border-radius: 1rem;
|
border-radius: 1rem;
|
||||||
|
margin-bottom: 0.5rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.div_row_droite {
|
.div_row_droite {
|
||||||
float: right;
|
float: right;
|
||||||
//border:0px solid black;
|
//border:0px solid black;
|
||||||
border-width: 0.01rem;
|
border-width: 0.01rem;
|
||||||
width: 48%;
|
width: 100%;
|
||||||
border-radius: 1rem;
|
border-radius: 1rem;
|
||||||
|
margin-bottom: 0.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.btn_editer {
|
||||||
|
width: 100%;
|
||||||
|
background-color: #212121 !important;
|
||||||
|
color: white;
|
||||||
|
border-radius: 10rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn_enreg {
|
||||||
|
width: 100%;
|
||||||
|
background-color: green !important;
|
||||||
|
color: white;
|
||||||
|
border-radius: 10rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.my_label {
|
||||||
|
color: rgba(0, 0, 0, 0.6);
|
||||||
|
font-family: "Roboto", "Helvetica", "Arial", sans-serif;
|
||||||
|
font-weight: 400;
|
||||||
|
font-size: small;
|
||||||
|
line-height: 1.4375em;
|
||||||
|
letter-spacing: 0.00938em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.div_row_droite_adapt_date{
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
.buton_add_price {
|
||||||
|
border-radius: 10rem;
|
||||||
|
padding: 0.3rem;
|
||||||
|
width: 90%;
|
||||||
|
background: #81BC3A;
|
||||||
|
float: right;
|
||||||
|
margin-right: 10px;
|
||||||
|
border: none;
|
||||||
|
margin-bottom: 1rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
@ -80,6 +121,45 @@
|
||||||
border-radius: 1rem;
|
border-radius: 1rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.btn_editer {
|
||||||
|
width: 15rem;
|
||||||
|
background-color: #212121 !important;
|
||||||
|
color: white;
|
||||||
|
border-radius: 10rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn_enreg {
|
||||||
|
width: 15rem;
|
||||||
|
background-color: green !important;
|
||||||
|
color: white;
|
||||||
|
border-radius: 10rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.my_label {
|
||||||
|
color: rgba(0, 0, 0, 0.6);
|
||||||
|
font-family: "Roboto", "Helvetica", "Arial", sans-serif;
|
||||||
|
font-weight: 400;
|
||||||
|
font-size: small;
|
||||||
|
line-height: 1.4375em;
|
||||||
|
letter-spacing: 0.00938em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.div_row_droite_adapt_date{
|
||||||
|
padding-left: 1rem;
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
.buton_add_price {
|
||||||
|
border-radius: 10rem;
|
||||||
|
padding: 0.3rem;
|
||||||
|
width: 40%;
|
||||||
|
background: #81BC3A;
|
||||||
|
float: right;
|
||||||
|
margin-right: 10px;
|
||||||
|
border: none;
|
||||||
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
@media only screen and (min-width: 992px) and (max-width: 1199px) {
|
@media only screen and (min-width: 992px) and (max-width: 1199px) {
|
||||||
|
@ -120,6 +200,45 @@
|
||||||
border-radius: 1rem;
|
border-radius: 1rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.btn_editer {
|
||||||
|
width: 15rem;
|
||||||
|
background-color: #212121 !important;
|
||||||
|
color: white;
|
||||||
|
border-radius: 10rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn_enreg {
|
||||||
|
width: 15rem;
|
||||||
|
background-color: green !important;
|
||||||
|
color: white;
|
||||||
|
border-radius: 10rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.my_label {
|
||||||
|
color: rgba(0, 0, 0, 0.6);
|
||||||
|
font-family: "Roboto", "Helvetica", "Arial", sans-serif;
|
||||||
|
font-weight: 400;
|
||||||
|
font-size: small;
|
||||||
|
line-height: 1.4375em;
|
||||||
|
letter-spacing: 0.00938em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.div_row_droite_adapt_date{
|
||||||
|
padding-left: 1rem;
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
.buton_add_price {
|
||||||
|
border-radius: 10rem;
|
||||||
|
padding: 0.3rem;
|
||||||
|
width: 30%;
|
||||||
|
background: #81BC3A;
|
||||||
|
float: right;
|
||||||
|
margin-right: 10px;
|
||||||
|
border: none;
|
||||||
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
@ -170,7 +289,6 @@
|
||||||
float: right;
|
float: right;
|
||||||
margin-right: 10px;
|
margin-right: 10px;
|
||||||
border: none;
|
border: none;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.texte_area {
|
.texte_area {
|
||||||
|
|
|
@ -6051,9 +6051,9 @@
|
||||||
isolation: isolate;
|
isolation: isolate;
|
||||||
|
|
||||||
position: absolute;
|
position: absolute;
|
||||||
width: 100%;
|
width: 95%;
|
||||||
height: 367px;
|
height: 367px;
|
||||||
left: 72px;
|
left: 5%;
|
||||||
top: 156px;
|
top: 156px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -8938,9 +8938,9 @@
|
||||||
isolation: isolate;
|
isolation: isolate;
|
||||||
|
|
||||||
position: absolute;
|
position: absolute;
|
||||||
width: 100%;
|
width: 95%;
|
||||||
height: 367px;
|
height: 367px;
|
||||||
left: 72px;
|
left: 5%;
|
||||||
top: 156px;
|
top: 156px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -9179,7 +9179,7 @@
|
||||||
width: 500px;
|
width: 500px;
|
||||||
height: 400px;
|
height: 400px;
|
||||||
//left: 596px;
|
//left: 596px;
|
||||||
right: 8rem;
|
right: 5%;
|
||||||
top: 0px;
|
top: 0px;
|
||||||
|
|
||||||
background: url("../../mysy_img2/img_header.png") no-repeat;
|
background: url("../../mysy_img2/img_header.png") no-repeat;
|
||||||
|
@ -11839,9 +11839,9 @@
|
||||||
isolation: isolate;
|
isolation: isolate;
|
||||||
|
|
||||||
position: absolute;
|
position: absolute;
|
||||||
width: 100%;
|
width: 95%;
|
||||||
height: 367px;
|
height: 367px;
|
||||||
left: 72px;
|
left: 5%;
|
||||||
top: 156px;
|
top: 156px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue