30/12/2023 - 18h
parent
3093e34ca0
commit
52e6ab1db9
|
@ -0,0 +1,572 @@
|
||||||
|
import React, { useRef, useState, useEffect } from "react";
|
||||||
|
import TextField from '@mui/material/TextField';
|
||||||
|
import MenuItem from '@mui/material/MenuItem';
|
||||||
|
import 'react-confirm-alert/src/react-confirm-alert.css'; // Import css
|
||||||
|
import Button from '@mui/material/Button';
|
||||||
|
import axios from "axios";
|
||||||
|
import { getCookie, setCookie } from 'react-use-cookie';
|
||||||
|
import { useHistory } from "react-router-dom";
|
||||||
|
import "react-draft-wysiwyg/dist/react-draft-wysiwyg.css";
|
||||||
|
import 'react-tooltip/dist/react-tooltip.css'
|
||||||
|
import { Tooltip } from 'react-tooltip'
|
||||||
|
import 'reactjs-popup/dist/index.css';
|
||||||
|
import DatePicker from "react-datepicker";
|
||||||
|
import "react-datepicker/dist/react-datepicker.css";
|
||||||
|
import { format } from 'date-fns'
|
||||||
|
import moment from "moment";
|
||||||
|
import Box from '@mui/material/Box';
|
||||||
|
import img_loading_spin from "./../mysy_img/mysy_spin_loading.gif";
|
||||||
|
import { DataGrid, GridToolbar, frFR } from '@mui/x-data-grid';
|
||||||
|
import { tokens } from "./../theme";
|
||||||
|
import { MdOutlineAddchart, } from "react-icons/md";
|
||||||
|
import {
|
||||||
|
useTheme,
|
||||||
|
} from "@mui/material";
|
||||||
|
|
||||||
|
import { ResponsivePie } from '@nivo/pie'
|
||||||
|
import { ResponsiveBar } from "@nivo/bar";
|
||||||
|
|
||||||
|
import { TbColumns2, TbColumns1 } from "react-icons/tb";
|
||||||
|
|
||||||
|
const Dashbord_Ressources_Humaines = (props) => {
|
||||||
|
|
||||||
|
const history = useHistory();
|
||||||
|
const [isLoading, setLoading] = useState();
|
||||||
|
|
||||||
|
const theme = useTheme();
|
||||||
|
const colors = tokens(theme.palette.mode);
|
||||||
|
|
||||||
|
const [isMySyDashboard, setisMySyDashboard] = useState(false);
|
||||||
|
|
||||||
|
var date_today_90j = new Date();
|
||||||
|
date_today_90j.setDate(date_today_90j.getDate() - 90);
|
||||||
|
const [selectionModel, setSelectionModel] = React.useState([]);
|
||||||
|
|
||||||
|
|
||||||
|
const columns = [
|
||||||
|
{ field: 'id', headerName: 'id', hide: true },
|
||||||
|
{ field: '_id', headerName: '_id', hide: true },
|
||||||
|
|
||||||
|
{ field: 'civilite', headerName: 'Civ.', hide: false, minWidth: 50, flex: 1, maxWidth: 60 },
|
||||||
|
{ field: 'nom', headerName: 'Nom', hide: false, flex: 1, minWidth: 20 },
|
||||||
|
{ field: 'prenom', headerName: 'Prénom', hide: false, flex: 1, minWidth: 200 },
|
||||||
|
{ field: 'email', headerName: 'Email', hide: false, flex: 1, minWidth: 200 },
|
||||||
|
{ field: 'ismanager', headerName: 'Manager', hide: false, minWidth: 50, flex: 1, maxWidth: 100 },
|
||||||
|
{ field: 'fonction', headerName: 'Fonction', hide: false, minWidth: 100, flex: 1, maxWidth: 150 },
|
||||||
|
|
||||||
|
{ field: 'agenda_event_title', headerName: 'Titre Event', hide: false, minWidth: 200, flex: 1, },
|
||||||
|
{ field: 'agenda_event_code_session', headerName: 'Code session', hide: false, minWidth: 100, flex: 1, maxWidth: 150 },
|
||||||
|
{ field: 'agenda_event_type', headerName: 'Type Event', hide: false, minWidth: 100, flex: 1, maxWidth: 100 },
|
||||||
|
{ field: 'event_duration_hour', headerName: 'Durée (h)', hide: false, minWidth: 50, flex: 1, maxWidth: 100 },
|
||||||
|
{ field: 'agenda_date_jour', headerName: 'Date', hide: false, minWidth: 100, flex: 1, maxWidth: 150 },
|
||||||
|
{ field: 'agenda_event_start', headerName: 'Début', hide: false, minWidth: 150, flex: 1, maxWidth: 200 },
|
||||||
|
{ field: 'agenda_event_end', headerName: 'Fin', hide: false, minWidth: 150, flex: 1, maxWidth: 200 },
|
||||||
|
{ field: 'agenda_event_sequence_session_id', headerName: 'agenda_id', hide: true, maxWidth: 1 },
|
||||||
|
|
||||||
|
|
||||||
|
]
|
||||||
|
|
||||||
|
|
||||||
|
const [p_filter_date_from, setp_filter_date_from] = useState(date_today_90j.toLocaleDateString('fr-FR'));
|
||||||
|
const [p_filter_date_to, setp_filter_date_to] = useState(new Date().toLocaleDateString('fr-FR'));
|
||||||
|
|
||||||
|
|
||||||
|
const [filter_value, setfilter_value] = useState("d");
|
||||||
|
|
||||||
|
const [filter_type_tache, setfilter_type_tache] = useState("");
|
||||||
|
|
||||||
|
const [tdb_title, settdb_title] = useState();
|
||||||
|
|
||||||
|
const [display_nb_column, setdisplay_nb_column] = useState("1");
|
||||||
|
const [display_column_size, setdisplay_column_size] = useState("50%");
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
const [Getall_Qry_RH_Data_result_JSON, setGetall_Qry_RH_Data_result_JSON] = useState([]);
|
||||||
|
const [Getall_Qry_RH_Data_api, setGetall_Qry_RH_Data_api] = useState();
|
||||||
|
const [Getall_Qry_RH_Data_message, setGetall_Qry_RH_Data_message] = useState();
|
||||||
|
const [Getall_Qry_RH_Data_result, setGetall_Qry_RH_Data_result] = useState([]);
|
||||||
|
function Getall_Qry_RH_Data(event) {
|
||||||
|
|
||||||
|
var form = new FormData();
|
||||||
|
const stored_cookie = getCookie('tokenmysypart');
|
||||||
|
|
||||||
|
var date_from = "";
|
||||||
|
if (p_filter_date_from) {
|
||||||
|
date_from = p_filter_date_from;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
var date_to = "";
|
||||||
|
if (p_filter_date_to) {
|
||||||
|
date_to = p_filter_date_to;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
form.append("token", stored_cookie);
|
||||||
|
form.append("session_start_date", date_from);
|
||||||
|
form.append("session_end_date", date_to);
|
||||||
|
form.append("filter_value", filter_value);
|
||||||
|
form.append("tab_rh_id", "all");
|
||||||
|
|
||||||
|
form.append("event_type", filter_type_tache);
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
var myurl = process.env.REACT_APP_API_URL + "myclass/api/Get_Humain_Ressource_With_Planning/";
|
||||||
|
|
||||||
|
setLoading(true);
|
||||||
|
axios.post(myurl, form).then(res => {
|
||||||
|
setLoading(false);
|
||||||
|
if (String(res.data.status) === String("true")) {
|
||||||
|
//console.log(" In Getall_Qry_RH_Data res.data.status = " + res.data.status);
|
||||||
|
//console.log(" In Getall_Qry_RH_Data res.data.message r_class = " + res.data.message);
|
||||||
|
|
||||||
|
setGetall_Qry_RH_Data_result_JSON(JSON.parse('[' + res.data.message + ']'));
|
||||||
|
|
||||||
|
var jsonObj = JSON.parse('[' + res.data.message + ']');
|
||||||
|
|
||||||
|
setGetall_Qry_RH_Data_api("true");
|
||||||
|
setGetall_Qry_RH_Data_result(res.data.message);
|
||||||
|
|
||||||
|
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
setGetall_Qry_RH_Data_api("false");
|
||||||
|
setGetall_Qry_RH_Data_message(res.data.message);
|
||||||
|
alert(res.data.message)
|
||||||
|
}
|
||||||
|
|
||||||
|
}).catch((error) => {
|
||||||
|
setLoading(false);
|
||||||
|
console.warn('Not good man :( Getall_Qry_RH_Data = ', error);
|
||||||
|
setGetall_Qry_RH_Data_api("false");
|
||||||
|
alert("Impossible de récuperer les données demandées")
|
||||||
|
//setmyApimyApiMessage("")
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
const [dashbord_internal_code, setdashbord_internal_code] = useState("");
|
||||||
|
const [gridline_id, setgridline_id] = useState("");
|
||||||
|
|
||||||
|
const [Add_To_User_TBD_api, setAdd_To_User_TBD_api] = useState();
|
||||||
|
const [Add_To_User_TBD_message, setAdd_To_User_TBD_message] = useState();
|
||||||
|
const [Add_To_User_TBD_result, setAdd_To_User_TBD_result] = useState();
|
||||||
|
function Add_To_User_TBD(local_dashbord_internal_code) {
|
||||||
|
|
||||||
|
var form = new FormData();
|
||||||
|
const stored_cookie = getCookie('tokenmysypart');
|
||||||
|
|
||||||
|
//console.log(" ### dashbord_internal_code = ", local_dashbord_internal_code);
|
||||||
|
|
||||||
|
var tdb_title = "default";
|
||||||
|
var filter_val = "";
|
||||||
|
var filter_type_event = "";
|
||||||
|
|
||||||
|
|
||||||
|
if (document.getElementsByName("tdb_title")[0]) {
|
||||||
|
tdb_title = document.getElementsByName("tdb_title")[0].value;
|
||||||
|
}
|
||||||
|
|
||||||
|
if (document.getElementsByName("filtre11")[0]) {
|
||||||
|
filter_val = document.getElementsByName("filtre11")[0].value;
|
||||||
|
}
|
||||||
|
|
||||||
|
if (document.getElementsByName("filtre12")[0]) {
|
||||||
|
filter_type_event = document.getElementsByName("filtre12")[0].value;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Si filter_val = "d", alors on va recuperer l'interval de date
|
||||||
|
if (String(filter_val) === "d") {
|
||||||
|
var date_from = p_filter_date_from;
|
||||||
|
var date_to = p_filter_date_to;
|
||||||
|
|
||||||
|
|
||||||
|
filter_val = "{'session_start_date':'" + String(date_from) + "' , 'session_end_date':'" + String(date_to) + "'}";
|
||||||
|
} else {
|
||||||
|
filter_val = "{'periode':'" + String(filter_val) + "'}"
|
||||||
|
}
|
||||||
|
|
||||||
|
form.append("token", stored_cookie);
|
||||||
|
form.append("dashbord_internal_code", local_dashbord_internal_code);
|
||||||
|
form.append("default_filter", filter_val);
|
||||||
|
form.append("title", tdb_title);
|
||||||
|
form.append("type_event", filter_type_event);
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
var myurl = process.env.REACT_APP_API_URL + "myclass/api/Add_To_User_Dashbord/";
|
||||||
|
|
||||||
|
//console.log(" ## myurl = ", myurl);
|
||||||
|
|
||||||
|
setLoading(true);
|
||||||
|
axios.post(myurl, form).then(res => {
|
||||||
|
setLoading(false);
|
||||||
|
if (String(res.data.status) === String("true")) {
|
||||||
|
//console.log(" In Add_To_User_TBD res.data.status = " + res.data.status);
|
||||||
|
//console.log(" In Add_To_User_TBD res.data.message r_class = " + res.data.message);
|
||||||
|
|
||||||
|
setAdd_To_User_TBD_api("true");
|
||||||
|
setAdd_To_User_TBD_result(res.data.message);
|
||||||
|
settdb_title();
|
||||||
|
alert(res.data.message)
|
||||||
|
|
||||||
|
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
setAdd_To_User_TBD_api("false");
|
||||||
|
setAdd_To_User_TBD_message(res.data.message);
|
||||||
|
alert(res.data.message)
|
||||||
|
}
|
||||||
|
|
||||||
|
}).catch((error) => {
|
||||||
|
setLoading(false);
|
||||||
|
console.warn('Not good man :( Add_To_User_TBD = ', error);
|
||||||
|
setAdd_To_User_TBD_api("false");
|
||||||
|
alert("Impossible d'ajouter le tableau de bord");
|
||||||
|
//setmyApimyApiMessage("")
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
useEffect(() => {
|
||||||
|
Getall_Qry_RH_Data();
|
||||||
|
|
||||||
|
window.scrollTo({
|
||||||
|
top: 0,
|
||||||
|
behavior: "smooth",
|
||||||
|
});
|
||||||
|
|
||||||
|
}, [])
|
||||||
|
|
||||||
|
|
||||||
|
return (
|
||||||
|
<div className="dashbord_session">
|
||||||
|
{isLoading && <div className="loader-container">
|
||||||
|
<div className="mysy_spinner"> <img src={img_loading_spin} /> </div>
|
||||||
|
</div>}
|
||||||
|
|
||||||
|
<h3> Tableaux de bord des ressources humaines (Employés) </h3>
|
||||||
|
<div className="div_row"> </div>
|
||||||
|
<div className="div_row" style={{ "textAlign": "right", "paddingRight": "20px" }}> Affichage
|
||||||
|
<Tooltip className="tooltip_css" id="my_tooltip_1_col" style={{ "fontSize": "12px" }} />
|
||||||
|
<a data-tooltip-id="my_tooltip_1_col" data-tooltip-html="Affichage sur une colonne">
|
||||||
|
<TbColumns1 style={{ "cursor": "pointer" }} onClick={(e) => {
|
||||||
|
setdisplay_nb_column("1");
|
||||||
|
setdisplay_column_size("100%");
|
||||||
|
|
||||||
|
}} />
|
||||||
|
</a>
|
||||||
|
<Tooltip className="tooltip_css" id="my_tooltip_2_col" style={{ "fontSize": "12px" }} />
|
||||||
|
<a data-tooltip-id="my_tooltip_2_col" data-tooltip-html="Affichage sur deux colonnes">
|
||||||
|
<TbColumns2 style={{ "cursor": "pointer" }} onClick={(e) => {
|
||||||
|
setdisplay_nb_column("2");
|
||||||
|
setdisplay_column_size("50%");
|
||||||
|
|
||||||
|
}} />
|
||||||
|
</a> </div>
|
||||||
|
|
||||||
|
<div className="div_row">
|
||||||
|
<div className="" style={{ "width": "30%" }}>
|
||||||
|
Filtre <br />
|
||||||
|
<TextField
|
||||||
|
sx={{ '& legend': { display: 'none' }, '& fieldset': { top: 0 }, }}
|
||||||
|
required
|
||||||
|
name="filtre11"
|
||||||
|
id="filtre11"
|
||||||
|
select
|
||||||
|
InputLabelProps={{
|
||||||
|
shrink: true,
|
||||||
|
}}
|
||||||
|
disabled={false}
|
||||||
|
className="disabled_style"
|
||||||
|
value={filter_value}
|
||||||
|
onChange={(e) => {
|
||||||
|
setfilter_value(e.target.value);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
>
|
||||||
|
<MenuItem value="m0" style={{ "paddingLeft": "5px", "textAlign": "left", "width": "100%" }}>Mois en cours </MenuItem>
|
||||||
|
<MenuItem value="m1" style={{ "paddingLeft": "5px", "textAlign": "left", "width": "100%" }} >Mois précédant </MenuItem>
|
||||||
|
<MenuItem value="d" style={{ "paddingLeft": "5px", "textAlign": "left", "width": "100%" }} >Choisir des dates </MenuItem>
|
||||||
|
</TextField>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{filter_value && String(filter_value) === "d" && <div>
|
||||||
|
<div className="session_caract">
|
||||||
|
Date Debut
|
||||||
|
<DatePicker
|
||||||
|
name="one_sessiondatedebut"
|
||||||
|
id="one_sessiondatedebut"
|
||||||
|
|
||||||
|
selected={new Date(moment(p_filter_date_from, "DD/MM/YYYY"))}
|
||||||
|
onChange={(date) => {
|
||||||
|
setp_filter_date_from(format(date, 'dd/MM/yyyy'));
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
showTimeSelect={false}
|
||||||
|
dateFormat="dd/MM/yyyy"
|
||||||
|
className="disabled_style session_caract_Dialog_DatePicker"
|
||||||
|
locale='fr-FR'
|
||||||
|
|
||||||
|
/>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="session_caract">
|
||||||
|
Date Fin
|
||||||
|
<DatePicker
|
||||||
|
name="one_sessiondatefin"
|
||||||
|
id="one_sessiondatefin"
|
||||||
|
selected={new Date(moment(p_filter_date_to, "DD/MM/YYYY"))}
|
||||||
|
onChange={(date) => {
|
||||||
|
setp_filter_date_to(format(date, 'dd/MM/yyyy'));
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
showTimeSelect={false}
|
||||||
|
dateFormat="dd/MM/yyyy"
|
||||||
|
className="disabled_style enable_style"
|
||||||
|
/>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>}
|
||||||
|
<br />
|
||||||
|
<div className="" style={{ "width": "30%" }}>
|
||||||
|
Type Tache <br />
|
||||||
|
<TextField
|
||||||
|
sx={{ '& legend': { display: 'none' }, '& fieldset': { top: 0 }, }}
|
||||||
|
required
|
||||||
|
name="filtre12"
|
||||||
|
id="filtre12"
|
||||||
|
select
|
||||||
|
InputLabelProps={{
|
||||||
|
shrink: true,
|
||||||
|
}}
|
||||||
|
disabled={false}
|
||||||
|
className="disabled_style"
|
||||||
|
value={filter_type_tache}
|
||||||
|
onChange={(e) => {
|
||||||
|
setfilter_type_tache(e.target.value);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
>
|
||||||
|
<MenuItem value="absence" style={{ "paddingLeft": "5px", "textAlign": "left", "width": "100%" }}>Absence </MenuItem>
|
||||||
|
<MenuItem value="planning" style={{ "paddingLeft": "5px", "textAlign": "left", "width": "100%" }} >Planning </MenuItem>
|
||||||
|
<MenuItem value="autre" style={{ "paddingLeft": "5px", "textAlign": "left", "width": "100%" }} >Autre </MenuItem>
|
||||||
|
<MenuItem value="" style={{ "paddingLeft": "5px", "textAlign": "left", "width": "100%" }} > </MenuItem>
|
||||||
|
</TextField>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<Button variant="contained" className="bton_enreg" onClick={(e) => {
|
||||||
|
Getall_Qry_RH_Data();
|
||||||
|
|
||||||
|
}}> Afficher
|
||||||
|
</Button><br />
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div style={{ "float": "left", "width": "100%", "paddingRight": "5px" }}>
|
||||||
|
|
||||||
|
|
||||||
|
<div style={{ "float": "left", "width": String(display_column_size), "height": "42rem", "float": "left", "paddingRight": "5px" }} >
|
||||||
|
<div className="titre1" style={{ "float": "left", "cursor": "none" }}>
|
||||||
|
<nav style={{ "width": "90%", "float": "left", "textAlign": "center" }}> TBD Employés </nav>
|
||||||
|
<Tooltip className="tooltip_css" id="my-tooltip01" style={{ "fontSize": "12px" }} />
|
||||||
|
<a data-tooltip-id="my-tooltip01" data-tooltip-html="Ajouter à ma liste de TBD">
|
||||||
|
<nav style={{ "width": "9%", "float": "right", "textAlign": "right", "cursor": "pointer" }}>
|
||||||
|
<MdOutlineAddchart style={{ "cursor": "pointer", }} onClick={(e) => settdb_title("3")} />
|
||||||
|
</nav>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{tdb_title && String(tdb_title) === "3" && <nav> Donnez un titre <TextField
|
||||||
|
sx={{ '& legend': { display: 'none' }, '& fieldset': { top: 0 }, }}
|
||||||
|
required
|
||||||
|
name="tdb_title"
|
||||||
|
id="tdb_title"
|
||||||
|
text
|
||||||
|
|
||||||
|
InputLabelProps={{
|
||||||
|
shrink: true,
|
||||||
|
}}
|
||||||
|
disabled={false}
|
||||||
|
className="disabled_style"
|
||||||
|
|
||||||
|
|
||||||
|
/>
|
||||||
|
<nav style={{ "textAlign": "center" }}> <button onClick={(event) => {
|
||||||
|
setdashbord_internal_code("RESSOURCES_HUMAINES_01")
|
||||||
|
Add_To_User_TBD("tbd_rh_01");
|
||||||
|
|
||||||
|
}}> Ajouter </button> <button onClick={(e) => settdb_title("0")}> Fermer </button>
|
||||||
|
</nav>
|
||||||
|
|
||||||
|
</nav>}
|
||||||
|
|
||||||
|
<Box style={{ "color": "black", "height": "30rem" }}>
|
||||||
|
|
||||||
|
|
||||||
|
<div className="session_data">
|
||||||
|
<div style={{ "border": "None" }}>
|
||||||
|
|
||||||
|
<div style={{ height: 550, width: '100%', paddingRight: '5px' }}>
|
||||||
|
|
||||||
|
<Box
|
||||||
|
sx={{
|
||||||
|
height: 500,
|
||||||
|
width: '100%',
|
||||||
|
paddingRight: '1px',
|
||||||
|
|
||||||
|
"& .MuiDataGrid-columnHeaders": {
|
||||||
|
backgroundColor: "#c8cfd5",
|
||||||
|
color: "black",
|
||||||
|
fontSize: 14
|
||||||
|
},
|
||||||
|
|
||||||
|
'& .line--statut--selected': {
|
||||||
|
backgroundColor: '#FBF2EF',
|
||||||
|
color: 'black',
|
||||||
|
},
|
||||||
|
'& .line--statut--pair': {
|
||||||
|
backgroundColor: 'rgba(235, 235, 235, .7)',
|
||||||
|
color: 'black',
|
||||||
|
},
|
||||||
|
'& .line--statut--impair': {
|
||||||
|
backgroundColor: '#FFFFFF',
|
||||||
|
color: 'black',
|
||||||
|
},
|
||||||
|
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<DataGrid
|
||||||
|
checkboxSelection
|
||||||
|
|
||||||
|
onSelectionModelChange={(newSelectionModel) => {
|
||||||
|
setSelectionModel(newSelectionModel);
|
||||||
|
/*if (newSelectionModel.length === 1)
|
||||||
|
handleClick_edit_session_From_Line(newSelectionModel);*/
|
||||||
|
if (newSelectionModel.length !== 1) {
|
||||||
|
/* setaddOneParticipant();
|
||||||
|
setdisplay_detail_insc();
|
||||||
|
setselected_code_session();
|
||||||
|
setsubmenu();*/
|
||||||
|
}
|
||||||
|
}}
|
||||||
|
selectionModel={selectionModel}
|
||||||
|
|
||||||
|
localeText={frFR.components.MuiDataGrid.defaultProps.localeText}
|
||||||
|
rows={Getall_Qry_RH_Data_result.map((item, index) => (
|
||||||
|
{
|
||||||
|
id: index,
|
||||||
|
_id: JSON.parse(item)._id,
|
||||||
|
civilite: JSON.parse(item).civilite,
|
||||||
|
nom: JSON.parse(item).nom,
|
||||||
|
prenom: JSON.parse(item).prenom,
|
||||||
|
email: JSON.parse(item).email,
|
||||||
|
ismanager: JSON.parse(item).ismanager,
|
||||||
|
fonction: JSON.parse(item).fonction,
|
||||||
|
agenda_event_title: JSON.parse(item).agenda_event_title,
|
||||||
|
agenda_event_code_session: JSON.parse(item).agenda_event_code_session,
|
||||||
|
agenda_event_type: JSON.parse(item).agenda_event_type,
|
||||||
|
agenda_date_jour: JSON.parse(item).agenda_date_jour,
|
||||||
|
agenda_event_start: JSON.parse(item).agenda_event_start,
|
||||||
|
agenda_event_end: JSON.parse(item).agenda_event_end,
|
||||||
|
event_duration_hour: JSON.parse(item).event_duration_hour,
|
||||||
|
agenda_event_sequence_session_id: JSON.parse(item).agenda_event_sequence_session_id,
|
||||||
|
|
||||||
|
}
|
||||||
|
))}
|
||||||
|
|
||||||
|
columns={columns}
|
||||||
|
pageSize={10}
|
||||||
|
className="datagridclass"
|
||||||
|
|
||||||
|
onRowDoubleClick={(newSelectionModel) => {
|
||||||
|
/*setgridline_id(newSelectionModel.row.id);
|
||||||
|
setaddOneSession("0");
|
||||||
|
setEdite_session("0");
|
||||||
|
//handleClick_edit_session_From_Line(newSelectionModel.row.id);
|
||||||
|
|
||||||
|
setselected_session_id(newSelectionModel.row._id);
|
||||||
|
|
||||||
|
setsession_selected_row_id(newSelectionModel.row.id);
|
||||||
|
|
||||||
|
setDialog_2_message(String(JSON.parse(rowss[newSelectionModel.row.id]).title));
|
||||||
|
setDialog_2_open(true);*/
|
||||||
|
|
||||||
|
}}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
rowsPerPageOptions={[10]}
|
||||||
|
disableSelectionOnClick
|
||||||
|
components={{
|
||||||
|
Toolbar: GridToolbar,
|
||||||
|
}}
|
||||||
|
//sx={datagridSx}
|
||||||
|
getCellClassName={(params) => {
|
||||||
|
|
||||||
|
// Pour la gestion de la couleur de zone double cliquée
|
||||||
|
if (String(params.row.id) === String(gridline_id)) {
|
||||||
|
return 'line--statut--selected';
|
||||||
|
}
|
||||||
|
else if (parseInt(String(params.row.id)) % 2 === 0) {
|
||||||
|
return 'line--statut--pair';
|
||||||
|
}
|
||||||
|
else if (parseInt(String(params.row.id)) % 2 !== 0) {
|
||||||
|
return 'line--statut--impair';
|
||||||
|
}
|
||||||
|
|
||||||
|
}}
|
||||||
|
|
||||||
|
getRowClassName={(params) => {
|
||||||
|
|
||||||
|
// Pour la gestion de la couleur de zone double cliquée
|
||||||
|
if (String(params.row.id) === String(gridline_id)) {
|
||||||
|
|
||||||
|
return 'line--statut--selected';
|
||||||
|
}
|
||||||
|
else if (parseInt(String(params.row.id)) % 2 === 0) {
|
||||||
|
return 'line--statut--pair';
|
||||||
|
}
|
||||||
|
else if (parseInt(String(params.row.id)) % 2 !== 0) {
|
||||||
|
return 'line--statut--impair';
|
||||||
|
}
|
||||||
|
|
||||||
|
}}
|
||||||
|
|
||||||
|
|
||||||
|
/>
|
||||||
|
</Box>
|
||||||
|
<br />
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</Box>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
</div>)
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
export default Dashbord_Ressources_Humaines;
|
||||||
|
|
|
@ -0,0 +1,460 @@
|
||||||
|
import React, { useRef, useState, useEffect } from "react";
|
||||||
|
import 'react-confirm-alert/src/react-confirm-alert.css'; // Import css
|
||||||
|
import axios from "axios";
|
||||||
|
import { getCookie, setCookie } from 'react-use-cookie';
|
||||||
|
import { useHistory } from "react-router-dom";
|
||||||
|
import "react-draft-wysiwyg/dist/react-draft-wysiwyg.css";
|
||||||
|
import 'react-tooltip/dist/react-tooltip.css'
|
||||||
|
import { Tooltip } from 'react-tooltip'
|
||||||
|
import fileDownload from 'js-file-download'
|
||||||
|
import Popup from 'reactjs-popup';
|
||||||
|
import 'reactjs-popup/dist/index.css';
|
||||||
|
import "react-datepicker/dist/react-datepicker.css";
|
||||||
|
import Box from '@mui/material/Box';
|
||||||
|
import img_loading_spin from "./../mysy_img/mysy_spin_loading.gif";
|
||||||
|
import { tokens } from "../theme";
|
||||||
|
import { MdDeleteForever } from "react-icons/md";
|
||||||
|
import { DataGrid, GridToolbar, frFR } from '@mui/x-data-grid';
|
||||||
|
import {
|
||||||
|
useTheme,
|
||||||
|
} from "@mui/material";
|
||||||
|
|
||||||
|
import { ResponsiveBar } from "@nivo/bar";
|
||||||
|
|
||||||
|
import { RiFileExcel2Line } from "react-icons/ri";
|
||||||
|
|
||||||
|
const Dashbord_Ressources_Humaines_Tache_by_rhid = (props) => {
|
||||||
|
const [gridline_id, setgridline_id] = useState("");
|
||||||
|
const [isLoading, setLoading] = useState();
|
||||||
|
const [selectionModel, setSelectionModel] = React.useState([]);
|
||||||
|
const [user_dashbord_id, setuser_dashbord_id] = useState(props.user_dashbord_id);
|
||||||
|
|
||||||
|
var date_today_90j = new Date();
|
||||||
|
date_today_90j.setDate(date_today_90j.getDate() - 90);
|
||||||
|
|
||||||
|
const columns = [
|
||||||
|
{ field: 'id', headerName: 'id', hide: true },
|
||||||
|
{ field: '_id', headerName: '_id', hide: true },
|
||||||
|
|
||||||
|
{ field: 'civilite', headerName: 'Civ.', hide: false, minWidth: 50, flex: 1, maxWidth: 60 },
|
||||||
|
{ field: 'nom', headerName: 'Nom', hide: false, flex: 1, minWidth: 20 },
|
||||||
|
{ field: 'prenom', headerName: 'Prénom', hide: false, flex: 1, minWidth: 200 },
|
||||||
|
{ field: 'email', headerName: 'Email', hide: false, flex: 1, minWidth: 200 },
|
||||||
|
{ field: 'ismanager', headerName: 'Manager', hide: false, minWidth: 50, flex: 1, maxWidth: 100 },
|
||||||
|
{ field: 'fonction', headerName: 'Fonction', hide: false, minWidth: 100, flex: 1, maxWidth: 150 },
|
||||||
|
|
||||||
|
{ field: 'agenda_event_title', headerName: 'Titre Event', hide: false, minWidth: 200, flex: 1, },
|
||||||
|
{ field: 'agenda_event_code_session', headerName: 'Code session', hide: false, minWidth: 100, flex: 1, maxWidth: 150 },
|
||||||
|
{ field: 'agenda_event_type', headerName: 'Type Event', hide: false, minWidth: 100, flex: 1, maxWidth: 100 },
|
||||||
|
{ field: 'event_duration_hour', headerName: 'Durée (h)', hide: false, minWidth: 50, flex: 1, maxWidth: 100 },
|
||||||
|
{ field: 'agenda_date_jour', headerName: 'Date', hide: false, minWidth: 100, flex: 1, maxWidth: 150 },
|
||||||
|
{ field: 'agenda_event_start', headerName: 'Début', hide: false, minWidth: 150, flex: 1, maxWidth: 200 },
|
||||||
|
{ field: 'agenda_event_end', headerName: 'Fin', hide: false, minWidth: 150, flex: 1, maxWidth: 200 },
|
||||||
|
{ field: 'agenda_event_sequence_session_id', headerName: 'agenda_id', hide: true, maxWidth: 1 },
|
||||||
|
|
||||||
|
|
||||||
|
]
|
||||||
|
|
||||||
|
const [p_filter_date_from, setp_filter_date_from] = useState(date_today_90j.toLocaleDateString('fr-FR'));
|
||||||
|
const [p_filter_date_to, setp_filter_date_to] = useState(new Date().toLocaleDateString('fr-FR'));
|
||||||
|
|
||||||
|
const [event_type_filter, setevent_type_filter] = useState(props.user_dashbord_filter_type_envent);
|
||||||
|
|
||||||
|
|
||||||
|
const [filter_value, setfilter_value] = useState("");
|
||||||
|
|
||||||
|
const [Getall_Qry_RH_Data_result_JSON, setGetall_Qry_RH_Data_result_JSON] = useState([]);
|
||||||
|
const [Getall_Qry_RH_Data_api, setGetall_Qry_RH_Data_api] = useState();
|
||||||
|
const [Getall_Qry_RH_Data_message, setGetall_Qry_RH_Data_message] = useState();
|
||||||
|
const [Getall_Qry_RH_Data_result, setGetall_Qry_RH_Data_result] = useState([]);
|
||||||
|
function Getall_Qry_RH_Data(event) {
|
||||||
|
|
||||||
|
var form = new FormData();
|
||||||
|
const stored_cookie = getCookie('tokenmysypart');
|
||||||
|
|
||||||
|
var date_from = "";
|
||||||
|
if (p_filter_date_from) {
|
||||||
|
date_from = p_filter_date_from;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
var date_to = "";
|
||||||
|
if (p_filter_date_to) {
|
||||||
|
date_to = p_filter_date_to;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
var event_type = "";
|
||||||
|
if (event_type_filter) {
|
||||||
|
event_type = event_type_filter;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
form.append("token", stored_cookie);
|
||||||
|
form.append("session_start_date", date_from);
|
||||||
|
form.append("session_end_date", date_to);
|
||||||
|
form.append("filter_value", filter_value);
|
||||||
|
form.append("tab_rh_id", "all");
|
||||||
|
|
||||||
|
form.append("event_type", event_type);
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
var myurl = process.env.REACT_APP_API_URL + "myclass/api/Get_Humain_Ressource_With_Planning/";
|
||||||
|
|
||||||
|
setLoading(true);
|
||||||
|
axios.post(myurl, form).then(res => {
|
||||||
|
setLoading(false);
|
||||||
|
if (String(res.data.status) === String("true")) {
|
||||||
|
//console.log(" In Getall_Qry_RH_Data res.data.status = " + res.data.status);
|
||||||
|
//console.log(" In Getall_Qry_RH_Data res.data.message r_class = " + res.data.message);
|
||||||
|
|
||||||
|
setGetall_Qry_RH_Data_result_JSON(JSON.parse('[' + res.data.message + ']'));
|
||||||
|
|
||||||
|
var jsonObj = JSON.parse('[' + res.data.message + ']');
|
||||||
|
|
||||||
|
setGetall_Qry_RH_Data_api("true");
|
||||||
|
setGetall_Qry_RH_Data_result(res.data.message);
|
||||||
|
|
||||||
|
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
setGetall_Qry_RH_Data_api("false");
|
||||||
|
setGetall_Qry_RH_Data_message(res.data.message);
|
||||||
|
alert(res.data.message)
|
||||||
|
}
|
||||||
|
|
||||||
|
}).catch((error) => {
|
||||||
|
setLoading(false);
|
||||||
|
console.warn('Not good man :( Getall_Qry_RH_Data = ', error);
|
||||||
|
setGetall_Qry_RH_Data_api("false");
|
||||||
|
alert("Impossible de récuperer les données demandées")
|
||||||
|
//setmyApimyApiMessage("")
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
const [Remove_From_User_TBD_api, setRemove_From_User_TBD_api] = useState();
|
||||||
|
const [Remove_From_User_TBD_message, setRemove_From_User_TBD_message] = useState();
|
||||||
|
const [Remove_From_User_TBD_result, setRemove_From_User_TBD_result] = useState();
|
||||||
|
function Remove_From_User_TBD() {
|
||||||
|
|
||||||
|
var form = new FormData();
|
||||||
|
const stored_cookie = getCookie('tokenmysypart');
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
form.append("token", stored_cookie);
|
||||||
|
form.append("user_dashbord_id", user_dashbord_id);
|
||||||
|
|
||||||
|
var myurl = process.env.REACT_APP_API_URL + "myclass/api/Delete_To_User_Dashbord/";
|
||||||
|
|
||||||
|
//console.log(" ## myurl = ", myurl);
|
||||||
|
|
||||||
|
setLoading(true);
|
||||||
|
axios.post(myurl, form).then(res => {
|
||||||
|
setLoading(false);
|
||||||
|
if (String(res.data.status) === String("true")) {
|
||||||
|
//console.log(" In Remove_From_User_TBD res.data.status = " + res.data.status);
|
||||||
|
//console.log(" In Remove_From_User_TBD res.data.message r_class = " + res.data.message);
|
||||||
|
|
||||||
|
setRemove_From_User_TBD_api("true");
|
||||||
|
setRemove_From_User_TBD_result(res.data.message);
|
||||||
|
Getall_Qry_RH_Data();
|
||||||
|
alert(res.data.message);
|
||||||
|
window.location.reload();
|
||||||
|
|
||||||
|
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
setRemove_From_User_TBD_api("false");
|
||||||
|
setRemove_From_User_TBD_message(res.data.message);
|
||||||
|
alert(res.data.message)
|
||||||
|
}
|
||||||
|
|
||||||
|
}).catch((error) => {
|
||||||
|
setLoading(false);
|
||||||
|
console.warn('Not good man :( Remove_From_User_TBD = ', error);
|
||||||
|
setRemove_From_User_TBD_api("false");
|
||||||
|
alert("Impossible de supprimer le tableau de bord de votre liste");
|
||||||
|
//setmyApimyApiMessage("")
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
useEffect(() => {
|
||||||
|
|
||||||
|
setp_filter_date_from(props.user_dashbord_filter_start);
|
||||||
|
setp_filter_date_to(props.user_dashbord_filter_end);
|
||||||
|
setevent_type_filter(props.user_dashbord_filter_type_envent);
|
||||||
|
|
||||||
|
|
||||||
|
Getall_Qry_RH_Data();
|
||||||
|
|
||||||
|
|
||||||
|
window.scrollTo({
|
||||||
|
top: 0,
|
||||||
|
behavior: "smooth",
|
||||||
|
});
|
||||||
|
|
||||||
|
}, [])
|
||||||
|
|
||||||
|
|
||||||
|
function Export_Dashbord_to_CSV(local_dashbord_internal_id) {
|
||||||
|
|
||||||
|
const stored_cookie = getCookie('tokenmysypart');
|
||||||
|
|
||||||
|
var nom_fichier_cmd = "export_csv.csv";
|
||||||
|
//console.log(" nom_fichier_cmd = ", nom_fichier_cmd, " --- local_dashbord_internal_id = ", local_dashbord_internal_id);
|
||||||
|
|
||||||
|
var url = process.env.REACT_APP_API_URL + "myclass/api/TBD_RH_01_Export_Dashbord_To_Csv/" + stored_cookie + "/" + local_dashbord_internal_id;
|
||||||
|
|
||||||
|
//console.log(" nom_fichier_cmd = ", nom_fichier_cmd, " --- selected_id = ", selected_id, " --- url =", url);
|
||||||
|
setLoading(true);
|
||||||
|
axios.get(url, { responseType: 'blob', },)
|
||||||
|
.then((res) => {
|
||||||
|
setLoading(false);
|
||||||
|
//console.log(" In Export_Dashbord_to_CSV res.data = " + res.data);
|
||||||
|
if (String(res.data) === String("false")) {
|
||||||
|
alert("Impossible d'exporter les données (2) ");
|
||||||
|
} else {
|
||||||
|
fileDownload(res.data, nom_fichier_cmd)
|
||||||
|
|
||||||
|
}
|
||||||
|
}).catch((error) => {
|
||||||
|
setLoading(false);
|
||||||
|
console.error('Error:', error);
|
||||||
|
alert(" Impossible d'exporter les données ")
|
||||||
|
|
||||||
|
});
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
return (
|
||||||
|
<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 style={{ "height": "40rem" }}>
|
||||||
|
|
||||||
|
<div className="titre1" style={{ "float": "left", "cursor": "none" }}>
|
||||||
|
<nav style={{ "width": "80%", "float": "left", "textAlign": "center" }}> TBD : {props.user_dashbord_title} - Du : {props.user_dashbord_filter_start} au : {props.user_dashbord_filter_end}</nav>
|
||||||
|
<Tooltip className="tooltip_css" id="my-tooltip02" style={{ "fontSize": "12px" }} />
|
||||||
|
<a data-tooltip-id="my-tooltip02" data-tooltip-html="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>
|
||||||
|
|
||||||
|
</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>
|
||||||
|
|
||||||
|
<Tooltip className="tooltip_css" id="my-tooltip03" style={{ "fontSize": "12px" }} />
|
||||||
|
<a data-tooltip-id="my-tooltip03" data-tooltip-html="Export Csv/Excel">
|
||||||
|
<nav style={{ "width": "9%", "float": "right", "textAlign": "right", "cursor": "pointer" }}>
|
||||||
|
<RiFileExcel2Line style={{ "cursor": "pointer", }} onClick={(event) => {
|
||||||
|
Export_Dashbord_to_CSV(props.user_dashbord_id);
|
||||||
|
|
||||||
|
}} />
|
||||||
|
</nav>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<Box style={{ "color": "black", "height": "30rem" }}>
|
||||||
|
|
||||||
|
|
||||||
|
<div className="session_data">
|
||||||
|
<div style={{ "border": "None" }}>
|
||||||
|
|
||||||
|
<div style={{ height: 550, width: '100%', paddingRight: '5px' }}>
|
||||||
|
|
||||||
|
<Box
|
||||||
|
sx={{
|
||||||
|
height: 500,
|
||||||
|
width: '100%',
|
||||||
|
paddingRight: '1px',
|
||||||
|
|
||||||
|
"& .MuiDataGrid-columnHeaders": {
|
||||||
|
backgroundColor: "#c8cfd5",
|
||||||
|
color: "black",
|
||||||
|
fontSize: 14
|
||||||
|
},
|
||||||
|
|
||||||
|
'& .line--statut--selected': {
|
||||||
|
backgroundColor: '#FBF2EF',
|
||||||
|
color: 'black',
|
||||||
|
},
|
||||||
|
'& .line--statut--pair': {
|
||||||
|
backgroundColor: 'rgba(235, 235, 235, .7)',
|
||||||
|
color: 'black',
|
||||||
|
},
|
||||||
|
'& .line--statut--impair': {
|
||||||
|
backgroundColor: '#FFFFFF',
|
||||||
|
color: 'black',
|
||||||
|
},
|
||||||
|
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<DataGrid
|
||||||
|
checkboxSelection
|
||||||
|
|
||||||
|
onSelectionModelChange={(newSelectionModel) => {
|
||||||
|
setSelectionModel(newSelectionModel);
|
||||||
|
/*if (newSelectionModel.length === 1)
|
||||||
|
handleClick_edit_session_From_Line(newSelectionModel);*/
|
||||||
|
if (newSelectionModel.length !== 1) {
|
||||||
|
/* setaddOneParticipant();
|
||||||
|
setdisplay_detail_insc();
|
||||||
|
setselected_code_session();
|
||||||
|
setsubmenu();*/
|
||||||
|
}
|
||||||
|
}}
|
||||||
|
selectionModel={selectionModel}
|
||||||
|
|
||||||
|
localeText={frFR.components.MuiDataGrid.defaultProps.localeText}
|
||||||
|
rows={Getall_Qry_RH_Data_result.map((item, index) => (
|
||||||
|
{
|
||||||
|
id: index,
|
||||||
|
_id: JSON.parse(item)._id,
|
||||||
|
civilite: JSON.parse(item).civilite,
|
||||||
|
nom: JSON.parse(item).nom,
|
||||||
|
prenom: JSON.parse(item).prenom,
|
||||||
|
email: JSON.parse(item).email,
|
||||||
|
ismanager: JSON.parse(item).ismanager,
|
||||||
|
fonction: JSON.parse(item).fonction,
|
||||||
|
agenda_event_title: JSON.parse(item).agenda_event_title,
|
||||||
|
agenda_event_code_session: JSON.parse(item).agenda_event_code_session,
|
||||||
|
agenda_event_type: JSON.parse(item).agenda_event_type,
|
||||||
|
agenda_date_jour: JSON.parse(item).agenda_date_jour,
|
||||||
|
agenda_event_start: JSON.parse(item).agenda_event_start,
|
||||||
|
agenda_event_end: JSON.parse(item).agenda_event_end,
|
||||||
|
event_duration_hour: JSON.parse(item).event_duration_hour,
|
||||||
|
agenda_event_sequence_session_id: JSON.parse(item).agenda_event_sequence_session_id,
|
||||||
|
|
||||||
|
}
|
||||||
|
))}
|
||||||
|
|
||||||
|
columns={columns}
|
||||||
|
pageSize={10}
|
||||||
|
className="datagridclass"
|
||||||
|
|
||||||
|
onRowDoubleClick={(newSelectionModel) => {
|
||||||
|
/*setgridline_id(newSelectionModel.row.id);
|
||||||
|
setaddOneSession("0");
|
||||||
|
setEdite_session("0");
|
||||||
|
//handleClick_edit_session_From_Line(newSelectionModel.row.id);
|
||||||
|
|
||||||
|
setselected_session_id(newSelectionModel.row._id);
|
||||||
|
|
||||||
|
setsession_selected_row_id(newSelectionModel.row.id);
|
||||||
|
|
||||||
|
setDialog_2_message(String(JSON.parse(rowss[newSelectionModel.row.id]).title));
|
||||||
|
setDialog_2_open(true);*/
|
||||||
|
|
||||||
|
}}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
rowsPerPageOptions={[10]}
|
||||||
|
disableSelectionOnClick
|
||||||
|
components={{
|
||||||
|
Toolbar: GridToolbar,
|
||||||
|
}}
|
||||||
|
//sx={datagridSx}
|
||||||
|
getCellClassName={(params) => {
|
||||||
|
|
||||||
|
// Pour la gestion de la couleur de zone double cliquée
|
||||||
|
if (String(params.row.id) === String(gridline_id)) {
|
||||||
|
return 'line--statut--selected';
|
||||||
|
}
|
||||||
|
else if (parseInt(String(params.row.id)) % 2 === 0) {
|
||||||
|
return 'line--statut--pair';
|
||||||
|
}
|
||||||
|
else if (parseInt(String(params.row.id)) % 2 !== 0) {
|
||||||
|
return 'line--statut--impair';
|
||||||
|
}
|
||||||
|
|
||||||
|
}}
|
||||||
|
|
||||||
|
getRowClassName={(params) => {
|
||||||
|
|
||||||
|
// Pour la gestion de la couleur de zone double cliquée
|
||||||
|
if (String(params.row.id) === String(gridline_id)) {
|
||||||
|
|
||||||
|
return 'line--statut--selected';
|
||||||
|
}
|
||||||
|
else if (parseInt(String(params.row.id)) % 2 === 0) {
|
||||||
|
return 'line--statut--pair';
|
||||||
|
}
|
||||||
|
else if (parseInt(String(params.row.id)) % 2 !== 0) {
|
||||||
|
return 'line--statut--impair';
|
||||||
|
}
|
||||||
|
|
||||||
|
}}
|
||||||
|
|
||||||
|
|
||||||
|
/>
|
||||||
|
</Box>
|
||||||
|
<br />
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
</Box>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
)
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
export default Dashbord_Ressources_Humaines_Tache_by_rhid;
|
|
@ -307,8 +307,6 @@ const Dashbord_Session = (props) => {
|
||||||
const [dashbord_internal_code, setdashbord_internal_code] = useState("");
|
const [dashbord_internal_code, setdashbord_internal_code] = useState("");
|
||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
|
|
||||||
|
|
||||||
Getall_Qry_Session_Data();
|
Getall_Qry_Session_Data();
|
||||||
Getall_Qry_Session_Data_By_Trainer();
|
Getall_Qry_Session_Data_By_Trainer();
|
||||||
Getall_Qry_Session_Data_Pourcent_Trainer();
|
Getall_Qry_Session_Data_Pourcent_Trainer();
|
||||||
|
|
|
@ -403,82 +403,6 @@ const Dashbord_Session_Par_Fteur = (props) => {
|
||||||
<div className="mysy_spinner"> <img src={img_loading_spin} /> </div>
|
<div className="mysy_spinner"> <img src={img_loading_spin} /> </div>
|
||||||
</div>}
|
</div>}
|
||||||
|
|
||||||
{/* <div className="div_row">
|
|
||||||
<div className="" style={{ "width": "30%" }}>
|
|
||||||
Filtre <br />
|
|
||||||
<TextField
|
|
||||||
sx={{ '& legend': { display: 'none' }, '& fieldset': { top: 0 }, }}
|
|
||||||
required
|
|
||||||
name="filtre11"
|
|
||||||
id="filtre11"
|
|
||||||
select
|
|
||||||
InputLabelProps={{
|
|
||||||
shrink: true,
|
|
||||||
}}
|
|
||||||
disabled={false}
|
|
||||||
className="disabled_style"
|
|
||||||
value={filter_value}
|
|
||||||
onChange={(e) => {
|
|
||||||
setfilter_value(e.target.value);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
>
|
|
||||||
<MenuItem value="m0" style={{ "paddingLeft": "5px", "textAlign": "left", "width": "100%" }}>Mois en cours </MenuItem>
|
|
||||||
<MenuItem value="t0" style={{ "paddingLeft": "5px", "textAlign": "left", "width": "100%" }} >Trimestre en cours </MenuItem>
|
|
||||||
<MenuItem value="d" style={{ "paddingLeft": "5px", "textAlign": "left", "width": "100%" }} >Choisir des dates </MenuItem>
|
|
||||||
</TextField>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
{filter_value && String(filter_value) === "d" && <div>
|
|
||||||
<div className="session_caract">
|
|
||||||
Date Debut
|
|
||||||
<DatePicker
|
|
||||||
name="one_sessiondatedebut"
|
|
||||||
id="one_sessiondatedebut"
|
|
||||||
|
|
||||||
selected={new Date(moment(p_filter_date_from, "dd/MM/yyyy"))}
|
|
||||||
onChange={(date) => {
|
|
||||||
setp_filter_date_from(format(date, 'dd/MM/yyyy'));
|
|
||||||
|
|
||||||
}
|
|
||||||
}
|
|
||||||
showTimeSelect={false}
|
|
||||||
dateFormat="dd/MM/yyyy"
|
|
||||||
className="disabled_style session_caract_Dialog_DatePicker"
|
|
||||||
locale='fr-FR'
|
|
||||||
|
|
||||||
/>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div className="session_caract">
|
|
||||||
Date Fin
|
|
||||||
<DatePicker
|
|
||||||
name="one_sessiondatefin"
|
|
||||||
id="one_sessiondatefin"
|
|
||||||
selected={new Date(moment(p_filter_date_to, "dd/MM/yyyy"))}
|
|
||||||
onChange={(date) => {
|
|
||||||
setp_filter_date_to(format(date, 'dd/MM/yyyy'));
|
|
||||||
|
|
||||||
}
|
|
||||||
}
|
|
||||||
showTimeSelect={false}
|
|
||||||
dateFormat="dd/MM/yyyy"
|
|
||||||
className="disabled_style enable_style"
|
|
||||||
/>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>}
|
|
||||||
<Button variant="contained" className="bton_enreg" onClick={(e) => {
|
|
||||||
Getall_Qry_Session_Data();
|
|
||||||
Getall_Qry_Session_Data_By_Trainer();
|
|
||||||
}}> Afficher
|
|
||||||
</Button><br />
|
|
||||||
|
|
||||||
|
|
||||||
</div>*/}
|
|
||||||
|
|
||||||
<div style={{ "height": "40rem" }}>
|
<div style={{ "height": "40rem" }}>
|
||||||
|
|
||||||
|
|
|
@ -192,7 +192,7 @@ const Dashbord_Session_Taux_Remplissage = (props) => {
|
||||||
|
|
||||||
var myurl = process.env.REACT_APP_API_URL + "myclass/api/Get_Qery_List_Session_Data/";
|
var myurl = process.env.REACT_APP_API_URL + "myclass/api/Get_Qery_List_Session_Data/";
|
||||||
|
|
||||||
console.log(" ### form = ", form);
|
//console.log(" ### form = ", form);
|
||||||
|
|
||||||
setLoading(true);
|
setLoading(true);
|
||||||
axios.post(myurl, form).then(res => {
|
axios.post(myurl, form).then(res => {
|
||||||
|
|
|
@ -1111,6 +1111,7 @@ const DisplayPartnerSession = (props) => {
|
||||||
const [selected_class_external_code, setselected_class_external_code] = useState("");
|
const [selected_class_external_code, setselected_class_external_code] = useState("");
|
||||||
|
|
||||||
function handleClick_edit_session_From_Line(selected_row_id) {
|
function handleClick_edit_session_From_Line(selected_row_id) {
|
||||||
|
setgridline_id(selected_row_id);
|
||||||
setLoading(true);
|
setLoading(true);
|
||||||
|
|
||||||
setaddOneSession("0");
|
setaddOneSession("0");
|
||||||
|
@ -3705,7 +3706,7 @@ const DisplayPartnerSession = (props) => {
|
||||||
clean_old_messages();
|
clean_old_messages();
|
||||||
var form = new FormData();
|
var form = new FormData();
|
||||||
|
|
||||||
|
setLoading(true);
|
||||||
var one_myclass_title = ""
|
var one_myclass_title = ""
|
||||||
|
|
||||||
|
|
||||||
|
@ -3880,7 +3881,7 @@ const DisplayPartnerSession = (props) => {
|
||||||
var myurl = process.env.REACT_APP_API_URL + "myclass/api/Add_Update_SessionFormation/";
|
var myurl = process.env.REACT_APP_API_URL + "myclass/api/Add_Update_SessionFormation/";
|
||||||
|
|
||||||
|
|
||||||
setLoading(true);
|
|
||||||
axios.post(myurl, form).then(res => {
|
axios.post(myurl, form).then(res => {
|
||||||
//console.log(" In One_CreateSessionFormation res.data.status = " + res.data.status);
|
//console.log(" In One_CreateSessionFormation res.data.status = " + res.data.status);
|
||||||
//console.log(" In One_CreateSessionFormation res.data.message r_class = " + res.data.message);
|
//console.log(" In One_CreateSessionFormation res.data.message r_class = " + res.data.message);
|
||||||
|
@ -7978,7 +7979,7 @@ const DisplayPartnerSession = (props) => {
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
console.log(" nom_fichier_cmd = ", nom_fichier_cmd, " --- selected_session_id = ", selected_session_id, " --- selected_convention_id =", selected_convention_id);
|
//console.log(" nom_fichier_cmd = ", nom_fichier_cmd, " --- selected_session_id = ", selected_session_id, " --- selected_convention_id =", selected_convention_id);
|
||||||
setLoading(true);
|
setLoading(true);
|
||||||
axios.get(url, { responseType: 'blob', },)
|
axios.get(url, { responseType: 'blob', },)
|
||||||
.then((res) => {
|
.then((res) => {
|
||||||
|
@ -9324,6 +9325,22 @@ const DisplayPartnerSession = (props) => {
|
||||||
|
|
||||||
}}
|
}}
|
||||||
|
|
||||||
|
getRowClassName={(params) => {
|
||||||
|
|
||||||
|
// Pour la gestion de la couleur de zone double cliquée
|
||||||
|
if (String(params.row.id) === String(gridline_id)) {
|
||||||
|
|
||||||
|
return 'line--statut--selected';
|
||||||
|
}
|
||||||
|
else if (parseInt(String(params.row.id)) % 2 === 0) {
|
||||||
|
return 'line--statut--pair';
|
||||||
|
}
|
||||||
|
else if (parseInt(String(params.row.id)) % 2 !== 0) {
|
||||||
|
return 'line--statut--impair';
|
||||||
|
}
|
||||||
|
|
||||||
|
}}
|
||||||
|
|
||||||
|
|
||||||
/>
|
/>
|
||||||
</Box>
|
</Box>
|
||||||
|
|
|
@ -2369,6 +2369,8 @@ const DisplayPartnerStagiaires = (props) => {
|
||||||
|
|
||||||
if (mylocalattendee.status) {
|
if (mylocalattendee.status) {
|
||||||
setp_detail_status_inscrit(mylocalattendee.status);
|
setp_detail_status_inscrit(mylocalattendee.status);
|
||||||
|
setselected_id_status(mylocalattendee.status);
|
||||||
|
|
||||||
if (String(mylocalattendee.status) === "1")
|
if (String(mylocalattendee.status) === "1")
|
||||||
setp_detail_status_inscrit_label("Inscrit");
|
setp_detail_status_inscrit_label("Inscrit");
|
||||||
else if (String(mylocalattendee.status) === "0")
|
else if (String(mylocalattendee.status) === "0")
|
||||||
|
@ -4742,7 +4744,7 @@ const DisplayPartnerStagiaires = (props) => {
|
||||||
}
|
}
|
||||||
//form.append("File", list_files);
|
//form.append("File", list_files);
|
||||||
|
|
||||||
var myurl = process.env.REACT_APP_API_URL + "myclass/api/Sent_Convention_Stagiaire_By_Email/";
|
var myurl = process.env.REACT_APP_API_URL + "myclass/api/Sent_Convention_Individuelle_Stagiaire_By_Email/";
|
||||||
|
|
||||||
axios.post(myurl, form).then(res => {
|
axios.post(myurl, form).then(res => {
|
||||||
|
|
||||||
|
@ -4775,7 +4777,8 @@ const DisplayPartnerStagiaires = (props) => {
|
||||||
|
|
||||||
var nom_fichier_cmd = "Convention.pdf";
|
var nom_fichier_cmd = "Convention.pdf";
|
||||||
|
|
||||||
var url = process.env.REACT_APP_API_URL + "myclass/api/Download_Convention_Stagiaire_PDF/" + stored_cookie + "/" + selected_id + "/" + selected_convention_id;
|
var url = process.env.REACT_APP_API_URL + "myclass/api/Download_Convention_Individuelle_Stagiaire_PDF/" + stored_cookie + "/" + selected_id + "/" + selected_convention_id;
|
||||||
|
|
||||||
|
|
||||||
//console.log(" nom_fichier_cmd = ", nom_fichier_cmd, " --- selected_id = ", selected_id, " --- url =", url);
|
//console.log(" nom_fichier_cmd = ", nom_fichier_cmd, " --- selected_id = ", selected_id, " --- url =", url);
|
||||||
setLoading(true);
|
setLoading(true);
|
||||||
|
@ -4858,11 +4861,10 @@ const DisplayPartnerStagiaires = (props) => {
|
||||||
}
|
}
|
||||||
//form.append("File", list_files);
|
//form.append("File", list_files);
|
||||||
|
|
||||||
var myurl = process.env.REACT_APP_API_URL + "myclass/api/Sent_Convention_Stagiaire_By_Email/";
|
|
||||||
|
|
||||||
setLoading(true);
|
setLoading(true);
|
||||||
fetch(
|
fetch(
|
||||||
process.env.REACT_APP_API_URL + "myclass/api/Sent_Convention_Stagiaire_By_Email/",
|
process.env.REACT_APP_API_URL + "myclass/api/Sent_Convention_Individuelle_Stagiaire_By_Email/",
|
||||||
{
|
{
|
||||||
method: 'POST',
|
method: 'POST',
|
||||||
body: form,
|
body: form,
|
||||||
|
@ -6132,10 +6134,7 @@ const DisplayPartnerStagiaires = (props) => {
|
||||||
fontSize: 14
|
fontSize: 14
|
||||||
},
|
},
|
||||||
|
|
||||||
'& .line--statut--selected': {
|
|
||||||
backgroundColor: '#FBF2EF',
|
|
||||||
color: 'black',
|
|
||||||
},
|
|
||||||
'& .line--statut--pair': {
|
'& .line--statut--pair': {
|
||||||
backgroundColor: 'rgba(235, 235, 235, .7)',
|
backgroundColor: 'rgba(235, 235, 235, .7)',
|
||||||
color: 'black',
|
color: 'black',
|
||||||
|
@ -6144,6 +6143,10 @@ const DisplayPartnerStagiaires = (props) => {
|
||||||
backgroundColor: '#FFFFFF',
|
backgroundColor: '#FFFFFF',
|
||||||
color: 'black',
|
color: 'black',
|
||||||
},
|
},
|
||||||
|
'& .line--statut--selected': {
|
||||||
|
backgroundColor: '#FBF2EF',
|
||||||
|
color: 'black',
|
||||||
|
},
|
||||||
|
|
||||||
}}
|
}}
|
||||||
>
|
>
|
||||||
|
@ -6231,7 +6234,11 @@ const DisplayPartnerStagiaires = (props) => {
|
||||||
|
|
||||||
}}
|
}}
|
||||||
getRowClassName={(params) => {
|
getRowClassName={(params) => {
|
||||||
|
// Pour la gestion de la couleur de zone double cliquée
|
||||||
|
if (String(params.row.id) === String(gridline_id)) {
|
||||||
|
|
||||||
|
return 'line--statut--selected';
|
||||||
|
}
|
||||||
if (String(params.row.status) === "-1") {
|
if (String(params.row.status) === "-1") {
|
||||||
return 'line--statut--annule';
|
return 'line--statut--annule';
|
||||||
}
|
}
|
||||||
|
@ -6241,17 +6248,13 @@ const DisplayPartnerStagiaires = (props) => {
|
||||||
if (String(params.row.status) === "1") {
|
if (String(params.row.status) === "1") {
|
||||||
return 'line--statut--inscrit';
|
return 'line--statut--inscrit';
|
||||||
}
|
}
|
||||||
|
|
||||||
// Pour la gestion de la couleur de zone double cliquée
|
|
||||||
if (String(params.row.id) === String(gridline_id)) {
|
|
||||||
return 'line--statut--selected';
|
|
||||||
}
|
|
||||||
else if (parseInt(String(params.row.id)) % 2 === 0) {
|
else if (parseInt(String(params.row.id)) % 2 === 0) {
|
||||||
return 'line--statut--pair';
|
return 'line--statut--pair';
|
||||||
}
|
}
|
||||||
else if (parseInt(String(params.row.id)) % 2 !== 0) {
|
else if (parseInt(String(params.row.id)) % 2 !== 0) {
|
||||||
return 'line--statut--impair';
|
return 'line--statut--impair';
|
||||||
}
|
}
|
||||||
|
|
||||||
}}
|
}}
|
||||||
|
|
||||||
|
|
||||||
|
@ -6280,7 +6283,7 @@ const DisplayPartnerStagiaires = (props) => {
|
||||||
onChange={actionmass_ftion}
|
onChange={actionmass_ftion}
|
||||||
>
|
>
|
||||||
<MenuItem value="n/a" style={{ "paddingLeft": "5px", "textAlign": "left", "width": "100%" }}>Action </MenuItem>
|
<MenuItem value="n/a" style={{ "paddingLeft": "5px", "textAlign": "left", "width": "100%" }}>Action </MenuItem>
|
||||||
<MenuItem value="convention" style={{ "paddingLeft": "5px", "textAlign": "left", "width": "100%" }}>Envoyer Convention </MenuItem>
|
{/*<MenuItem value="convention" style={{ "paddingLeft": "5px", "textAlign": "left", "width": "100%" }}>Envoyer Convention </MenuItem>*/}
|
||||||
<MenuItem value="supprimer" style={{ "paddingLeft": "5px", "textAlign": "left", "width": "100%" }}>Supprimer </MenuItem>
|
<MenuItem value="supprimer" style={{ "paddingLeft": "5px", "textAlign": "left", "width": "100%" }}>Supprimer </MenuItem>
|
||||||
|
|
||||||
</TextField>
|
</TextField>
|
||||||
|
@ -7599,7 +7602,9 @@ const DisplayPartnerStagiaires = (props) => {
|
||||||
|
|
||||||
{String(participant_data_edit_mode) !== "1" && <div className="div_row_droite" style={{ "textAlign": 'right', 'marginRight': '15px' }}>
|
{String(participant_data_edit_mode) !== "1" && <div className="div_row_droite" style={{ "textAlign": 'right', 'marginRight': '15px' }}>
|
||||||
|
|
||||||
{String(selected_id_status) !== "1" && <Button variant="contained" className="bton_edit" onClick={EnableAttendeeDetailFields}>Editer
|
|
||||||
|
|
||||||
|
{String(selected_id_status) !== "1" && (!p_detail_apprenant_id || String(p_detail_apprenant_id).trim().length <= 3 ) && <Button variant="contained" className="bton_edit" onClick={EnableAttendeeDetailFields}>Editer
|
||||||
</Button>}
|
</Button>}
|
||||||
|
|
||||||
{selected_id_status && String(selected_id_status) === "1" && p_detail_apprenant_id &&
|
{selected_id_status && String(selected_id_status) === "1" && p_detail_apprenant_id &&
|
||||||
|
|
|
@ -27,7 +27,11 @@ import { Tooltip } from 'react-tooltip'
|
||||||
import { FcCancel, FcApproval, FcAcceptDatabase, FcPrint } from "react-icons/fc";
|
import { FcCancel, FcApproval, FcAcceptDatabase, FcPrint } from "react-icons/fc";
|
||||||
import { CiTrash } from "react-icons/ci";
|
import { CiTrash } from "react-icons/ci";
|
||||||
import add_plus from "../mysy_img/plus.png";
|
import add_plus from "../mysy_img/plus.png";
|
||||||
|
import Dialog from '@mui/material/Dialog';
|
||||||
|
import DialogActions from '@mui/material/DialogActions';
|
||||||
|
import DialogContent from '@mui/material/DialogContent';
|
||||||
|
import DialogContentText from '@mui/material/DialogContentText';
|
||||||
|
import DialogTitle from '@mui/material/DialogTitle';
|
||||||
const DistplayPartnerTraningsPage = (props) => {
|
const DistplayPartnerTraningsPage = (props) => {
|
||||||
|
|
||||||
|
|
||||||
|
@ -1204,6 +1208,29 @@ const DistplayPartnerTraningsPage = (props) => {
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
const [Dialog_formation_message, setDialog_formation_message] = React.useState(false);
|
||||||
|
const [Dialog_formation_open, setDialog_formation_open] = React.useState(false);
|
||||||
|
function Dialog_formation_handle_change_participant_session(message) {
|
||||||
|
setDialog_formation_message(message);
|
||||||
|
setDialog_formation_open(true);
|
||||||
|
}
|
||||||
|
|
||||||
|
const Dialog_formation_handleClose = () => {
|
||||||
|
|
||||||
|
};
|
||||||
|
|
||||||
|
const Dialog_formation_handleClose_buton = () => {
|
||||||
|
setDialog_formation_open(false);
|
||||||
|
};
|
||||||
|
|
||||||
|
|
||||||
|
const [gridline_id, setgridline_id] = useState("");
|
||||||
|
|
||||||
|
function Show_Detailled_formation_Data() {
|
||||||
|
setupdatetraining(true);
|
||||||
|
Dialog_formation_handleClose_buton();
|
||||||
|
}
|
||||||
|
|
||||||
return (
|
return (
|
||||||
|
|
||||||
<div className='displaypartnertrainingpagination'>
|
<div className='displaypartnertrainingpagination'>
|
||||||
|
@ -1211,6 +1238,47 @@ const DistplayPartnerTraningsPage = (props) => {
|
||||||
<div className="mysy_spinner"> <img src={img_loading_spin} /> </div>
|
<div className="mysy_spinner"> <img src={img_loading_spin} /> </div>
|
||||||
</div>}
|
</div>}
|
||||||
|
|
||||||
|
|
||||||
|
<Dialog
|
||||||
|
open={Dialog_formation_open}
|
||||||
|
onClose={Dialog_formation_handleClose}
|
||||||
|
className="displaypartnersession"
|
||||||
|
>
|
||||||
|
|
||||||
|
<DialogTitle>Info Formation</DialogTitle>
|
||||||
|
<DialogContent className="DialogContent_width">
|
||||||
|
|
||||||
|
<div className="div_row_dialog">
|
||||||
|
<div className="div_row_gauche_dialog_session" style={{ "textAlign": 'left' }}>
|
||||||
|
Civilité
|
||||||
|
</div>
|
||||||
|
<div className="div_row_droite_dialog_session" style={{ "textAlign": 'right' }}>
|
||||||
|
-----
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<div className="div_row" >
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</DialogContent>
|
||||||
|
|
||||||
|
<DialogActions>
|
||||||
|
<div className="div_row">
|
||||||
|
<div className="div_row_gauche">
|
||||||
|
<Button onClick={Show_Detailled_formation_Data} className="bton_enreg_dialog">Voir detail</Button>
|
||||||
|
</div>
|
||||||
|
<div className="div_row_droite" style={{ "textAlign": 'center' }}>
|
||||||
|
<Button onClick={Dialog_formation_handleClose_buton} className="bton_annule_dialog" >Fermer</Button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</DialogActions>
|
||||||
|
|
||||||
|
|
||||||
|
</Dialog>
|
||||||
|
|
||||||
{updatetraining && <div>
|
{updatetraining && <div>
|
||||||
|
|
||||||
<div className='detail_training'>
|
<div className='detail_training'>
|
||||||
|
@ -1520,6 +1588,12 @@ const DistplayPartnerTraningsPage = (props) => {
|
||||||
color: 'black',
|
color: 'black',
|
||||||
},
|
},
|
||||||
|
|
||||||
|
|
||||||
|
'& .line--statut--selected': {
|
||||||
|
backgroundColor: '#FBF2EF',
|
||||||
|
color: 'black',
|
||||||
|
},
|
||||||
|
|
||||||
}}
|
}}
|
||||||
>
|
>
|
||||||
<DataGrid
|
<DataGrid
|
||||||
|
@ -1555,12 +1629,16 @@ const DistplayPartnerTraningsPage = (props) => {
|
||||||
className="datagridclass"
|
className="datagridclass"
|
||||||
|
|
||||||
onRowDoubleClick={(newSelectionModel) => {
|
onRowDoubleClick={(newSelectionModel) => {
|
||||||
|
setgridline_id(newSelectionModel.row.id);
|
||||||
Closecreatetraining();
|
Closecreatetraining();
|
||||||
closeTrainingForm();
|
closeTrainingForm();
|
||||||
|
|
||||||
setreftrainingtoupdate(newSelectionModel.row.internal_url);
|
setreftrainingtoupdate(newSelectionModel.row.internal_url);
|
||||||
setexternalcodetraining_toupdate(newSelectionModel.row.external_code);
|
setexternalcodetraining_toupdate(newSelectionModel.row.external_code);
|
||||||
setupdatetraining(true);
|
|
||||||
|
|
||||||
|
|
||||||
|
setDialog_formation_open(true);
|
||||||
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -1582,6 +1660,12 @@ const DistplayPartnerTraningsPage = (props) => {
|
||||||
|
|
||||||
}}
|
}}
|
||||||
getRowClassName={(params) => {
|
getRowClassName={(params) => {
|
||||||
|
|
||||||
|
// Pour la gestion de la couleur de zone double cliquée
|
||||||
|
if (String(params.row.id) === String(gridline_id)) {
|
||||||
|
return 'line--statut--selected';
|
||||||
|
}
|
||||||
|
|
||||||
if (String(params.row.published) === "1") {
|
if (String(params.row.published) === "1") {
|
||||||
return 'line--published';
|
return 'line--published';
|
||||||
}
|
}
|
||||||
|
@ -1589,6 +1673,7 @@ const DistplayPartnerTraningsPage = (props) => {
|
||||||
if (String(params.row.published) !== "1") {
|
if (String(params.row.published) !== "1") {
|
||||||
return 'line--unpublished';
|
return 'line--unpublished';
|
||||||
}
|
}
|
||||||
|
|
||||||
}}
|
}}
|
||||||
|
|
||||||
/>
|
/>
|
||||||
|
|
|
@ -84,17 +84,8 @@ const Employes = (props) => {
|
||||||
{ field: '_id', headerName: '_id', hide: true },
|
{ field: '_id', headerName: '_id', hide: true },
|
||||||
{ field: 'id', headerName: 'id', hide: true },
|
{ field: 'id', headerName: 'id', hide: true },
|
||||||
{
|
{
|
||||||
field: 'civilite', headerName: 'Civilité', width: 90, hide: false,
|
field: 'civilite', headerName: 'Civilité', minWidth: 50, flex: 1, maxWidth: 100, hide: false,
|
||||||
valueFormatter: (params) => {
|
|
||||||
if (String(params.value) === "0")
|
|
||||||
return "Mme";
|
|
||||||
else if (String(params.value) === "1")
|
|
||||||
return "M";
|
|
||||||
else if (String(params.value) === "-1")
|
|
||||||
return " ";
|
|
||||||
else
|
|
||||||
return String(params.value);
|
|
||||||
},
|
|
||||||
},
|
},
|
||||||
|
|
||||||
{ field: 'nom', headerName: 'Nom', flex: 1, hide: false, minWidth: 150 },
|
{ field: 'nom', headerName: 'Nom', flex: 1, hide: false, minWidth: 150 },
|
||||||
|
@ -940,17 +931,6 @@ const Employes = (props) => {
|
||||||
|
|
||||||
if (mylocal_employe.civilite) {
|
if (mylocal_employe.civilite) {
|
||||||
setp_detail_civilite(mylocal_employe.civilite);
|
setp_detail_civilite(mylocal_employe.civilite);
|
||||||
|
|
||||||
if (String(mylocal_employe.civilite) === "1")
|
|
||||||
setp_detail_civilite_label("M.");
|
|
||||||
else if (String(mylocal_employe.civilite) === "0")
|
|
||||||
setp_detail_civilite_label("Mme.");
|
|
||||||
else if (String(mylocal_employe.civilite) === "-1")
|
|
||||||
setp_detail_civilite_label("Neutre");
|
|
||||||
else
|
|
||||||
setp_detail_civilite_label("?");
|
|
||||||
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
@ -5185,7 +5165,7 @@ const Employes = (props) => {
|
||||||
}}
|
}}
|
||||||
disabled={false}
|
disabled={false}
|
||||||
className="disabled_style"
|
className="disabled_style"
|
||||||
value={p_detail_civilite_label}
|
value={p_detail_civilite}
|
||||||
|
|
||||||
/>
|
/>
|
||||||
</div>}
|
</div>}
|
||||||
|
@ -5207,9 +5187,9 @@ const Employes = (props) => {
|
||||||
setEmployee_data_changed("1");
|
setEmployee_data_changed("1");
|
||||||
}}
|
}}
|
||||||
>
|
>
|
||||||
<MenuItem value="1" style={{ "paddingLeft": "5px", "textAlign": "left", "width": "100%" }}>M. </MenuItem>
|
<MenuItem value="M" style={{ "paddingLeft": "5px", "textAlign": "left", "width": "100%" }}>M. </MenuItem>
|
||||||
<MenuItem value="0" style={{ "paddingLeft": "5px", "textAlign": "left", "width": "100%" }} >Mme. </MenuItem>
|
<MenuItem value="Mme" style={{ "paddingLeft": "5px", "textAlign": "left", "width": "100%" }} >Mme. </MenuItem>
|
||||||
<MenuItem value="-1" style={{ "paddingLeft": "5px", "textAlign": "left", "width": "100%" }} >Neutre </MenuItem>
|
<MenuItem value="Neutre" style={{ "paddingLeft": "5px", "textAlign": "left", "width": "100%" }} >Neutre </MenuItem>
|
||||||
|
|
||||||
</TextField>
|
</TextField>
|
||||||
</div>}
|
</div>}
|
||||||
|
@ -5918,9 +5898,9 @@ const Employes = (props) => {
|
||||||
setEmployee_data_changed("1");
|
setEmployee_data_changed("1");
|
||||||
}}
|
}}
|
||||||
>
|
>
|
||||||
<MenuItem value="1" style={{ "paddingLeft": "5px", "textAlign": "left", "width": "100%" }}>M. </MenuItem>
|
<MenuItem value="M" style={{ "paddingLeft": "5px", "textAlign": "left", "width": "100%" }}>M. </MenuItem>
|
||||||
<MenuItem value="0" style={{ "paddingLeft": "5px", "textAlign": "left", "width": "100%" }} >Mme. </MenuItem>
|
<MenuItem value="Mme" style={{ "paddingLeft": "5px", "textAlign": "left", "width": "100%" }} >Mme. </MenuItem>
|
||||||
<MenuItem value="-1" style={{ "paddingLeft": "5px", "textAlign": "left", "width": "100%" }} >Neutre </MenuItem>
|
<MenuItem value="Neutre" style={{ "paddingLeft": "5px", "textAlign": "left", "width": "100%" }} >Neutre </MenuItem>
|
||||||
|
|
||||||
</TextField>
|
</TextField>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -48,6 +48,7 @@ import allLocales from '@fullcalendar/core/locales-all'
|
||||||
import { RepeatOnRounded } from "@mui/icons-material";
|
import { RepeatOnRounded } from "@mui/icons-material";
|
||||||
import { alignPropType } from "react-bootstrap/esm/types";
|
import { alignPropType } from "react-bootstrap/esm/types";
|
||||||
|
|
||||||
|
import ToggleSwitch from "./ToggleSwitch";
|
||||||
|
|
||||||
import FullCalendar, { formatDate } from "@fullcalendar/react";
|
import FullCalendar, { formatDate } from "@fullcalendar/react";
|
||||||
import dayGridPlugin from "@fullcalendar/daygrid";
|
import dayGridPlugin from "@fullcalendar/daygrid";
|
||||||
|
@ -576,6 +577,25 @@ const Module_Agenda = (props) => {
|
||||||
setp_detail_sequence_session_id("");
|
setp_detail_sequence_session_id("");
|
||||||
|
|
||||||
|
|
||||||
|
if (arg.event.extendedProps.justified) {
|
||||||
|
if (String(arg.event.extendedProps.justified) === "true")
|
||||||
|
setp_detail_justified(true);
|
||||||
|
|
||||||
|
else
|
||||||
|
setp_detail_justified(false);
|
||||||
|
|
||||||
|
|
||||||
|
}
|
||||||
|
else
|
||||||
|
setp_detail_justified(false);
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
if (arg.event.extendedProps.type) {
|
||||||
|
setp_detail_event_type(arg.event.extendedProps.type);
|
||||||
|
}
|
||||||
|
else
|
||||||
|
setp_detail_event_type("");
|
||||||
|
|
||||||
setStartDate(arg.event.start);
|
setStartDate(arg.event.start);
|
||||||
setendDate(arg.event.end);
|
setendDate(arg.event.end);
|
||||||
|
@ -712,6 +732,10 @@ const Module_Agenda = (props) => {
|
||||||
const [p_detail_comment, setp_detail_comment] = useState();
|
const [p_detail_comment, setp_detail_comment] = useState();
|
||||||
const [p_detail_sequence_session_id, setp_detail_sequence_session_id] = useState("");
|
const [p_detail_sequence_session_id, setp_detail_sequence_session_id] = useState("");
|
||||||
|
|
||||||
|
const [p_detail_justified, setp_detail_justified] = useState(false);
|
||||||
|
const [p_detail_event_type, setp_detail_event_type] = useState();
|
||||||
|
|
||||||
|
|
||||||
const [startDate, setStartDate] = useState(new Date());
|
const [startDate, setStartDate] = useState(new Date());
|
||||||
const [endDate, setendDate] = useState(new Date());
|
const [endDate, setendDate] = useState(new Date());
|
||||||
|
|
||||||
|
@ -758,7 +782,8 @@ const Module_Agenda = (props) => {
|
||||||
form.append("related_collection_recid", selected_employee_id);
|
form.append("related_collection_recid", selected_employee_id);
|
||||||
form.append("comment", p_detail_comment);
|
form.append("comment", p_detail_comment);
|
||||||
|
|
||||||
|
form.append("event_type", p_detail_event_type);
|
||||||
|
form.append("justified", p_detail_justified);
|
||||||
//console.log(" form == ", form);
|
//console.log(" form == ", form);
|
||||||
|
|
||||||
var myurl = process.env.REACT_APP_API_URL + "myclass/api/Add_Update_Agenda_Event/";
|
var myurl = process.env.REACT_APP_API_URL + "myclass/api/Add_Update_Agenda_Event/";
|
||||||
|
@ -781,7 +806,8 @@ const Module_Agenda = (props) => {
|
||||||
setp_detail_end();
|
setp_detail_end();
|
||||||
setp_detail_comment();
|
setp_detail_comment();
|
||||||
setp_detail_sequence_session_id("");
|
setp_detail_sequence_session_id("");
|
||||||
|
setp_detail_justified(false);
|
||||||
|
setp_detail_event_type();
|
||||||
|
|
||||||
alert(res.data.message);
|
alert(res.data.message);
|
||||||
Close_Dialog_Detail_Event_open();
|
Close_Dialog_Detail_Event_open();
|
||||||
|
@ -845,6 +871,8 @@ const Module_Agenda = (props) => {
|
||||||
setp_detail_comment();
|
setp_detail_comment();
|
||||||
setp_detail_sequence_session_id("");
|
setp_detail_sequence_session_id("");
|
||||||
|
|
||||||
|
setp_detail_justified(false);
|
||||||
|
setp_detail_event_type();
|
||||||
|
|
||||||
alert(res.data.message);
|
alert(res.data.message);
|
||||||
Close_Dialog_Detail_Event_open();
|
Close_Dialog_Detail_Event_open();
|
||||||
|
@ -947,6 +975,59 @@ const Module_Agenda = (props) => {
|
||||||
{Dialog_1_message}
|
{Dialog_1_message}
|
||||||
</DialogContentText>
|
</DialogContentText>
|
||||||
|
|
||||||
|
<div className="session_caract_Dialog" >
|
||||||
|
|
||||||
|
<nav style={{ "float": "left", "width": "30%", "paddingTop": "15px" }}> Type </nav>
|
||||||
|
|
||||||
|
<nav style={{ "float": "right", "width": "65%" }}>
|
||||||
|
<TextField
|
||||||
|
sx={{ '& legend': { display: 'none' }, '& fieldset': { top: 0 }, }}
|
||||||
|
|
||||||
|
name="event_dialog_type"
|
||||||
|
id="event_dialog_type"
|
||||||
|
|
||||||
|
select
|
||||||
|
fullWidth
|
||||||
|
|
||||||
|
value={p_detail_event_type}
|
||||||
|
onChange={(e) => {
|
||||||
|
if (String(props.write_access) === "1") {
|
||||||
|
setp_detail_event_type(e.target.value);
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
>
|
||||||
|
<MenuItem value="absence" style={{ "paddingLeft": "5px", "textAlign": "left", "width": "100%" }}>Absence </MenuItem>
|
||||||
|
<MenuItem value="planning" style={{ "paddingLeft": "5px", "textAlign": "left", "width": "100%" }} >Planning </MenuItem>
|
||||||
|
<MenuItem value="autre" style={{ "paddingLeft": "5px", "textAlign": "left", "width": "100%" }} >Autre </MenuItem>
|
||||||
|
|
||||||
|
</TextField>
|
||||||
|
|
||||||
|
</nav>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div className="session_caract_Dialog" >
|
||||||
|
<nav style={{ "float": "left", "width": "30%", "paddingTop": "15px" }}> Justifié ? </nav>
|
||||||
|
|
||||||
|
<nav style={{ "float": "right", "width": "65%" }}
|
||||||
|
onClick={(e) => {
|
||||||
|
if (p_detail_justified === true)
|
||||||
|
setp_detail_justified(false);
|
||||||
|
else
|
||||||
|
setp_detail_justified(true);
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
id="toggleSwitchNav" name="toggleSwitchNav">
|
||||||
|
<ToggleSwitch id="toggleSwitch" name="toggleSwitch" checked={p_detail_justified}
|
||||||
|
/>
|
||||||
|
</nav>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div className="session_caract_Dialog" > Titre
|
<div className="session_caract_Dialog" > Titre
|
||||||
<TextField
|
<TextField
|
||||||
sx={{ '& legend': { display: 'none' }, '& fieldset': { top: 0 }, }}
|
sx={{ '& legend': { display: 'none' }, '& fieldset': { top: 0 }, }}
|
||||||
|
|
|
@ -22,6 +22,7 @@ import Dashbord_Session_Par_Fteur from "./Dashbord_Session_Par_Fteur";
|
||||||
import Dashbord_Session_Taux_Remplissage from "./Dashbord_Session_Taux_Remplissage";
|
import Dashbord_Session_Taux_Remplissage from "./Dashbord_Session_Taux_Remplissage";
|
||||||
import Dashbord_Session_Repartition_Fteur from "./Dashbord_Session_Repartition_Fteur";
|
import Dashbord_Session_Repartition_Fteur from "./Dashbord_Session_Repartition_Fteur";
|
||||||
import Dashbord_Formation_Evol_Session from "./Dashbord_Formation_Evol_Session";
|
import Dashbord_Formation_Evol_Session from "./Dashbord_Formation_Evol_Session";
|
||||||
|
import Dashbord_Ressources_Humaines_Tache_by_rhid from "./Dashbord_Ressources_Humaines_Tache_by_rhid";
|
||||||
|
|
||||||
import { TbColumns2, TbColumns1 } from "react-icons/tb";
|
import { TbColumns2, TbColumns1 } from "react-icons/tb";
|
||||||
|
|
||||||
|
@ -35,7 +36,7 @@ const Mon_Tableau_De_Bord = (props) => {
|
||||||
|
|
||||||
const [Get_Connected_User_Dashbord_api, setGet_Connected_User_Dashbord_api] = useState();
|
const [Get_Connected_User_Dashbord_api, setGet_Connected_User_Dashbord_api] = useState();
|
||||||
const [Get_Connected_User_Dashbord_message, setGet_Connected_User_Dashbord_message] = useState();
|
const [Get_Connected_User_Dashbord_message, setGet_Connected_User_Dashbord_message] = useState();
|
||||||
const [Get_Connected_User_Dashbord_result, setGet_Connected_User_Dashbord_result] = useState();
|
const [Get_Connected_User_Dashbord_result, setGet_Connected_User_Dashbord_result] = useState([]);
|
||||||
|
|
||||||
function Get_Connected_User_Dashbord() {
|
function Get_Connected_User_Dashbord() {
|
||||||
|
|
||||||
|
@ -156,6 +157,18 @@ const Mon_Tableau_De_Bord = (props) => {
|
||||||
user_dashbord_filter_end={String(JSON.parse(step).end_date)} />
|
user_dashbord_filter_end={String(JSON.parse(step).end_date)} />
|
||||||
}
|
}
|
||||||
|
|
||||||
|
{String(JSON.parse(step).dashbord_internal_code) === "tbd_rh_01" &&
|
||||||
|
|
||||||
|
|
||||||
|
<Dashbord_Ressources_Humaines_Tache_by_rhid user_dashbord_id={String(JSON.parse(step)._id)}
|
||||||
|
user_dashbord_title={String(JSON.parse(step).title)}
|
||||||
|
user_dashbord_filter_start={String(JSON.parse(step).start_date)}
|
||||||
|
user_dashbord_filter_end={String(JSON.parse(step).end_date)}
|
||||||
|
user_dashbord_filter_type_envent={String(JSON.parse(step).type_event) }
|
||||||
|
|
||||||
|
/>
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
|
@ -55,6 +55,7 @@ import Module_Agenda from "./Module_Agenda";
|
||||||
import Partner_Configuration_Session_Steps from "./Partner_Config_Session_Steps";
|
import Partner_Configuration_Session_Steps from "./Partner_Config_Session_Steps";
|
||||||
import Partner_Configuration_Jours_Travail from "./Partner_Config_Jours_Travail";
|
import Partner_Configuration_Jours_Travail from "./Partner_Config_Jours_Travail";
|
||||||
import Dashbord_Session from "./Dashbord_Session";
|
import Dashbord_Session from "./Dashbord_Session";
|
||||||
|
import Dashbord_Ressources_Humaines from "./Dashbord_Ressources_Humaines";
|
||||||
import Mon_Tableau_De_Bord from "./Mon_Tableau_De_Bord";
|
import Mon_Tableau_De_Bord from "./Mon_Tableau_De_Bord";
|
||||||
import Dashbord_Formation from "./Dashbord_Formation";
|
import Dashbord_Formation from "./Dashbord_Formation";
|
||||||
import Partner_Prix_Achat from "./Partner_Prix_Achat";
|
import Partner_Prix_Achat from "./Partner_Prix_Achat";
|
||||||
|
@ -319,7 +320,7 @@ const Partner = (props) => {
|
||||||
'mes_sessions', 'setuplms', 'facture', 'pricing', 'mes_clients', 'mes_devis', 'mes_cmd',
|
'mes_sessions', 'setuplms', 'facture', 'pricing', 'mes_clients', 'mes_devis', 'mes_cmd',
|
||||||
'mes_stagiaires', 'mes_employes', 'mon_materiel', 'config_document', 'factures_client', "config_technique",
|
'mes_stagiaires', 'mes_employes', 'mon_materiel', 'config_document', 'factures_client', "config_technique",
|
||||||
"config_champ_specific", "module_agenda", "config_session_steps", "config_jours_heures", "dashbord_formation",
|
"config_champ_specific", "module_agenda", "config_session_steps", "config_jours_heures", "dashbord_formation",
|
||||||
"dashbord_session", "mon_tableau_de_bord", "prix_achat", "mes_apprenants"]
|
"dashbord_session", "mon_tableau_de_bord", "prix_achat", "mes_apprenants", "dashbord_ressources_humaines"]
|
||||||
|
|
||||||
|
|
||||||
if (action && list_menu.includes(action)) {
|
if (action && list_menu.includes(action)) {
|
||||||
|
@ -695,6 +696,21 @@ const Partner = (props) => {
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
function config_dashbord_ressources_humaines_func(event) {
|
||||||
|
var security_retval = check_user_acces_right("dashbord", "read");
|
||||||
|
|
||||||
|
if (security_retval === 1) {
|
||||||
|
setmenu("dashbord_ressources_humaines");
|
||||||
|
setapiexcelimportmessage();
|
||||||
|
setformation_file_name();
|
||||||
|
document.body.style.backgroundColor = "#ffffff";
|
||||||
|
history.push("/Partner/dashbord_ressources_humaines");
|
||||||
|
} else {
|
||||||
|
Dialog_1_handle_acces_insuffisant("Vos droits ne sont pas suffisants pour acceder à la gestion du matériel pédagogique");
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
function DiplaytrainingList(event) {
|
function DiplaytrainingList(event) {
|
||||||
|
|
||||||
setmenu("affichage");
|
setmenu("affichage");
|
||||||
|
@ -1063,6 +1079,7 @@ const Partner = (props) => {
|
||||||
};
|
};
|
||||||
|
|
||||||
const [left_menu, setleft_menu] = React.useState(true);
|
const [left_menu, setleft_menu] = React.useState(true);
|
||||||
|
|
||||||
const open_close_left_menu = () => {
|
const open_close_left_menu = () => {
|
||||||
if (left_menu === true)
|
if (left_menu === true)
|
||||||
setleft_menu(false);
|
setleft_menu(false);
|
||||||
|
@ -1334,6 +1351,11 @@ const Partner = (props) => {
|
||||||
{String(menu) === "dashbord_session" && <div className="sousmenu_selected" onClick={config_dashbord_session_func}> <FcFinePrint className="icone_menu" /> SESSION</div>}
|
{String(menu) === "dashbord_session" && <div className="sousmenu_selected" onClick={config_dashbord_session_func}> <FcFinePrint className="icone_menu" /> SESSION</div>}
|
||||||
</Dropdown.Item>
|
</Dropdown.Item>
|
||||||
|
|
||||||
|
<Dropdown.Item>
|
||||||
|
{String(menu) !== "dashbord_ressources_humaines" && <div className="sousmenu" onClick={config_dashbord_ressources_humaines_func}> <FcFinePrint className="icone_menu" /> RES. HUMAINES</div>}
|
||||||
|
{String(menu) === "dashbord_ressources_humaines" && <div className="sousmenu_selected" onClick={config_dashbord_ressources_humaines_func}> <FcFinePrint className="icone_menu" /> ES. HUMAINES</div>}
|
||||||
|
</Dropdown.Item>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
@ -1668,7 +1690,11 @@ const Partner = (props) => {
|
||||||
</div>
|
</div>
|
||||||
}
|
}
|
||||||
|
|
||||||
|
{String(menu) === "dashbord_ressources_humaines" && <div className="div_droite">
|
||||||
|
|
||||||
|
<Dashbord_Ressources_Humaines conntected_employee_id={conntected_employee_id} read_access={check_user_acces_right("dashbord", "read")} write_access={check_user_acces_right("dashbord", "write")} />
|
||||||
|
</div>
|
||||||
|
}
|
||||||
|
|
||||||
{String(menu) === "mon_tableau_de_bord" && <div className="div_droite">
|
{String(menu) === "mon_tableau_de_bord" && <div className="div_droite">
|
||||||
|
|
||||||
|
@ -2208,6 +2234,12 @@ const Partner = (props) => {
|
||||||
</div>
|
</div>
|
||||||
}
|
}
|
||||||
|
|
||||||
|
{String(menu) === "dashbord_ressources_humaines" && <div className="div_droite div_droite_ralonge">
|
||||||
|
|
||||||
|
<Dashbord_Ressources_Humaines conntected_employee_id={conntected_employee_id} read_access={check_user_acces_right("dashbord", "read")} write_access={check_user_acces_right("dashbord", "write")} />
|
||||||
|
</div>
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
{String(menu) === "mon_tableau_de_bord" && <div className="div_droite div_droite_ralonge">
|
{String(menu) === "mon_tableau_de_bord" && <div className="div_droite div_droite_ralonge">
|
||||||
|
|
Loading…
Reference in New Issue