02/12/2023 - 12h30

recette2
cherif 2023-12-02 12:33:45 +01:00
parent a6b3cfe584
commit 90deb8fa59
6 changed files with 857 additions and 618 deletions

View File

@ -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"> &nbsp;</div>
<div className="div_row" style={{ "textAlign": "right", "paddingRight": "20px" }}> Affichage &nbsp;
<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> &nbsp; &nbsp;
<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" }} /> &nbsp;
{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}>
&times;
</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> &nbsp; <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" }}>
&nbsp;
&nbsp;
<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">
&nbsp;
<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" }} /> &nbsp;
{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> &nbsp; <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}>
&times;
</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" }}>
&nbsp;
@ -802,48 +864,65 @@ const Dashbord_Session = (props) => {
</Box>
</Box>
</div>
<br />
<br />
<br />
<br />
<Box m="20px">
&nbsp;
<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" }} /> &nbsp;
{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}>
&times;
</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> &nbsp; <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" }}>
&nbsp;
@ -986,7 +1065,11 @@ const Dashbord_Session = (props) => {
</Box>
</Box>
</div>
</div>
</div>
)
}

View File

@ -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">
&nbsp;
<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}>
&times;
</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" }}>
&nbsp;
<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>
)

View File

@ -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">
&nbsp;
<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}>
&times;
</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" }}>
&nbsp;
<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>
)
}

View File

@ -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">
&nbsp;
<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}>
&times;
</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" }}>
&nbsp;
<ResponsiveBar
data={Getall_Qry_Session_Data_result_JSON}
@ -641,11 +682,8 @@ const Dashbord_Session_Taux_Remplissage = (props) => {
/>
</Box>
</Box>
<br />
</div>
</div>
)

View File

@ -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"> &nbsp;</div>
<div className="div_row" style={{ "textAlign": "right", "paddingRight": "20px" }}> Affichage &nbsp;
<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> &nbsp; &nbsp;
<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>}

View File

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