22/07/2023 - 17h
parent
3536892d6a
commit
b0db0b0b5f
|
@ -11,7 +11,7 @@ import { Alert } from "@mui/material";
|
||||||
import { AiTwotoneEdit, AiTwotoneSave } from "react-icons/ai";
|
import { AiTwotoneEdit, AiTwotoneSave } from "react-icons/ai";
|
||||||
import profileimg from "../mysy_img/MYSY-profil-2.png";
|
import profileimg from "../mysy_img/MYSY-profil-2.png";
|
||||||
import Abonnement from "./Abonnement";
|
import Abonnement from "./Abonnement";
|
||||||
import { PropaneSharp } from "@mui/icons-material";
|
import { PropaneSharp, ResetTvRounded } from "@mui/icons-material";
|
||||||
import { useHistory } from "react-router-dom";
|
import { useHistory } from "react-router-dom";
|
||||||
import CheckOut from "./CheckOut";
|
import CheckOut from "./CheckOut";
|
||||||
|
|
||||||
|
@ -167,7 +167,7 @@ const AddClassManual = (props) => {
|
||||||
value: 'heure',
|
value: 'heure',
|
||||||
label: 'Heures',
|
label: 'Heures',
|
||||||
},
|
},
|
||||||
|
|
||||||
{
|
{
|
||||||
value: 'jour',
|
value: 'jour',
|
||||||
label: 'Jours',
|
label: 'Jours',
|
||||||
|
@ -305,9 +305,9 @@ const AddClassManual = (props) => {
|
||||||
|
|
||||||
setdatamodification("0");
|
setdatamodification("0");
|
||||||
window.scrollTo({
|
window.scrollTo({
|
||||||
top: 0,
|
top: 0,
|
||||||
behavior: "smooth",
|
behavior: "smooth",
|
||||||
});
|
});
|
||||||
|
|
||||||
}, [props.mytrainingclass['ref'],]);
|
}, [props.mytrainingclass['ref'],]);
|
||||||
|
|
||||||
|
@ -347,7 +347,7 @@ const AddClassManual = (props) => {
|
||||||
var myurl = process.env.REACT_APP_API_URL + "myclass/api/get_partner_class/";
|
var myurl = process.env.REACT_APP_API_URL + "myclass/api/get_partner_class/";
|
||||||
|
|
||||||
axios.post(myurl, form).then(res => {
|
axios.post(myurl, form).then(res => {
|
||||||
if (res.data.status != "False") {
|
if (String(res.data.status) === String("true")) {
|
||||||
//console.log(" In test res.data.status = " + res.data.status);
|
//console.log(" In test res.data.status = " + res.data.status);
|
||||||
//console.log(" In test res.data.message r_class = " + res.data.message);
|
//console.log(" In test res.data.message r_class = " + res.data.message);
|
||||||
setmyApiResponse("True");
|
setmyApiResponse("True");
|
||||||
|
@ -631,7 +631,7 @@ const AddClassManual = (props) => {
|
||||||
plus_produit = editorRef_plus_produit.current.getContent();
|
plus_produit = editorRef_plus_produit.current.getContent();
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
// Verification si il y a plus de 3 mot clés separés par des ";"
|
// Verification si il y a plus de 3 mot clés separés par des ";"
|
||||||
mots_cle = mots_cle.replace(/(<([^>]+)>)/ig, '');
|
mots_cle = mots_cle.replace(/(<([^>]+)>)/ig, '');
|
||||||
|
@ -925,7 +925,8 @@ const AddClassManual = (props) => {
|
||||||
else if (String(result['status']) === String("Err_Connexion")) {
|
else if (String(result['status']) === String("Err_Connexion")) {
|
||||||
alert('Erreur: ' + result['message']);
|
alert('Erreur: ' + result['message']);
|
||||||
history.push("/Connexion");
|
history.push("/Connexion");
|
||||||
}
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
else {
|
else {
|
||||||
setisimgclassdeleted("0");
|
setisimgclassdeleted("0");
|
||||||
|
@ -1101,9 +1102,9 @@ const AddClassManual = (props) => {
|
||||||
|
|
||||||
setdatamodification("0");
|
setdatamodification("0");
|
||||||
window.scrollTo({
|
window.scrollTo({
|
||||||
top: 0,
|
top: 0,
|
||||||
behavior: "smooth",
|
behavior: "smooth",
|
||||||
});
|
});
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -1190,7 +1191,7 @@ const AddClassManual = (props) => {
|
||||||
}}
|
}}
|
||||||
disabled={false}
|
disabled={false}
|
||||||
className="disabled_style"
|
className="disabled_style"
|
||||||
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
@ -1424,30 +1425,30 @@ const AddClassManual = (props) => {
|
||||||
</div>
|
</div>
|
||||||
<Tooltip id="my-tooltip11" />
|
<Tooltip id="my-tooltip11" />
|
||||||
<a data-tooltip-id="my-tooltip11" data-tooltip-content="Les durée autorisées sont : 'heure', 'jour', 'semaine', 'mois', 'annee', 'rythme participant'">
|
<a data-tooltip-id="my-tooltip11" data-tooltip-content="Les durée autorisées sont : 'heure', 'jour', 'semaine', 'mois', 'annee', 'rythme participant'">
|
||||||
<div className="training_caract">
|
<div className="training_caract">
|
||||||
<TextField
|
<TextField
|
||||||
name="duration_unit"
|
name="duration_unit"
|
||||||
id="duration_unit"
|
id="duration_unit"
|
||||||
select
|
select
|
||||||
label="Unité de durée"
|
label="Unité de durée"
|
||||||
value={mytrainingdurationunit}
|
value={mytrainingdurationunit}
|
||||||
InputLabelProps={{
|
InputLabelProps={{
|
||||||
shrink: true,
|
shrink: true,
|
||||||
}}
|
}}
|
||||||
onChange={handleChangeDurationUnit}
|
onChange={handleChangeDurationUnit}
|
||||||
disabled={false}
|
disabled={false}
|
||||||
className="disabled_style"
|
className="disabled_style"
|
||||||
>
|
>
|
||||||
|
|
||||||
{duration_unit_list.map((option) => (
|
{duration_unit_list.map((option) => (
|
||||||
<MenuItem key={option.value} value={option.value} >
|
<MenuItem key={option.value} value={option.value} >
|
||||||
{option.label} <br />
|
{option.label} <br />
|
||||||
</MenuItem>
|
</MenuItem>
|
||||||
))}
|
))}
|
||||||
|
|
||||||
</TextField>
|
</TextField>
|
||||||
</div>
|
</div>
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
<div className="training_caract">
|
<div className="training_caract">
|
||||||
<TextField
|
<TextField
|
||||||
|
@ -1868,7 +1869,7 @@ const AddClassManual = (props) => {
|
||||||
</nav>
|
</nav>
|
||||||
|
|
||||||
|
|
||||||
{/* <nav className="new_zone">
|
{/* <nav className="new_zone">
|
||||||
<TextField
|
<TextField
|
||||||
name="zone_diffusion"
|
name="zone_diffusion"
|
||||||
label="Zone Diffusion (FR-Marseille;FR-Paris;etc)"
|
label="Zone Diffusion (FR-Marseille;FR-Paris;etc)"
|
||||||
|
@ -1910,7 +1911,7 @@ const AddClassManual = (props) => {
|
||||||
{String(props.currentpack).toLocaleLowerCase() === String("standard") &&
|
{String(props.currentpack).toLocaleLowerCase() === String("standard") &&
|
||||||
<div >
|
<div >
|
||||||
|
|
||||||
{/* <nav className="new_zone2">
|
{/* <nav className="new_zone2">
|
||||||
<TextField
|
<TextField
|
||||||
name="zone_diffusion"
|
name="zone_diffusion"
|
||||||
label="Zone Diffusion (FR-Marseille;FR-Paris;etc)"
|
label="Zone Diffusion (FR-Marseille;FR-Paris;etc)"
|
||||||
|
|
File diff suppressed because it is too large
Load Diff
|
@ -31,6 +31,7 @@ import CheckOut from "./CheckOut";
|
||||||
import { IoCheckmarkCircleSharp } from "react-icons/io5";
|
import { IoCheckmarkCircleSharp } from "react-icons/io5";
|
||||||
import { FaHandPointRight } from "react-icons/fa";
|
import { FaHandPointRight } from "react-icons/fa";
|
||||||
import OrderConfirmation from "./OrderConfirmation";
|
import OrderConfirmation from "./OrderConfirmation";
|
||||||
|
import Partner_Client from "./Partner_Client";
|
||||||
import Pricing from "./Pricing";
|
import Pricing from "./Pricing";
|
||||||
import {
|
import {
|
||||||
FcHome, FcButtingIn, FcDepartment, FcBullish, FcAddDatabase, FcFolder,
|
FcHome, FcButtingIn, FcDepartment, FcBullish, FcAddDatabase, FcFolder,
|
||||||
|
@ -135,7 +136,7 @@ const Partner = (props) => {
|
||||||
|
|
||||||
|
|
||||||
formData.append("token", stored_cookie);
|
formData.append("token", stored_cookie);
|
||||||
|
|
||||||
//console.log("token = " + stored_cookie); theme_name
|
//console.log("token = " + stored_cookie); theme_name
|
||||||
|
|
||||||
fetch(
|
fetch(
|
||||||
|
@ -153,7 +154,7 @@ const Partner = (props) => {
|
||||||
setapiexcelimportmessage(result['status']);
|
setapiexcelimportmessage(result['status']);
|
||||||
if (String(result['status']) === String("true")) {
|
if (String(result['status']) === String("true")) {
|
||||||
sethandleSubmission_api("true");
|
sethandleSubmission_api("true");
|
||||||
}else if (String(result['status']) === String("Err_Connexion")) {
|
} else if (String(result['status']) === String("Err_Connexion")) {
|
||||||
alert('Erreur: ' + result['message']);
|
alert('Erreur: ' + result['message']);
|
||||||
history.push("/Connexion");
|
history.push("/Connexion");
|
||||||
}
|
}
|
||||||
|
@ -291,6 +292,25 @@ const Partner = (props) => {
|
||||||
setformation_file_name();
|
setformation_file_name();
|
||||||
}
|
}
|
||||||
|
|
||||||
|
function mes_clients_func(event) {
|
||||||
|
setmenu("mes_clients");
|
||||||
|
setapiexcelimportmessage();
|
||||||
|
setformation_file_name();
|
||||||
|
}
|
||||||
|
|
||||||
|
function mes_devis_func(event) {
|
||||||
|
setmenu("mes_devis");
|
||||||
|
setapiexcelimportmessage();
|
||||||
|
setformation_file_name();
|
||||||
|
}
|
||||||
|
|
||||||
|
function mes_cmd_func(event) {
|
||||||
|
setmenu("mes_cmd");
|
||||||
|
setapiexcelimportmessage();
|
||||||
|
setformation_file_name();
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
function DiplaytrainingList(event) {
|
function DiplaytrainingList(event) {
|
||||||
|
|
||||||
setmenu("affichage");
|
setmenu("affichage");
|
||||||
|
@ -568,7 +588,7 @@ const Partner = (props) => {
|
||||||
my_lms_url = (JSON.parse(res.data.message).lms_virtualhost_url) + "user_portal.php?recid=" + encodeURIComponent(JSON.parse(res.data.message).lms_part_recid) +
|
my_lms_url = (JSON.parse(res.data.message).lms_virtualhost_url) + "user_portal.php?recid=" + encodeURIComponent(JSON.parse(res.data.message).lms_part_recid) +
|
||||||
"&mysytoken=" + encodeURIComponent(JSON.parse(res.data.message).lms_pwd_mask);
|
"&mysytoken=" + encodeURIComponent(JSON.parse(res.data.message).lms_pwd_mask);
|
||||||
|
|
||||||
console.log(" ### LMS url = ", my_lms_url);
|
//console.log(" ### LMS url = ", my_lms_url);
|
||||||
setpartner_lms_url(my_lms_url);
|
setpartner_lms_url(my_lms_url);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -595,6 +615,16 @@ const Partner = (props) => {
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
const [deplie_mes_clients, setdeplie_mes_clients] = useState();
|
||||||
|
function ftion_deplie_mes_clients() {
|
||||||
|
if (String(deplie_mes_clients) === "1") {
|
||||||
|
setdeplie_mes_clients();
|
||||||
|
} else {
|
||||||
|
setdeplie_mes_clients("1");
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
return (
|
return (
|
||||||
|
|
||||||
|
@ -661,33 +691,65 @@ const Partner = (props) => {
|
||||||
<hr className="my_hr" />
|
<hr className="my_hr" />
|
||||||
|
|
||||||
<hr />
|
<hr />
|
||||||
{String(deplie_hebergement) === "1" && <div className="sousmenu sousmenu" style={{"color":"white", "textAlign":"center"}} onClick={ftion_deplie_hebergement}>
|
{String(deplie_mes_clients) === "1" && <div className="sousmenu sousmenu" style={{ "color": "white", "textAlign": "center" }} onClick={ftion_deplie_mes_clients}>
|
||||||
Espace Hébergement <img src={downarrow} className="hebergement_icone"/>
|
Mes Clients <img src={downarrow} className="hebergement_icone" />
|
||||||
</div>}
|
</div>}
|
||||||
|
|
||||||
<hr className="my_hr" />
|
<hr className="my_hr" />
|
||||||
|
|
||||||
|
{String(deplie_mes_clients) !== "1" &&
|
||||||
{String(deplie_hebergement) !== "1" &&
|
<div className="sousmenu" style={{ "color": "white", "textAlign": "center" }} >
|
||||||
<div className="nom_prenom sousmenu" style={{"color":"white", "textAlign":"center"}} >
|
<nav onClick={ftion_deplie_mes_clients}> Mes Clients <img src={uparrow} /> </nav>
|
||||||
<nav onClick={ftion_deplie_hebergement}> Espace Hébergement <img src={uparrow} className="hebergement_icone"/> </nav>
|
|
||||||
<hr className="my_hr" />
|
|
||||||
|
|
||||||
{String(has_partner_lms_url) === "1" && <div className="sousmenu" onClick={(e) => {
|
|
||||||
e.preventDefault();
|
|
||||||
window.open(
|
|
||||||
partner_lms_url,
|
|
||||||
'_blank'
|
|
||||||
);
|
|
||||||
}}> <FcVideoCall className="icone_menu" /> MON HEBERGEMENT </div>}
|
|
||||||
|
|
||||||
{String(has_partner_lms_url) === "1" && <div>
|
|
||||||
<hr className="my_hr" />
|
<hr className="my_hr" />
|
||||||
{String(menu) !== "statistique" && <div className="sousmenu" onClick={DisplaySetUpLMS}> <FcSettings className="icone_menu" /> CONFIGURATION</div>}
|
|
||||||
{String(menu) === "statistique" && <div className="sousmenu_hebergement_lms" onClick={DisplaySetUpLMS}> <FcSettings className="icone_menu" /> CONFIGURATION</div>}
|
<div>
|
||||||
|
<hr className="my_hr" />
|
||||||
|
{String(menu) !== "mes_clients" && <div className="sousmenu" onClick={mes_clients_func}> <FcSettings className="icone_menu" /> MES CLIENTS</div>}
|
||||||
|
{String(menu) === "mes_clients" && <div className="sousmenu_selected" onClick={mes_clients_func}> <FcSettings className="icone_menu" /> MES CLIENTS</div>}
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<hr className="my_hr" />
|
||||||
|
{String(menu) !== "mes_devis" && <div className="sousmenu" onClick={mes_devis_func}> <FcSettings className="icone_menu" /> MES DEVIS</div>}
|
||||||
|
{String(menu) === "mes_devis" && <div className="sousmenu_selected" onClick={mes_devis_func}> <FcSettings className="icone_menu" /> MES DEVIS</div>}
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<hr className="my_hr" />
|
||||||
|
{String(menu) !== "mes_cmd" && <div className="sousmenu" onClick={mes_cmd_func}> <FcSettings className="icone_menu" /> MES COMMANDES</div>}
|
||||||
|
{String(menu) === "mes_cmd" && <div className="sousmenu_selected" onClick={mes_cmd_func}> <FcSettings className="icone_menu" /> MES COMMANDES</div>}
|
||||||
|
</div>
|
||||||
</div>}
|
</div>}
|
||||||
|
|
||||||
|
|
||||||
|
<hr />
|
||||||
|
|
||||||
|
{String(deplie_hebergement) === "1" && <div className="sousmenu sousmenu" style={{ "color": "white", "textAlign": "center" }} onClick={ftion_deplie_hebergement}>
|
||||||
|
Espace Hébergement <img src={downarrow} className="hebergement_icone" />
|
||||||
</div>}
|
</div>}
|
||||||
|
|
||||||
|
<hr className="my_hr" />
|
||||||
|
|
||||||
|
{String(deplie_hebergement) !== "1" &&
|
||||||
|
<div className="nom_prenom sousmenu" style={{ "color": "white", "textAlign": "center" }} >
|
||||||
|
<nav onClick={ftion_deplie_hebergement}> Espace Hébergement <img src={uparrow} className="hebergement_icone" /> </nav>
|
||||||
|
<hr className="my_hr" />
|
||||||
|
|
||||||
|
{String(has_partner_lms_url) === "1" && <div className="sousmenu" onClick={(e) => {
|
||||||
|
e.preventDefault();
|
||||||
|
window.open(
|
||||||
|
partner_lms_url,
|
||||||
|
'_blank'
|
||||||
|
);
|
||||||
|
}}> <FcVideoCall className="icone_menu" /> MON HEBERGEMENT </div>}
|
||||||
|
|
||||||
|
{String(has_partner_lms_url) === "1" && <div>
|
||||||
|
<hr className="my_hr" />
|
||||||
|
{String(menu) !== "statistique" && <div className="sousmenu" onClick={DisplaySetUpLMS}> <FcSettings className="icone_menu" /> CONFIGURATION</div>}
|
||||||
|
{String(menu) === "statistique" && <div className="sousmenu_hebergement_lms" onClick={DisplaySetUpLMS}> <FcSettings className="icone_menu" /> CONFIGURATION</div>}
|
||||||
|
</div>}
|
||||||
|
</div>}
|
||||||
|
|
||||||
|
|
||||||
<hr className="my_hr" />
|
<hr className="my_hr" />
|
||||||
</div>
|
</div>
|
||||||
|
@ -919,6 +981,13 @@ const Partner = (props) => {
|
||||||
</div>
|
</div>
|
||||||
}
|
}
|
||||||
|
|
||||||
|
{String(menu) === "mes_clients" && <div className="div_droite">
|
||||||
|
|
||||||
|
<Partner_Client />
|
||||||
|
</div>
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
<div className="pieddepage">
|
<div className="pieddepage">
|
||||||
<Footer />
|
<Footer />
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -37,15 +37,177 @@ import {
|
||||||
FcList, FcGraduationCap, FcMultipleDevices, FcCurrencyExchange,
|
FcList, FcGraduationCap, FcMultipleDevices, FcCurrencyExchange,
|
||||||
FcMoneyTransfer, FcFeedback, FcKey, FcVideoCall, FcSettings
|
FcMoneyTransfer, FcFeedback, FcKey, FcVideoCall, FcSettings
|
||||||
} from "react-icons/fc";
|
} from "react-icons/fc";
|
||||||
|
import { DataGrid, GridToolbar, frFR, GridCellParams } from '@mui/x-data-grid';
|
||||||
|
import { FcCancel, FcApproval, FcAcceptDatabase, FcPrint, FcDeleteDatabase } from "react-icons/fc";
|
||||||
|
|
||||||
|
import AddParnerClient from "./AddPartnerClient";
|
||||||
//import { FcHome} from "react-icons/fc";
|
//import { FcHome} from "react-icons/fc";
|
||||||
|
|
||||||
const Partner_Client = (props) => {
|
const Partner_Client = (props) => {
|
||||||
|
|
||||||
|
const history = useHistory();
|
||||||
|
|
||||||
|
const [rows_list_clients, setrows_list_clients] = useState([]);
|
||||||
|
const [selectionModel, setSelectionModel] = React.useState([]);
|
||||||
|
const columns_clients = [
|
||||||
|
{ field: 'id', headerName: 'id', hide: true },
|
||||||
|
{ field: 'email', headerName: 'email', width: 100, hideable: false, flex: 1 },
|
||||||
|
{ field: 'nom', headerName: 'nom', width: 100, hide: false, editable: true },
|
||||||
|
|
||||||
|
{
|
||||||
|
field: "update", headerName: 'Modifier',
|
||||||
|
renderCell: (cellValues) => {
|
||||||
|
return (
|
||||||
|
|
||||||
|
<div style={{ "width": "45%", "float": "center" }} onClick={(event) => {
|
||||||
|
handleClick_modifier(event, cellValues);
|
||||||
|
}}>
|
||||||
|
<FcAcceptDatabase />
|
||||||
|
</div>
|
||||||
|
|
||||||
|
);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
field: "delete", headerName: 'Supprimer',
|
||||||
|
renderCell: (cellValues) => {
|
||||||
|
return (
|
||||||
|
|
||||||
|
<div style={{ "width": "45%", "float": "center" }} onClick={(event) => {
|
||||||
|
handleClick_supprimer(event, cellValues);
|
||||||
|
}}>
|
||||||
|
<FcDeleteDatabase />
|
||||||
|
</div>
|
||||||
|
|
||||||
|
);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
|
||||||
|
]
|
||||||
|
|
||||||
|
const [Edite_Client, setEdite_Client] = useState("");
|
||||||
|
const [Client_email, setClient_email] = useState("");
|
||||||
|
function handleClick_modifier(event, cellValues) {
|
||||||
|
var clientmail = String(cellValues.row.email);
|
||||||
|
setClient_email(clientmail);
|
||||||
|
setEdite_Client("1");
|
||||||
|
}
|
||||||
|
|
||||||
|
function handleClick_supprimer(event, cellValues) {
|
||||||
|
var clientmail = String(cellValues.row.email);
|
||||||
|
alert(" en cours de dev");
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
const [Get_List_Partner_Clients_api, setGet_List_Partner_Clients_api] = useState();
|
||||||
|
const [Get_List_Partner_Clients_message, setGet_List_Partner_Clients_message] = useState();
|
||||||
|
const [Get_List_Partner_Clients_result, setGet_List_Partner_Clients_result] = useState();
|
||||||
|
function Get_List_Partner_Clients(event) {
|
||||||
|
|
||||||
|
var form = new FormData();
|
||||||
|
const stored_cookie = getCookie('tokenmysypart');
|
||||||
|
|
||||||
|
form.append("token", stored_cookie);
|
||||||
|
|
||||||
|
|
||||||
|
var myurl = process.env.REACT_APP_API_URL + "myclass/api/Get_Partner_List_Partner_Client/";
|
||||||
|
|
||||||
|
axios.post(myurl, form).then(res => {
|
||||||
|
console.log(" In Get_List_Partner_Clients res.data.status = " + res.data.status);
|
||||||
|
console.log(" In Get_List_Partner_Clients res.data.message r_class = " + res.data.message);
|
||||||
|
|
||||||
|
if (String(res.data.status) === String("true")) {
|
||||||
|
setGet_List_Partner_Clients_api("true");
|
||||||
|
setGet_List_Partner_Clients_result(res.data.message);
|
||||||
|
setrows_list_clients(res.data.message);
|
||||||
|
}
|
||||||
|
else if (String(res.data.status) === String("Err_Connexion")) {
|
||||||
|
alert('Erreur: ' + res.data.message);
|
||||||
|
history.push("/Connexion");
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
setGet_List_Partner_Clients_api("false");
|
||||||
|
setGet_List_Partner_Clients_message(res.data.message);
|
||||||
|
}
|
||||||
|
|
||||||
|
}).catch((error) => {
|
||||||
|
console.warn('Not good man :( Get_List_Partner_Clients = ', error);
|
||||||
|
setGet_List_Partner_Clients_api("false");
|
||||||
|
//setmyApimyApiMessage("")
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
useEffect(() => {
|
||||||
|
//menu_info();
|
||||||
|
Get_List_Partner_Clients();
|
||||||
|
|
||||||
|
}, []);
|
||||||
|
|
||||||
return (
|
return (
|
||||||
|
|
||||||
<div className="partner_client">
|
<div className="partner_client">
|
||||||
|
|
||||||
|
<div className="div_row">
|
||||||
|
|
||||||
|
{String(Edite_Client) === "1" && <div className="div_row">
|
||||||
|
|
||||||
|
<div className="titre1"> Detail client : {Client_email}</div>
|
||||||
|
|
||||||
|
<AddParnerClient client_mail={Client_email}/>
|
||||||
|
|
||||||
|
</div>}
|
||||||
|
|
||||||
|
|
||||||
|
<div className="titre1"> Liste des clients</div>
|
||||||
|
|
||||||
|
<div className="div_row">
|
||||||
|
<div style={{ height: 500, width: '100%' }}>
|
||||||
|
<DataGrid
|
||||||
|
checkboxSelection
|
||||||
|
onSelectionModelChange={(newSelectionModel) => {
|
||||||
|
setSelectionModel(newSelectionModel);
|
||||||
|
//console.log("ch selected--" + newSelectionModel);
|
||||||
|
}}
|
||||||
|
selectionModel={selectionModel}
|
||||||
|
|
||||||
|
localeText={frFR.components.MuiDataGrid.defaultProps.localeText}
|
||||||
|
rows={rows_list_clients.map((item, index) => (
|
||||||
|
{
|
||||||
|
id: index,
|
||||||
|
email: JSON.parse(item).email,
|
||||||
|
nom: JSON.parse(item).nom,
|
||||||
|
|
||||||
|
}
|
||||||
|
))}
|
||||||
|
|
||||||
|
columns={columns_clients}
|
||||||
|
pageSize={10}
|
||||||
|
className="datagridclass"
|
||||||
|
|
||||||
|
rowsPerPageOptions={[10]}
|
||||||
|
disableSelectionOnClick
|
||||||
|
components={{
|
||||||
|
Toolbar: GridToolbar,
|
||||||
|
}}
|
||||||
|
|
||||||
|
|
||||||
|
/>
|
||||||
|
<br />
|
||||||
|
|
||||||
|
|
||||||
|
<br />
|
||||||
|
{/* <Button variant="contained" onClick={GetAllClass_new}>Contained</Button>*/}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
)
|
)
|
||||||
|
|
|
@ -0,0 +1,178 @@
|
||||||
|
.add_partner_client {
|
||||||
|
|
||||||
|
.okUpdateData {
|
||||||
|
font-size: small;
|
||||||
|
color: green;
|
||||||
|
font-style: italic;
|
||||||
|
}
|
||||||
|
|
||||||
|
.koUpdateData {
|
||||||
|
font-size: small;
|
||||||
|
color: red;
|
||||||
|
font-style: italic;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media only screen and (max-width: 600px) {}
|
||||||
|
|
||||||
|
@media only screen and (min-width: 601px) and (max-width: 991px) {}
|
||||||
|
|
||||||
|
@media only screen and (min-width: 992px) and (max-width: 1199px) {}
|
||||||
|
|
||||||
|
@media only screen and (min-width: 1200px) {
|
||||||
|
|
||||||
|
.div_row {
|
||||||
|
float: left;
|
||||||
|
//border:0px solid black;
|
||||||
|
border-width: 0.01rem;
|
||||||
|
width: 100%;
|
||||||
|
margin-bottom: 1rem;
|
||||||
|
border-radius: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.div_row_gauche {
|
||||||
|
float: left;
|
||||||
|
//border:0px solid black;
|
||||||
|
border-width: 0.01rem;
|
||||||
|
width: 48%;
|
||||||
|
border-radius: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.div_row_droite {
|
||||||
|
float: right;
|
||||||
|
//border:0px solid black;
|
||||||
|
border-width: 0.01rem;
|
||||||
|
width: 48%;
|
||||||
|
border-radius: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.titre1 {
|
||||||
|
font-family: "Quicksand", "Signika", sans-serif;
|
||||||
|
font-size: medium;
|
||||||
|
text-align: center;
|
||||||
|
margin-bottom: 0.8rem;
|
||||||
|
color: white;
|
||||||
|
cursor: pointer;
|
||||||
|
font-style: italic;
|
||||||
|
background-color: gray;
|
||||||
|
font-weight: normal;
|
||||||
|
float: left;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.training_data {
|
||||||
|
float: left;
|
||||||
|
width: 100%;
|
||||||
|
box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.5);
|
||||||
|
-webkit-box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.5);
|
||||||
|
border-radius: 10px;
|
||||||
|
margin-top: 10px;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
padding-top: 10px;
|
||||||
|
padding-bottom: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.training_caract {
|
||||||
|
width: 30%;
|
||||||
|
padding: 5px;
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
.training_text {
|
||||||
|
width: 50%;
|
||||||
|
padding: 5px;
|
||||||
|
float: left;
|
||||||
|
height: 320px !important;
|
||||||
|
min-height: 320px !important;
|
||||||
|
max-height: 320px !important;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.titre_training_text {
|
||||||
|
font-size: small;
|
||||||
|
padding-left: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input{
|
||||||
|
padding-left: 5px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.css-1sumxir-MuiFormLabel-root-MuiInputLabel-root{
|
||||||
|
margin-left: 1px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.disabled_style {
|
||||||
|
//background-color: #ECEFF1;
|
||||||
|
font-size: small !important;
|
||||||
|
color: black;
|
||||||
|
width: 90% !important;
|
||||||
|
height: 3rem !important;
|
||||||
|
margin: 5px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.bton_suppr {
|
||||||
|
background: transparent;
|
||||||
|
color: red;
|
||||||
|
border-radius: 5rem;
|
||||||
|
font-size: small;
|
||||||
|
text-align: center;
|
||||||
|
height: 2.5rem;
|
||||||
|
width: 40%;
|
||||||
|
margin-left: 10px;
|
||||||
|
margin-right: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.bton_enreg {
|
||||||
|
border-radius: 5rem;
|
||||||
|
font-size: small;
|
||||||
|
background: #81BC3A !important;
|
||||||
|
text-align: right;
|
||||||
|
height: 2.5rem;
|
||||||
|
width: 40%;
|
||||||
|
color: white;
|
||||||
|
margin-left: 10px;
|
||||||
|
margin-right: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.bton_edit {
|
||||||
|
border-radius: 5rem;
|
||||||
|
font-size: small;
|
||||||
|
background: black !important;
|
||||||
|
text-align: right;
|
||||||
|
height: 2.5rem;
|
||||||
|
width: 40%;
|
||||||
|
color: white;
|
||||||
|
margin-left: 10px;
|
||||||
|
margin-right: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.bton_annule {
|
||||||
|
border-radius: 5rem;
|
||||||
|
font-size: small;
|
||||||
|
background: lightgray !important;
|
||||||
|
text-align: right;
|
||||||
|
height: 2.5rem;
|
||||||
|
width: 40%;
|
||||||
|
color: black;
|
||||||
|
margin-left: 10px;
|
||||||
|
margin-right: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.detail_submenu {
|
||||||
|
background: #d8edfc;
|
||||||
|
border-radius: 15px;
|
||||||
|
margin-right: 1rem;
|
||||||
|
padding: 0.3rem;
|
||||||
|
margin-bottom: 0.5rem;
|
||||||
|
min-width: 10rem;
|
||||||
|
text-align: center;
|
||||||
|
border: 1px solid #9cf;
|
||||||
|
color: #3b3e40;
|
||||||
|
font-family: "verdana", "Quicksand", "Signika", sans-serif;
|
||||||
|
font-size: small;
|
||||||
|
letter-spacing: 0.1rem;
|
||||||
|
font-weight: normal;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
|
@ -1,28 +0,0 @@
|
||||||
.partner_client {
|
|
||||||
|
|
||||||
.okUpdateData {
|
|
||||||
font-size: small;
|
|
||||||
color: green;
|
|
||||||
font-style: italic;
|
|
||||||
}
|
|
||||||
|
|
||||||
.koUpdateData {
|
|
||||||
font-size: small;
|
|
||||||
color: red;
|
|
||||||
font-style: italic;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media only screen and (max-width: 600px) {
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
@media only screen and (min-width: 601px) and (max-width: 991px) {
|
|
||||||
}
|
|
||||||
|
|
||||||
@media only screen and (min-width: 992px) and (max-width: 1199px) {
|
|
||||||
}
|
|
||||||
|
|
||||||
@media only screen and (min-width: 1200px) {
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
|
@ -0,0 +1,64 @@
|
||||||
|
.partner_client {
|
||||||
|
|
||||||
|
.okUpdateData {
|
||||||
|
font-size: small;
|
||||||
|
color: green;
|
||||||
|
font-style: italic;
|
||||||
|
}
|
||||||
|
|
||||||
|
.koUpdateData {
|
||||||
|
font-size: small;
|
||||||
|
color: red;
|
||||||
|
font-style: italic;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media only screen and (max-width: 600px) {}
|
||||||
|
|
||||||
|
@media only screen and (min-width: 601px) and (max-width: 991px) {}
|
||||||
|
|
||||||
|
@media only screen and (min-width: 992px) and (max-width: 1199px) {}
|
||||||
|
|
||||||
|
@media only screen and (min-width: 1200px) {
|
||||||
|
|
||||||
|
.div_row {
|
||||||
|
float: left;
|
||||||
|
//border:0px solid black;
|
||||||
|
border-width: 0.01rem;
|
||||||
|
width: 100%;
|
||||||
|
margin-bottom: 1rem;
|
||||||
|
border-radius: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.div_row_gauche {
|
||||||
|
float: left;
|
||||||
|
//border:0px solid black;
|
||||||
|
border-width: 0.01rem;
|
||||||
|
width: 48%;
|
||||||
|
border-radius: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.div_row_droite {
|
||||||
|
float: right;
|
||||||
|
//border:0px solid black;
|
||||||
|
border-width: 0.01rem;
|
||||||
|
width: 48%;
|
||||||
|
border-radius: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.titre1 {
|
||||||
|
font-family: "Quicksand", "Signika", sans-serif;
|
||||||
|
font-size: medium;
|
||||||
|
text-align: center;
|
||||||
|
margin-bottom: 0.8rem;
|
||||||
|
color: white;
|
||||||
|
cursor: pointer;
|
||||||
|
font-style: italic;
|
||||||
|
background-color: gray;
|
||||||
|
font-weight: normal;
|
||||||
|
float: left;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
|
@ -64,4 +64,5 @@
|
||||||
@import "./components/sedesabonner";
|
@import "./components/sedesabonner";
|
||||||
@import "./components/pricing";
|
@import "./components/pricing";
|
||||||
@import "./components/hebergementlms";
|
@import "./components/hebergementlms";
|
||||||
@import "./components/partner_client";
|
@import "./components/addpartnerclient";
|
||||||
|
@import "./components/partnerclient";
|
||||||
|
|
Loading…
Reference in New Issue