20/03/2024 - 22h30d
parent
3ccb50267d
commit
5024c8136b
|
@ -442,7 +442,19 @@ function ESign() {
|
|||
|
||||
<h3> Signature Electronique </h3>
|
||||
|
||||
{is_valide_e_document && <div>
|
||||
<div className="div_row">
|
||||
<div style={{ width: "20%", "float": "left", minHeight: "40vh" }}>
|
||||
Guide d'utilisation :
|
||||
<ul>
|
||||
<li>Etape 1 </li>
|
||||
<li>Etape 2 </li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div style={{ width: "78%", "float": "right", width:'300px', marginLeft:'auto' }}>
|
||||
text d'explication
|
||||
{is_valide_e_document &&
|
||||
<div className="div_row">
|
||||
<div style={{ width: "80%", "marginLeft": "auto", "marginRight": "auto" }}>
|
||||
<embed src={get_E_Document_PDF} width='100%' height='700px' type="application/pdf" />
|
||||
|
||||
|
@ -478,7 +490,8 @@ function ESign() {
|
|||
|
||||
|
||||
</div>}
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div className="div_row">
|
||||
|
||||
</div>
|
||||
|
|
|
@ -109,10 +109,26 @@ const Module_Editique = (props) => {
|
|||
};
|
||||
|
||||
|
||||
|
||||
const [expanded_nom_traite, setExpanded_nom_traite] = React.useState([]);
|
||||
const [selected_nom_traite, setSelected_nom_traite] = React.useState([]);
|
||||
|
||||
const handleToggle_nom_traite = (event, nodeIds) => {
|
||||
setExpanded_nom_traite(nodeIds);
|
||||
};
|
||||
|
||||
const handleSelect_nom_traite = (event, nodeIds) => {
|
||||
setSelected_nom_traite(nodeIds);
|
||||
};
|
||||
|
||||
|
||||
|
||||
const [tab_handleExpandClick_id, settab_handleExpandClick_id] = React.useState([]);
|
||||
//settab_handleExpandClick_id(['0', '1', '2', '3', '4', '20'])
|
||||
|
||||
const handleExpandClick = () => {
|
||||
setdisplay_audit_data("0");
|
||||
|
||||
setExpanded((oldExpanded) =>
|
||||
oldExpanded.length === 0 ? ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9', '10'] : [],
|
||||
);
|
||||
|
@ -259,10 +275,53 @@ const Module_Editique = (props) => {
|
|||
const [is_session_invoiced, setis_session_invoiced] = useState("0");
|
||||
const [session_date_debut, setsession_date_debut] = useState(date_today_90j.toLocaleDateString('fr-FR'));
|
||||
|
||||
|
||||
const [Getall_Audit_Document_By_Partner_By_Collection_api, setGetall_Audit_Document_By_Partner_By_Collection_api] = useState();
|
||||
const [Getall_Audit_Document_By_Partner_By_Collection_message, setGetall_Audit_Document_By_Partner_By_Collection_message] = useState();
|
||||
const [Getall_Audit_Document_By_Partner_By_Collection_result, setGetall_Audit_Document_By_Partner_By_Collection_result] = useState([]);
|
||||
function Getall_Audit_Document_By_Partner_By_Collection(event) {
|
||||
var form = new FormData();
|
||||
|
||||
const stored_cookie = getCookie('tokenmysypart');
|
||||
form.append("token", stored_cookie);
|
||||
form.append("session_id", props.related_collection_recid);
|
||||
|
||||
|
||||
var myurl = process.env.REACT_APP_API_URL + "myclass/api/Audit_Session_Action_Inscrit/";
|
||||
|
||||
setLoading(true);
|
||||
axios.post(myurl, form).then(res => {
|
||||
|
||||
setLoading(false);
|
||||
|
||||
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);
|
||||
setGetall_Audit_Document_By_Partner_By_Collection_api("true");
|
||||
setGetall_Audit_Document_By_Partner_By_Collection_result(JSON.parse(res.data.message));
|
||||
|
||||
|
||||
|
||||
}
|
||||
else {
|
||||
setGetall_Audit_Document_By_Partner_By_Collection_api("false");
|
||||
setGetall_Audit_Document_By_Partner_By_Collection_message(res.data.message);
|
||||
}
|
||||
|
||||
}).catch((error) => {
|
||||
setLoading(false);
|
||||
console.warn('Not good man :( Getall_Editable_Document_By_Partner_By_Collection = ', error);
|
||||
setGetall_Audit_Document_By_Partner_By_Collection_api("false");
|
||||
//setmyApimyApiMessage("")
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
useEffect(() => {
|
||||
|
||||
setselected_session_id(props.related_collection_recid);
|
||||
Getall_Editable_Document_By_Partner_By_Collection();
|
||||
Getall_Audit_Document_By_Partner_By_Collection();
|
||||
Get_related_collection_Data();
|
||||
|
||||
|
||||
|
@ -802,6 +861,11 @@ const Module_Editique = (props) => {
|
|||
|
||||
}
|
||||
|
||||
|
||||
|
||||
const [display_audit_data, setdisplay_audit_data] = useState("0");
|
||||
|
||||
|
||||
const [Send_Stagiaire_Conventions_By_Email_api, setSend_Stagiaire_Conventions_By_Email_api] = useState();
|
||||
const [Send_Stagiaire_Conventions_By_Email_message, setSend_Stagiaire_Conventions_By_Email_message] = useState();
|
||||
const [Send_Stagiaire_Conventions_By_Email_result, setSend_Stagiaire_Conventions_By_Email_result] = useState();
|
||||
|
@ -1031,6 +1095,15 @@ const Module_Editique = (props) => {
|
|||
setDialog_MSG_INFO_open(false);
|
||||
};
|
||||
|
||||
|
||||
function handleExpandClick_audit() {
|
||||
setdisplay_audit_data("1");
|
||||
|
||||
|
||||
setExpanded_nom_traite((oldExpanded_nom_traite) =>
|
||||
oldExpanded_nom_traite.length === 0 ? ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9', '10'] : [],
|
||||
);
|
||||
}
|
||||
return (
|
||||
|
||||
<div className="module_editique">
|
||||
|
@ -1359,7 +1432,7 @@ const Module_Editique = (props) => {
|
|||
|
||||
</div>
|
||||
|
||||
{(String(selected_convention_type) === "email" || String(selected_convention_type) === "pdf") && <div className="session_caract_Dialog" > Choisir une convention 1
|
||||
{(String(selected_convention_type) === "email" || String(selected_convention_type) === "pdf") && <div className="session_caract_Dialog" > Choisir une convention
|
||||
<Autocomplete
|
||||
disablePortal
|
||||
name="event_dialog_version_convention"
|
||||
|
@ -1461,7 +1534,7 @@ const Module_Editique = (props) => {
|
|||
</div>
|
||||
}
|
||||
|
||||
{String(selected_convention_type) === "pdf" && <div className="session_caract_Dialog" > Recevoir un pré-envoie
|
||||
{String(selected_convention_type) === "email" && <div className="session_caract_Dialog" > Recevoir un pré-envoie
|
||||
<TextField
|
||||
sx={{ '& legend': { display: 'none' }, '& fieldset': { top: 0 }, }}
|
||||
|
||||
|
@ -1496,22 +1569,6 @@ const Module_Editique = (props) => {
|
|||
}
|
||||
|
||||
|
||||
{String(selected_convention_type) === "pdf" &&
|
||||
String(actionmass_ftion_val) !== String("convention") && <div className="session_caract_Dialog" > Email destinaitaire
|
||||
<TextField
|
||||
sx={{ '& legend': { display: 'none' }, '& fieldset': { top: 0 }, }}
|
||||
|
||||
name="event_dialog_email_production_convention"
|
||||
id="event_dialog_email_production_convention"
|
||||
|
||||
fullWidth
|
||||
|
||||
value=""
|
||||
|
||||
/>
|
||||
|
||||
</div>
|
||||
}
|
||||
|
||||
{String(selected_convention_type) === "email" && <div>
|
||||
|
||||
|
@ -1771,7 +1828,7 @@ const Module_Editique = (props) => {
|
|||
</div>
|
||||
}
|
||||
|
||||
{String(selected_convention_type) === "pdf" && <div className="session_caract_Dialog" > Recevoir un pré-envoie
|
||||
{String(selected_convention_type) === "email" && <div className="session_caract_Dialog" > Recevoir un pré-envoie
|
||||
<TextField
|
||||
sx={{ '& legend': { display: 'none' }, '& fieldset': { top: 0 }, }}
|
||||
|
||||
|
@ -1805,22 +1862,7 @@ const Module_Editique = (props) => {
|
|||
</div>
|
||||
}
|
||||
|
||||
{String(selected_convention_type) === "pdf" &&
|
||||
String(actionmass_ftion_val) !== String("convention") && <div className="session_caract_Dialog" > Email destinaitaire
|
||||
<TextField
|
||||
sx={{ '& legend': { display: 'none' }, '& fieldset': { top: 0 }, }}
|
||||
|
||||
name="event_dialog_email_production_convention"
|
||||
id="event_dialog_email_production_convention"
|
||||
|
||||
fullWidth
|
||||
|
||||
value=""
|
||||
|
||||
/>
|
||||
|
||||
</div>
|
||||
}
|
||||
|
||||
{String(selected_convention_type) === "email" && <div>
|
||||
|
||||
|
@ -2135,10 +2177,21 @@ const Module_Editique = (props) => {
|
|||
|
||||
|
||||
<div style={{ "width": "40%", "float": "right", "padding": "10px", "borderLeft": "3mm ridge rgba(211, 220, 50, .6)" }}>
|
||||
Détail <Button onClick={handleExpandClick}>
|
||||
|
||||
<nav style={{"width":"100%", "float":'left'}}>
|
||||
<nav style={{ float: "left", "width": '45%' }}> Traité <Button onClick={handleExpandClick}>
|
||||
{expanded.length === 0 ? 'Voir tout' : 'Réduire'}
|
||||
</Button>
|
||||
<Box sx={{
|
||||
</nav>
|
||||
|
||||
<nav style={{ float: "right", "width": '45%' }}> Non Traité
|
||||
<Button onClick={handleExpandClick_audit}>
|
||||
{expanded_nom_traite.length === 0 ? 'Voir tout' : 'Réduire'}
|
||||
</Button>
|
||||
</nav>
|
||||
</nav>
|
||||
|
||||
{String(display_audit_data) == "0" && <Box sx={{
|
||||
minHeight: 270, flexGrow: 1,
|
||||
boxShadow: 1,
|
||||
borderRadius: 2,
|
||||
|
@ -2196,7 +2249,57 @@ const Module_Editique = (props) => {
|
|||
|
||||
</TreeView>
|
||||
))}
|
||||
</Box>
|
||||
</Box>}
|
||||
|
||||
{String(display_audit_data) == "1" && <Box sx={{
|
||||
minHeight: 270, flexGrow: 1,
|
||||
boxShadow: 1,
|
||||
borderRadius: 2,
|
||||
bgcolor: "#fee347",
|
||||
textAlign:"right"
|
||||
}}>
|
||||
|
||||
|
||||
{Getall_Audit_Document_By_Partner_By_Collection_result &&
|
||||
Getall_Audit_Document_By_Partner_By_Collection_result.map((document) => (
|
||||
|
||||
|
||||
<TreeView
|
||||
aria-label="controlled"
|
||||
defaultCollapseIcon={<ExpandMoreIcon />}
|
||||
defaultExpandIcon={<ChevronRightIcon />}
|
||||
expanded_nom_traite={expanded_nom_traite}
|
||||
selected={selected_nom_traite}
|
||||
onNodeToggle={handleToggle_nom_traite}
|
||||
onNodeSelect={handleSelect_nom_traite}
|
||||
multiSelect
|
||||
className="test04"
|
||||
>
|
||||
<TreeItem nodeId={((document).id)} label={((document).courrier_template_ref_interne)} className="test01"
|
||||
>
|
||||
{(document).tab_user_statut &&
|
||||
(document).tab_user_statut.map((history_doc) => (
|
||||
<nav>
|
||||
{String(history_doc.statut).trim() === "0" &&
|
||||
<TreeItem className="test02" nodeId={history_doc._id}
|
||||
label={(String(history_doc.email_inscrit))}
|
||||
sx={{ color: '#fc5d5d ', fontWeight: 'light', fontStyle: 'italic', mt: '10px' }}
|
||||
icon={<FcInfo />} />
|
||||
}
|
||||
</nav>
|
||||
|
||||
|
||||
))}
|
||||
|
||||
|
||||
</TreeItem>
|
||||
|
||||
</TreeView>
|
||||
|
||||
|
||||
|
||||
))}
|
||||
</Box>}
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
@ -18,6 +18,12 @@
|
|||
//background-color: #464b5e !important;
|
||||
}
|
||||
|
||||
.test04 {
|
||||
text-align: right !important;
|
||||
font-size: x-small;
|
||||
//background-color: #464b5e !important;
|
||||
}
|
||||
|
||||
.css-hytcpw{
|
||||
max-width: 100% !important;
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue