08/08/2023 - 16h
parent
edb4bb8b38
commit
4a2d431d2b
|
@ -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>
|
||||
|
|
|
@ -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;
|
||||
|
|
@ -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,9 +5486,63 @@ 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" >
|
||||
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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(() => {
|
||||
|
|
|
@ -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%" }}> </div>
|
||||
|
||||
<div className="div_row_gauche">
|
||||
|
@ -923,9 +923,12 @@ const Partner_Securite_Data = (props) => {
|
|||
<li>
|
||||
|
||||
</li>
|
||||
<li>
|
||||
|
||||
</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%" }}> </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">
|
||||
|
|
|
@ -391,6 +391,7 @@ function UpdateParnterInfo() {
|
|||
}
|
||||
|
||||
|
||||
|
||||
if (mylocaltraining.isdatadock) {
|
||||
setmydatadock(mylocaltraining.isdatadock);
|
||||
}
|
||||
|
@ -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">
|
||||
|
@ -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} <br />
|
||||
|
@ -2378,6 +2391,7 @@ function UpdateParnterInfo() {
|
|||
|
||||
</div>}
|
||||
|
||||
<div className="div_row">
|
||||
<div className="div_row22">
|
||||
<div className="titre1"> Supppression de compte </div>
|
||||
<div style={{ "marginTop": "1rem", "textAlign": "left" }}>
|
||||
|
@ -2385,6 +2399,7 @@ function UpdateParnterInfo() {
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
export default UpdateParnterInfo;
|
|
@ -1130,7 +1130,7 @@
|
|||
}
|
||||
|
||||
.icon_excel {
|
||||
width: 5%;
|
||||
width: 4%;
|
||||
}
|
||||
|
||||
.bton_envoyer {
|
||||
|
|
File diff suppressed because it is too large
Load Diff
|
@ -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%;
|
||||
}
|
|
@ -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
|
||||
}
|
|
@ -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) {
|
||||
|
|
|
@ -70,6 +70,7 @@
|
|||
@import "./components/partner_client_activite";
|
||||
@import "./components/partnerinvoicingdata";
|
||||
@import "./components/displaypartnersession";
|
||||
@import "./components/partner_client_securite_data";
|
||||
|
||||
|
||||
|
||||
|
|
Loading…
Reference in New Issue