27/02/2025 - 21h

recette2
cherif 2025-02-27 19:43:21 +01:00
parent 844ca354db
commit 23845e7267
6 changed files with 1026 additions and 113 deletions

View File

@ -3850,7 +3850,7 @@ const AddClassManual = (props) => {
//console.log(" nom_fichier_cmd = ", nom_fichier_cmd, " --- selected_id = ", selected_id, " --- url =", url);
console.log(" #### url = ", url)
// console.log(" #### url = ", url)
setLoading(true);
axios.get(url, { responseType: 'blob', },)
@ -4223,7 +4223,7 @@ const AddClassManual = (props) => {
aria-labelledby="draggable-dialog-title"
>
<DialogTitle>MySy Information</DialogTitle>
<DialogTitle style={{ cursor: 'move' }} id="draggable-dialog-title">MySy Information</DialogTitle>
<DialogContent className="DialogContent_width" style={{ "minHeight": "20rem" }}>
<DialogContentText>
{Dialog_1_message}

View File

@ -760,7 +760,7 @@ const DisplayPartnerSession = (props) => {
<div className="gest_actions">
<div style={{ "width": "45%", "float": "left" }}>
<button className="gest_bton_popup" onClick={(event) => {
handleClick_accept(event, working_cellValues_preisnc);
handleClick_update_data(event, working_cellValues_preisnc);
Dialog_menuitem_close_supp();
}}> Valider </button>
@ -769,7 +769,7 @@ const DisplayPartnerSession = (props) => {
<button
className="gest_bton_popup"
onClick={() => {
console.log('modal closed ');
// console.log('modal closed ');
Dialog_menuitem_close_supp();
}}
>
@ -6541,6 +6541,8 @@ const DisplayPartnerSession = (props) => {
const [GetCurrentSession_id, setGetCurrentSession_id] = useState();
const [GetCurrentSession_automatic_traitement_data, setGetCurrentSession_automatic_traitement_data] = useState([]);
const [GetCurrentSession_api, setGetCurrentSession_api] = useState();
const [GetCurrentSession_message, setGetCurrentSession_message] = useState();
const [GetCurrentSession_result, setGetCurrentSession_result] = useState();
@ -6619,6 +6621,13 @@ const DisplayPartnerSession = (props) => {
setnb_valide_inscription_individuelle("");
}
if (mylocaltraining.automatic_traitement) {
setGetCurrentSession_automatic_traitement_data(mylocaltraining.automatic_traitement);
} else {
setGetCurrentSession_automatic_traitement_data([]);
}
if (mylocaltraining.date_debut) {
var date_du = new Date(moment(mylocaltraining.date_debut, "DD/MM/YYYY HH:mm:ss"));
setSessionstartDate(date_du);
@ -24959,8 +24968,10 @@ const DisplayPartnerSession = (props) => {
{String(submenu) === String("editique") && <div style={{ "border": "None" }}>
<Module_Editique conntected_employee_id={props.conntected_employee_id} related_collection={"session_formation"}
related_collection_recid={selected_session_id} GetListeInscrit={GetListeInscrit}
<Module_Editique conntected_employee_id={props.conntected_employee_id}
related_collection={"session_formation"}
related_collection_recid={selected_session_id}
GetListeInscrit={GetListeInscrit}
internal_url={selected_internal_url}
submenu_emargement={submenu_emargement}
@ -24970,6 +24981,7 @@ const DisplayPartnerSession = (props) => {
nb_valide_inscription_entreprise={nb_valide_inscription_entreprise}
nb_valide_inscription_individuelle={nb_valide_inscription_individuelle}
selected_session_invoiced_statut={selected_session_invoiced_statut}
Session_automatic_traitement_data = {GetCurrentSession_automatic_traitement_data}
/>
</div>}

View File

@ -33,7 +33,7 @@ const Module_Alert_Confirmation = (props) => {
<Stack sx={{ width: '10%', float: 'right', textAlign: 'right', paddingRight: "10px", cursor: 'pointer', paddingLeft: '7%', paddingTop: '10px' }} onClick={() => {
props.clear_display_alert_mysy();
setShowElement(false);
}}> <IoCloseCircleOutline />
}}> <IoCloseCircleOutline style={{color:'#FFF'}}/>
</Stack>
</div>}

View File

@ -1,22 +1,18 @@
import React, { useRef, useState, useEffect } from "react";
import TextField from '@mui/material/TextField';
import MenuItem from '@mui/material/MenuItem';
import Checkbox from '@mui/material/Checkbox';
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 CheckOut from "./CheckOut";
import { DataGrid, GridToolbar, frFR } from '@mui/x-data-grid';
import "react-draft-wysiwyg/dist/react-draft-wysiwyg.css";
import { Editor } from '@tinymce/tinymce-react';
import parse from 'html-react-parser';
import 'react-tooltip/dist/react-tooltip.css'
import { Tooltip } from 'react-tooltip'
import add_plus from "../mysy_img/plus.png";
import excel_icone from "../mysy_img/excel_icone.png";
import participants from "../mysy_img/participants.png";
import fileDownload from 'js-file-download'
import Popup from 'reactjs-popup';
import 'reactjs-popup/dist/index.css';
@ -25,13 +21,9 @@ import DatePicker from "react-datepicker";
import "react-datepicker/dist/react-datepicker.css";
import { format } from 'date-fns'
import moment from "moment";
import InputAdornment from '@mui/material/InputAdornment';
import { AiFillCloseCircle } from "react-icons/ai";
import Box from '@mui/material/Box';
import { Typography, LinearProgress, sliderClasses } from '@mui/material';
import styled from 'styled-components';
import { CiTrash } from "react-icons/ci";
import { MdAddCircleOutline, MdRemoveCircleOutline } from "react-icons/md";
import Dialog from '@mui/material/Dialog';
import DialogActions from '@mui/material/DialogActions';
import DialogContent from '@mui/material/DialogContent';
@ -44,16 +36,10 @@ import daygridPlugin from "@fullcalendar/daygrid";
//import interactionPlugin from "@fullcalendar/interaction";
//import timeGridPlugin from "@fullcalendar/timegrid";
import allLocales from '@fullcalendar/core/locales-all'
import { RepeatOnRounded } from "@mui/icons-material";
import { alignPropType } from "react-bootstrap/esm/types";
import ToggleSwitch from "./ToggleSwitch";
import ToggleSwitch_v2_mysy from "./ToggleSwitch_v2_mysy";
import ToggleSwitch_v3_mysy from "./ToggleSwitch_v3_mysy";
import Autocomplete from '@mui/material/Autocomplete';
import FullCalendar, { formatDate } from "@fullcalendar/react";
import dayGridPlugin from "@fullcalendar/daygrid";
@ -67,6 +53,8 @@ import {
useTheme,
} from "@mui/material";
import SettingsSuggestIcon from '@mui/icons-material/SettingsSuggest';
import ExpandMoreIcon from '@mui/icons-material/ExpandMore';
import ChevronRightIcon from '@mui/icons-material/ChevronRight';
import { TreeView } from '@mui/x-tree-view/TreeView';
@ -239,8 +227,6 @@ const Module_Editique = (props) => {
const [Getall_Editable_Document_By_Partner_By_Collection_api, setGetall_Editable_Document_By_Partner_By_Collection_api] = useState();
const [Getall_Editable_Document_By_Partner_By_Collection_message, setGetall_Editable_Document_By_Partner_By_Collection_message] = useState();
const [Getall_Editable_Document_By_Partner_By_Collection_result, setGetall_Editable_Document_By_Partner_By_Collection_result] = useState([]);
@ -263,11 +249,9 @@ const Module_Editique = (props) => {
if (String(res.data.status) === String("true")) {
//console.log(" In Getall_Editable_Document_By_Partner_By_Collection res.data.status = " + res.data.status);
//console.log(" In Getall_Editable_Document_By_Partner_By_Collection res.data.message r_class = " + res.data.message);
// console.log(" In Getall_Editable_Document_By_Partner_By_Collection res.data.message r_class = " + res.data.message);
setGetall_Editable_Document_By_Partner_By_Collection_api("true");
setGetall_Editable_Document_By_Partner_By_Collection_result(res.data.message);
}
else {
setGetall_Editable_Document_By_Partner_By_Collection_api("false");
@ -341,6 +325,45 @@ const Module_Editique = (props) => {
}
const [Get_Given_Session_List_Automatic_Traitement_api, setGet_Given_Session_List_Automatic_Traitement_api] = useState();
const [Get_Given_Session_List_Automatic_Traitement_message, setGet_Given_Session_List_Automatic_Traitement_message] = useState();
const [Get_Given_Session_List_Automatic_Traitement_result, setGet_Given_Session_List_Automatic_Traitement_result] = useState([]);
function Get_Given_Session_List_Automatic_Traitement(local_selected_session_id) {
var form = new FormData();
const stored_cookie = getCookie('tokenmysypart');
form.append("token", stored_cookie);
form.append("session_id", local_selected_session_id);
var myurl = process.env.REACT_APP_API_URL + "myclass/api/Get_Given_SessionFormation_List_Automatic_Traitement_From/";
setLoading(true);
axios.post(myurl, form).then(res => {
setLoading(false);
if (String(res.data.status) === String("true")) {
//console.log(" In Get_Given_Session_List_Automatic_Traitement res.data.status = " + res.data.status);
//console.log(" In Get_Given_Session_List_Automatic_Traitement res.data.message r_class = " + res.data.message);
setGet_Given_Session_List_Automatic_Traitement_api("true");
setGet_Given_Session_List_Automatic_Traitement_result(JSON.parse(res.data.message));
}
else {
setGet_Given_Session_List_Automatic_Traitement_api("false");
setGet_Given_Session_List_Automatic_Traitement_message(res.data.message);
}
}).catch((error) => {
setLoading(false);
console.warn('Not good man :( Get_Given_Session_List_Automatic_Traitement = ', error);
setGet_Given_Session_List_Automatic_Traitement_api("false");
//setmyApimyApiMessage("")
})
}
const [Getall_Session_Document_Status_api, setGetall_Session_Document_Status_api] = useState();
const [Getall_Session_Document_Status_message, setGetall_Session_Document_Status_message] = useState();
const [Getall_Session_Document_Status_result, setGetall_Session_Document_Status_result] = useState([]);
@ -482,6 +505,7 @@ const Module_Editique = (props) => {
Getall_Editable_Document_By_Partner_By_Collection();
Getall_Audit_Document_By_Partner_By_Collection();
Get_related_collection_Data();
Get_Given_Session_List_Automatic_Traitement(props.related_collection_recid);
}, [])
@ -1220,6 +1244,64 @@ const Module_Editique = (props) => {
})
}
const [Update_Session_Automatic_Doc_Setup_api, setUpdate_Session_Automatic_Doc_Setup_api] = useState();
const [Update_Session_Automatic_Doc_Setup_message, setUpdate_Session_Automatic_Doc_Setup_message] = useState();
const [Update_Session_Automatic_Doc_Setup_result, setUpdate_Session_Automatic_Doc_Setup_result] = useState([]);
function Update_Session_Automatic_Doc_Setup(event) {
var form = new FormData();
const stored_cookie = getCookie('tokenmysypart');
form.append("token", stored_cookie);
form.append("_id", selected_session_id);
form.append("nb_jour_action", p_doc_automatic_setup_nb_jour);
form.append("actif", p_doc_automatic_setup_actif);
form.append("courrier_template_type_document_id", p_doc_automatic_setup_courrier_template_type_document_id);
var myurl = process.env.REACT_APP_API_URL + "myclass/api/Update_SessionFormation_Doc_Automatic_Setup/";
setLoading(true);
axios.post(myurl, form).then(res => {
setLoading(false);
if (String(res.data.status) === String("true")) {
//console.log(" In Update_Session_Automatic_Doc_Setup res.data.status = " + res.data.status);
//console.log(" In Update_Session_Automatic_Doc_Setup res.data.message r_class = " + res.data.message);
setUpdate_Session_Automatic_Doc_Setup_api("true");
setUpdate_Session_Automatic_Doc_Setup_result(res.data.message);
Dialog_Config_Doc_Automation_handleClose_buton();
// alert(res.data.message);
setdisplay_alert_mysy("1");
setalert_message(res.data.message);
setalert_type("success");
Get_Given_Session_List_Automatic_Traitement(props.related_collection_recid);
}
else {
setUpdate_Session_Automatic_Doc_Setup_api("false");
setUpdate_Session_Automatic_Doc_Setup_message(res.data.message);
// alert(res.data.message);
setdisplay_alert_mysy("1");
setalert_message(res.data.message);
setalert_type("error");
}
}).catch((error) => {
setLoading(false);
console.warn('Not good man :( Update_Session_Automatic_Doc_Setup = ', error);
setUpdate_Session_Automatic_Doc_Setup_api("false");
alert(" Impossible de modifier le parametrage du document");
})
}
const [action_server_to_run, setaction_server_to_run] = useState("");
const [action_server_type_doc, setaction_server_type_doc] = useState("");
const [action_server_nom_doc, setaction_server_nom_doc] = useState("");
@ -1343,6 +1425,39 @@ const Module_Editique = (props) => {
setdisplay_alert_mysy("");
}
const [Dialog_Config_Doc_Automation_open, setDialog_Config_Doc_Automation_open] = React.useState(false);
const Dialog_Config_Doc_Automation_handleClose = () => {
//alert(" Utiliser le bouton 'fermer' ");
//setOpen(false);
};
const Dialog_Config_Doc_Automation_handleClose_buton = () => {
setDialog_Config_Doc_Automation_open(false);
setedit_doc_automatic_setup("");
setis_modified_doc_automatic_setup("");
setp_doc_automatic_setup_selected_id("");
setp_doc_automatic_setup_actif("");
setp_doc_automatic_setup_nb_jour("");
setp_doc_automatic_setup_nom_document("");
setp_doc_automatic_setup_courrier_template_type_document_ref_interne("");
setp_doc_automatic_setup_courrier_template_type_document_id("");
};
const [edit_doc_automatic_setup, setedit_doc_automatic_setup] = useState("");
const [is_modified_doc_automatic_setup, setis_modified_doc_automatic_setup] = useState("");
const [p_doc_automatic_setup_selected_id, setp_doc_automatic_setup_selected_id] = useState("");
const [p_doc_automatic_setup_actif, setp_doc_automatic_setup_actif] = useState("");
const [p_doc_automatic_setup_nb_jour, setp_doc_automatic_setup_nb_jour] = useState("");
const [p_doc_automatic_setup_nom_document, setp_doc_automatic_setup_nom_document] = useState("");
const [p_doc_automatic_setup_courrier_template_type_document_ref_interne, setp_doc_automatic_setup_courrier_template_type_document_ref_interne] = useState("");
const [p_doc_automatic_setup_courrier_template_type_document_id, setp_doc_automatic_setup_courrier_template_type_document_id] = useState("");
return (
<div className="module_editique">
@ -1417,14 +1532,223 @@ const Module_Editique = (props) => {
</Dialog>
{/* Dialog pour gerer les Config_Doc_Automation */}
<Dialog
open={Dialog_Config_Doc_Automation_open}
// onClose={Dialog_Config_Doc_Automation_handleClose}
className="displaypartnersession"
static
onClose={() => null}
PaperProps={{
className: classes.paper, // Apply the paper style
style: {
overflowY: 'unset',
position: 'absolute',
top: '5rem',
margin: "2px",
},
}}
hideBackdrop={true}
disableScrollLock
classes={{
paper: classes.dialog
}}
PaperComponent={PaperComponent}
aria-labelledby="draggable-dialog-title"
>
<DialogTitle style={{ cursor: 'move' }} id="draggable-dialog-title">MySy Information</DialogTitle>
<DialogContent className="DialogContent_width" style={{ "minHeight": "5rem" }}>
<DialogContentText>
<div style={{ "textAlign": "left" }}>
{String(p_doc_automatic_setup_courrier_template_type_document_ref_interne) !== action_server_ref_interne_doc &&
<nav>
Aucun traitement d'envoi automatique pour <b> {action_server_ref_interne_doc} </b> <br />
</nav>}
{String(p_doc_automatic_setup_courrier_template_type_document_ref_interne) === action_server_ref_interne_doc &&
<div className="div_row" style={{ "padding": "5px", "border": "None" }}>
Traitement Automatique : {p_doc_automatic_setup_nom_document} <br />
<nav>
<div className="session_caract_Dialog"> Document <br />
<TextField
sx={{ '& legend': { display: 'none' }, '& fieldset': { top: 0 } }}
required
name="nom_document"
id="nom_document"
InputLabelProps={{
shrink: true,
}}
disabled={false}
className="disabled_style"
value={p_doc_automatic_setup_nom_document}
style={{ background: '#ECEFF1' }}
/>
</div>
<div className="session_caract_Dialog"> Actif<br />
{String(p_doc_automatic_setup_actif) === "1" &&
<Checkbox
name="active_config_document"
className="disabled_style"
checked={true}
onChange={(e) => {
if (e.target.checked) {
setp_doc_automatic_setup_actif("1");
} else {
setp_doc_automatic_setup_actif("0");
}
setis_modified_doc_automatic_setup("1");
}}
style={{ background: '#FFFFFF' }}
/>}
{String(p_doc_automatic_setup_actif) !== "1" &&
<Checkbox
name="active_config_document"
className="disabled_style"
checked={false}
onChange={(e) => {
if (e.target.checked) {
setp_doc_automatic_setup_actif("1");
} else {
setp_doc_automatic_setup_actif("0");
}
setis_modified_doc_automatic_setup("1");
}}
style={{ background: '#FFFFFF' }}
/>}
</div>
<div className="session_caract_Dialog"> Nb Jours <br />
<TextField
sx={{ '& legend': { display: 'none' }, '& fieldset': { top: 0 }, }}
required
name="nb_jour_document"
id="nb_jour_document"
InputLabelProps={{
shrink: true,
}}
type="number"
inputProps={{ min: "0", max: "200", step: "1" }}
disabled={false}
className="disabled_style"
value={p_doc_automatic_setup_nb_jour}
onChange={(e) => {
setp_doc_automatic_setup_nb_jour(e.target.value);
setis_modified_doc_automatic_setup("1");
}}
style={{ background: '#FFFFFF' }}
/>
</div>
<div className="div_row" style={{ "border": "None" }}>
&nbsp;
</div>
{String(is_modified_doc_automatic_setup) === "1" && <div className="div_row" style={{ "border": "None", "color": "orange", "textAlign": "center" }}>
/!\ Pensez à enregistrer les modifications
</div>}
<div className="div_row" style={{ "border": "None" }}>
<div className="div_row_droite" style={{ "textAlign": 'right', 'marginRight': '15px' }}>
{String(edit_doc_automatic_setup) === "1" && <Button variant="contained" className="bton_edit"
onClick={(e) => {
setedit_doc_automatic_setup("1");
}
}>Editer
</Button>}
</div>
</div>
</nav>
</div>}
</div>
</DialogContentText>
</DialogContent>
<DialogActions>
<IconButton
// autoFocus
onClick={Dialog_Config_Doc_Automation_handleClose_buton}
color="primary"
className={classes.customizedButton}
>
<CancelPresentationIcon />
</IconButton>
<div className="div_row">
<div className="div_row_gauche">
&nbsp;
</div>
{String(is_modified_doc_automatic_setup) === "1" && <div className="div_row_droite" style={{ "textAlign": 'center' }}>
<Button onClick={Update_Session_Automatic_Doc_Setup} className="bton_enreg_dialog" >Enregistrer</Button>
</div>}
</div>
</DialogActions>
</Dialog>
{/* FIN Dialog pour gerer les Config_Doc_Automation */}
{/* Dialog pour gerer les MSG_INFO */}
<Dialog
open={Dialog_MSG_INFO_open}
onClose={Dialog_MSG_INFO_handleClose}
// onClose={Dialog_MSG_INFO_handleClose}
className="displaypartnersession"
static
onClose={() => null}
PaperProps={{
className: classes.paper, // Apply the paper style
style: {
overflowY: 'unset',
position: 'absolute',
top: '5rem',
margin: "2px",
},
}}
hideBackdrop={true}
disableScrollLock
classes={{
paper: classes.dialog
}}
PaperComponent={PaperComponent}
aria-labelledby="draggable-dialog-title"
>
<DialogTitle>MySy Information</DialogTitle>
<DialogTitle style={{ cursor: 'move' }} id="draggable-dialog-title">MySy Information</DialogTitle>
<DialogContent className="DialogContent_width" style={{ "minHeight": "5rem" }}>
<DialogContentText>
@ -1440,6 +1764,16 @@ const Module_Editique = (props) => {
</DialogContent>
<DialogActions>
<IconButton
// autoFocus
onClick={Dialog_MSG_INFO_handleClose_buton}
color="primary"
className={classes.customizedButton}
>
<CancelPresentationIcon />
</IconButton>
<div className="div_row">
<div className="div_row_gauche">
&nbsp;
@ -1460,11 +1794,32 @@ const Module_Editique = (props) => {
{/* Dialog pour gerer les CONF_INSCRIPTION */}
<Dialog
open={Dialog_CONF_INSCRIPTION_open}
onClose={Dialog_CONF_INSCRIPTION_handleClose}
// onClose={Dialog_CONF_INSCRIPTION_handleClose}
className="displaypartnersession"
static
onClose={() => null}
PaperProps={{
className: classes.paper, // Apply the paper style
style: {
overflowY: 'unset',
position: 'absolute',
top: '5rem',
margin: "2px",
},
}}
hideBackdrop={true}
disableScrollLock
classes={{
paper: classes.dialog
}}
PaperComponent={PaperComponent}
aria-labelledby="draggable-dialog-title"
>
<DialogTitle>MySy Information</DialogTitle>
<DialogTitle style={{ cursor: 'move' }} id="draggable-dialog-title">MySy Information</DialogTitle>
<DialogContent className="DialogContent_width" style={{ "minHeight": "5rem" }}>
<DialogContentText>
@ -1480,6 +1835,15 @@ const Module_Editique = (props) => {
</DialogContent>
<DialogActions>
<IconButton
autoFocus
onClick={Dialog_CONF_INSCRIPTION_handleClose_buton}
color="primary"
className={classes.customizedButton}
>
<CancelPresentationIcon />
</IconButton>
<div className="div_row">
<div className="div_row_gauche">
&nbsp;
@ -1500,11 +1864,32 @@ const Module_Editique = (props) => {
{/* Dialog pour gerer les EMARGEMENT_FORMATION */}
<Dialog
open={Dialog_EMARGEMENT_FORMATION_open}
onClose={Dialog_EMARGEMENT_FORMATION_handleClose}
// onClose={Dialog_EMARGEMENT_FORMATION_handleClose}
className="displaypartnersession"
static
onClose={() => null}
PaperProps={{
className: classes.paper, // Apply the paper style
style: {
overflowY: 'unset',
position: 'absolute',
top: '5rem',
margin: "2px",
},
}}
hideBackdrop={true}
disableScrollLock
classes={{
paper: classes.dialog
}}
PaperComponent={PaperComponent}
aria-labelledby="draggable-dialog-title"
>
<DialogTitle>MySy Information</DialogTitle>
<DialogTitle style={{ cursor: 'move' }} id="draggable-dialog-title">MySy Information</DialogTitle>
<DialogContent className="DialogContent_width" style={{ "minHeight": "10rem" }}>
<DialogContentText>
<div style={{ "textAlign": "left" }}>
@ -1520,6 +1905,15 @@ const Module_Editique = (props) => {
</DialogContent>
<DialogActions>
<IconButton
autoFocus
onClick={Dialog_EMARGEMENT_FORMATION_handleClose_buton}
color="primary"
className={classes.customizedButton}
>
<CancelPresentationIcon />
</IconButton>
<div className="div_row">
<div className="div_row_gauche">
&nbsp;
@ -1541,11 +1935,32 @@ const Module_Editique = (props) => {
{/* Dialog pour gerer les ATTESTATION_FORMATION */}
<Dialog
open={Dialog_ATTESTATION_FORMATION_open}
onClose={Dialog_ATTESTATION_FORMATION_handleClose}
//onClose={Dialog_ATTESTATION_FORMATION_handleClose}
className="displaypartnersession"
static
onClose={() => null}
PaperProps={{
className: classes.paper, // Apply the paper style
style: {
overflowY: 'unset',
position: 'absolute',
top: '5rem',
margin: "2px",
},
}}
hideBackdrop={true}
disableScrollLock
classes={{
paper: classes.dialog
}}
PaperComponent={PaperComponent}
aria-labelledby="draggable-dialog-title"
>
<DialogTitle>MySy Information</DialogTitle>
<DialogTitle style={{ cursor: 'move' }} id="draggable-dialog-title">MySy Information</DialogTitle>
<DialogContent className="DialogContent_width" style={{ "minHeight": "10rem" }}>
<DialogContentText>
<div style={{ "textAlign": "left" }}>
@ -1560,6 +1975,15 @@ const Module_Editique = (props) => {
</DialogContent>
<DialogActions>
<IconButton
autoFocus
onClick={Dialog_ATTESTATION_FORMATION_handleClose_buton}
color="primary"
className={classes.customizedButton}
>
<CancelPresentationIcon />
</IconButton>
<div className="div_row">
<div className="div_row_gauche">
&nbsp;
@ -1581,11 +2005,32 @@ const Module_Editique = (props) => {
{/* Dialog pour gerer les EVALUATION_FORMATION */}
<Dialog
open={Dialog_EVALUATION_FORMATION_open}
onClose={Dialog_EVALUATION_FORMATION_handleClose}
// onClose={Dialog_EVALUATION_FORMATION_handleClose}
className="displaypartnersession"
static
onClose={() => null}
PaperProps={{
className: classes.paper, // Apply the paper style
style: {
overflowY: 'unset',
position: 'absolute',
top: '5rem',
margin: "2px",
},
}}
hideBackdrop={true}
disableScrollLock
classes={{
paper: classes.dialog
}}
PaperComponent={PaperComponent}
aria-labelledby="draggable-dialog-title"
>
<DialogTitle>MySy Information</DialogTitle>
<DialogTitle style={{ cursor: 'move' }} id="draggable-dialog-title">MySy Information</DialogTitle>
<DialogContent className="DialogContent_width" style={{ "minHeight": "10rem" }}>
<DialogContentText>
<div style={{ "textAlign": "left" }}>
@ -1601,6 +2046,15 @@ const Module_Editique = (props) => {
</DialogContent>
<DialogActions>
<IconButton
autoFocus
onClick={Dialog_EVALUATION_FORMATION_handleClose_buton}
color="primary"
className={classes.customizedButton}
>
<CancelPresentationIcon />
</IconButton>
<div className="div_row">
<div className="div_row_gauche">
&nbsp;
@ -2229,7 +2683,6 @@ const Module_Editique = (props) => {
</DialogContent>
<DialogActions>
<IconButton
@ -2387,10 +2840,12 @@ const Module_Editique = (props) => {
<div style={{ "width": "58%", "float": "left", "marginLeft": "5px", "marginRight": "5px", }}>
<br />
<div style={{ "width": "100%", "float": "left" }}>
{Getall_Editable_Document_By_Partner_By_Collection_result &&
Getall_Editable_Document_By_Partner_By_Collection_result.map((document) => (
<div>
{String(props.selected_session_invoiced_statut) !== "1" && String(props.selected_session_invoiced_statut) !== "2" &&
String(JSON.parse(document).courrier_template_ref_interne) !== "CONVENTION_STAGIAIRE_INDIVIDUELLE"
&& String(props.nb_valide_inscription_individuelle) === "0" && String(props.nb_valide_inscription_entreprise) !== "0" && <div className="div_row" style={{ "height": "3rem", "marginLeft": "5px", "marginRight": "5px" }}>
@ -2501,14 +2956,20 @@ const Module_Editique = (props) => {
}}>
{(JSON.parse(document).courrier_template_nom)}
{(JSON.parse(document).courrier_template_nom)} ttt
</div>
<div style={{ display: "inline-block", width: "15%", textAlign: "left", paddingLeft: "0.5rem", "float": "left", height: "2.5rem", }}>
<ToggleSwitch_v3_mysy id="toggleSwitch" name="toggleSwitch" checked={false} mysy_type={(JSON.parse(document).statut_completude)} style={{ height: "1.5rem" }} />
<Tooltip className="tooltip_css" id="toolip_toggle" />
<a data-tooltip-id="toolip_toggle" data-tooltip-html="Cliquez sur le bouton à gauche pour réaliser l'action">
<ToggleSwitch_v3_mysy id="toggleSwitch" name="toggleSwitch" checked={false} mysy_type={(JSON.parse(document).statut_completude)} style={{ height: "1.5rem" }} />
</a>
</div>
<div style={{ display: "inline-block", width: "15%", textAlign: "center", paddingLeft: "0.5rem", "float": "left", height: "2.5rem", }}>
<SettingsSuggestIcon /> 11
</div>
</div>}
@ -2627,11 +3088,16 @@ const Module_Editique = (props) => {
</div>
<div style={{ display: "inline-block", width: "15%", textAlign: "left", paddingLeft: "0.5rem", "float": "left", height: "2.5rem", }}>
<ToggleSwitch_v3_mysy id="toggleSwitch" name="toggleSwitch" checked={false} mysy_type={(JSON.parse(document).statut_completude)} style={{ height: "1.5rem" }} />
<Tooltip className="tooltip_css" id="toolip_toggle" />
<a data-tooltip-id="toolip_toggle" data-tooltip-html="Cliquez sur le bouton à gauche pour réaliser l'action">
<ToggleSwitch_v3_mysy id="toggleSwitch" name="toggleSwitch" checked={false} mysy_type={(JSON.parse(document).statut_completude)} style={{ height: "1.5rem" }} />
</a>
</div>
<div style={{ display: "inline-block", width: "15%", textAlign: "center", paddingLeft: "0.5rem", "float": "left", height: "2.5rem", }}>
<SettingsSuggestIcon /> 22
</div>
</div>}
@ -2743,28 +3209,50 @@ const Module_Editique = (props) => {
setDialog_FACTURATION_FORMATION_open(true);
}
}}>
{(JSON.parse(document).courrier_template_nom)}
</div>
{/*String(JSON.parse(document).has_history_event) === "1" &&
<div style={{ display: "inline-block", width: "15%", textAlign: "left", paddingLeft: "0.5rem", "float": "left", height: "2.5rem", }}>
<ToggleSwitch_v2_mysy id="toggleSwitch" name="toggleSwitch" checked={true} style={{ height: "1.5rem" }} />
</div>}
{String(JSON.parse(document).has_history_event) !== "1" &&
<div style={{ display: "inline-block", width: "15%", textAlign: "left", paddingLeft: "0.5rem", "float": "left", height: "2.5rem", }}>
<ToggleSwitch_v2_mysy id="toggleSwitch" name="toggleSwitch" checked={false} style={{ height: "1.5rem" }} />
</div>*/}
<div style={{ display: "inline-block", width: "15%", textAlign: "left", paddingLeft: "0.5rem", "float": "left", height: "2.5rem", }}>
<ToggleSwitch_v3_mysy id="toggleSwitch" name="toggleSwitch" checked={false} mysy_type={(JSON.parse(document).statut_completude)} style={{ height: "1.5rem" }} />
<Tooltip className="tooltip_css" id="toolip_toggle" />
<a data-tooltip-id="toolip_toggle" data-tooltip-html="Cliquez sur le bouton à gauche pour réaliser l'action">
<ToggleSwitch_v3_mysy id="toggleSwitch" name="toggleSwitch" checked={false} mysy_type={(JSON.parse(document).statut_completude)} style={{ height: "1.5rem" }} />
</a>
</div>
<div style={{
display: "inline-block", width: "15%", textAlign: "center", paddingLeft: "0.5rem", "float": "left", height: "2.5rem",
cursor: 'pointer'
}}
onClick={(event) => {
console.log(" OnClick");
console.log(" JSON.parse(document) = ", JSON.parse(document));
const new_data = Get_Given_Session_List_Automatic_Traitement_result.map((x) => {
// console.log(" CMP 1 x = ", x);
// console.log(" CMP 1 x.courrier_template_type_document_ref_interne = ", x.courrier_template_type_document_ref_interne);
// console.log(" CMP 2 String(JSON.parse(document).courrier_template_ref_interne = ", String(JSON.parse(document).courrier_template_ref_interne));
if (x.courrier_template_type_document_ref_interne === String(JSON.parse(document).courrier_template_ref_interne)) {
setp_doc_automatic_setup_actif(String((x).actif));
setp_doc_automatic_setup_nb_jour(String((x).nb_jour_action));
setp_doc_automatic_setup_selected_id(String((x).courrier_template_type_document_id));
setp_doc_automatic_setup_nom_document(String((x).nom_document));
setp_doc_automatic_setup_courrier_template_type_document_ref_interne(String((x).courrier_template_type_document_ref_interne));
setp_doc_automatic_setup_courrier_template_type_document_id(String((x).courrier_template_type_document_id));
}
});
setaction_server_nom_doc(String(JSON.parse(document).courrier_template_nom))
setaction_server_ref_interne_doc(String(JSON.parse(document).courrier_template_ref_interne))
setDialog_Config_Doc_Automation_open(true);
}}
>
<SettingsSuggestIcon /> 33
</div>
</div>}
@ -2793,6 +3281,15 @@ const Module_Editique = (props) => {
</div>
<div style={{
display: "inline-block", width: "15%", textAlign: "center", paddingLeft: "0.5rem", "float": "left", height: "2.5rem",
cursor: 'pointer'
}}
>
<SettingsSuggestIcon /> 44
</div>
</div>}
{/*** Cas d'une sesson facturée */}
@ -2911,7 +3408,6 @@ const Module_Editique = (props) => {
<div style={{ display: "inline-block", width: "15%", textAlign: "left", paddingLeft: "0.5rem", "float": "left", height: "2.5rem", }}>
<ToggleSwitch_v3_mysy id="toggleSwitch" name="toggleSwitch" checked={false} mysy_type={(JSON.parse(document).statut_completude)} style={{ height: "1.5rem" }} />

View File

@ -549,6 +549,8 @@ const Partner_Configuration_Technique = (props) => {
const myRef = useRef(null)
const myRef_doc_auto = useRef(null)
useEffect(() => {
Getall_Parter_config_Points();
@ -1215,9 +1217,10 @@ const Partner_Configuration_Technique = (props) => {
const [p_detail_doc_automatic_courrier_template_type_document_id, setp_detail_doc_automatic_courrier_template_type_document_id] = useState("");
const [p_detail_doc_automatic_nb_jour_action, setp_detail_doc_automatic_nb_jour_action] = useState("");
const [p_detail_doc_automatic_action_target_date, set] = useState("");
const [p_detail_doc_automatic_action_target_date, setp_detail_doc_automatic_action_target_date] = useState("");
const [p_detail_doc_automatic_collection_target, setp_detail_doc_automatic_collection_target] = useState("");
const [p_detail_doc_automatic_actif, setp_detail_doc_automatic_actif] = useState("");
const [p_detail_doc_automatic_selected_id, setp_detail_doc_automatic_selected_id] = useState("");
const [p_detail_doc_automatic_nom, setp_detail_doc_automatic_nom] = useState("");
const [p_detail_doc_automatic_ref_interne, setp_detail_doc_automatic_ref_interne] = useState("");
@ -1380,6 +1383,10 @@ const Partner_Configuration_Technique = (props) => {
});
}
}
function Disable_Config_doc_auto_DetailFields() {
@ -1556,6 +1563,90 @@ const Partner_Configuration_Technique = (props) => {
}
const [Update_One_base_document_automatic_Config_Data_api, setUpdate_One_base_document_automatic_Config_Data_api] = useState();
const [Update_One_base_document_automatic_Config_Data_message, setUpdate_One_base_document_automatic_Config_Data_message] = useState();
const [Update_One_base_document_automatic_Config_Data_result, setUpdate_One_base_document_automatic_Config_Data_result] = useState();
function Update_One_base_document_automatic_Config_Data() {
var form = new FormData();
//form.append("token","K3cw63eKokKSbV4spjQ48SUNnfy80yrXfA");
const stored_cookie = getCookie('tokenmysypart');
form.append("token", stored_cookie);
form.append("_id", p_detail_doc_automatic_selected_id);
form.append("courrier_template_type_document_id", p_detail_doc_automatic_courrier_template_type_document_id);
form.append("nb_jour_action", p_detail_doc_automatic_nb_jour_action);
form.append("action_target_date", p_detail_doc_automatic_action_target_date);
form.append("collection_target", p_detail_doc_automatic_collection_target);
form.append("actif", p_detail_doc_automatic_actif);
//console.log(" form == ", form);
var myurl = process.env.REACT_APP_API_URL + "myclass/api/Add_Update_base_document_automatic_setup/";
setLoading(true);
axios.post(myurl, form).then(res => {
setLoading(false);
//console.log(" In Update_One_base_document_automatic_Config_Data res.data.status = " + res.data.status);
//console.log(" In Update_One_base_document_automatic_Config_Data res.data.message r_class = " + res.data.message);
if (String(res.data.status) === String("true")) {
setUpdate_One_base_document_automatic_Config_Data_api("true");
setUpdate_One_base_document_automatic_Config_Data_result(res.data.message);
Getall_Parter_Doc_Automatic_Config_Points();
setConfig_doc_automatic_data_changed("");
setconfig_doc_automatic_data_edit_mode("");
setp_detail_doc_automatic_nb_jour_action("");
setp_detail_doc_automatic_type("");
setp_detail_doc_automatic_nom("");
setp_detail_doc_automatic_ref_interne("");
setp_detail_doc_automatic_actif("");
setp_detail_doc_automatic_selected_id("");
setp_detail_doc_automatic_action_target_date("");
setp_detail_doc_automatic_collection_target("");
setp_detail_doc_automatic_courrier_template_type_document_id("");
// alert(res.data.message)
setdisplay_alert_mysy("1");
setalert_message(res.data.message);
setalert_type("success");
if (document.getElementById('myRef_head')) {
var divh = document.getElementById('myRef_head').offsetTop;
window.scrollTo({
top: divh,
behavior: "smooth",
});
}
}
else {
setUpdate_One_base_document_automatic_Config_Data_api("false");
setUpdate_One_base_document_automatic_Config_Data_message(res.data.message);
// alert(res.data.message);
setdisplay_alert_mysy("1");
setalert_message(res.data.message);
setalert_type("error");
}
}).catch((error) => {
setLoading(false);
console.warn('UpdateStagiaireData : Not good man :( Update_One_base_document_automatic_Config_Data = ' + error);
setUpdate_One_base_document_automatic_Config_Data_api("false");
alert(" Impossible de mettre à jour le paramétrage ");
})
}
const [gridline_id, setgridline_id] = useState("");
const [gridline_site_ftion_id, setgridline_site_ftion_id] = useState("");
@ -2217,7 +2308,8 @@ const Partner_Configuration_Technique = (props) => {
{ "id": "nb_heure_par_semaine", "label": "nb_heure_par_semaine", "value": "nb_heure_par_semaine" },
{ "id": "nb_heure_par_annee", "label": "nb_heure_par_annee", "value": "nb_heure_par_annee" },
{ "id": "preinscription_notification_email", "label": "preinscription_notification_email", "value": "preinscription_notification_email" },
{ "id": "inscription_notification_email", "label": "inscription_notification_email", "value": "inscription_notification_email" },
{ "id": "", "label": "", "value": "" },
]
@ -3254,7 +3346,7 @@ const Partner_Configuration_Technique = (props) => {
fullWidth
type="number"
inputProps={{ min: "0", max: "100", step: "1" }}
inputProps={{ min: "0", max: "200", step: "1" }}
value={p_detail_paiement_nb_jour}
onChange={(e) => {
setp_detail_paiement_nb_jour(e.target.value);
@ -5146,8 +5238,10 @@ const Partner_Configuration_Technique = (props) => {
document_type_nom: JSON.parse(item).document_type_nom,
actif: JSON.parse(item).actif,
nb_jour_action: JSON.parse(item).nb_jour_action,
collection_target: JSON.parse(item).collection_target,
action_target_date: JSON.parse(item).action_target_date,
document_type_doc: JSON.parse(item).document_type_doc,
courrier_template_type_document_id: JSON.parse(item).courrier_template_type_document_id,
}
))}
@ -5157,6 +5251,8 @@ const Partner_Configuration_Technique = (props) => {
onRowDoubleClick={(newSelectionModel) => {
setgridline_doc_automatic_id(newSelectionModel.row.id);
setConfig_doc_automatic_data_changed("");
setconfig_doc_automatic_data_edit_mode("");
// handleClick_edit_config_quotation_From_Line(newSelectionModel.row.id);
@ -5166,6 +5262,20 @@ const Partner_Configuration_Technique = (props) => {
setp_detail_doc_automatic_nom(newSelectionModel.row.document_type_nom);
setp_detail_doc_automatic_ref_interne(newSelectionModel.row.document_ref_interne);
setp_detail_doc_automatic_actif(newSelectionModel.row.actif);
setp_detail_doc_automatic_selected_id(newSelectionModel.row._id);
setp_detail_doc_automatic_courrier_template_type_document_id(newSelectionModel.row.courrier_template_type_document_id);
setp_detail_doc_automatic_collection_target(newSelectionModel.row.collection_target);
setp_detail_doc_automatic_action_target_date(newSelectionModel.row.action_target_date);
if (document.getElementById('myRef_doc_auto')) {
var divh = document.getElementById('myRef_doc_auto').offsetTop;
window.scrollTo({
top: divh,
behavior: "smooth",
});
}
}}
@ -5241,18 +5351,15 @@ const Partner_Configuration_Technique = (props) => {
</Button>
</div>*/}
</div>
<div className="div_row" ref={myRef} id="myRef_doc_auto"> &nbsp;</div>
<div className="div_row" ref={myRef_doc_auto} id="myRef_doc_auto"> &nbsp;</div>
</div>
config_doc_automatic_data_edit_mode === {config_doc_automatic_data_edit_mode} <br />
{display_detail_doc_automatic_config && String(display_detail_doc_automatic_config) === "1" &&
<div className="div_row">
{config_doc_automatic_data_edit_mode && String(config_doc_automatic_data_edit_mode) === "1" &&
New_Config_Quotation_Point && <div className="div_row">
en mode edit
<div className="session_caract"> Actif<br />
{p_detail_doc_automatic_actif && String(p_detail_doc_automatic_actif) === "1" &&
<Checkbox
@ -5261,13 +5368,14 @@ const Partner_Configuration_Technique = (props) => {
checked={true}
onChange={(e) => {
if (e.target.checked) {
p_detail_doc_automatic_actif("1");
setp_detail_doc_automatic_actif("1");
} else {
p_detail_doc_automatic_actif("0");
setp_detail_doc_automatic_actif("0");
}
setConfig_doc_automatic_data_changed("1");
}}
style={{ background: '#FFFFFF' }}
/>}
{String(p_detail_doc_automatic_actif) !== "1" &&
@ -5277,13 +5385,14 @@ const Partner_Configuration_Technique = (props) => {
checked={false}
onChange={(e) => {
if (e.target.checked) {
p_detail_doc_automatic_actif("1");
setp_detail_doc_automatic_actif("1");
} else {
p_detail_doc_automatic_actif("0");
setp_detail_doc_automatic_actif("0");
}
setConfig_doc_automatic_data_changed("1");
}}
style={{ background: '#FFFFFF' }}
/>}
</div>
@ -5300,7 +5409,7 @@ const Partner_Configuration_Technique = (props) => {
disabled={false}
className="disabled_style"
value={p_detail_doc_automatic_nom}
style={{ background: '#ECEFF1' }}
/>
</div>
@ -5317,7 +5426,7 @@ const Partner_Configuration_Technique = (props) => {
disabled={false}
className="disabled_style"
value={p_detail_doc_automatic_ref_interne}
style={{ background: '#ECEFF1' }}
/>
</div>
@ -5334,6 +5443,7 @@ const Partner_Configuration_Technique = (props) => {
disabled={false}
className="disabled_style"
value={p_detail_doc_automatic_type}
style={{ background: '#ECEFF1' }}
/>
</div>
@ -5345,6 +5455,7 @@ const Partner_Configuration_Technique = (props) => {
required
name="nb_jour_document"
id="nb_jour_document"
type="number"
InputLabelProps={{
shrink: true,
@ -5357,6 +5468,8 @@ const Partner_Configuration_Technique = (props) => {
setConfig_doc_automatic_data_changed("1");
}}
style={{ background: '#FFFFFF' }}
/>
</div>
@ -5365,13 +5478,14 @@ const Partner_Configuration_Technique = (props) => {
{String(config_doc_automatic_data_edit_mode) !== "1" &&
<div className="div_row"> Point de configuration (No edit mode)<br />
<div className="div_row"> Point de configuration <br />
<div className="session_caract"> Actif<br />
{p_detail_doc_automatic_actif && String(p_detail_doc_automatic_actif) === "1" &&
<Checkbox
name="active_config_document"
className="disabled_style"
checked={true}
style={{ background: '#ECEFF1' }}
/>}
{String(p_detail_doc_automatic_actif) !== "1" &&
@ -5379,12 +5493,13 @@ const Partner_Configuration_Technique = (props) => {
name="active_config_document"
className="disabled_style"
checked={false}
style={{ background: '#ECEFF1' }}
/>}
</div>
<div className="session_caract"> Nom<br />
<TextField
sx={{ '& legend': { display: 'none' }, '& fieldset': { top: 0 }, }}
sx={{ '& legend': { display: 'none' }, '& fieldset': { top: 0 } }}
required
name="nom_document"
id="nom_document"
@ -5395,6 +5510,7 @@ const Partner_Configuration_Technique = (props) => {
disabled={false}
className="disabled_style"
value={p_detail_doc_automatic_nom}
style={{ background: '#ECEFF1' }}
/>
</div>
@ -5412,6 +5528,7 @@ const Partner_Configuration_Technique = (props) => {
disabled={false}
className="disabled_style"
value={p_detail_doc_automatic_ref_interne}
style={{ background: '#ECEFF1' }}
/>
</div>
@ -5429,6 +5546,7 @@ const Partner_Configuration_Technique = (props) => {
disabled={false}
className="disabled_style"
value={p_detail_doc_automatic_type}
style={{ background: '#ECEFF1' }}
/>
</div>
@ -5447,6 +5565,7 @@ const Partner_Configuration_Technique = (props) => {
disabled={false}
className="disabled_style"
value={p_detail_doc_automatic_nb_jour_action}
style={{ background: '#ECEFF1' }}
/>
</div>
@ -5464,10 +5583,54 @@ const Partner_Configuration_Technique = (props) => {
<div className="div_row" style={{ "border": "None", "color": "orange", "textAlign": "center" }}>
{String(config_doc_automatic_data_edit_mode) === "1" && String("Config_doc_automatic_data_changed") === "1" && <div className="div_row_gauche" style={{ "textAlign": 'left', 'marginLeft': '15px' }}>
{String(Config_doc_automatic_data_changed) === "1" && String(config_doc_automatic_data_edit_mode) === "1" && <div className="div_row_gauche" style={{ "textAlign": 'left', 'marginLeft': '15px' }}>
<Popup
trigger={<Button variant="contained" className="bton_enreg" >Enregistrer les modifications
</Button>}
modal
nested
position="center center"
>
{close => (
<div>
<button className="gest_close" onClick={close}>
&times;
</button>
<div className="gest_header"> MySy Information </div>
<div className="gest_content">
{' '}
En confirmant cette opération, la configuration sera modifiée <br />
</div>
<div className="gest_actions">
<div style={{ "width": "45%", "float": "left" }}>
<button className="gest_bton_popup" onClick={(event) => {
Update_One_base_document_automatic_Config_Data();
//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>
<Button variant="contained" className="bton_enreg" onClick={"Update_One_Quotation_Config_Data"}>Enregistrer les modifications
</Button>
</div>}

View File

@ -17,8 +17,7 @@ import { Fab } from "@material-ui/core";
import { IoMdAddCircle, IoIosRemoveCircleOutline } from "react-icons/io";
import "react-draft-wysiwyg/dist/react-draft-wysiwyg.css";
import { Editor } from '@tinymce/tinymce-react';
import parse from 'html-react-parser';
import { FcViewDetails, FcDisapprove, FcInfo } from "react-icons/fc";
import 'react-tooltip/dist/react-tooltip.css'
import { Tooltip } from 'react-tooltip'
@ -60,7 +59,7 @@ import {
GridPreferencePanelsValue,
} from '@mui/x-data-grid';
//import { utils, writeFileXLSX } from "xlsx";
import { ContextMenu, ContextMenuTrigger } from "react-contextmenu";
import zIndex from "@material-ui/core/styles/zIndex";
@ -68,9 +67,47 @@ import { FcOpenedFolder } from "react-icons/fc";
import Module_Historique_Action from "./Module_Historique_Action";
import { GridExportCsvOptions } from '@mui/x-data-grid';
import { makeStyles } from "@material-ui/core/styles";
import Paper from '@material-ui/core/Paper';
import Draggable from 'react-draggable';
import { IconButton } from '@material-ui/core';
import CancelPresentationIcon from '@mui/icons-material/CancelPresentation';
import Module_Alert_Confirmation from "./Module_Alert_Confirmation";
function PaperComponent(props) {
return (
<Draggable
handle="#draggable-dialog-title"
cancel={'[class*="MuiDialogContent-root"]'}
>
<Paper {...props} />
</Draggable>
);
}
const useStyles = makeStyles((theme) => ({
dialog: {
position: 'absolute',
// left: 10,
top: 400
},
paper: {
overflowY: 'unset',
},
customizedButton: {
position: 'absolute',
left: '98%',
top: '-3%',
backgroundColor: 'lightgray',
color: 'gray',
},
}));
const Partner_Facture = (props) => {
const classes = useStyles();
const { action, orderid } = useParams();
@ -464,13 +501,19 @@ const Partner_Facture = (props) => {
Getall_Invoice_Paiement_Payed_Remain_Amounts();
clear_Paiement_DetailFields()
alert(res.data.message);
// alert(res.data.message)
setdisplay_alert_mysy("1");
setalert_message(res.data.message);
setalert_type("success");
}
else {
sethandleClick_delete_Paiement_api("false");
sethandleClick_delete_Paiement_message(res.data.message);
alert(res.data.message);
// alert(res.data.message);
setdisplay_alert_mysy("1");
setalert_message(res.data.message);
setalert_type("error");
}
}).catch((error) => {
@ -570,7 +613,10 @@ const Partner_Facture = (props) => {
else {
setGetall_Invoice_Paiement_api("false");
setGetall_Invoice_Paiement_message(res.data.message);
alert(res.data.message);
// alert(res.data.message);
setdisplay_alert_mysy("1");
setalert_message(res.data.message);
setalert_type("error");
}
}).catch((error) => {
@ -637,7 +683,10 @@ const Partner_Facture = (props) => {
else {
setGetall_Invoice_Paiement_Payed_Remain_Amounts_api("false");
setGetall_Invoice_Paiement_Payed_Remain_Amounts_message(res.data.message);
alert(res.data.message);
// alert(res.data.message);
setdisplay_alert_mysy("1");
setalert_message(res.data.message);
setalert_type("error");
}
}).catch((error) => {
@ -841,7 +890,10 @@ const Partner_Facture = (props) => {
else {
setGet_Given_Line_Of_Partner_Invoice_Line_Data_api("false");
setGet_Given_Line_Of_Partner_Invoice_Line_Data_message(res.data.message);
alert(res.data.message);
// alert(res.data.message);
setdisplay_alert_mysy("1");
setalert_message(res.data.message);
setalert_type("error");
}
}).catch((error) => {
@ -993,7 +1045,10 @@ const Partner_Facture = (props) => {
else {
setGetall_Parter_Invoice_No_Filter_api("false");
setGetall_Parter_Invoice_No_Filter_message(res.data.message);
alert(res.data.message);
// alert(res.data.message);
setdisplay_alert_mysy("1");
setalert_message(res.data.message);
setalert_type("error");
}
}).catch((error) => {
@ -1033,7 +1088,10 @@ const Partner_Facture = (props) => {
else {
setGetall_Parter_Invoice_With_Filter_On_Client_Id_api("false");
setGetall_Parter_Invoice_With_Filter_On_Client_Id_message(res.data.message);
alert(res.data.message);
// alert(res.data.message);
setdisplay_alert_mysy("1");
setalert_message(res.data.message);
setalert_type("error");
}
}).catch((error) => {
@ -1411,7 +1469,10 @@ const Partner_Facture = (props) => {
setLoading(false);
setGetAttendee_api("false");
setGetAttendee_message(res.data.message);
alert(res.data.message);
// alert(res.data.message);
setdisplay_alert_mysy("1");
setalert_message(res.data.message);
setalert_type("error");
}
}).catch((error) => {
@ -1643,7 +1704,10 @@ const Partner_Facture = (props) => {
else {
setGetall_Parter_Invoice_With_Filter_api("false");
setGetall_Parter_Invoice_With_Filter_message(res.data.message);
alert(res.data.message);
// alert(res.data.message);
setdisplay_alert_mysy("1");
setalert_message(res.data.message);
setalert_type("error");
}
}).catch((error) => {
@ -1683,12 +1747,18 @@ const Partner_Facture = (props) => {
if (String(res.data.status) === String("true")) {
setSend_Invoice_By_Email_api("true");
setSend_Invoice_By_Email_message(res.data.message);
alert(res.data.message);
// alert(res.data.message)
setdisplay_alert_mysy("1");
setalert_message(res.data.message);
setalert_type("success");
}
else {
setSend_Invoice_By_Email_api("false");
setSend_Invoice_By_Email_message(res.data.message);
alert(res.data.message);
// alert(res.data.message);
setdisplay_alert_mysy("1");
setalert_message(res.data.message);
setalert_type("error");
}
}).catch((error) => {
@ -1734,7 +1804,10 @@ const Partner_Facture = (props) => {
setLoading(false);
setGet_Partner_Invoice_Lines_from_header_id_api("false");
setGet_Partner_Invoice_Lines_from_header_id_message(res.data.message);
alert(res.data.message);
// alert(res.data.message);
setdisplay_alert_mysy("1");
setalert_message(res.data.message);
setalert_type("error");
}
}).catch((error) => {
@ -2182,7 +2255,10 @@ const Partner_Facture = (props) => {
else {
setGet_Given_Paiement_Data_api("false");
setGet_Given_Paiement_Data_message(res.data.message);
alert(res.data.message);
// alert(res.data.message);
setdisplay_alert_mysy("1");
setalert_message(res.data.message);
setalert_type("error");
}
}).catch((error) => {
@ -2290,7 +2366,10 @@ const Partner_Facture = (props) => {
Dialog_Paiement_1_handleClose_buton();
alert(res.data.message);
// alert(res.data.message)
setdisplay_alert_mysy("1");
setalert_message(res.data.message);
setalert_type("success");
if (document.getElementById('myRef')) {
var divh = document.getElementById('myRef').offsetTop;
window.scrollTo({
@ -2304,7 +2383,10 @@ const Partner_Facture = (props) => {
else {
setAdd_Update_Paiement_Data_api("false");
setAdd_Update_Paiement_Data_message(res.data.message);
alert(res.data.message);
// alert(res.data.message);
setdisplay_alert_mysy("1");
setalert_message(res.data.message);
setalert_type("error");
}
}).catch((error) => {
@ -2352,7 +2434,10 @@ const Partner_Facture = (props) => {
Display_Detail_Invoice_data(selected_id);
alert(res.data.message);
// alert(res.data.message)
setdisplay_alert_mysy("1");
setalert_message(res.data.message);
setalert_type("success");
if (document.getElementById('myRef_head')) {
var divh = document.getElementById('myRef_head').offsetTop;
@ -2367,7 +2452,10 @@ const Partner_Facture = (props) => {
else {
setCreate_Invoice_Credit_Note_api("false");
setCreate_Invoice_Credit_Note_message(res.data.message);
alert(res.data.message);
// alert(res.data.message);
setdisplay_alert_mysy("1");
setalert_message(res.data.message);
setalert_type("error");
}
}).catch((error) => {
@ -2439,7 +2527,10 @@ const Partner_Facture = (props) => {
Dialog_annotation_1_handleClose_buton();
alert(res.data.message);
// alert(res.data.message)
setdisplay_alert_mysy("1");
setalert_message(res.data.message);
setalert_type("success");
if (document.getElementById('myRef')) {
var divh = document.getElementById('myRef').offsetTop;
window.scrollTo({
@ -2453,7 +2544,10 @@ const Partner_Facture = (props) => {
else {
setAdd_Update_annotation_Data_api("false");
setAdd_Update_annotation_Data_message(res.data.message);
alert(res.data.message);
// alert(res.data.message);
setdisplay_alert_mysy("1");
setalert_message(res.data.message);
setalert_type("error");
}
}).catch((error) => {
@ -2709,6 +2803,21 @@ const Partner_Facture = (props) => {
}
};
const [display_alert_mysy, setdisplay_alert_mysy] = useState("");
const [alert_message, setalert_message] = useState("");
const [alert_type, setalert_type] = useState("");
function clear_alert_message() {
setalert_message("");
}
function clear_alert_type() {
setalert_type("");
}
function clear_display_alert_mysy() {
setdisplay_alert_mysy("");
}
return (
<div className="partner_facture">
@ -2716,13 +2825,25 @@ const Partner_Facture = (props) => {
<div className="mysy_spinner"> <img src={img_loading_spin} /> </div>
</div>}
{/*** Affichage des messages d'alerte*/}
{display_alert_mysy && String(display_alert_mysy) === "1" &&
<Module_Alert_Confirmation alert_message={alert_message}
alert_type={alert_type}
clear_alert_message={clear_alert_message}
clear_alert_type={clear_alert_type}
clear_display_alert_mysy={clear_display_alert_mysy}
/>
}
{/*** FIN Affichage des messages d'alerte*/}
<Dialog
open={Dialog_Detail_Article_open}
onClose={Dialog_1_handleClose}
className="partner_commande"
>
<DialogTitle> Détail ligne Facture <font style={{ fontWeight: "700" }}> {String(invoice_internal_ref)} </font> </DialogTitle>
<DialogTitle style={{ cursor: 'move' }} id="draggable-dialog-title"> Détail ligne Facture <font style={{ fontWeight: "700" }}> {String(invoice_internal_ref)} </font> </DialogTitle>
<DialogContent>
@ -2934,9 +3055,29 @@ const Partner_Facture = (props) => {
// onClose={Dialog_invoice_history_handleClose}
className="displaypartnersession"
static
onClose={() => null} >
onClose={() => null}
<DialogTitle>MySy Information</DialogTitle>
PaperProps={{
className: classes.paper, // Apply the paper style
style: {
overflowY: 'unset',
position: 'absolute',
top: '5rem',
margin: "2px",
},
}}
hideBackdrop={true}
disableScrollLock
classes={{
paper: classes.dialog
}}
PaperComponent={PaperComponent}
aria-labelledby="draggable-dialog-title"
>
<DialogTitle style={{ cursor: 'move' }} id="draggable-dialog-title">MySy Information</DialogTitle>
<DialogContent className="DialogContent_width" style={{ "minHeight": "20rem" }}>
<div>
@ -2960,6 +3101,16 @@ const Partner_Facture = (props) => {
<DialogActions>
<IconButton
// autoFocus
onClick={Dialog_invoice_history_handleClose_buton}
color="primary"
className={classes.customizedButton}
>
<CancelPresentationIcon />
</IconButton>
<div className="div_row">
<div className="div_row_gauche">
&nbsp;
@ -2983,9 +3134,29 @@ const Partner_Facture = (props) => {
// onClose={Dialog_send_invoice_with_PJ_handleClose}
className="displaypartnersession"
static
onClose={() => null} >
onClose={() => null}
<DialogTitle>MySy Information</DialogTitle>
PaperProps={{
className: classes.paper, // Apply the paper style
style: {
overflowY: 'unset',
position: 'absolute',
top: '5rem',
margin: "2px",
},
}}
hideBackdrop={true}
disableScrollLock
classes={{
paper: classes.dialog
}}
PaperComponent={PaperComponent}
aria-labelledby="draggable-dialog-title"
>
<DialogTitle style={{ cursor: 'move' }} id="draggable-dialog-title">MySy Information</DialogTitle>
<DialogContent className="DialogContent_width" style={{ "minHeight": "20rem" }}>
<DialogContentText>
Envoi Facture par email
@ -3064,6 +3235,16 @@ const Partner_Facture = (props) => {
<DialogActions>
<IconButton
// autoFocus
onClick={Dialog_send_invoice_with_PJ_handleClose_buton}
color="primary"
className={classes.customizedButton}
>
<CancelPresentationIcon />
</IconButton>
<div className="div_row">
<div className="div_row_gauche">
<Button onClick={(e) => {
@ -3092,13 +3273,34 @@ const Partner_Facture = (props) => {
{/*** Paiement */}
<Dialog
open={Dialog_Paiement_1_open}
onClose={Dialog_Paiement_1_handleClose}
// onClose={Dialog_Paiement_1_handleClose}
className="displaypartnersession"
static
onClose={() => null}
PaperProps={{
className: classes.paper, // Apply the paper style
style: {
overflowY: 'unset',
position: 'absolute',
top: '5rem',
margin: "2px",
},
}}
hideBackdrop={true}
disableScrollLock
classes={{
paper: classes.dialog
}}
PaperComponent={PaperComponent}
aria-labelledby="draggable-dialog-title"
>
<DialogTitle> Paiement </DialogTitle>
<DialogTitle style={{ cursor: 'move' }} id="draggable-dialog-title"> Paiement </DialogTitle>
<DialogContent className="DialogContent_width">
<DialogContentText>
{Dialog_Paiement_1_message}
@ -3208,6 +3410,16 @@ const Partner_Facture = (props) => {
<DialogActions>
<IconButton
// autoFocus
onClick={Dialog_Paiement_1_handleClose_buton}
color="primary"
className={classes.customizedButton}
>
<CancelPresentationIcon />
</IconButton>
<div className="div_row">
<div className="div_row_gauche">
@ -3230,13 +3442,34 @@ const Partner_Facture = (props) => {
{/*** annotation */}
<Dialog
open={Dialog_annotation_1_open}
onClose={Dialog_annotation_1_handleClose}
// onClose={Dialog_annotation_1_handleClose}
className="displaypartnersession"
static
onClose={() => null}
PaperProps={{
className: classes.paper, // Apply the paper style
style: {
overflowY: 'unset',
position: 'absolute',
top: '5rem',
margin: "2px",
},
}}
hideBackdrop={true}
disableScrollLock
classes={{
paper: classes.dialog
}}
PaperComponent={PaperComponent}
aria-labelledby="draggable-dialog-title"
>
<DialogTitle> Annotation </DialogTitle>
<DialogTitle style={{ cursor: 'move' }} id="draggable-dialog-title"> Annotation </DialogTitle>
<DialogContent className="DialogContent_width" style={{ "minHeight": "15rem" }}>
<DialogContentText>
{Dialog_annotation_1_message}
@ -3265,6 +3498,15 @@ const Partner_Facture = (props) => {
<DialogActions>
<IconButton
// autoFocus
onClick={Dialog_annotation_1_handleClose_buton}
color="primary"
className={classes.customizedButton}
>
<CancelPresentationIcon />
</IconButton>
<div className="div_row">
<div className="div_row_gauche">
<Button onClick={Add_Update_annotation_Data} className="bton_enreg_dialog">Mettre à jour</Button>