08/08/2023 - 16h

recette2
cherif 2023-08-08 16:27:10 +02:00
parent edb4bb8b38
commit 4a2d431d2b
14 changed files with 2310 additions and 60 deletions

View File

@ -1392,7 +1392,6 @@ const AddParnerClient = (props) => {
form.append("email", p_client_email);
form.append("nom", p_client_nom);
// Données de facturation
var client_invoice_email = ""
if (document.getElementsByName("client_invoice_email")) {
@ -1449,12 +1448,13 @@ const AddParnerClient = (props) => {
axios.post(myurl, form).then(res => {
if (String(res.data.status) === String("true")) {
console.log(" In recordPartnerClient_Invoice_Data res.data.status = " + res.data.status);
console.log(" In recordPartnerClient_Invoice_Data res.data.message = " + res.data.message);
//console.log(" In recordPartnerClient_Invoice_Data res.data.status = " + res.data.status);
//console.log(" In recordPartnerClient_Invoice_Data res.data.message = " + res.data.message);
setrecordPartnerClient_Invoice_Data_api("true");
setrecordPartnerClient_Invoice_Data_result(res.data.message);
setformedit_mode_invoice("0");
setdatamodification_invoice("0");
alert(" Les données de facturation ont été mises à jour.")
Disable_invoice_fields();
alert(res.data.message);
@ -1557,6 +1557,7 @@ const AddParnerClient = (props) => {
if (document.getElementsByName("client_invoice_pays")) {
document.getElementsByName("client_invoice_pays")[0].disabled = true;
document.getElementsByName("client_invoice_pays")[0].style.backgroundColor = "#ECEFF1";
console.log("iiiiii");
}
}
@ -2173,7 +2174,7 @@ const AddParnerClient = (props) => {
{String(props.new_customer) !== "1" && <div className="div_row">
<div className="div_row">
<Button variant="outlined" onClick={submenu_donnee_client} className="detail_submenu" id='submenu_donnee_client' name='submenu_donnee_client'>Données Client</Button>
<Button variant="outlined" onClick={submenu_donnee_facturation} className="detail_submenu" id='submenu_donnee_facturation' name='submenu_donnee_facturation'>Données Facuturation</Button>
<Button variant="outlined" onClick={submenu_donnee_facturation} className="detail_submenu" id='submenu_donnee_facturation' name='submenu_donnee_facturation'>Données Facturation</Button>
<Button variant="outlined" onClick={submenu_contact} className="detail_submenu" id='submenu_contact' name='submenu_contact'>Contact & Adresses</Button>
<Button variant="outlined" onClick={submenu_activite} className="detail_submenu" id='submenu_activite' name='submenu_activite'>Activité</Button>
<Button variant="outlined" onClick={submenu_devis} className="detail_submenu" id='submenu_devis' name='submenu_devis'>Devis</Button>

View File

@ -0,0 +1,61 @@
import React, { useRef, useState, useEffect } from "react";
import Box from '@mui/material/Box';
import TextField from '@mui/material/TextField';
import MenuItem from '@mui/material/MenuItem';
import { confirmAlert } from 'react-confirm-alert'; // Import
import 'react-confirm-alert/src/react-confirm-alert.css'; // Import css
import Button from '@mui/material/Button';
import axios from "axios";
import DeleteIcon from '@mui/icons-material/Delete';
import { getCookie, setCookie } from 'react-use-cookie';
import { Alert } from "@mui/material";
import { AiTwotoneEdit, AiTwotoneSave } from "react-icons/ai";
import profileimg from "../mysy_img/MYSY-profil-2.png";
import Abonnement from "./Abonnement";
import { ConstructionOutlined, PropaneSharp } from "@mui/icons-material";
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 { RichTextEditor } from '@mantine/rte';
import { Editor } from '@tinymce/tinymce-react';
import { IoArrowUndoCircle } from "react-icons/io5";
import { GrUserAdmin, GrOrderedList } from "react-icons/gr";
import parse from 'html-react-parser';
import { FcViewDetails } from "react-icons/fc";
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 GestionAdministrative from "./GestionAdministrative";
import { IoMdAddCircle, IoIosRemoveCircleOutline } from "react-icons/io";
import { Fab } from "@material-ui/core";
import { ConsoleView } from "react-device-detect";
import fileDownload from 'js-file-download'
import { IoAddCircleOutline, IoCloseCircleOutline } from "react-icons/io5";
import { AiOutlineUserAdd } from "react-icons/ai";
import PartnerClientActivite from "./PartnerClient_Activite";
import { CiCoffeeBean, CiDesktop, CiFileOff } from "react-icons/ci";
import Popup from 'reactjs-popup';
import 'reactjs-popup/dist/index.css';
import { BsEye, BsFileText } from "react-icons/bs";
import { AiOutlineEdit } from "react-icons/ai";
import { FcCancel, FcApproval, FcAcceptDatabase, FcPrint } from "react-icons/fc";
const DisplayPartnerStagiaires = (props) => {
const history = useHistory();
return (
<div className="displaypartnerstagiaire">
<h2> Liste des stagiaires </h2>
</div>
);
}
export default DisplayPartnerStagiaires;

View File

@ -62,7 +62,7 @@ function GestionAdministrative(props) {
renderCell: (cellValues) => {
return (
<Popup
<Popup
trigger={<Button
onClick={(event) => {
@ -2862,9 +2862,8 @@ function GestionAdministrative(props) {
const [display_detail_insc, setdisplay_detail_insc] = React.useState();
function Display_Detail_Inscription(event, cellValues) {
clearDetailAttendeFields();
setdisplay_detail_insc("1")
var montant = String(cellValues.row.amount);
@ -2873,7 +2872,7 @@ function GestionAdministrative(props) {
setselectedattendeeemail(email);
var prenom = cellValues.row.prenom;
GetAttendee_Data(email, mysession);
getStagiaireImages(internal_url, mysession, email,);
}
@ -3225,7 +3224,7 @@ function GestionAdministrative(props) {
else {
setSendEvaluationEmail_api("false");
setSendEvaluationEmail_message(res.data.message);
alert(" Erreur : "+res.data.message);
alert(" Erreur : " + res.data.message);
}
}).catch((error) => {
@ -3717,6 +3716,205 @@ function GestionAdministrative(props) {
const [isimgclassSelected, setisimgclassSelected] = useState(false);
const [isimgclassSelected_recid, setisimgclassSelected_recid] = useState("");
const [isimgclassSelectedfile, setisimgclassSelectedfile] = useState(false);
const [userimgclassprofil, setuserimgclassprofil] = useState();
const [userimgclassprofilchanged, setuserimgclassprofilchanged] = useState("");
const imglogoclasschangeHandler = (event) => {
let file_size = event.target.files[0].size;
//or if you like to have name and type
//console.log(event.target.files);
let file_name = event.target.files[0].name;
let file_type = event.target.files[0].type;
//alert("file_size = "+file_size+" file_type = "+file_type+" a = "+a);
if (file_size > 1000000) {
alert("L'image ne doit pas depasser un 1 Méga octets");
return;
}
setisimgclassSelected(event.target.files[0]);
setisimgclassSelectedfile(true);
setuserimgclassprofil(URL.createObjectURL(event.target.files[0]));
setuserimgclassprofilchanged("1");
};
const [isimgclassdeleted, setisimgclassdeleted] = useState("");
const [isimgclassdeleted_message, setisimgclassdeleted_message] = useState("");
const [isimgclassSaved, setisimgclassSaved] = useState("");
const [isimgclassSaved_message, setisimgclassSaved_message] = useState("");
const [userformedited, setuserformedited] = useState();
const [getPartnerImages_api, setgetPartnerImages_api] = useState();
const [getPartnerImages_message, setgetPartnerImages_message] = useState();
const [getPartnerImages_result, setgetPartnerImages_result] = useState();
function getStagiaireImages(local_internal_url, local_mysession, local_email) {
var myurl = process.env.REACT_APP_API_URL + "myclass/api/getRecodedStagiaireImage_from_front/";
var form = new FormData();
const stored_cookie = getCookie('tokenmysypart');
form.append("token", stored_cookie);
form.append("class_internal_url", local_internal_url);
form.append("session_id", local_mysession);
form.append("email", local_email);
axios.post(myurl, form).then(res => {
//console.log(" getStagiaireImages : In test res.data.status = " + res.data.status);
// console.log(" getStagiaireImages: res.data.message.img = " + res.data.message);
if (String(res.data.status) === "true") {
setgetPartnerImages_api("true");
if (JSON.parse(res.data.message).logo_img) {
var partner_logo_img = "data:image/png;base64," + JSON.parse(res.data.message).logo_img;
setisimgclassSelected(partner_logo_img);
setuserimgclassprofil(partner_logo_img);
setisimgclassSelected_recid(JSON.parse(res.data.message).logo_img_recid);
}
}
else if (String(res.data.status) === String("Err_Connexion")) {
alert('Erreur: ' + res.data.message);
history.push("/Connexion");
return;
}
else {
setgetPartnerImages_api("false");
setgetPartnerImages_message(res.data.message)
}
}).catch((error) => {
console.warn('getStagiaireImages ee: Not good man :( = ', error);
setgetPartnerImages_api("false");
setgetPartnerImages_message(" Impossible de recuperer les images/médias du partenaire")
})
}
function removeRecodedLogoImage() {
if (!isimgclassSelected_recid || String(isimgclassSelected_recid).length < 3) {
alert(" Image incorrecte. Impossible de la supprimer ");
return;
}
var form = new FormData();
const stored_cookie = getCookie('tokenmysypart');
form.append("token", stored_cookie);
form.append("image_recid", isimgclassSelected_recid);
fetch(
process.env.REACT_APP_API_URL + "myclass/api/DeleteImage_Stagiaire_v2/",
{
method: 'POST',
body: form,
}
).then((response) => response.json())
.then((result) => {
console.log(' removeRecodedClassImage : status:', result['status']);
console.log('removeRecodedClassImage : Success:', result['message']);
if (String(result['status']) === String("true")) {
setisimgclassSelected("");
setisimgclassSelected_recid("");
setisimgclassSelectedfile("");
setuserimgclassprofil("");
//getStagiaireImages();
}
else if (String(result['status']) === String("Err_Connexion")) {
alert('Erreur: ' + result['message']);
history.push("/Connexion");
return;
}
else {
alert(result['message']);
}
})
.catch((error) => {
console.error('Error:', error);
alert(" Impossible de supprimer l'image ");
});
}
const [record_Stagiaire_Image_api, setrecord_Stagiaire_Image_api] = useState();
const [record_Stagiaire_Image_message, setrecord_Stagiaire_Image_message] = useState();
const [record_Stagiaire_Image_result, setrecord_Stagiaire_Image_result] = useState();
function record_Stagiaire_Image(l) {
const formData = new FormData();
const url = process.env.REACT_APP_API_URL + "myclass/api/Update_Stagiaire_Image/";
const stored_cookie = getCookie('tokenmysypart');
formData.append("token", stored_cookie);
formData.append("class_internal_url", internal_url);
formData.append("session_id", mysession);
formData.append("email", selectedattendeeemail);
console.log(" ### userimgclassprofilchanged =", userimgclassprofilchanged)
formData.append('file_img', isimgclassSelected);
formData.append('file_img_recid', isimgclassSelected_recid);
//console.log(" ### formData = ", formData);
fetch(
url,
{
method: 'POST',
body: formData,
}
)
.then((response) => response.json())
.then((result) => {
console.log('Success:', result['message'], "result['status'] = ", result['status']);
if (String(result['status']) === String("true")) {
setrecord_Stagiaire_Image_api("true");
setuserimgclassprofilchanged("");
alert(" L'image à jour a été mise enregistrée ");
} else if (String(result['status']) === String("Err_Connexion")) {
alert('Erreur: ' + result['message']);
history.push("/Connexion");
} else {
setrecord_Stagiaire_Image_api("false");
alert(" Erreur : ", result['message']);
}
})
.catch((error) => {
console.error('Error:', error);
setrecord_Stagiaire_Image_api("false");
alert(" Erreur : Impossible d'enregistrer l'image ");
});
};
return (
<div className='gestionadministrative'>
@ -5278,7 +5476,7 @@ function GestionAdministrative(props) {
}
{String(display_detail_insc) === "1" && mysession && <div className="div_row" style={{ "border": "None", "background": '#F8F9F9', "padding": '5px' }}>
<nav style={{ "border": "None", "fontSize": "22px", "fontWeight": "600" }}> Detail inscription </nav>
<nav style={{ "border": "None", "fontSize": "22px", "fontWeight": "600" }}> Détail inscrit </nav>
{String(GetAttendee_api) === "true" && <div className="div_row" style={{ "border": "None" }}>
{String(Resend_LMS_Credentials_api) === "true" && <div className="div_row okUpdateData" style={{ "textAlign": "center" }}>
@ -5288,10 +5486,64 @@ function GestionAdministrative(props) {
{String(Resend_LMS_Credentials_api) === "false" && <div className="div_row okUpdateData" style={{ "textAlign": "center" }}>
{Resend_LMS_Credentials_message}</div>}
<div className="div_row" style={{ "border": "None" }}>
<div className="div_row" style={{ "border": "None" }}>
<div className="div_row_gauche">
<div className="div_row_bis" style={{ "marginBottom": "10px", "marginTop": "1rem" }} >
<div className="div_row_gauche_image">
<img class="img_class_logo" src={userimgclassprofil} /><br />
</div>
<div className="div_row_droite_image">
<input type="file" id="files_img_class" accept="image/*" onChange={imglogoclasschangeHandler} style={{ opacity: "0", zIndex: "-1", maxWidth: "5px", maxHeight: "0px" }} /><br />
{<nav>
<label for="files_img_class" className="bton_image_class">Charger une photo</label><br />
{String(userimgclassprofilchanged) === "1" &&
<nav className="bton_image_class" onClick={record_Stagiaire_Image}>Enregistrer la photo<br /> </nav>
}
{String(isimgclassSelected_recid) && String(isimgclassSelected_recid).length > 3 &&
<nav className="bton_supprime_image_class" onClick={removeRecodedLogoImage}>Supprimer la photo<br /> </nav>
}
{String(userimgclassprofilchanged) === "1" &&
<div className="koUpdateData" style={{ "color": "orange", "textAlign": "center" }}> /!\ Pensez à enregistrer la photo
</div>}
</nav>}
{/*isimgclassSelected && <Button variant="outlined" onClick={sendClassImage} className="bton_image_class">Enregistrer image</Button>*/}
{isimgclassdeleted && String(isimgclassdeleted) === "1" && <nav className="koUpdateData"> {isimgclassdeleted_message}</nav>}
{isimgclassdeleted && String(isimgclassdeleted) === "0" && <nav className="okUpdateData"> {isimgclassdeleted_message}</nav>}
{isimgclassSelected && String(isimgclassSaved) === "0" && <nav className="koUpdateData"> {isimgclassSaved_message}</nav>}
</div>
</div>
<div className="div_row_bis tips_img_class">
<li>
L'image doit etre carrée.
</li>
<li>
Les formats autorisés sont : <i>['jpg', 'jpeg', 'png', 'jpe', 'webp']</i>
</li>
<li>
Les dimensions recommandées: 128pixels X 128pixels -- 144pixels X 144pixels -- 168pixels X 168pixels<br />
Les dimensions maximales sont de 256pixels X 256pixels
</li>
<li>
La taille de l'image ne doit pas depasser 1 mega octet
</li>
</div>
</div>
</div>
<div className="session_data" >
<div className="session_caract"> Nom<br />

View File

@ -37,10 +37,12 @@ import {
FcHome, FcButtingIn, FcDepartment, FcBullish, FcAddDatabase, FcFolder,
FcList, FcGraduationCap, FcMultipleDevices, FcCurrencyExchange,
FcMoneyTransfer, FcFeedback, FcKey, FcVideoCall, FcSettings,
FcBusinesswoman, FcServices, FcCollect, FcCandleSticks, FcKindle
FcBusinesswoman, FcServices, FcCollect, FcCandleSticks, FcKindle,
FcFlowChart, FcReading
} from "react-icons/fc";
import DisplayPartnerSession from "./DisplayPartnerSession";
import DisplayPartnerStagiaires from "./DisplayPartnerStagiaires";
//import { FcHome} from "react-icons/fc";
@ -320,6 +322,12 @@ const Partner = (props) => {
setformation_file_name();
}
function DiplayStagiaireList(event) {
setmenu("mes_stagiaires");
setapiexcelimportmessage();
setformation_file_name();
}
@ -683,8 +691,12 @@ const Partner = (props) => {
{String(menu) === "affichage" && <div className="sousmenu_selected" onClick={DiplaytrainingList} ><FcList className="icone_menu" /> MES FORMATIONS</div>}
<hr className="my_hr" />
{String(menu) !== "affichage" && <div className="sousmenu" onClick={DiplaySessionList} > <FcList className="icone_menu" /> MES SESSIONS </div>}
{String(menu) === "affichage" && <div className="sousmenu_selected" onClick={DiplaySessionList} ><FcList className="icone_menu" /> MES SESSIONS</div>}
{String(menu) !== "mes_sessions" && <div className="sousmenu" onClick={DiplaySessionList} > <FcFlowChart className="icone_menu" /> MES SESSIONS </div>}
{String(menu) === "mes_sessions" && <div className="sousmenu_selected" onClick={DiplaySessionList} ><FcFlowChart className="icone_menu" /> MES SESSIONS</div>}
<hr className="my_hr" />
{String(menu) !== "mes_stagiaires" && <div className="sousmenu" onClick={DiplayStagiaireList} > <FcReading className="icone_menu" /> MES STAGIAIRES </div>}
{String(menu) === "mes_stagiaires" && <div className="sousmenu_selected" onClick={DiplayStagiaireList} ><FcReading className="icone_menu" /> MES STAGIAIRES</div>}
<hr className="my_hr" />
{String(menu) !== "abonnement" && <div className="sousmenu" onClick={Abonnement_func} > <FcKey className="icone_menu" /> ABONNEMENT </div>}
@ -798,9 +810,7 @@ const Partner = (props) => {
{String(myApiResponse) === String("true") && menu === "creation" &&
<div className="div_droite">
{/*String(partnerstatus) === String("1") &&
<div className="accountsatatus"> Finalisez la création de votre compte en ajoutant le moyen de payement de votre choix :)
</div>*/}
<div className="parter_div_droite_haut">
{String(apiexcelimportmessage) === String("true") &&
@ -954,31 +964,24 @@ const Partner = (props) => {
{String(menu) === "facture" && <div className="div_droite">
{/*String(partnerstatus) === String("1") &&
<div className="accountsatatus"> Finalisez la création de votre compte en ajoutant le moyen de payement de votre choix :)
</div>*/}
<Facture currentpack={partnerPackService} />
</div>
}
{String(menu) === "pricing" && <div className="div_droite">
{/*String(partnerstatus) === String("1") &&
<div className="accountsatatus"> Finalisez la création de votre compte en ajoutant le moyen de payement de votre choix :)
</div>*/}
<Pricing />
</div>
}
{String(menu) === "mes_stagiaires" && <div className="div_droite">
<DisplayPartnerStagiaires />
</div>
}
{String(menu) === "abonnement" && <div className="div_droite">
{/*String(partnerstatus) === String("1") &&
<div className="accountsatatus"> Finalisez la création de votre compte en ajoutant le moyen de payement de votre choix :)
</div>*/}
<Abonnement currentpack={partnerPackService} />
</div>

View File

@ -101,8 +101,9 @@ function Partner_Invoicing_Data(props) {
setRecordData_api("true");
setRecordData_result(result['message']);
alert("Les données de facturation ont été mises à jour");
desablefield1();
alert(result['message'])
}
else if (String(result['status']) === String("Err_Connexion")) {
alert('Erreur: ' + result['message']);
@ -252,28 +253,28 @@ function Partner_Invoicing_Data(props) {
function desablefield1() {
setfields1desabled(true);
document.getElementsByName("nom")[0].disabled = true;
//document.getElementsByName("nom")[0].style.backgroundColor = "#FFFFFF";
document.getElementsByName("nom")[0].style.backgroundColor = "#ECEFF1";
document.getElementsByName("telephone")[0].disabled = true;
//document.getElementsByName("telephone")[0].style.backgroundColor = "#ECEFF1";
document.getElementsByName("telephone")[0].style.backgroundColor = "#ECEFF1";
document.getElementsByName("email")[0].disabled = true;
// document.getElementsByName("email")[0].style.backgroundColor = "#ECEFF1";
document.getElementsByName("email")[0].style.backgroundColor = "#ECEFF1";
document.getElementsByName("adr_street")[0].disabled = true;
//document.getElementsByName("adr_street")[0].style.backgroundColor = "#ECEFF1";
document.getElementsByName("adr_street")[0].style.backgroundColor = "#ECEFF1";
document.getElementsByName("adr_zip")[0].disabled = true;
//document.getElementsByName("adr_zip")[0].style.backgroundColor = "#ECEFF1";
document.getElementsByName("adr_zip")[0].style.backgroundColor = "#ECEFF1";
document.getElementsByName("adr_city")[0].disabled = true;
//document.getElementsByName("adr_city")[0].style.backgroundColor = "#ECEFF1";
document.getElementsByName("adr_city")[0].style.backgroundColor = "#ECEFF1";
document.getElementsByName("adr_country")[0].disabled = true;
//document.getElementsByName("adr_country")[0].style.backgroundColor = "#ECEFF1";
document.getElementsByName("adr_country")[0].style.backgroundColor = "#ECEFF1";
document.getElementsByName("vat_num")[0].disabled = true;
//document.getElementsByName("vat_num")[0].style.backgroundColor = "#ECEFF1";
document.getElementsByName("vat_num")[0].style.backgroundColor = "#ECEFF1";
}
useEffect(() => {

View File

@ -617,7 +617,7 @@ const Partner_Securite_Data = (props) => {
return (
<div className="partner_client">
<div className="partner_client partner_client_securite_data">
<div style={{ "width": "10%" }}> &nbsp;</div>
<div className="div_row_gauche">
@ -923,9 +923,12 @@ const Partner_Securite_Data = (props) => {
<li>
&nbsp;
</li>
<li>
&nbsp;
</li>
</ul>
</div>
{mailfieldsdesabled == false && <div className="div_row" >
{mailfieldsdesabled == false && <div className="div_row" style={{ "textAlign": "left" }} >
<div className="div_row_gauche" >
<Button variant="contained" color="success" className="div_row22 btn_enreg " style={{ "marginTop": "0px" }} onClick={UpdatePartnerMail}>Enregistrer</Button>
</div>
@ -946,7 +949,7 @@ const Partner_Securite_Data = (props) => {
<div style={{ "width": "10%" }}> &nbsp;</div>
<div style={{ "width": "100%", "float": "left", "marginBottom": "2rem" }}>
<div style={{ "width": "48%", "float": "left" }}>
<div className="block_cle_rattachement">
<div className="titre1"> Clé de rattachement </div>
{insert_key_updated === false && <div className="koUpdateData">
Erreur mise à jour {setinsert_key_api_message}
@ -1132,7 +1135,7 @@ const Partner_Securite_Data = (props) => {
</ul>
</div>
<div className="div_row22">
<div className="div_row22" style={{"textAlign":"left"}}>
{insert_keyfieldsdesabled == false && <div className="div_row">

View File

@ -389,6 +389,7 @@ function UpdateParnterInfo() {
else {
setmycertifvoltaire("0");
}
if (mylocaltraining.isdatadock) {
@ -404,7 +405,7 @@ function UpdateParnterInfo() {
else {
setmyqualiopi("0");
}
if (mylocaltraining.link_linkedin) {
setp_link_linkedin(mylocaltraining.link_linkedin);
@ -458,6 +459,8 @@ function UpdateParnterInfo() {
desablefield1();
}
}
else {
@ -809,6 +812,16 @@ function UpdateParnterInfo() {
setdatamodification();
getPartnerImages();
alert(" La mise à jour a été faite ");
document.getElementsByName("isdatadock")[0].disabled = true;
document.getElementsByName("isdatadock")[0].style.backgroundColor = "#ECEFF1";
document.getElementsByName("isqualiopi")[0].disabled = true;
document.getElementsByName("isqualiopi")[0].style.backgroundColor = "#ECEFF1";
document.getElementsByName("iscertifvoltaire")[0].disabled = true;
document.getElementsByName("iscertifvoltaire")[0].style.backgroundColor = "#ECEFF1";
} else if (String(result['status']) === String("Err_Connexion")) {
alert('Erreur: ' + result['message']);
history.push("/Connexion");
@ -1572,9 +1585,9 @@ function UpdateParnterInfo() {
<div className="div_row">
<Button variant="outlined" onClick={submenu_donnee_entreprise} className="detail_submenu" id='submenu_donnee_entreprise' name='submenu_donnee_entreprise'>Données entreprises</Button>
<Button variant="outlined" onClick={submenu_donnee_facturation} className="detail_submenu" id='submenu_donnee_facturation' name='submenu_donnee_facturation'>Données Facuturation</Button>
<Button variant="outlined" onClick={submenu_donnee_facturation} className="detail_submenu" id='submenu_donnee_facturation' name='submenu_donnee_facturation'>Données Facturation</Button>
<Button variant="outlined" onClick={submenu_donnee_securite} className="detail_submenu" id='submenu_donnee_securite' name='submenu_donnee_securite'>Securité</Button>
<Button variant="outlined" onClick={submenu_contact} className="detail_submenu" id='submenu_contact' name='submenu_contact'>Contact & Adresses</Button>
{/*<Button variant="outlined" onClick={submenu_contact} className="detail_submenu" id='submenu_contact' name='submenu_contact'>Contact & Adresses</Button>*/}
</div>
{String(submenu).trim() === "submenu_donnee_securite" && <div className="training_data">
@ -1807,7 +1820,7 @@ function UpdateParnterInfo() {
value={p_adr_country}
onChange={(e) => setp_adr_country(e.target.value)}
/>
<div style={{ "width": "10%" }}> &nbsp;</div>
<div className="div_row_gauche">
<div className="titre1"> Votre logo </div>
@ -1915,7 +1928,7 @@ function UpdateParnterInfo() {
onChange={(e) => setp_num_nda(e.target.value)}
/>
{fields1desabled == true && String(mydatadock) !== "1" &&
{fields1desabled == true && String(myqualiopi) !== "1" &&
<TextField
name="isqualiopi"
@ -1928,7 +1941,7 @@ function UpdateParnterInfo() {
}
{fields1desabled == true && String(mydatadock) === "1" &&
{fields1desabled == true && String(myqualiopi) === "1" &&
<TextField
name="isqualiopi"
@ -1936,7 +1949,7 @@ function UpdateParnterInfo() {
className="texte_area"
sx={{ m: 1, width: '48%' }}
value="Oui"
variant="standard"
/>
@ -1953,7 +1966,7 @@ function UpdateParnterInfo() {
value={myqualiopi}
onChange={handleChangequaliopi}
variant="standard"
>{qualiopi.map((option) => (
<MenuItem key={option.value} value={option.value}>
{option.label} &nbsp; <br />
@ -2378,12 +2391,14 @@ function UpdateParnterInfo() {
</div>}
<div className="div_row">
<div className="div_row22">
<div className="titre1"> Supppression de compte </div>
<div style={{ "marginTop": "1rem", "textAlign": "left" }}>
Pour supprimer votre compte, veuillez vous rapprocher de votre contact commercial ou nous écrire à contact@mysy-training.com.
</div>
</div>
</div>
</div>
);
}

View File

@ -27,7 +27,7 @@
animation-duration: 10ms;
height: 3rem !important;
padding: 0 !important;
}
}
@media screen and (max-width: 600px) {
.okUpdateData {
@ -1130,7 +1130,7 @@
}
.icon_excel {
width: 5%;
width: 4%;
}
.bton_envoyer {

File diff suppressed because it is too large Load Diff

View File

@ -311,6 +311,81 @@
margin-top: 1rem;
}
.div_row_gauche_image {
float: left;
//border:0px solid black;
border-width: 0.01rem;
border-radius: 1rem;
text-align: left;
}
.div_row_droite_image {
float: left;
//border:0px solid black;
border-width: 0.01rem;
border-radius: 1rem;
text-align: left;
font-family: "verdana", "Quicksand", "Signika", sans-serif;
font-size: small;
padding-left: 0.2rem;
}
.tips_img_class {
font-size: smaller;
font-style: italic;
margin-left: 1rem !important;
text-align: left;
float: left;
width: 100%;
padding-right: 10px;
}
.img_class_logo {
display: block;
width: 128px;
height: 128px;
border-radius: 10px !important;
border: 1px solid black;
float: left;
}
.bton_supprime_image_class {
font-size: small;
text-align: center;
margin-left: 0px;
box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%);
padding: 5px;
padding-left: 10px;
padding-right: 10px;
border: 1px solid rgb(194, 186, 186);
border-radius: 10px;
background: white;
color: red;
margin-top: 0.5rem;
width: 10rem;
cursor: pointer;
}
.bton_supprime_image_class:hover {
box-shadow: 5px 1px 5px 1px rgb(0 0 0 / 25%);
}
.bton_image_class {
font-size: small;
text-align: center;
margin-left: 0px;
box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%);
padding: 5px;
padding-left: 10px;
padding-right: 10px;
border: 1px solid rgb(194, 186, 186);
border-radius: 10px;
width: 10rem;
}
.bton_image_class:hover {
box-shadow: 5px 1px 5px 1px rgb(0 0 0 / 25%);
}
}
@ -586,6 +661,82 @@
.icon_excel {
width: 6%;
}
.div_row_gauche_image {
float: left;
//border:0px solid black;
border-width: 0.01rem;
border-radius: 1rem;
text-align: left;
}
.div_row_droite_image {
float: left;
//border:0px solid black;
border-width: 0.01rem;
border-radius: 1rem;
text-align: left;
font-family: "verdana", "Quicksand", "Signika", sans-serif;
font-size: small;
padding-left: 0.2rem;
}
.tips_img_class {
font-size: small;
font-style: italic;
margin-left: 1rem !important;
text-align: left;
float: left;
width: 100%;
}
.img_class_logo {
display: block;
width: 168px;
height: 168px;
border-radius: 10px !important;
border: 1px solid black;
float: left;
}
.bton_supprime_image_class {
font-size: small;
text-align: center;
margin-left: 0px;
box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%);
padding: 5px;
padding-left: 10px;
padding-right: 10px;
border: 1px solid rgb(194, 186, 186);
border-radius: 10px;
background: white;
color: red;
margin-top: 0.5rem;
width: 15rem;
cursor: pointer;
}
.bton_supprime_image_class:hover {
box-shadow: 5px 1px 5px 1px rgb(0 0 0 / 25%);
}
.bton_image_class {
font-size: small;
text-align: center;
margin-left: 0px;
box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%);
padding: 5px;
padding-left: 10px;
padding-right: 10px;
border: 1px solid rgb(194, 186, 186);
border-radius: 10px;
width: 15rem;
}
.bton_image_class:hover {
box-shadow: 5px 1px 5px 1px rgb(0 0 0 / 25%);
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
@ -862,6 +1013,82 @@
width: 6%;
}
.div_row_gauche_image {
float: left;
//border:0px solid black;
border-width: 0.01rem;
border-radius: 1rem;
text-align: left;
}
.div_row_droite_image {
float: left;
//border:0px solid black;
border-width: 0.01rem;
border-radius: 1rem;
text-align: left;
font-family: "verdana", "Quicksand", "Signika", sans-serif;
font-size: small;
padding-left: 0.2rem;
}
.tips_img_class {
font-size: small;
font-style: italic;
margin-left: 1rem !important;
text-align: left;
float: left;
width: 100%;
}
.img_class_logo {
display: block;
width: 168px;
height: 168px;
border-radius: 10px !important;
border: 1px solid black;
float: left;
}
.bton_supprime_image_class {
font-size: small;
text-align: center;
margin-left: 0px;
box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%);
padding: 5px;
padding-left: 10px;
padding-right: 10px;
border: 1px solid rgb(194, 186, 186);
border-radius: 10px;
background: white;
color: red;
margin-top: 0.5rem;
width: 15rem;
cursor: pointer;
}
.bton_supprime_image_class:hover {
box-shadow: 5px 1px 5px 1px rgb(0 0 0 / 25%);
}
.bton_image_class {
font-size: small;
text-align: center;
margin-left: 0px;
box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%);
padding: 5px;
padding-left: 10px;
padding-right: 10px;
border: 1px solid rgb(194, 186, 186);
border-radius: 10px;
width: 15rem;
}
.bton_image_class:hover {
box-shadow: 5px 1px 5px 1px rgb(0 0 0 / 25%);
}
}
@media only screen and (min-width: 1200px) {
@ -1193,6 +1420,7 @@
animation-duration: 10ms;
height: 3rem !important;
padding: 0 !important;
padding-left: 5px !important;
}
.css-1t10bd6-MuiFormControl-root-MuiTextField-root fieldset {
@ -1249,6 +1477,83 @@
top: -13px;
}
// 08/08/23
.div_row_gauche_image {
float: left;
//border:0px solid black;
border-width: 0.01rem;
border-radius: 1rem;
text-align: left;
}
.div_row_droite_image {
float: left;
//border:0px solid black;
border-width: 0.01rem;
border-radius: 1rem;
text-align: left;
font-family: "verdana", "Quicksand", "Signika", sans-serif;
font-size: small;
padding-left: 0.2rem;
}
.tips_img_class {
font-size: small;
font-style: italic;
margin-left: 1rem !important;
text-align: left;
float: left;
width: 100%;
}
.img_class_logo {
display: block;
width: 170px;
height: 168px;
border-radius: 10px !important;
border: 1px solid black;
float: left;
}
.bton_supprime_image_class {
font-size: small;
text-align: center;
margin-left: 0px;
box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%);
padding: 5px;
padding-left: 10px;
padding-right: 10px;
border: 1px solid rgb(194, 186, 186);
border-radius: 10px;
background: white;
color: red;
margin-top: 0.5rem;
width: 15rem;
cursor: pointer;
}
.bton_supprime_image_class:hover {
box-shadow: 5px 1px 5px 1px rgb(0 0 0 / 25%);
}
.bton_image_class {
font-size: small;
text-align: center;
margin-left: 0px;
box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%);
padding: 5px;
padding-left: 10px;
padding-right: 10px;
border: 1px solid rgb(194, 186, 186);
border-radius: 10px;
width: 15rem;
}
.bton_image_class:hover {
box-shadow: 5px 1px 5px 1px rgb(0 0 0 / 25%);
}
}
@ -1307,13 +1612,13 @@
border-radius: 0px !important;
}
.css-9ddj71-MuiInputBase-root-MuiOutlinedInput-root{
.css-9ddj71-MuiInputBase-root-MuiOutlinedInput-root {
height: 3.5rem !important;
}
.react-datepicker__input-container{
.react-datepicker__input-container {
width: 110%;
}

View File

@ -12,7 +12,7 @@
font-style: italic;
}
@media only screen and (max-width: 600px) {
@media only screen and (max-width: 600px) {
.div_row {
float: left;
//border:0px solid black;

View File

@ -0,0 +1,152 @@
.partner_client_securite_data {
@media only screen and (max-width: 600px) {
.btn_modif {
width: 100%;
background-color: #212121 !important;
}
.btn_enreg {
width: 100%;
background-color: green !important;
}
.div_row_gauche {
float: left;
//border:0px solid black;
border-width: 0.01rem;
width: 100%;
border-radius: 1rem;
text-align: left;
}
.div_row_droite {
float: right;
//border:0px solid black;
border-width: 0.01rem;
width: 100%;
border-radius: 1rem;
text-align: right;
}
.block_cle_rattachement {
width: 100%;
float: left;
}
}
@media only screen and (min-width: 601px) and (max-width: 991px) {
.btn_modif {
width: 7rem;
background-color: #212121 !important;
}
.btn_enreg {
width: 7rem;
background-color: green !important;
}
.div_row_gauche {
float: left;
//border:0px solid black;
border-width: 0.01rem;
width: 45%;
border-radius: 1rem;
text-align: left;
}
.div_row_droite {
float: right;
//border:0px solid black;
border-width: 0.01rem;
width: 45%;
border-radius: 1rem;
text-align: right;
}
.block_cle_rattachement {
width: 100%;
float: left;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.btn_modif {
width: 10rem;
background-color: #212121 !important;
}
.btn_enreg {
width: 10rem;
background-color: green !important;
}
.div_row_gauche {
float: left;
//border:0px solid black;
border-width: 0.01rem;
width: 45%;
border-radius: 1rem;
text-align: left;
}
.div_row_droite {
float: right;
//border:0px solid black;
border-width: 0.01rem;
width: 45%;
border-radius: 1rem;
text-align: right;
}
.block_cle_rattachement {
width: 48%;
float: left;
}
}
@media only screen and (min-width: 1200px) {
.btn_modif {
width: 15rem;
background-color: #212121 !important;
}
.btn_enreg {
width: 15rem;
background-color: green !important;
}
.div_row_gauche {
float: left;
//border:0px solid black;
border-width: 0.01rem;
width: 45%;
border-radius: 1rem;
//border-right: solid;
border-radius: 0%;
text-align: left;
}
.div_row_droite {
float: right;
border-width: 0.01rem;
width: 45%;
text-align: right;
}
.block_cle_rattachement {
width: 45%;
float: left;
}
}
// end media
}

View File

@ -6,9 +6,23 @@
font-size: small !important;
}
.css-1q6at85-MuiInputBase-root-MuiOutlinedInput-root{
padding-right: 0.2rem !important;
height: 3rem !important;
margin-bottom: 1rem;
}
.css-1o9s3wi-MuiInputBase-input-MuiOutlinedInput-input{
height: 2.5rem !important;
}
.text_pwd_crit{
font-size: small;
}
.texte_area {
float: left;
width: 90% !important;
width: 100% !important;
font-size: x-small !important;
font-family: "verdana", "Quicksand", "Signika", sans-serif;
margin: 0.4rem !important;
@ -16,7 +30,7 @@
.texte_area_adress {
float: left;
width: 90% !important;
width: 100% !important;
font-size: x-small !important;
font-family: "verdana", "Quicksand", "Signika", sans-serif;
margin: 0.4rem !important;
@ -24,7 +38,7 @@
.texte_area_passwd {
float: left;
width: 90% !important;
width: 100% !important;
font-size: x-small !important;
font-family: "verdana", "Quicksand", "Signika", sans-serif;
margin: 0.4rem !important;
@ -203,11 +217,50 @@
.bton_image_class:hover {
box-shadow: 5px 1px 5px 1px rgb(0 0 0 / 25%);
}
// added on 03/08/23
.detail_submenu {
background: #d8edfc;
border-radius: 15px;
margin-right: 1rem;
padding: 0.3rem;
margin-bottom: 0.5rem;
min-width: 10rem;
text-align: center;
border: 1px solid #9cf;
color: #3b3e40;
font-family: "verdana", "Quicksand", "Signika", sans-serif;
font-size: small;
letter-spacing: 0.1rem;
font-weight: normal;
width: 100%;
}
.detail_submenu:hover,
.detail_submenu:focus,
.detail_submenu:active,
.detail_submenu:checked {
background-color: #104277;
color: white;
}
.scroll_mysy {
overflow-y: auto;
max-height: 20rem;
overflow-y: visible;
overflow-y: scroll;
padding-right: 1rem !important;
}
}
@media only screen and (min-width: 601px) and (max-width: 991px) {
text-align: left;
.text_pwd_crit{
font-size: small;
}
.css-1x51dt5-MuiInputBase-input-MuiInput-input {
font-size: small !important;
}
@ -399,11 +452,49 @@
.bton_image_class:hover {
box-shadow: 5px 1px 5px 1px rgb(0 0 0 / 25%);
}
// added on 03/08/23
.detail_submenu {
background: #d8edfc;
border-radius: 15px;
margin-right: 1rem;
padding: 0.3rem;
margin-bottom: 0.5rem;
min-width: 10rem;
text-align: center;
border: 1px solid #9cf;
color: #3b3e40;
font-family: "verdana", "Quicksand", "Signika", sans-serif;
font-size: small;
letter-spacing: 0.1rem;
font-weight: normal;
}
.detail_submenu:hover,
.detail_submenu:focus,
.detail_submenu:active,
.detail_submenu:checked {
background-color: #104277;
color: white;
}
.scroll_mysy {
overflow-y: auto;
max-height: 20rem;
overflow-y: visible;
overflow-y: scroll;
padding-right: 1rem !important;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
text-align: left;
.text_pwd_crit{
font-size: small;
}
.css-1x51dt5-MuiInputBase-input-MuiInput-input {
font-size: small !important;
}
@ -594,6 +685,40 @@
.bton_image_class:hover {
box-shadow: 5px 1px 5px 1px rgb(0 0 0 / 25%);
}
// added on 03/08/23
.detail_submenu {
background: #d8edfc;
border-radius: 15px;
margin-right: 1rem;
padding: 0.3rem;
margin-bottom: 0.5rem;
min-width: 10rem;
text-align: center;
border: 1px solid #9cf;
color: #3b3e40;
font-family: "verdana", "Quicksand", "Signika", sans-serif;
font-size: small;
letter-spacing: 0.1rem;
font-weight: normal;
}
.detail_submenu:hover,
.detail_submenu:focus,
.detail_submenu:active,
.detail_submenu:checked {
background-color: #104277;
color: white;
}
.scroll_mysy {
overflow-y: auto;
max-height: 20rem;
overflow-y: visible;
overflow-y: scroll;
padding-right: 1rem !important;
}
}
@media only screen and (min-width: 1200px) {

View File

@ -70,6 +70,7 @@
@import "./components/partner_client_activite";
@import "./components/partnerinvoicingdata";
@import "./components/displaypartnersession";
@import "./components/partner_client_securite_data";