02/12/2023 - 12h30
parent
a6b3cfe584
commit
90deb8fa59
|
@ -65,7 +65,7 @@ import {
|
|||
import { ResponsivePie } from '@nivo/pie'
|
||||
import { ResponsiveBar } from "@nivo/bar";
|
||||
|
||||
|
||||
import { TbColumns2, TbColumns1 } from "react-icons/tb";
|
||||
|
||||
const Dashbord_Session = (props) => {
|
||||
|
||||
|
@ -358,12 +358,15 @@ const Dashbord_Session = (props) => {
|
|||
behavior: "smooth",
|
||||
});
|
||||
|
||||
}, [myconntected_employee_id])
|
||||
}, [])
|
||||
|
||||
|
||||
const [filter_value, setfilter_value] = useState("m0");
|
||||
const [tdb_title, settdb_title] = useState();
|
||||
|
||||
const [display_nb_column, setdisplay_nb_column] = useState("2");
|
||||
const [display_column_size, setdisplay_column_size] = useState("50%");
|
||||
|
||||
return (
|
||||
<div className="dashbord_session">
|
||||
{isLoading && <div className="loader-container">
|
||||
|
@ -371,6 +374,25 @@ const Dashbord_Session = (props) => {
|
|||
</div>}
|
||||
|
||||
<h3> Tableaux de bord des sessions</h3>
|
||||
<div className="div_row"> </div>
|
||||
<div className="div_row" style={{ "textAlign": "right", "paddingRight": "20px" }}> Affichage
|
||||
<Tooltip id="my_tooltip_1_col" style={{ "fontSize": "12px" }} />
|
||||
<a data-tooltip-id="my_tooltip_1_col" data-tooltip-content="Affichage sur une colonne">
|
||||
<TbColumns1 style={{ "cursor": "pointer" }} onClick={(e) => {
|
||||
setdisplay_nb_column("1");
|
||||
setdisplay_column_size("100%");
|
||||
console.log(" display_column_size = ", display_column_size);
|
||||
}} />
|
||||
</a>
|
||||
<Tooltip id="my_tooltip_2_col" style={{ "fontSize": "12px" }} />
|
||||
<a data-tooltip-id="my_tooltip_2_col" data-tooltip-content="Affichage sur deux colonnes">
|
||||
<TbColumns2 style={{ "cursor": "pointer" }} onClick={(e) => {
|
||||
setdisplay_nb_column("2");
|
||||
setdisplay_column_size("50%");
|
||||
console.log(" display_column_size = ", display_column_size);
|
||||
}} />
|
||||
</a> </div>
|
||||
|
||||
<div className="div_row">
|
||||
<div className="" style={{ "width": "30%" }}>
|
||||
Filtre <br />
|
||||
|
@ -447,44 +469,67 @@ const Dashbord_Session = (props) => {
|
|||
|
||||
|
||||
</div>
|
||||
<Box m="20px">
|
||||
<div className="titre1"> TBD Session : Taux de remplissage </div>
|
||||
<div className="div_row" style={{ "textAlign": "right", "float": "left" }}>
|
||||
<nav style={{ "width": "20rem", "float": "left" }}>
|
||||
<div style={{ "float": "left", "width": "100%" , "paddingRight":"5px" }}>
|
||||
<div style={{ "float": "left", "width": String(display_column_size),"height":"30rem" , "float":"left", "paddingRight":"5px"}} >
|
||||
|
||||
<div className="titre1" style={{ "float": "left", "cursor": "none" }}>
|
||||
<nav style={{ "width": "90%", "float": "left", "textAlign": "center" }}> TBD Session : Taux de remplissage </nav>
|
||||
<Tooltip id="my-tooltip01" style={{ "fontSize": "12px" }} />
|
||||
<a data-tooltip-id="my-tooltip01" data-tooltip-content="Ajouter à ma liste de TBD">
|
||||
<MdOutlineAddchart onClick={(e) => settdb_title("1")} style={{ "cursor": "pointer" }} />
|
||||
|
||||
{tdb_title && String(tdb_title) === "1" && <nav> <TextField
|
||||
sx={{ '& legend': { display: 'none' }, '& fieldset': { top: 0 }, }}
|
||||
required
|
||||
name="tdb_title"
|
||||
id="tdb_title"
|
||||
text
|
||||
label="Titre TDB"
|
||||
InputLabelProps={{
|
||||
shrink: true,
|
||||
}}
|
||||
disabled={false}
|
||||
className="disabled_style"
|
||||
<Popup
|
||||
trigger={
|
||||
<nav style={{ "width": "9%", "float": "right", "textAlign": "right", "cursor": "pointer" }}>
|
||||
<MdOutlineAddchart style={{ "cursor": "pointer", }} />
|
||||
</nav>
|
||||
}
|
||||
modal
|
||||
nested
|
||||
position="center center"
|
||||
>
|
||||
{close => (
|
||||
<div>
|
||||
<button className="gest_close" onClick={close}>
|
||||
×
|
||||
</button>
|
||||
<div className="gest_header"> MySy Information </div>
|
||||
<div className="gest_content">
|
||||
{' '}
|
||||
|
||||
En confirmant cette opération, le tableau sera ajouté de votre tableau de bord global.<br />
|
||||
Vous pourrez le supprimer à nouveau si besoin. <br />
|
||||
|
||||
/>
|
||||
<button onClick={(e) => {
|
||||
</div>
|
||||
<div className="gest_actions">
|
||||
<div style={{ "width": "45%", "float": "left" }}>
|
||||
<button className="gest_bton_popup" onClick={(event) => {
|
||||
setdashbord_internal_code("CODE_SESSION_01")
|
||||
Add_To_User_TBD("tbd_code_session_01");
|
||||
}}> Ajouter </button> <button onClick={(e) => settdb_title("0")}> Fermer </button>
|
||||
</nav>}
|
||||
</a>
|
||||
</nav>
|
||||
close();
|
||||
}}> Valider </button>
|
||||
|
||||
</div>
|
||||
<div style={{ "width": "45%", "float": "right" }}>
|
||||
<button
|
||||
className="gest_bton_popup"
|
||||
onClick={() => {
|
||||
console.log('modal closed ');
|
||||
close();
|
||||
}}
|
||||
>
|
||||
Annuler
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
)}
|
||||
</Popup>
|
||||
</a>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<Box height="50vh" style={{ "color": "black" }}>
|
||||
|
||||
|
||||
<ResponsiveBar
|
||||
data={Getall_Qry_Session_Data_result_JSON}
|
||||
|
||||
|
@ -621,47 +666,64 @@ const Dashbord_Session = (props) => {
|
|||
|
||||
</Box>
|
||||
|
||||
</Box>
|
||||
<br />
|
||||
<br />
|
||||
<br />
|
||||
<br />
|
||||
<Box m="20px">
|
||||
|
||||
<div className="titre1"> TBD Session : Nb Session par formateur </div>
|
||||
<div className="div_row" style={{ "textAlign": "right", "float": "left" }}>
|
||||
<nav style={{ "width": "20rem", "float": "left" }}>
|
||||
<Tooltip id="my-tooltip01" style={{ "fontSize": "12px" }} />
|
||||
<a data-tooltip-id="my-tooltip01" data-tooltip-content="Ajouter à ma liste de TBD">
|
||||
<MdOutlineAddchart onClick={(e) => settdb_title("1")} style={{ "cursor": "pointer" }} />
|
||||
|
||||
{tdb_title && String(tdb_title) === "1" && <nav> <TextField
|
||||
sx={{ '& legend': { display: 'none' }, '& fieldset': { top: 0 }, }}
|
||||
required
|
||||
name="tdb_title"
|
||||
id="tdb_title"
|
||||
text
|
||||
label="Titre TDB"
|
||||
InputLabelProps={{
|
||||
shrink: true,
|
||||
}}
|
||||
disabled={false}
|
||||
className="disabled_style"
|
||||
|
||||
|
||||
/>
|
||||
<button onClick={(e) => {
|
||||
setdashbord_internal_code("CODE_SESSION_02")
|
||||
Add_To_User_TBD("tbd_code_session_02");
|
||||
}}> Ajouter </button> <button onClick={(e) => settdb_title("0")}> Fermer </button>
|
||||
</nav>}
|
||||
</a>
|
||||
</nav>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<br /> <br /> <br />
|
||||
<div style={{ "float": "left", "width": String(display_column_size),"height":"30rem" , "float":"left", "paddingRight":"5px"}} >
|
||||
<div className="titre1" style={{ "float": "left", "cursor": "none" }}>
|
||||
<nav style={{ "width": "90%", "float": "left", "textAlign": "center" }}> TBD Session : Nb Session par formateur </nav>
|
||||
<Tooltip id="my-tooltip01" style={{ "fontSize": "12px" }} />
|
||||
<a data-tooltip-id="my-tooltip01" data-tooltip-content="Ajouter à ma liste de TBD">
|
||||
|
||||
<Popup
|
||||
trigger={
|
||||
<nav style={{ "width": "9%", "float": "right", "textAlign": "right", "cursor": "pointer" }}>
|
||||
<MdOutlineAddchart style={{ "cursor": "pointer", }} />
|
||||
</nav>
|
||||
}
|
||||
modal
|
||||
nested
|
||||
position="center center"
|
||||
>
|
||||
{close => (
|
||||
<div>
|
||||
<button className="gest_close" onClick={close}>
|
||||
×
|
||||
</button>
|
||||
<div className="gest_header"> MySy Information </div>
|
||||
<div className="gest_content">
|
||||
{' '}
|
||||
|
||||
En confirmant cette opération, le tableau sera ajouté de votre tableau de bord global.<br />
|
||||
Vous pourrez le supprimer à nouveau si besoin. <br />
|
||||
|
||||
</div>
|
||||
<div className="gest_actions">
|
||||
<div style={{ "width": "45%", "float": "left" }}>
|
||||
<button className="gest_bton_popup" onClick={(event) => {
|
||||
setdashbord_internal_code("CODE_SESSION_02")
|
||||
Add_To_User_TBD("tbd_code_session_02");
|
||||
close();
|
||||
}}> Valider </button>
|
||||
|
||||
</div>
|
||||
<div style={{ "width": "45%", "float": "right" }}>
|
||||
<button
|
||||
className="gest_bton_popup"
|
||||
onClick={() => {
|
||||
console.log('modal closed ');
|
||||
close();
|
||||
}}
|
||||
>
|
||||
Annuler
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
)}
|
||||
</Popup>
|
||||
</a>
|
||||
|
||||
</div>
|
||||
|
||||
<Box height="50vh" style={{ "color": "black" }}>
|
||||
|
||||
|
@ -802,48 +864,65 @@ const Dashbord_Session = (props) => {
|
|||
|
||||
</Box>
|
||||
|
||||
</Box>
|
||||
</div>
|
||||
|
||||
<br />
|
||||
<br />
|
||||
<br />
|
||||
<br />
|
||||
<Box m="20px">
|
||||
|
||||
<div className="titre1"> TBD Session : Repartition par Formateur </div>
|
||||
<div className="div_row" style={{ "textAlign": "right", "float": "left" }}>
|
||||
<nav style={{ "width": "20rem", "float": "left" }}>
|
||||
<div style={{ "float": "left", "width": String(display_column_size) ,"height":"30rem", "float":"left", "paddingRight":"5px"}} >
|
||||
<div className="titre1" style={{ "float": "left", "cursor": "none" }}>
|
||||
<nav style={{ "width": "90%", "float": "left", "textAlign": "center" }}> TBD Session : Repartition par Formateur </nav>
|
||||
<Tooltip id="my-tooltip01" style={{ "fontSize": "12px" }} />
|
||||
<a data-tooltip-id="my-tooltip01" data-tooltip-content="Ajouter à ma liste de TBD">
|
||||
<MdOutlineAddchart onClick={(e) => settdb_title("1")} style={{ "cursor": "pointer" }} />
|
||||
|
||||
{tdb_title && String(tdb_title) === "1" && <nav> <TextField
|
||||
sx={{ '& legend': { display: 'none' }, '& fieldset': { top: 0 }, }}
|
||||
required
|
||||
name="tdb_title"
|
||||
id="tdb_title"
|
||||
text
|
||||
label="Titre TDB"
|
||||
InputLabelProps={{
|
||||
shrink: true,
|
||||
}}
|
||||
disabled={false}
|
||||
className="disabled_style"
|
||||
<Popup
|
||||
trigger={
|
||||
<nav style={{ "width": "9%", "float": "right", "textAlign": "right", "cursor": "pointer" }}>
|
||||
<MdOutlineAddchart style={{ "cursor": "pointer", }} />
|
||||
</nav>
|
||||
}
|
||||
modal
|
||||
nested
|
||||
position="center center"
|
||||
>
|
||||
{close => (
|
||||
<div>
|
||||
<button className="gest_close" onClick={close}>
|
||||
×
|
||||
</button>
|
||||
<div className="gest_header"> MySy Information </div>
|
||||
<div className="gest_content">
|
||||
{' '}
|
||||
|
||||
En confirmant cette opération, le tableau sera ajouté de votre tableau de bord global.<br />
|
||||
Vous pourrez le supprimer à nouveau si besoin. <br />
|
||||
|
||||
/>
|
||||
<button onClick={(e) => {
|
||||
</div>
|
||||
<div className="gest_actions">
|
||||
<div style={{ "width": "45%", "float": "left" }}>
|
||||
<button className="gest_bton_popup" onClick={(event) => {
|
||||
setdashbord_internal_code("CODE_SESSION_03")
|
||||
Add_To_User_TBD("tbd_code_session_03");
|
||||
}}> Ajouter </button> <button onClick={(e) => settdb_title("0")}> Fermer </button>
|
||||
</nav>}
|
||||
</a>
|
||||
</nav>
|
||||
close();
|
||||
}}> Valider </button>
|
||||
|
||||
</div>
|
||||
<div style={{ "width": "45%", "float": "right" }}>
|
||||
<button
|
||||
className="gest_bton_popup"
|
||||
onClick={() => {
|
||||
console.log('modal closed ');
|
||||
close();
|
||||
}}
|
||||
>
|
||||
Annuler
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
)}
|
||||
</Popup>
|
||||
</a>
|
||||
|
||||
</div>
|
||||
|
||||
<br /> <br /> <br />
|
||||
|
||||
<Box height="50vh" style={{ "color": "black" }}>
|
||||
|
||||
|
@ -986,7 +1065,11 @@ const Dashbord_Session = (props) => {
|
|||
|
||||
</Box>
|
||||
|
||||
</Box>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
|
|
@ -408,12 +408,12 @@ const Dashbord_Session_Par_Fteur = (props) => {
|
|||
const [tdb_title, settdb_title] = useState();
|
||||
|
||||
return (
|
||||
<div className="dashbord_session">
|
||||
<div className="dashbord_session" style={{ "marginLeft": "1px", "marginRight": "2px" }}>
|
||||
{isLoading && <div className="loader-container">
|
||||
<div className="mysy_spinner"> <img src={img_loading_spin} /> </div>
|
||||
</div>}
|
||||
|
||||
<div className="div_row">
|
||||
{/* <div className="div_row">
|
||||
<div className="" style={{ "width": "30%" }}>
|
||||
Filtre <br />
|
||||
<TextField
|
||||
|
@ -488,28 +488,66 @@ const Dashbord_Session_Par_Fteur = (props) => {
|
|||
</Button><br />
|
||||
|
||||
|
||||
</div>
|
||||
</div>*/}
|
||||
|
||||
<Box m="20px">
|
||||
|
||||
<div className="titre1"> TBD Session : Nb Session par formateur </div>
|
||||
<div className="div_row" style={{ "textAlign": "right", "float": "left" }}>
|
||||
<div style={{ "height": "40rem" }}>
|
||||
|
||||
<nav style={{ "width": "20rem", "float": "left" }}>
|
||||
<div className="titre1" style={{ "float": "left", "cursor": "none" }}>
|
||||
<nav style={{ "width": "90%", "float": "left", "textAlign": "center" }}> TBD Session : Nb Session par formateur </nav>
|
||||
<Tooltip id="my-tooltip02" style={{ "fontSize": "12px" }} />
|
||||
<a data-tooltip-id="my-tooltip02" data-tooltip-content="Supprimer de ma liste de TBD">
|
||||
<MdDeleteForever style={{ "cursor": "pointer" }} onClick={(e) => {
|
||||
Remove_From_User_TBD();
|
||||
}}/>
|
||||
</a>
|
||||
<Popup
|
||||
trigger={
|
||||
<nav style={{ "width": "9%", "float": "right", "textAlign": "right", "cursor": "pointer" }}>
|
||||
<MdDeleteForever style={{ "cursor": "pointer", }} />
|
||||
</nav>
|
||||
}
|
||||
modal
|
||||
nested
|
||||
position="center center"
|
||||
>
|
||||
{close => (
|
||||
<div>
|
||||
<button className="gest_close" onClick={close}>
|
||||
×
|
||||
</button>
|
||||
<div className="gest_header"> MySy Information </div>
|
||||
<div className="gest_content">
|
||||
{' '}
|
||||
|
||||
En confirmant cette opération, le tableau sera supprimé de votre tableau de bord global.<br />
|
||||
Vous pourrez le rajouter à nouveau si besoin. <br />
|
||||
|
||||
</div>
|
||||
<div className="gest_actions">
|
||||
<div style={{ "width": "45%", "float": "left" }}>
|
||||
<button className="gest_bton_popup" onClick={(event) => {
|
||||
Remove_From_User_TBD();
|
||||
//console.log('modal closed ');
|
||||
close();
|
||||
}}> Valider </button>
|
||||
|
||||
<br /> <br /> <br />
|
||||
|
||||
<Box height="50vh" style={{ "color": "black" }}>
|
||||
</div>
|
||||
<div style={{ "width": "45%", "float": "right" }}>
|
||||
<button
|
||||
className="gest_bton_popup"
|
||||
onClick={() => {
|
||||
console.log('modal closed ');
|
||||
close();
|
||||
}}
|
||||
>
|
||||
Annuler
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
)}
|
||||
</Popup>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<Box style={{ "color": "black", "height": "30rem" }}>
|
||||
|
||||
<ResponsiveBar
|
||||
data={Getall_Qry_Session_Data_By_Trainer_result_JSON}
|
||||
|
||||
|
@ -643,13 +681,9 @@ const Dashbord_Session_Par_Fteur = (props) => {
|
|||
barAriaLabel={e => e.id + ": " + e.formattedValue + " in country: " + e.indexValue}
|
||||
/>
|
||||
|
||||
|
||||
|
||||
</Box>
|
||||
|
||||
</Box>
|
||||
|
||||
<br />
|
||||
</div>
|
||||
|
||||
</div>
|
||||
)
|
||||
|
|
|
@ -410,12 +410,12 @@ const Dashbord_Session_Repartition_Fteur = (props) => {
|
|||
const [tdb_title, settdb_title] = useState();
|
||||
|
||||
return (
|
||||
<div className="dashbord_session">
|
||||
<div className="dashbord_session" style={{ "marginLeft": "1px", "marginRight": "2px" }}>
|
||||
{isLoading && <div className="loader-container">
|
||||
<div className="mysy_spinner"> <img src={img_loading_spin} /> </div>
|
||||
</div>}
|
||||
|
||||
<div className="div_row">
|
||||
{/*<div className="div_row">
|
||||
<div className="" style={{ "width": "30%" }}>
|
||||
Filtre <br />
|
||||
<TextField
|
||||
|
@ -490,31 +490,66 @@ const Dashbord_Session_Repartition_Fteur = (props) => {
|
|||
</Button><br />
|
||||
|
||||
|
||||
</div>
|
||||
</div>*/}
|
||||
|
||||
<br />
|
||||
<Box m="20px">
|
||||
|
||||
<div className="titre1"> TBD Session : Repartition par Formateur </div>
|
||||
<div className="div_row" style={{ "textAlign": "right", "float": "left" }}>
|
||||
|
||||
<nav style={{ "width": "20rem", "float": "left" }}>
|
||||
<div style={{ "height": "40rem" }}>
|
||||
<div className="titre1" style={{ "float": "left", "cursor": "none" }}>
|
||||
<nav style={{ "width": "90%", "float": "left", "textAlign": "center" }}> TBD Session : Repartition par Formateur </nav>
|
||||
<Tooltip id="my-tooltip02" style={{ "fontSize": "12px" }} />
|
||||
<a data-tooltip-id="my-tooltip02" data-tooltip-content="Supprimer de ma liste de TBD ">
|
||||
<MdDeleteForever style={{ "cursor": "pointer" }} onClick={(e) => {
|
||||
Remove_From_User_TBD();
|
||||
}} />
|
||||
</a>
|
||||
<a data-tooltip-id="my-tooltip02" data-tooltip-content="Supprimer de ma liste de TBD">
|
||||
<Popup
|
||||
trigger={
|
||||
<nav style={{ "width": "9%", "float": "right", "textAlign": "right", "cursor": "pointer" }}>
|
||||
<MdDeleteForever style={{ "cursor": "pointer", }} />
|
||||
</nav>
|
||||
}
|
||||
modal
|
||||
nested
|
||||
position="center center"
|
||||
>
|
||||
{close => (
|
||||
<div>
|
||||
<button className="gest_close" onClick={close}>
|
||||
×
|
||||
</button>
|
||||
<div className="gest_header"> MySy Information </div>
|
||||
<div className="gest_content">
|
||||
{' '}
|
||||
|
||||
En confirmant cette opération, le tableau sera supprimé de votre tableau de bord global.<br />
|
||||
Vous pourrez le rajouter à nouveau si besoin. <br />
|
||||
|
||||
</div>
|
||||
<div className="gest_actions">
|
||||
<div style={{ "width": "45%", "float": "left" }}>
|
||||
<button className="gest_bton_popup" onClick={(event) => {
|
||||
Remove_From_User_TBD();
|
||||
//console.log('modal closed ');
|
||||
close();
|
||||
}}> Valider </button>
|
||||
|
||||
<br /> <br /> <br />
|
||||
|
||||
<Box height="50vh" style={{ "color": "black" }}>
|
||||
|
||||
</div>
|
||||
<div style={{ "width": "45%", "float": "right" }}>
|
||||
<button
|
||||
className="gest_bton_popup"
|
||||
onClick={() => {
|
||||
console.log('modal closed ');
|
||||
close();
|
||||
}}
|
||||
>
|
||||
Annuler
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
)}
|
||||
</Popup>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
|
||||
<Box style={{ "color": "black", "height": "30rem" }}>
|
||||
|
||||
<ResponsivePie
|
||||
data={Getall_Qry_Session_Data_Pourcent_Trainer_result_JSON}
|
||||
margin={{ top: 40, right: 80, bottom: 80, left: 80 }}
|
||||
|
@ -649,12 +684,9 @@ const Dashbord_Session_Repartition_Fteur = (props) => {
|
|||
]}
|
||||
/>
|
||||
|
||||
|
||||
|
||||
</Box>
|
||||
|
||||
</Box>
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
|
|
|
@ -408,11 +408,11 @@ const Dashbord_Session_Taux_Remplissage = (props) => {
|
|||
const [tdb_title, settdb_title] = useState();
|
||||
|
||||
return (
|
||||
<div className="dashbord_session">
|
||||
<div className="dashbord_session" style={{ "marginLeft": "1px", "marginRight": "2px" }}>
|
||||
{isLoading && <div className="loader-container">
|
||||
<div className="mysy_spinner"> <img src={img_loading_spin} /> </div>
|
||||
</div>}
|
||||
<div className="div_row">
|
||||
{/* <div className="div_row">
|
||||
<div className="" style={{ "width": "30%" }}>
|
||||
Filtre <br />
|
||||
<TextField
|
||||
|
@ -487,27 +487,68 @@ const Dashbord_Session_Taux_Remplissage = (props) => {
|
|||
</Button><br />
|
||||
|
||||
|
||||
</div>
|
||||
<Box m="20px">
|
||||
|
||||
<div className="titre1"> TBD Session : Taux de remplissage </div>
|
||||
<div className="div_row" style={{ "textAlign": "right", "float": "left" }}>
|
||||
</div> */}
|
||||
|
||||
<nav style={{ "width": "20rem", "float": "left" }}>
|
||||
<div style={{ "height": "40rem" }}>
|
||||
<div className="titre1" style={{ "float": "left", "cursor": "none" }}>
|
||||
<nav style={{ "width": "90%", "float": "left", "textAlign": "center" }}> TBD Session : Taux de remplissage </nav>
|
||||
<Tooltip id="my-tooltip02" style={{ "fontSize": "12px" }} />
|
||||
<a data-tooltip-id="my-tooltip02" data-tooltip-content="Supprimer de ma liste de TBD">
|
||||
<MdDeleteForever style={{ "cursor": "pointer" }} onClick={(e) => {
|
||||
Remove_From_User_TBD();
|
||||
}}/>
|
||||
</a>
|
||||
|
||||
<Popup
|
||||
trigger={
|
||||
<nav style={{ "width": "9%", "float": "right", "textAlign": "right", "cursor": "pointer" }}>
|
||||
<MdDeleteForever style={{ "cursor": "pointer", }} />
|
||||
</nav>
|
||||
}
|
||||
modal
|
||||
nested
|
||||
position="center center"
|
||||
>
|
||||
{close => (
|
||||
<div>
|
||||
<button className="gest_close" onClick={close}>
|
||||
×
|
||||
</button>
|
||||
<div className="gest_header"> MySy Information </div>
|
||||
<div className="gest_content">
|
||||
{' '}
|
||||
|
||||
En confirmant cette opération, le tableau sera supprimé de votre tableau de bord global.<br />
|
||||
Vous pourrez le rajouter à nouveau si besoin. <br />
|
||||
|
||||
</div>
|
||||
<div className="gest_actions">
|
||||
<div style={{ "width": "45%", "float": "left" }}>
|
||||
<button className="gest_bton_popup" onClick={(event) => {
|
||||
Remove_From_User_TBD();
|
||||
//console.log('modal closed ');
|
||||
close();
|
||||
}}> Valider </button>
|
||||
|
||||
</div>
|
||||
<div style={{ "width": "45%", "float": "right" }}>
|
||||
<button
|
||||
className="gest_bton_popup"
|
||||
onClick={() => {
|
||||
console.log('modal closed ');
|
||||
close();
|
||||
}}
|
||||
>
|
||||
Annuler
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
)}
|
||||
</Popup>
|
||||
</a>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<Box height="50vh" style={{ "color": "black" }}>
|
||||
|
||||
<Box style={{ "color": "black", "height": "30rem" }}>
|
||||
|
||||
<ResponsiveBar
|
||||
data={Getall_Qry_Session_Data_result_JSON}
|
||||
|
||||
|
@ -641,11 +682,8 @@ const Dashbord_Session_Taux_Remplissage = (props) => {
|
|||
/>
|
||||
|
||||
|
||||
|
||||
</Box>
|
||||
|
||||
</Box>
|
||||
<br />
|
||||
</div>
|
||||
|
||||
</div>
|
||||
)
|
||||
|
|
|
@ -52,7 +52,7 @@ import ToggleSwitch from "./ToggleSwitch";
|
|||
import Dashbord_Session_Par_Fteur from "./Dashbord_Session_Par_Fteur";
|
||||
import Dashbord_Session_Taux_Remplissage from "./Dashbord_Session_Taux_Remplissage";
|
||||
import Dashbord_Session_Repartition_Fteur from "./Dashbord_Session_Repartition_Fteur";
|
||||
|
||||
import { TbColumns2, TbColumns1 } from "react-icons/tb";
|
||||
|
||||
const Mon_Tableau_De_Bord = (props) => {
|
||||
|
||||
|
@ -116,6 +116,7 @@ const Mon_Tableau_De_Bord = (props) => {
|
|||
}, [])
|
||||
|
||||
|
||||
const [display_nb_column, setdisplay_nb_column] = useState("2");
|
||||
|
||||
return (
|
||||
<div className="mon_tableau_de_bord">
|
||||
|
@ -126,10 +127,25 @@ const Mon_Tableau_De_Bord = (props) => {
|
|||
<h3> Mon tableau de bord </h3>
|
||||
|
||||
<div className="div_row"> </div>
|
||||
<div className="div_row" style={{ "textAlign": "right", "paddingRight": "20px" }}> Affichage
|
||||
<Tooltip id="my_tooltip_1_col" style={{ "fontSize": "12px" }} />
|
||||
<a data-tooltip-id="my_tooltip_1_col" data-tooltip-content="Affichage sur une colonne">
|
||||
<TbColumns1 style={{ "cursor": "pointer" }} onClick={(e) => {
|
||||
setdisplay_nb_column("1");
|
||||
}} />
|
||||
</a>
|
||||
<Tooltip id="my_tooltip_2_col" style={{ "fontSize": "12px" }} />
|
||||
<a data-tooltip-id="my_tooltip_2_col" data-tooltip-content="Affichage sur deux colonnes">
|
||||
<TbColumns2 style={{ "cursor": "pointer" }} onClick={(e) => {
|
||||
setdisplay_nb_column("2");
|
||||
}} />
|
||||
</a> </div>
|
||||
|
||||
{display_nb_column && String(display_nb_column) == "2" && <div>
|
||||
{Get_Connected_User_Dashbord_result &&
|
||||
Get_Connected_User_Dashbord_result.map((step) => (
|
||||
<div className="div_row" style={{ "width": "50%", "float": "left" }}>
|
||||
|
||||
<div className="div_row" style={{ "width": "49%", "float": "left", "paddingRight":"2px" }}>
|
||||
|
||||
{String(JSON.parse(step).dashbord_internal_code) === "tbd_code_session_01" &&
|
||||
|
||||
|
@ -153,6 +169,40 @@ const Mon_Tableau_De_Bord = (props) => {
|
|||
</div>
|
||||
|
||||
))}
|
||||
</div>}
|
||||
|
||||
|
||||
{display_nb_column && String(display_nb_column) == "1" && <div>
|
||||
{Get_Connected_User_Dashbord_result &&
|
||||
Get_Connected_User_Dashbord_result.map((step) => (
|
||||
|
||||
<div className="div_row" style={{ "width": "95%", "float": "left" }}>
|
||||
|
||||
{String(JSON.parse(step).dashbord_internal_code) === "tbd_code_session_01" &&
|
||||
|
||||
<Dashbord_Session_Taux_Remplissage user_dashbord_id={String(JSON.parse(step)._id)} />
|
||||
}
|
||||
|
||||
{String(JSON.parse(step).dashbord_internal_code) === "tbd_code_session_02" &&
|
||||
|
||||
<Dashbord_Session_Par_Fteur user_dashbord_id={String(JSON.parse(step)._id)} />
|
||||
|
||||
}
|
||||
|
||||
|
||||
{String(JSON.parse(step).dashbord_internal_code) === "tbd_code_session_03" &&
|
||||
|
||||
|
||||
<Dashbord_Session_Repartition_Fteur user_dashbord_id={String(JSON.parse(step)._id)} />
|
||||
}
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
))}
|
||||
</div>}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
|
|
@ -1102,15 +1102,17 @@ const Partner = (props) => {
|
|||
|
||||
<div class="separator"> Mon Compte </div>
|
||||
|
||||
{String(menu) !== "mon_tableau_de_bord" && <div className="sousmenu" onClick={mon_tableau_de_bord_func}> <AiOutlineDashboard className="icone_menu" /> MON TABLEAU DE BORD</div>}
|
||||
{String(menu) === "mon_tableau_de_bord" && <div className="sousmenu_selected" onClick={mon_tableau_de_bord_func} > <AiOutlineDashboard className="icone_menu" /> MON TABLEAU DE BORD</div>}
|
||||
<hr className="my_hr" />
|
||||
|
||||
{String(menu) !== "infopartner" && <div className="sousmenu" onClick={PersonnalData}> <FcHome className="icone_menu" /> MES INFORMATIONS</div>}
|
||||
{String(menu) === "infopartner" && <div className="sousmenu_selected" onClick={PersonnalData} > <FcHome className="icone_menu" /> MES INFORMATIONS</div>}
|
||||
<hr className="my_hr" />
|
||||
|
||||
|
||||
{String(menu) !== "mon_tableau_de_bord" && <div className="sousmenu" onClick={mon_tableau_de_bord_func}> <AiOutlineDashboard className="icone_menu" /> MON TABLEAU DE BORD</div>}
|
||||
{String(menu) === "mon_tableau_de_bord" && <div className="sousmenu_selected" onClick={mon_tableau_de_bord_func} > <AiOutlineDashboard className="icone_menu" /> MON TABLEAU DE BORD</div>}
|
||||
<hr className="my_hr" />
|
||||
|
||||
|
||||
{String(menu) !== "module_agenda" && <div className="sousmenu" onClick={module_agenda_func}> <FcCalendar className="icone_menu" /> PLANNING </div>}
|
||||
{String(menu) === "module_agenda" && <div className="sousmenu_selected" onClick={module_agenda_func} > <FcCalendar className="icone_menu" /> PLANNING</div>}
|
||||
<hr className="my_hr" />
|
||||
|
|
Loading…
Reference in New Issue