25/12/2024 - 22h30
parent
3353e9df61
commit
8d526bfa4f
|
@ -407,8 +407,7 @@ function Account() {
|
|||
<hr className="my_hr" />
|
||||
<div className="sousmenu" onClick={displayProfil_Facture}> FACTURES</div>
|
||||
<hr className="my_hr" />
|
||||
<div className="sousmenu" onClick={displayProfil_Tout_Documents}> MES DOCUMENTS</div>
|
||||
<hr className="my_hr" />
|
||||
|
||||
<div className="sousmenu" onClick={displayProfil_Modules_Mes_Documents}> MODULE TOUS DOCUMENTS</div>
|
||||
<hr className="my_hr" />
|
||||
<div className="sousmenu" onClick={deletemyaccount}> SUPPRIMER MON COMPTE</div>
|
||||
|
@ -458,16 +457,25 @@ function Account() {
|
|||
partner_owner_recid={connected_user_data.partner_owner_recid}
|
||||
/>}
|
||||
|
||||
{String(menu) === String("tout_documents") && connected_user_data && connected_user_data.partner_owner_recid &&
|
||||
{/*String(menu) === String("tout_documents") && connected_user_data && connected_user_data.partner_owner_recid &&
|
||||
connected_user_data.partner_client_id &&
|
||||
<Intranet_Tous_Documents partner_client_id={connected_user_data.partner_client_id}
|
||||
partner_owner_recid={connected_user_data.partner_owner_recid}
|
||||
/>}
|
||||
/>*/}
|
||||
|
||||
{String(menu) === String("modules_mes_documents") && connected_user_data && connected_user_data.partner_owner_recid &&
|
||||
connected_user_data.partner_client_id &&
|
||||
<Modules_Mes_Documents partner_client_id={connected_user_data.partner_client_id}
|
||||
partner_owner_recid={connected_user_data.partner_owner_recid}
|
||||
my_title={"MES DOCUMENTS"}
|
||||
/>}
|
||||
|
||||
{String(menu) === String("mes_devis") && connected_user_data && connected_user_data.partner_owner_recid &&
|
||||
connected_user_data.partner_client_id &&
|
||||
<Modules_Mes_Documents partner_client_id={connected_user_data.partner_client_id}
|
||||
partner_owner_recid={connected_user_data.partner_owner_recid}
|
||||
my_title={"MES DEVIS"}
|
||||
type_document={"devis"}
|
||||
/>}
|
||||
|
||||
|
||||
|
|
|
@ -94,8 +94,50 @@ import {
|
|||
} from '@mui/x-data-grid';
|
||||
import * as XLSX from 'xlsx';
|
||||
|
||||
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 AutoFixHighOutlinedIcon from '@mui/icons-material/AutoFixHighOutlined';
|
||||
import CancelPresentationIcon from '@mui/icons-material/CancelPresentation';
|
||||
|
||||
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 DisplayPartnerSession = (props) => {
|
||||
|
||||
const classes = useStyles();
|
||||
|
||||
const history = useHistory();
|
||||
const [submenu, setsubmenu] = useState("");
|
||||
const [rowss, setRows] = useState([]);
|
||||
|
@ -12987,15 +13029,40 @@ const DisplayPartnerSession = (props) => {
|
|||
</Dialog>
|
||||
|
||||
|
||||
{/**** Dialogue pour DETTAIL SESSION */}
|
||||
<Dialog
|
||||
open={Dialog_2_open}
|
||||
onClose={Dialog_2_handleClose}
|
||||
// onClose={Dialog_2_handleClose}
|
||||
//className="displaypartnersession"
|
||||
className="displaypartnersession"
|
||||
>
|
||||
|
||||
static
|
||||
onClose={() => null}
|
||||
|
||||
PaperProps={{
|
||||
|
||||
|
||||
className: classes.paper, // Apply the paper style
|
||||
style: {
|
||||
overflowY: 'unset',
|
||||
position: 'absolute',
|
||||
top: '7rem',
|
||||
margin: "2px",
|
||||
},
|
||||
}}
|
||||
hideBackdrop={true}
|
||||
disableScrollLock
|
||||
classes={{
|
||||
paper: classes.dialog
|
||||
}}
|
||||
|
||||
PaperComponent={PaperComponent}
|
||||
aria-labelledby="draggable-dialog-title"
|
||||
>
|
||||
<DialogTitle style={{ cursor: 'move' }} id="draggable-dialog-title"> </DialogTitle>
|
||||
|
||||
<DialogContent className="DialogContent_width">
|
||||
<DialogContentText>
|
||||
<DialogContentText >
|
||||
{Dialog_2_message}
|
||||
</DialogContentText>
|
||||
|
||||
|
@ -13130,6 +13197,16 @@ const DisplayPartnerSession = (props) => {
|
|||
</div>
|
||||
|
||||
<DialogActions>
|
||||
|
||||
<IconButton
|
||||
autoFocus
|
||||
onClick={Dialog_2_handleClose_buton}
|
||||
color="primary"
|
||||
className={classes.customizedButton}
|
||||
>
|
||||
<CancelPresentationIcon />
|
||||
</IconButton>
|
||||
|
||||
<div className="div_row">
|
||||
<div className="div_row_gauche">
|
||||
<Button onClick={Show_Detailled_Session_Data} className="bton_enreg_dialog">Voir détail</Button>
|
||||
|
@ -13144,6 +13221,8 @@ const DisplayPartnerSession = (props) => {
|
|||
|
||||
</Dialog>
|
||||
|
||||
{/**** FIN Dialogue pour DETTAIL SESSION */}
|
||||
|
||||
<Dialog
|
||||
open={Dialog_seq_1_open}
|
||||
onClose={Dialog_seq_1_handleClose}
|
||||
|
|
|
@ -49,8 +49,50 @@ import { Document, Page } from 'react-pdf'
|
|||
import SignatureCanvas from 'react-signature-canvas';
|
||||
|
||||
|
||||
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 AutoFixHighOutlinedIcon from '@mui/icons-material/AutoFixHighOutlined';
|
||||
import CancelPresentationIcon from '@mui/icons-material/CancelPresentation';
|
||||
|
||||
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',
|
||||
},
|
||||
}));
|
||||
|
||||
|
||||
function ESign() {
|
||||
|
||||
const classes = useStyles();
|
||||
|
||||
const history = useHistory();
|
||||
const { document_id, local_secret_key_signature, local_partner_owner_recid } = useParams();
|
||||
const [isLoading, setLoading] = useState();
|
||||
|
@ -150,7 +192,7 @@ function ESign() {
|
|||
else
|
||||
form.append('signature_img', "");
|
||||
|
||||
console.log(" isimgclassSelected #### = ", isimgclassSelected);
|
||||
// console.log(" isimgclassSelected #### = ", isimgclassSelected);
|
||||
|
||||
|
||||
|
||||
|
@ -406,9 +448,33 @@ function ESign() {
|
|||
{/* POUR SIGNATURE E-DOCUMENT */}
|
||||
<Dialog
|
||||
open={Dialog_SIGN_VALIDATION_open}
|
||||
onClose={Dialog_SIGN_VALIDATION_handleClose}
|
||||
//onClose={Dialog_SIGN_VALIDATION_handleClose}
|
||||
className="esign"
|
||||
|
||||
|
||||
static
|
||||
onClose={() => null}
|
||||
|
||||
PaperProps={{
|
||||
|
||||
|
||||
className: classes.paper, // Apply the paper style
|
||||
style: {
|
||||
overflowY: 'unset',
|
||||
position: 'absolute',
|
||||
top: '10rem',
|
||||
margin: "2px",
|
||||
},
|
||||
}}
|
||||
hideBackdrop={true}
|
||||
disableScrollLock
|
||||
classes={{
|
||||
paper: classes.dialog
|
||||
}}
|
||||
|
||||
PaperComponent={PaperComponent}
|
||||
aria-labelledby="draggable-dialog-title"
|
||||
|
||||
>
|
||||
|
||||
{!erreur_recup_e_doc && <DialogTitle>Signature </DialogTitle>}
|
||||
|
@ -461,6 +527,16 @@ function ESign() {
|
|||
</DialogContent>
|
||||
|
||||
<DialogActions>
|
||||
|
||||
<IconButton
|
||||
autoFocus
|
||||
onClick={Dialog_SIGN_VALIDATION_handleClose_buton}
|
||||
color="primary"
|
||||
className={classes.customizedButton}
|
||||
>
|
||||
<CancelPresentationIcon />
|
||||
</IconButton>
|
||||
|
||||
<div className="div_row">
|
||||
<div className="div_row_gauche">
|
||||
<Button onClick={Signature_E_Document} className="bton_enreg_dialog">Valider </Button>
|
||||
|
@ -480,9 +556,31 @@ function ESign() {
|
|||
{/* POUR OUVERTURE E-DOCUMENT */}
|
||||
<Dialog
|
||||
open={Dialog_1_open}
|
||||
onClose={Dialog_1_handleClose}
|
||||
// onClose={Dialog_1_handleClose}
|
||||
className="esign"
|
||||
|
||||
static
|
||||
onClose={() => null}
|
||||
|
||||
PaperProps={{
|
||||
|
||||
|
||||
className: classes.paper, // Apply the paper style
|
||||
style: {
|
||||
overflowY: 'unset',
|
||||
position: 'absolute',
|
||||
top: '10rem',
|
||||
margin: "2px",
|
||||
},
|
||||
}}
|
||||
hideBackdrop={true}
|
||||
disableScrollLock
|
||||
classes={{
|
||||
paper: classes.dialog
|
||||
}}
|
||||
|
||||
PaperComponent={PaperComponent}
|
||||
aria-labelledby="draggable-dialog-title"
|
||||
>
|
||||
|
||||
{!erreur_recup_e_doc && <DialogTitle>Authentification </DialogTitle>}
|
||||
|
@ -535,6 +633,15 @@ function ESign() {
|
|||
</DialogContent>
|
||||
|
||||
<DialogActions>
|
||||
<IconButton
|
||||
autoFocus
|
||||
onClick={Dialog_1_handleClose_buton}
|
||||
color="primary"
|
||||
className={classes.customizedButton}
|
||||
>
|
||||
<CancelPresentationIcon />
|
||||
</IconButton>
|
||||
|
||||
<div className="div_row">
|
||||
<div className="div_row_gauche">
|
||||
<Button onClick={get_E_Document} className="bton_enreg_dialog">Afficher</Button>
|
||||
|
@ -594,8 +701,8 @@ function ESign() {
|
|||
<h3> Signature Electronique </h3>
|
||||
|
||||
<div className="div_row">
|
||||
<div style={{ width: "20%", "float": "left", minHeight: "40vh", textAlign: "justify", padding: "15px" }}>
|
||||
<br />
|
||||
<div className="signature_block_explication" >
|
||||
|
||||
<nav style={{ "fontSize": "2rem", "marginBottom": "1rem", "fontWeight": "700" }}> Guide d'utilisation : </nav><br />
|
||||
<nav>Pour vous permettre de signer électroniquement vos documents, MySy Training Technology met à disposition ce module. </nav>
|
||||
<nav style={{ "fontSize": "2rem", "marginBottom": "1rem", "marginTop": "1rem", "fontWeight": "700" }}> Comment ça marche : </nav>
|
||||
|
@ -606,21 +713,19 @@ function ESign() {
|
|||
|
||||
</div>
|
||||
|
||||
<div style={{ width: "78%", "float": "right", marginRight: "1%" }}>
|
||||
<div className="signature_block_document" >
|
||||
|
||||
{is_valide_e_document &&
|
||||
<div className="div_row">
|
||||
<div style={{ width: "80%", "marginLeft": "auto", "marginRight": "auto" }}>
|
||||
<div style={{ width: "95%", "marginLeft": "auto", "marginRight": "auto" }}>
|
||||
<embed src={get_E_Document_PDF} width='100%' height='700px' type="application/pdf" />
|
||||
|
||||
|
||||
</div>
|
||||
<div className="div_row">
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<div style={{ width: "80%", "marginLeft": "auto", "marginRight": "auto" }}>
|
||||
<div style={{ width: "95%", "marginLeft": "auto", "marginRight": "auto" }}>
|
||||
<div className="div_row" style={{ "border": "None", "color": "orange", "textAlign": "center" }}>
|
||||
|
||||
<div className="div_row">
|
||||
|
|
|
@ -52,8 +52,52 @@ import Link from '@mui/material/Link';
|
|||
import { PiDotsThree } from "react-icons/pi";
|
||||
import SignatureCanvas from 'react-signature-canvas';
|
||||
|
||||
|
||||
|
||||
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 AutoFixHighOutlinedIcon from '@mui/icons-material/AutoFixHighOutlined';
|
||||
import CancelPresentationIcon from '@mui/icons-material/CancelPresentation';
|
||||
|
||||
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',
|
||||
},
|
||||
}));
|
||||
|
||||
|
||||
function Emarge_QR_Code() {
|
||||
|
||||
const classes = useStyles();
|
||||
|
||||
const history = useHistory();
|
||||
const { session_id, partner_owner_recid, my_safe_token } = useParams();
|
||||
const [isLoading, setLoading] = useState();
|
||||
|
@ -475,13 +519,38 @@ function Emarge_QR_Code() {
|
|||
{/* POUR SIGNATURE MANUSCRITE */}
|
||||
<Dialog
|
||||
open={Dialog_SIGN_MANUSCRITE_open}
|
||||
onClose={Dialog_SIGN_MANUSCRITE_handleClose}
|
||||
// onClose={Dialog_SIGN_MANUSCRITE_handleClose}
|
||||
className="esign"
|
||||
|
||||
|
||||
static
|
||||
onClose={() => null}
|
||||
|
||||
PaperProps={{
|
||||
|
||||
|
||||
className: classes.paper, // Apply the paper style
|
||||
style: {
|
||||
overflowY: 'unset',
|
||||
position: 'absolute',
|
||||
top: '7rem',
|
||||
margin: "2px",
|
||||
},
|
||||
}}
|
||||
hideBackdrop={true}
|
||||
disableScrollLock
|
||||
classes={{
|
||||
paper: classes.dialog
|
||||
}}
|
||||
|
||||
PaperComponent={PaperComponent}
|
||||
aria-labelledby="draggable-dialog-title"
|
||||
|
||||
>
|
||||
|
||||
<DialogTitle>Signature Manuscrite </DialogTitle>
|
||||
<DialogTitle style={{ cursor: 'move' }} id="draggable-dialog-title">Signature Manuscrite </DialogTitle>
|
||||
|
||||
<DialogContent className="DialogContent_width">
|
||||
<DialogContent className="DialogContent_width" >
|
||||
<div style={{ width: "100%" }}>
|
||||
<SignatureCanvas ref={signatureCanvasRef} style={{ "border": "solid 1px red" }} penColor="blue"
|
||||
canvasProps={{
|
||||
|
@ -505,6 +574,16 @@ function Emarge_QR_Code() {
|
|||
</DialogContent>
|
||||
|
||||
<DialogActions>
|
||||
|
||||
<IconButton
|
||||
autoFocus
|
||||
onClick={Dialog_SIGN_MANUSCRITE_handleClose_buton}
|
||||
color="primary"
|
||||
className={classes.customizedButton}
|
||||
>
|
||||
<CancelPresentationIcon />
|
||||
</IconButton>
|
||||
|
||||
<div className="div_row">
|
||||
<div className="div_row_gauche">
|
||||
<Button onClick={checkIfEmpty} className="bton_enreg_dialog">Valider </Button>
|
||||
|
|
|
@ -67,7 +67,9 @@ import zIndex from "@material-ui/core/styles/zIndex";
|
|||
import { FcOpenedFolder } from "react-icons/fc";
|
||||
import Module_Historique_Action from "./Module_Historique_Action";
|
||||
import { GridExportCsvOptions } from '@mui/x-data-grid';
|
||||
|
||||
import { IconButton } from '@material-ui/core';
|
||||
import MoreVertIcon from '@mui/icons-material/MoreVert';
|
||||
import Menu from '@mui/material/Menu';
|
||||
|
||||
const Intranet_Factures_Client = (props) => {
|
||||
|
||||
|
@ -128,6 +130,20 @@ const Intranet_Factures_Client = (props) => {
|
|||
}
|
||||
|
||||
|
||||
const options_menu_vertical = [
|
||||
'',
|
||||
'Télécharger',
|
||||
];
|
||||
|
||||
const ITEM_HEIGHT = 48;
|
||||
const [anchorEl, setAnchorEl] = React.useState(null);
|
||||
const open = Boolean(anchorEl);
|
||||
const handleClick_option_button_vertical = (event) => {
|
||||
setAnchorEl(event.currentTarget);
|
||||
};
|
||||
const handleClose_option_button_vertical = (event, value) => {
|
||||
setAnchorEl(null);
|
||||
};
|
||||
|
||||
const columns = [
|
||||
{ field: '_id', headerName: '_id', hide: true, disableExport: true, },
|
||||
|
@ -148,7 +164,78 @@ const Intranet_Factures_Client = (props) => {
|
|||
{ field: 'reste_to_paye', headerName: 'A payer', width: 150, hide: false, editable: false },
|
||||
{ field: 'credit_note_ref', headerName: 'Ref. Avoir', width: 150, hide: true, editable: false, },
|
||||
|
||||
{
|
||||
field: 'bton_vertif', headerName: 'Gestion', minWidth: 50, flex: 1, maxWidth: 100, hideable: true, hide: false, editable: false, align: "center",
|
||||
renderCell: (cellValues,) => {
|
||||
return (
|
||||
|
||||
<nav style={{ width: '100%', 'textAlign': 'center' }}>
|
||||
|
||||
|
||||
<IconButton
|
||||
aria-label="more"
|
||||
id="long-button"
|
||||
aria-controls={open ? 'long-menu' : undefined}
|
||||
aria-expanded={open ? 'true' : undefined}
|
||||
aria-haspopup="true"
|
||||
|
||||
onClick={(e) => {
|
||||
handleClick_option_button_vertical(e);
|
||||
|
||||
setselected_id(cellValues.row._id);
|
||||
|
||||
|
||||
}}
|
||||
>
|
||||
<MoreVertIcon />
|
||||
</IconButton>
|
||||
<Menu
|
||||
id="long-menu"
|
||||
MenuListProps={{
|
||||
'aria-labelledby': 'long-button',
|
||||
}}
|
||||
anchorEl={anchorEl}
|
||||
open={open}
|
||||
|
||||
onClose={handleClose_option_button_vertical}
|
||||
onClick={(e) => {
|
||||
|
||||
}}
|
||||
|
||||
slotProps={{
|
||||
paper: {
|
||||
style: {
|
||||
maxHeight: ITEM_HEIGHT * 4.5,
|
||||
width: '20ch',
|
||||
boxShadow: "-3px 4px 0px -30px #000000",
|
||||
borderRadius: '0px !important',
|
||||
lineHeight: '3rem'
|
||||
},
|
||||
},
|
||||
}}
|
||||
>
|
||||
{options_menu_vertical.map((option) => (
|
||||
<MenuItem key={option}
|
||||
|
||||
onClick={(e) => {
|
||||
|
||||
if (option && String(option) === "Télécharger") {
|
||||
|
||||
print_invoice_pdf();
|
||||
}
|
||||
setAnchorEl(null);
|
||||
|
||||
}}
|
||||
>
|
||||
{option}
|
||||
</MenuItem>
|
||||
))}
|
||||
</Menu>
|
||||
</nav>
|
||||
|
||||
);
|
||||
},
|
||||
},
|
||||
|
||||
|
||||
/* {
|
||||
|
|
|
@ -75,8 +75,50 @@ import { IoMdAddCircle, IoIosRemoveCircleOutline } from "react-icons/io";
|
|||
import { FcViewDetails, FcDisapprove, FcInfo } from "react-icons/fc";
|
||||
import { convertNwSeToNeSw } from "google-map-react";
|
||||
|
||||
|
||||
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 AutoFixHighOutlinedIcon from '@mui/icons-material/AutoFixHighOutlined';
|
||||
import CancelPresentationIcon from '@mui/icons-material/CancelPresentation';
|
||||
|
||||
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 Module_Editique = (props) => {
|
||||
|
||||
const classes = useStyles();
|
||||
|
||||
const myconntected_employee_id = props.conntected_employee_id;
|
||||
|
||||
const [selected_employee_id, setselected_employee_id] = useState(props.conntected_employee_id);
|
||||
|
@ -1512,8 +1554,34 @@ const Module_Editique = (props) => {
|
|||
{/* Dialog pour gerer les CONVOCATION_STAGIAIRE */}
|
||||
<Dialog
|
||||
open={Dialog_CONVOCATION_STAGIAIRE_open}
|
||||
onClose={Dialog_CONVOCATION_STAGIAIRE_handleClose}
|
||||
// onClose={Dialog_CONVOCATION_STAGIAIRE_handleClose}
|
||||
// className="displaypartnersession"
|
||||
|
||||
className="displaypartnersession"
|
||||
|
||||
static
|
||||
onClose={() => null}
|
||||
|
||||
PaperProps={{
|
||||
|
||||
|
||||
className: classes.paper, // Apply the paper style
|
||||
style: {
|
||||
overflowY: 'unset',
|
||||
position: 'absolute',
|
||||
top: '7rem',
|
||||
margin: "2px",
|
||||
},
|
||||
}}
|
||||
hideBackdrop={true}
|
||||
disableScrollLock
|
||||
classes={{
|
||||
paper: classes.dialog
|
||||
}}
|
||||
|
||||
PaperComponent={PaperComponent}
|
||||
aria-labelledby="draggable-dialog-title"
|
||||
|
||||
>
|
||||
|
||||
<DialogTitle>MySy Information</DialogTitle>
|
||||
|
@ -1761,6 +1829,16 @@ const Module_Editique = (props) => {
|
|||
</DialogContent>
|
||||
|
||||
<DialogActions>
|
||||
|
||||
<IconButton
|
||||
autoFocus
|
||||
onClick={Dialog_CONVOCATION_STAGIAIRE_handleClose_buton}
|
||||
color="primary"
|
||||
className={classes.customizedButton}
|
||||
>
|
||||
<CancelPresentationIcon />
|
||||
</IconButton>
|
||||
|
||||
<div className="div_row">
|
||||
<div className="div_row_gauche">
|
||||
{String(selected_convention_type) === "email" && <Button onClick={(e) => {
|
||||
|
@ -1789,8 +1867,6 @@ const Module_Editique = (props) => {
|
|||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div className="div_row_droite" style={{ "textAlign": 'center' }}>
|
||||
<Button onClick={Dialog_CONVOCATION_STAGIAIRE_handleClose_buton} className="bton_annule_dialog" >Fermer</Button>
|
||||
</div>
|
||||
|
@ -1805,11 +1881,37 @@ const Module_Editique = (props) => {
|
|||
{/* Dialog pour gerer les CONVENTIONS */}
|
||||
<Dialog
|
||||
open={Dialog_convention_open}
|
||||
onClose={Dialog_convention_handleClose}
|
||||
// onClose={Dialog_convention_handleClose}
|
||||
//className="displaypartnersession"
|
||||
|
||||
className="displaypartnersession"
|
||||
|
||||
static
|
||||
onClose={() => null}
|
||||
|
||||
PaperProps={{
|
||||
|
||||
|
||||
className: classes.paper, // Apply the paper style
|
||||
style: {
|
||||
overflowY: 'unset',
|
||||
position: 'absolute',
|
||||
top: '7rem',
|
||||
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"> </DialogTitle>
|
||||
<DialogContent className="DialogContent_width" style={{ "minHeight": "30rem" }}>
|
||||
<DialogContentText>
|
||||
{Dialog_1_message}
|
||||
|
@ -1929,7 +2031,9 @@ const Module_Editique = (props) => {
|
|||
{String(selected_convention_type) === "email" && <div className="session_caract_Dialog" >
|
||||
<Tooltip className="tooltip_css" id="test01" style={{ "fontSize": "12px" }} />
|
||||
<a data-tooltip-id="test01" data-tooltip-html="Pour recevoir une email de test avant de l'envoyer">
|
||||
Adresse email de test <FcInfo /> <TextField
|
||||
<nav style={{ width: '100%', 'float': 'left' }}> Adresse email de test <FcInfo /> </nav>
|
||||
|
||||
<TextField
|
||||
sx={{ '& legend': { display: 'none' }, '& fieldset': { top: 0 }, width: '75%' }}
|
||||
|
||||
name="event_dialog_email_test_convention"
|
||||
|
@ -2059,6 +2163,17 @@ const Module_Editique = (props) => {
|
|||
|
||||
|
||||
<DialogActions>
|
||||
|
||||
<IconButton
|
||||
autoFocus
|
||||
onClick={Dialog_convention_handleClose_buton}
|
||||
color="primary"
|
||||
className={classes.customizedButton}
|
||||
>
|
||||
<CancelPresentationIcon />
|
||||
</IconButton>
|
||||
|
||||
|
||||
<div className="div_row">
|
||||
<div className="div_row_gauche">
|
||||
{String(selected_convention_type) === "email" && <Button onClick={(e) => {
|
||||
|
@ -2088,7 +2203,6 @@ const Module_Editique = (props) => {
|
|||
</div>
|
||||
|
||||
|
||||
|
||||
<div className="div_row_droite" style={{ "textAlign": 'center' }}>
|
||||
<Button onClick={Dialog_convention_handleClose_buton} className="bton_annule_dialog" >Fermer</Button>
|
||||
</div>
|
||||
|
|
|
@ -77,6 +77,8 @@ const Modules_Mes_Documents = (props) => {
|
|||
const [rowss_total_data, setRows_total_data] = useState([]);
|
||||
const [selectionModel, setSelectionModel] = React.useState([]);
|
||||
|
||||
const [myprops_type_document, setmyprops_type_document] = React.useState("");
|
||||
|
||||
const [rows_invoice_lines, setrows_invoice_lines] = useState([]);
|
||||
const [selectionModel_invoice_lines, setselectionModel_invoice_lines] = React.useState([]);
|
||||
const [gridline_id, setgridline_id] = useState("");
|
||||
|
@ -208,7 +210,7 @@ const Modules_Mes_Documents = (props) => {
|
|||
|
||||
onClose={handleClose_option_button_vertical}
|
||||
onClick={(e) => {
|
||||
console.log(" OKKK ");
|
||||
|
||||
}}
|
||||
|
||||
slotProps={{
|
||||
|
@ -282,9 +284,29 @@ const Modules_Mes_Documents = (props) => {
|
|||
|
||||
const [history_securite_read, sethistory_securite_read] = useState("");
|
||||
|
||||
const autorized_type_document = ['devis', 'convention', 'convocation', 'attestation'];
|
||||
|
||||
useEffect(() => {
|
||||
|
||||
|
||||
console.log(" ### props.type_document = ", props.type_document)
|
||||
if (props.type_document && autorized_type_document.includes(String(props.type_document))) {
|
||||
console.log(" ### iciiii ")
|
||||
setmyprops_type_document(props.type_document);
|
||||
|
||||
setp_filtre1("filter_type_document");
|
||||
setp_filtre1_value(props.type_document);
|
||||
|
||||
|
||||
|
||||
Get_All_Documents_With_Filter();
|
||||
|
||||
|
||||
} else {
|
||||
Get_List_Of_All_PJ();
|
||||
}
|
||||
|
||||
|
||||
|
||||
}, [])
|
||||
|
||||
|
@ -431,6 +453,7 @@ const Modules_Mes_Documents = (props) => {
|
|||
|
||||
|
||||
const New_Option_Filter = [
|
||||
{ "id": "filter_file_business_object", "label": "Nom Document", "value": "filter_file_business_object" },
|
||||
{ "id": "filter_type_document", "label": "Type Document", "value": "filter_type_document" },
|
||||
{ "id": "filter_nom_client", "label": "Nom Client", "value": "filter_nom_client" },
|
||||
{ "id": "date_create_start_date", "label": "Crée après (jj/mm/aaaa) ", "value": "date_create_start_date" },
|
||||
|
@ -442,6 +465,8 @@ const Modules_Mes_Documents = (props) => {
|
|||
]
|
||||
|
||||
|
||||
|
||||
|
||||
const Option_Type_Document = [
|
||||
{ "id": "devis", "label": "Devis", "value": "devis" },
|
||||
{ "id": "convention", "label": "Convention", "value": "convention" },
|
||||
|
@ -612,7 +637,6 @@ const Modules_Mes_Documents = (props) => {
|
|||
const [Get_List_Of_All_PJ_api, setGet_List_Of_All_PJ_api] = useState();
|
||||
const [Get_List_Of_All_PJ_result, setGet_List_Of_All_PJ_result] = useState();
|
||||
const [Get_List_Of_All_PJ_message, setGet_List_Of_All_PJ_message] = useState();
|
||||
|
||||
function Get_List_Of_All_PJ() {
|
||||
|
||||
const formData = new FormData();
|
||||
|
@ -697,7 +721,7 @@ const Modules_Mes_Documents = (props) => {
|
|||
const [Get_All_Documents_With_Filter_api, setGet_All_Documents_With_Filter_api] = useState();
|
||||
const [Get_All_Documents_With_Filter_message, setGet_All_Documents_With_Filter_message] = useState();
|
||||
const [Get_All_Documents_With_Filter_result, setGet_All_Documents_With_Filter_result] = useState();
|
||||
function Get_All_Documents_With_Filter(local_client_id) {
|
||||
function Get_All_Documents_With_Filter() {
|
||||
|
||||
setgridline_id("");
|
||||
|
||||
|
@ -734,6 +758,15 @@ const Modules_Mes_Documents = (props) => {
|
|||
}
|
||||
|
||||
|
||||
/*** Si le formulaire est appelé avec un type de document;
|
||||
* on va forcer dans les argument un champ avec filter_type_document
|
||||
*/
|
||||
if (props.type_document && autorized_type_document.includes(String(props.type_document))) {
|
||||
form.delete("filter_type_document");
|
||||
form.append("filter_type_document", props.type_document);
|
||||
}
|
||||
|
||||
|
||||
var myurl = process.env.REACT_APP_API_URL + "myclass/api/Get_List_object_owner_collection_Stored_Files_With_Filter/";
|
||||
|
||||
axios.post(myurl, form).then(res => {
|
||||
|
@ -779,8 +812,8 @@ const Modules_Mes_Documents = (props) => {
|
|||
<div className="mysy_spinner"> <img src={img_loading_spin} /> </div>
|
||||
</div>}
|
||||
|
||||
|
||||
<h3> Tous vos documents </h3>
|
||||
{props.my_title && <h3> {props.my_title} </h3>}
|
||||
{!props.my_title && <h3> Tous vos documents </h3>}
|
||||
<div className="div_row">
|
||||
<div className="titre1"> Utilisez les filtres !</div>
|
||||
<div className="div_row" style={{ "marginBottom": "5px" }}>
|
||||
|
@ -850,7 +883,7 @@ const Modules_Mes_Documents = (props) => {
|
|||
disablePortal
|
||||
name="filtre1_value"
|
||||
id="filtre1_value"
|
||||
className="disabled_style"
|
||||
className="disabled_style autocomplete_float_right"
|
||||
options={Option_Type_Document}
|
||||
onChange={(event, value) => {
|
||||
if (value && value.value) {
|
||||
|
@ -918,7 +951,7 @@ const Modules_Mes_Documents = (props) => {
|
|||
}
|
||||
/>}
|
||||
</div>
|
||||
<div className="div_row_droite texte_area_filter_value" style={{ "marginTop": "0.5rem" }}>
|
||||
<div className="div_row_droite texte_area_filter_value" style={{ "marginTop": "0.5rem" }} >
|
||||
{String(p_filtre2).length > 2 && String(p_filtre2) !== "filter_type_document" &&
|
||||
<TextField
|
||||
sx={{ '& legend': { display: 'none' }, '& fieldset': { top: 0 }, }}
|
||||
|
@ -952,7 +985,7 @@ const Modules_Mes_Documents = (props) => {
|
|||
disablePortal
|
||||
name="filtre2_value"
|
||||
id="filtre2_value"
|
||||
className="disabled_style"
|
||||
className="disabled_style autocomplete_float_right"
|
||||
options={Option_Type_Document}
|
||||
onChange={(event, value) => {
|
||||
if (value && value.value) {
|
||||
|
@ -1060,7 +1093,7 @@ const Modules_Mes_Documents = (props) => {
|
|||
disablePortal
|
||||
name="filtre3_value"
|
||||
id="filtre3_value"
|
||||
className="disabled_style"
|
||||
className="disabled_style autocomplete_float_right"
|
||||
options={Option_Type_Document}
|
||||
onChange={(event, value) => {
|
||||
if (value && value.value) {
|
||||
|
@ -1192,7 +1225,7 @@ const Modules_Mes_Documents = (props) => {
|
|||
}}
|
||||
componentsProps={{ toolbar: { data_colums: columns } }}
|
||||
|
||||
checkboxSelection
|
||||
// checkboxSelection
|
||||
disableSelectionOnClick
|
||||
onSelectionModelChange={(newSelectionModel) => {
|
||||
setSelectionModel(newSelectionModel);
|
||||
|
|
|
@ -18,7 +18,7 @@
|
|||
//background-color: #464b5e !important;
|
||||
}
|
||||
|
||||
.css-hytcpw{
|
||||
.css-hytcpw {
|
||||
max-width: 100% !important;
|
||||
}
|
||||
|
||||
|
@ -27,9 +27,9 @@
|
|||
z-index: 9999;
|
||||
}
|
||||
|
||||
.css-1bcfi89-MuiTreeItem-content .MuiTreeItem-iconContainer{
|
||||
.css-1bcfi89-MuiTreeItem-content .MuiTreeItem-iconContainer {
|
||||
font-size: 5px !important;
|
||||
}
|
||||
}
|
||||
|
||||
.bton_action_server {
|
||||
box-shadow: 0 0 5px -1px rgba(0, 0, 0, 0.2);
|
||||
|
@ -464,7 +464,7 @@
|
|||
padding-right: 10px;
|
||||
border: 1px solid rgb(194, 186, 186);
|
||||
border-radius: 10px;
|
||||
width: 10rem;
|
||||
// width: 10rem;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
|
@ -669,10 +669,10 @@
|
|||
background: #81BC3A !important;
|
||||
text-align: center;
|
||||
height: 2.5rem;
|
||||
width: 100%;
|
||||
width: 90%;
|
||||
color: white;
|
||||
margin-left: 10px;
|
||||
margin-right: 10px;
|
||||
margin-left: 5%;
|
||||
margin-right: 5%;
|
||||
}
|
||||
|
||||
|
||||
|
@ -682,10 +682,10 @@
|
|||
background: lightgray !important;
|
||||
text-align: right;
|
||||
height: 2.5rem;
|
||||
width: 100%;
|
||||
width: 90%;
|
||||
color: black;
|
||||
margin-left: 10px;
|
||||
margin-right: 10px;
|
||||
margin-left: 5%;
|
||||
margin-right: 5%;
|
||||
}
|
||||
|
||||
|
||||
|
@ -704,8 +704,27 @@
|
|||
}
|
||||
|
||||
.DialogContent_width {
|
||||
width: 200px !important;
|
||||
width: 300px !important;
|
||||
max-width: none !important;
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
.signature_block_explication {
|
||||
width: 100%;
|
||||
float: left;
|
||||
min-height: 40vh;
|
||||
text-align: left;
|
||||
padding: 15px;
|
||||
}
|
||||
|
||||
|
||||
.signature_block_document {
|
||||
width: 100%;
|
||||
float: right;
|
||||
margin-right: 1%;
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 601px) and (max-width: 991px) {
|
||||
|
@ -1322,6 +1341,20 @@
|
|||
width: 500px !important;
|
||||
}
|
||||
|
||||
.signature_block_explication {
|
||||
width: 100%;
|
||||
float: left;
|
||||
// min-height: 40vh;
|
||||
text-align: left;
|
||||
padding: 15px;
|
||||
}
|
||||
|
||||
|
||||
.signature_block_document {
|
||||
width: 100%;
|
||||
float: right;
|
||||
margin-right: 1%;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 992px) and (max-width: 1199px) {
|
||||
|
@ -1843,6 +1876,22 @@
|
|||
width: 500px !important;
|
||||
}
|
||||
|
||||
.signature_block_explication {
|
||||
width: 30%;
|
||||
float: left;
|
||||
min-height: 40vh;
|
||||
text-align: justify;
|
||||
padding: 15px;
|
||||
}
|
||||
|
||||
|
||||
.signature_block_document {
|
||||
width: 69%;
|
||||
float: right;
|
||||
margin-right: 1%;
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 1200px) {
|
||||
|
@ -2493,13 +2542,30 @@
|
|||
}
|
||||
|
||||
|
||||
.signature_block_explication {
|
||||
width: 30%;
|
||||
float: left;
|
||||
min-height: 40vh;
|
||||
text-align: justify;
|
||||
padding: 15px;
|
||||
}
|
||||
|
||||
|
||||
.signature_block_document {
|
||||
width: 69%;
|
||||
float: right;
|
||||
margin-right: 1%;
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
.css-1t1j96h-MuiPaper-root-MuiDialog-paper{
|
||||
|
||||
.css-1t1j96h-MuiPaper-root-MuiDialog-paper {
|
||||
border-radius: 15px !important;
|
||||
|
||||
|
||||
}
|
||||
|
||||
// end media
|
||||
|
||||
.loader-container {
|
||||
|
|
|
@ -1,4 +1,4 @@
|
|||
.modules_mes_documents {
|
||||
.intranet_tous_documents{
|
||||
|
||||
.tooltip_css {
|
||||
background: #81BC3A;
|
||||
|
@ -2317,6 +2317,10 @@
|
|||
|
||||
// end media
|
||||
|
||||
.autocomplete_float_right{
|
||||
float: right !important;
|
||||
}
|
||||
|
||||
.disabled_style_with_visualiser_icone {
|
||||
float: left;
|
||||
text-align: center;
|
||||
|
|
|
@ -1,4 +1,4 @@
|
|||
.intranet_tous_documents {
|
||||
.modules_mes_documents {
|
||||
|
||||
.tooltip_css {
|
||||
background: #81BC3A;
|
||||
|
@ -2317,6 +2317,10 @@
|
|||
|
||||
// end media
|
||||
|
||||
.autocomplete_float_right{
|
||||
float: right !important;
|
||||
}
|
||||
|
||||
.disabled_style_with_visualiser_icone {
|
||||
float: left;
|
||||
text-align: center;
|
||||
|
|
Loading…
Reference in New Issue