dsd
parent
2f624a32f7
commit
6059d7abe2
|
@ -57,6 +57,9 @@ import Rating from '@mui/material/Rating';
|
||||||
import { BarChart } from '@mui/x-charts';
|
import { BarChart } from '@mui/x-charts';
|
||||||
import { axisClasses } from '@mui/x-charts';
|
import { axisClasses } from '@mui/x-charts';
|
||||||
import { LineChart } from '@mui/x-charts/LineChart';
|
import { LineChart } from '@mui/x-charts/LineChart';
|
||||||
|
import BarChartIcon from '@mui/icons-material/BarChart';
|
||||||
|
import SsidChartIcon from '@mui/icons-material/SsidChart';
|
||||||
|
|
||||||
|
|
||||||
const Employes = (props) => {
|
const Employes = (props) => {
|
||||||
const history = useHistory();
|
const history = useHistory();
|
||||||
|
@ -3657,6 +3660,7 @@ const Employes = (props) => {
|
||||||
var local_id = JSON.parse(x).question_id;
|
var local_id = JSON.parse(x).question_id;
|
||||||
var local_question_id = JSON.parse(x).question_id;
|
var local_question_id = JSON.parse(x).question_id;
|
||||||
var local_question_question = JSON.parse(x).question_question;
|
var local_question_question = JSON.parse(x).question_question;
|
||||||
|
var local_question_type = JSON.parse(x).question_type;
|
||||||
|
|
||||||
|
|
||||||
//---
|
//---
|
||||||
|
@ -3666,6 +3670,7 @@ const Employes = (props) => {
|
||||||
"question_id": local_question_id,
|
"question_id": local_question_id,
|
||||||
"label": local_question_question,
|
"label": local_question_question,
|
||||||
"question_question": local_question_question,
|
"question_question": local_question_question,
|
||||||
|
"question_type": local_question_type,
|
||||||
};
|
};
|
||||||
new_data2.push(node);
|
new_data2.push(node);
|
||||||
});
|
});
|
||||||
|
@ -5614,6 +5619,7 @@ const Employes = (props) => {
|
||||||
};
|
};
|
||||||
|
|
||||||
const [selected_statistic_question_id, setselected_statistic_question_id] = useState("");
|
const [selected_statistic_question_id, setselected_statistic_question_id] = useState("");
|
||||||
|
const [selected_statistic_question_type, setselected_statistic_question_type] = useState("");
|
||||||
|
|
||||||
const [p_filter_date_from, setp_filter_date_from] = useState(date_today_minus_180j.toLocaleDateString('fr-FR'));
|
const [p_filter_date_from, setp_filter_date_from] = useState(date_today_minus_180j.toLocaleDateString('fr-FR'));
|
||||||
const [p_filter_date_to, setp_filter_date_to] = useState(date_today_30j.toLocaleDateString('fr-FR'));
|
const [p_filter_date_to, setp_filter_date_to] = useState(date_today_30j.toLocaleDateString('fr-FR'));
|
||||||
|
@ -5663,21 +5669,26 @@ const Employes = (props) => {
|
||||||
|
|
||||||
var jsonObj0 = jsonObj[0]
|
var jsonObj0 = jsonObj[0]
|
||||||
|
|
||||||
|
//console.log(" ### jsonObj0 = ", jsonObj0);
|
||||||
|
|
||||||
var new_data2 = [];
|
var new_data2 = [];
|
||||||
const new_data = jsonObj0.map((x) => {
|
const new_data = jsonObj0.map((x) => {
|
||||||
var month_year = (x).month_year;
|
var month_year = (x).month_year;
|
||||||
|
var type_question = (x).type_question;
|
||||||
var label = (x).label;
|
var label = (x).label;
|
||||||
var value = (x).value;
|
var value = parseFloat((x).value);
|
||||||
var count = (x).count;
|
var count = (x).count;
|
||||||
var nb_question_response = parseFloat((x).nb_question_response);
|
var nb_question_response = parseFloat((x).nb_question_response);
|
||||||
var somme_question_response = parseFloat((x).somme_question_response);
|
var somme_question_response = parseFloat((x).somme_question_response);
|
||||||
var moyenne_question_response = parseFloat((x).moyenne_question_response);
|
var moyenne_question_response = parseFloat((x).moyenne_question_response);
|
||||||
|
|
||||||
|
|
||||||
//---
|
//---
|
||||||
var node = {
|
var node = {
|
||||||
"month_year": month_year,
|
"month_year": month_year,
|
||||||
"label": label,
|
"label": label,
|
||||||
"value": value,
|
"type_question": type_question,
|
||||||
|
"value": parseFloat(String(value)),
|
||||||
"count": count,
|
"count": count,
|
||||||
"nb_question_response": parseInt(String(nb_question_response)),
|
"nb_question_response": parseInt(String(nb_question_response)),
|
||||||
"somme_question_response": parseFloat(String(somme_question_response)),
|
"somme_question_response": parseFloat(String(somme_question_response)),
|
||||||
|
@ -5690,7 +5701,7 @@ const Employes = (props) => {
|
||||||
setGetall_Qry_Survey_Data_result_JSON(new_data2);
|
setGetall_Qry_Survey_Data_result_JSON(new_data2);
|
||||||
//setGetall_Qry_Survey_Data_result_JSON(JSON.parse('[' + res.data.message + ']'));
|
//setGetall_Qry_Survey_Data_result_JSON(JSON.parse('[' + res.data.message + ']'));
|
||||||
|
|
||||||
|
//console.log(" ### new_data2 = ", new_data2);
|
||||||
|
|
||||||
setGetall_Qry_Survey_Data_api("true");
|
setGetall_Qry_Survey_Data_api("true");
|
||||||
setGetall_Qry_Survey_Data_result(res.data.message);
|
setGetall_Qry_Survey_Data_result(res.data.message);
|
||||||
|
@ -5725,9 +5736,19 @@ const Employes = (props) => {
|
||||||
},
|
},
|
||||||
};
|
};
|
||||||
|
|
||||||
|
|
||||||
const valueFormatter = (value) => `${value}`;
|
const valueFormatter = (value) => `${value}`;
|
||||||
|
|
||||||
|
const [display_view, setdisplay_view] = useState("line");
|
||||||
|
function func_display_line_view() {
|
||||||
|
setdisplay_view("line");
|
||||||
|
}
|
||||||
|
|
||||||
|
function func_display_bars_view() {
|
||||||
|
setdisplay_view("bars");
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div className="employes">
|
<div className="employes">
|
||||||
|
|
||||||
|
@ -7032,7 +7053,6 @@ const Employes = (props) => {
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<div className="div_row" style={{ paddingRight: '10px' }}>
|
<div className="div_row" style={{ paddingRight: '10px' }}>
|
||||||
<div className="session_data">
|
<div className="session_data">
|
||||||
<div style={{ "border": "None" }}>
|
<div style={{ "border": "None" }}>
|
||||||
|
@ -10293,10 +10313,13 @@ const Employes = (props) => {
|
||||||
|
|
||||||
onChange={(event, value) => {
|
onChange={(event, value) => {
|
||||||
|
|
||||||
|
|
||||||
if (value && value._id) {
|
if (value && value._id) {
|
||||||
setselected_statistic_question_id(value.question_id);
|
setselected_statistic_question_id(value.question_id);
|
||||||
|
setselected_statistic_question_type(value.question_type);
|
||||||
} else {
|
} else {
|
||||||
setselected_statistic_question_id("");
|
setselected_statistic_question_id("");
|
||||||
|
setselected_statistic_question_type("");
|
||||||
}
|
}
|
||||||
}}
|
}}
|
||||||
|
|
||||||
|
@ -10355,14 +10378,18 @@ const Employes = (props) => {
|
||||||
<div className="div_row">
|
<div className="div_row">
|
||||||
{String(selected_statistic_question_id) !== "" && <div className="div_row_gauche"> <Button onClick={Getall_Qry_Survey_Data} className="bton_enreg_dialog"> Afficher</Button> </div>}
|
{String(selected_statistic_question_id) !== "" && <div className="div_row_gauche"> <Button onClick={Getall_Qry_Survey_Data} className="bton_enreg_dialog"> Afficher</Button> </div>}
|
||||||
|
|
||||||
<div className="div_row_droite" style={{ "textAlign": 'center' }}>
|
|
||||||
<Button onClick={Dialog_1_handleClose_buton_statistique} className="bton_annule_dialog" >Fermer</Button>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div style={{ "height": "25rem" }}>
|
<div style={{ "height": "25rem" }}>
|
||||||
|
|
||||||
<Box style={{ "color": "black", "height": "30rem" }}>
|
<div style={{ "textAlign": "right", "float": "right", "width": "100%" }}>
|
||||||
|
Affichage : <nav className="mode_affichage" onClick={func_display_line_view}> <SsidChartIcon /> Ligne </nav>
|
||||||
|
<nav className="mode_affichage" onClick={func_display_bars_view}> <BarChartIcon /> Bar </nav>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
{display_view && String(display_view) === "bars" && <Box style={{ "color": "black", "height": "30rem" }}>
|
||||||
|
|
||||||
|
|
||||||
<div className="session_data" style={{ paddingLeft: "2rem" }}>
|
<div className="session_data" style={{ paddingLeft: "2rem" }}>
|
||||||
|
@ -10381,8 +10408,7 @@ const Employes = (props) => {
|
||||||
}]}
|
}]}
|
||||||
series={[
|
series={[
|
||||||
{ dataKey: 'nb_question_response', label: 'NB', valueFormatter },
|
{ dataKey: 'nb_question_response', label: 'NB', valueFormatter },
|
||||||
{ dataKey: 'somme_question_response', label: 'Somme', color: '#FA7070', valueFormatter },
|
{ dataKey: 'value', label: `${selected_statistic_question_type}` , color: '#FA7070', valueFormatter },
|
||||||
{ dataKey: 'moyenne_question_response', label: 'Moyenne', color: '#FA7070', valueFormatter },
|
|
||||||
|
|
||||||
|
|
||||||
]}
|
]}
|
||||||
|
@ -10392,19 +10418,14 @@ const Employes = (props) => {
|
||||||
/>}
|
/>}
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</Box>
|
</Box>}
|
||||||
|
|
||||||
<br />
|
{display_view && String(display_view) === "line" && <Box style={{ "color": "black", "height": "30rem" }}>
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
<div style={{ "height": "25rem" }}>
|
|
||||||
|
|
||||||
<Box style={{ "color": "black", "height": "30rem" }}>
|
|
||||||
|
|
||||||
|
|
||||||
<div className="session_data" style={{ paddingLeft: "2rem", height: '20rem' }}>
|
<div className="session_data" style={{ paddingLeft: "2rem", height: '20rem' }}>
|
||||||
|
|
||||||
|
selected_statistic_question_type = {selected_statistic_question_type} <br/>
|
||||||
{Getall_Qry_Survey_Data_result_JSON && Getall_Qry_Survey_Data_result_JSON.length > 0 &&
|
{Getall_Qry_Survey_Data_result_JSON && Getall_Qry_Survey_Data_result_JSON.length > 0 &&
|
||||||
Getall_Qry_Survey_Data_result_JSON &&
|
Getall_Qry_Survey_Data_result_JSON &&
|
||||||
|
|
||||||
|
@ -10420,8 +10441,7 @@ const Employes = (props) => {
|
||||||
}]}
|
}]}
|
||||||
series={[
|
series={[
|
||||||
{ dataKey: 'nb_question_response', label: 'NB', valueFormatter: (value) => (value == null ? 'NaN' : value.toString()), },
|
{ dataKey: 'nb_question_response', label: 'NB', valueFormatter: (value) => (value == null ? 'NaN' : value.toString()), },
|
||||||
{ dataKey: 'somme_question_response', label: 'Somme', color: '#FA7070', valueFormatter: (value) => (value == null ? 'NaN' : value.toString()), },
|
{ dataKey: 'value', label: `${selected_statistic_question_type}`, color: '#FA7070', valueFormatter: (value) => (value == null ? 'NaN' : value.toString()), },
|
||||||
{ dataKey: 'moyenne_question_response', label: 'Moyenne', color: '#FA7070', valueFormatter: (value) => (value == null ? 'NaN' : value.toString()), },
|
|
||||||
]}
|
]}
|
||||||
|
|
||||||
margin={{ right: 15, left: 100 }}
|
margin={{ right: 15, left: 100 }}
|
||||||
|
@ -10432,11 +10452,13 @@ const Employes = (props) => {
|
||||||
}
|
}
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</Box>
|
</Box>}
|
||||||
|
|
||||||
<br />
|
<br />
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</div>}
|
</div>}
|
||||||
|
|
||||||
</div >
|
</div >
|
||||||
|
|
|
@ -182,6 +182,7 @@ const Partner_Config_Formulaires = (props) => {
|
||||||
const columns_question = [
|
const columns_question = [
|
||||||
{ 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: 'list_choix', headerName: 'Liste Choix', hide: true },
|
{ field: 'list_choix', headerName: 'Liste Choix', hide: true },
|
||||||
{ field: 'list_case_cocher', headerName: 'Liste C.A.C', hide: true },
|
{ field: 'list_case_cocher', headerName: 'Liste C.A.C', hide: true },
|
||||||
{ field: 'question', headerName: 'Question', flex: 1, hide: false, editable: false, renderCell: (params) => <ExpandableCell_50 {...params} />, },
|
{ field: 'question', headerName: 'Question', flex: 1, hide: false, editable: false, renderCell: (params) => <ExpandableCell_50 {...params} />, },
|
||||||
|
@ -2130,6 +2131,11 @@ const Partner_Config_Formulaires = (props) => {
|
||||||
setquestion_question(newSelectionModel.row.question);
|
setquestion_question(newSelectionModel.row.question);
|
||||||
setquestion_type(newSelectionModel.row.type);
|
setquestion_type(newSelectionModel.row.type);
|
||||||
setquestion_max_note(newSelectionModel.row.max_note);
|
setquestion_max_note(newSelectionModel.row.max_note);
|
||||||
|
if( newSelectionModel.row.is_statistic === "1"){
|
||||||
|
setstatistic_checked(true);
|
||||||
|
}else{
|
||||||
|
setstatistic_checked(false);
|
||||||
|
}
|
||||||
|
|
||||||
if (newSelectionModel.row.list_choix) {
|
if (newSelectionModel.row.list_choix) {
|
||||||
var tmp_tab = []
|
var tmp_tab = []
|
||||||
|
@ -2139,7 +2145,7 @@ const Partner_Config_Formulaires = (props) => {
|
||||||
settab_qcm_choix(tmp_tab);
|
settab_qcm_choix(tmp_tab);
|
||||||
}
|
}
|
||||||
|
|
||||||
console.log(" ")
|
|
||||||
if (newSelectionModel.row.list_case_cocher) {
|
if (newSelectionModel.row.list_case_cocher) {
|
||||||
var tmp_tab_checkbox = []
|
var tmp_tab_checkbox = []
|
||||||
for (let i = 0; i < newSelectionModel.row.list_case_cocher.length; i++) {
|
for (let i = 0; i < newSelectionModel.row.list_case_cocher.length; i++) {
|
||||||
|
|
|
@ -626,7 +626,12 @@
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
.mode_affichage {
|
||||||
|
width: 25%;
|
||||||
|
float: right;
|
||||||
|
cursor: pointer;
|
||||||
|
|
||||||
|
} }
|
||||||
|
|
||||||
@media only screen and (min-width: 601px) and (max-width: 991px) {
|
@media only screen and (min-width: 601px) and (max-width: 991px) {
|
||||||
.okUpdateData {
|
.okUpdateData {
|
||||||
|
@ -1228,7 +1233,12 @@
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
.mode_affichage {
|
||||||
|
width: 15%;
|
||||||
|
float: right;
|
||||||
|
cursor: pointer;
|
||||||
|
|
||||||
|
} }
|
||||||
|
|
||||||
@media only screen and (min-width: 992px) and (max-width: 1199px) {
|
@media only screen and (min-width: 992px) and (max-width: 1199px) {
|
||||||
.okUpdateData {
|
.okUpdateData {
|
||||||
|
@ -1729,7 +1739,13 @@
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
.mode_affichage {
|
||||||
|
width: 12%;
|
||||||
|
float: right;
|
||||||
|
cursor: pointer;
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
@media only screen and (min-width: 1200px) {
|
@media only screen and (min-width: 1200px) {
|
||||||
.okUpdateData {
|
.okUpdateData {
|
||||||
|
@ -2323,7 +2339,12 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
}
|
|
||||||
|
.mode_affichage {
|
||||||
|
width: 8%;
|
||||||
|
float: right;
|
||||||
|
cursor: pointer;
|
||||||
|
} }
|
||||||
|
|
||||||
.session_caract_Dialog_comment_2_lines {
|
.session_caract_Dialog_comment_2_lines {
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue