05/08/23 - 16h
parent
9713f00cf5
commit
107fdaceb9
|
@ -33,7 +33,7 @@ import img_loading_spin from "./../mysy_img/mysy_spin_loading.gif";
|
|||
import 'react-tooltip/dist/react-tooltip.css'
|
||||
import { Tooltip } from 'react-tooltip'
|
||||
import Popup from 'reactjs-popup';
|
||||
import 'reactjs-popup/dist/index.css';
|
||||
import 'reactjs-popup/dist/index.css';
|
||||
import { FcCancel, FcApproval, FcAcceptDatabase, FcPrint } from "react-icons/fc";
|
||||
|
||||
function Abonnement(props) {
|
||||
|
|
|
@ -1835,9 +1835,9 @@ const AddParnerClient = (props) => {
|
|||
const [Display_Part_Client_Contact_api, setDisplay_Part_Client_Contact_api] = useState("");
|
||||
const [Display_Part_Client_Contact_result, setDisplay_Part_Client_Contact_result] = useState("");
|
||||
const [Display_Part_Client_Contact_message, setDisplay_Part_Client_Contact_message] = useState("");
|
||||
async function Display_Part_Client_Contact(event) {
|
||||
|
||||
function Display_Part_Client_Contact(event) {
|
||||
|
||||
|
||||
var form = new FormData();
|
||||
|
||||
const stored_cookie = getCookie('tokenmysypart');
|
||||
|
@ -1848,6 +1848,9 @@ const AddParnerClient = (props) => {
|
|||
form.append("related_collection", "partner_client");
|
||||
form.append("related_collection_owner_email", p_client_email);
|
||||
|
||||
console.log(" ### email = ", event.target.id)
|
||||
|
||||
console.log(" ### target = ", event.target)
|
||||
|
||||
var myurl = process.env.REACT_APP_API_URL + "myclass/api/Get_Given_Contact/";
|
||||
|
||||
|
|
|
@ -660,8 +660,8 @@ const Partner = (props) => {
|
|||
<div className="nom_prenom"> {parntername && <b> {parntername} - {String(partnerPackService).toUpperCase()} ({parnternbformation})</b>}
|
||||
{!parntername && <b> Partenaire </b>} </div>
|
||||
<hr className="my_hr" />
|
||||
{String(menu) !== "infopartner" && <div className="sousmenu" onClick={PersonnalData}> <FcHome className="icone_menu" /> DONNEES PERSONNELLES</div>}
|
||||
{String(menu) === "infopartner" && <div className="sousmenu_selected" onClick={PersonnalData} > <FcHome className="icone_menu" /> DONNEES PERSONNELLES</div>}
|
||||
{String(menu) !== "infopartner" && <div className="sousmenu" onClick={PersonnalData}> <FcHome className="icone_menu" /> MES INFORMATIONS</div>}
|
||||
{String(menu) === "infopartner" && <div className="sousmenu_selected" onClick={PersonnalData} > <FcHome className="icone_menu" /> MES INFORMATIONS</div>}
|
||||
<hr className="my_hr" />
|
||||
|
||||
{String(menu) !== "creation" && <div className="sousmenu" onClick={CreateTraining}> <FcAddDatabase className="icone_menu" /> CREER FORMATION</div>}
|
||||
|
|
|
@ -0,0 +1,477 @@
|
|||
import React, { useState, useEffect } from "react";
|
||||
import UpdateUserInfo from "../components/UpdateUserInfo";
|
||||
import Button from '@mui/material/Button';
|
||||
|
||||
import { AiOutlineEdit } from "react-icons/ai";
|
||||
import { getCookie } from 'react-use-cookie';
|
||||
import { DataGrid, GridToolbar, frFR } from '@mui/x-data-grid';
|
||||
import axios from "axios";
|
||||
import Box from '@mui/material/Box';
|
||||
import InputLabel from '@mui/material/InputLabel';
|
||||
import InputAdornment from '@mui/material/InputAdornment';
|
||||
import FormControl from '@mui/material/FormControl';
|
||||
import TextField from '@mui/material/TextField';
|
||||
import AccountCircle from '@mui/icons-material/AccountCircle';
|
||||
import PhoneIcon from '@mui/icons-material/Phone'
|
||||
import EmailIcon from '@mui/icons-material/Email'
|
||||
import HomeIcon from '@mui/icons-material/Home'
|
||||
import { Button2, Form, FormGroup, Label } from "reactstrap";
|
||||
import { faBullseye } from "@fortawesome/fontawesome-free-solid";
|
||||
import tick_ok from "../mysy_img/tick_OK.png";
|
||||
import tick_ko from "../mysy_img/tick_KO.png";
|
||||
import { useHistory } from "react-router-dom";
|
||||
import CheckOut from "./CheckOut";
|
||||
import PaymentMethod from "./PaymentMethode";
|
||||
import { IoAddCircleOutline, IoCloseCircleOutline } from "react-icons/io5";
|
||||
import fileDownload from 'js-file-download'
|
||||
import PayementComponent_Carte from "./PaymentMethode_Carte"
|
||||
import img_logo_stripe from "./../mysy_img/logo-stripe-secure.png";
|
||||
import SendIcon from '@mui/icons-material/Send';
|
||||
import { confirmAlert } from 'react-confirm-alert'; // Import
|
||||
import { RiAddCircleLine } from "react-icons/ri";
|
||||
import img_loading_spin from "./../mysy_img/mysy_spin_loading.gif";
|
||||
import 'react-tooltip/dist/react-tooltip.css'
|
||||
import { Tooltip } from 'react-tooltip'
|
||||
import Popup from 'reactjs-popup';
|
||||
import 'reactjs-popup/dist/index.css';
|
||||
import { FcCancel, FcApproval, FcAcceptDatabase, FcPrint } from "react-icons/fc";
|
||||
|
||||
function Partner_Invoicing_Data(props) {
|
||||
|
||||
const [p_nom, setp_nom] = useState("");
|
||||
const [p_vat_num, setp_vat_num] = useState("");
|
||||
const [p_telephone, setp_telephone] = useState("");
|
||||
const [p_email, setp_email] = useState("");
|
||||
const [p_adr_street, setp_adr_street] = useState("");
|
||||
const [p_adr_zip, setp_adr_zip] = useState("");
|
||||
const [p_adr_city, setp_adr_city] = useState("");
|
||||
const [p_adr_country, setp_adr_country] = useState("");
|
||||
|
||||
|
||||
|
||||
const [fields1desabled, setfields1desabled] = useState("");
|
||||
|
||||
// recuperation et gestion du token utilisateur
|
||||
const history = useHistory();
|
||||
const stored_part = getCookie('tokenmysypart');
|
||||
if (!stored_part || stored_part.length <= 0) {
|
||||
history.push("/PartnerLogin");
|
||||
}
|
||||
|
||||
const [RecordData_api, setRecordData_api] = useState();
|
||||
const [RecordData_result, setRecordData_result] = useState();
|
||||
const [RecordData_message, setRecordData_message] = useState();
|
||||
function RecordData() {
|
||||
const formData = new FormData();
|
||||
const url = process.env.REACT_APP_API_URL + "myclass/api/update_partner_account/";
|
||||
|
||||
var nom = document.getElementsByName("nom")[0].value;
|
||||
var vat_num = document.getElementsByName("vat_num")[0].value;
|
||||
var telephone = document.getElementsByName("telephone")[0].value;
|
||||
var email = document.getElementsByName("email")[0].value;
|
||||
var adr_street = document.getElementsByName("adr_street")[0].value;
|
||||
var adr_zip = document.getElementsByName("adr_zip")[0].value;
|
||||
var adr_city = document.getElementsByName("adr_city")[0].value;
|
||||
var adr_country = document.getElementsByName("adr_country")[0].value;
|
||||
|
||||
formData.append('token', stored_part);
|
||||
formData.append('invoice_vat_num', vat_num);
|
||||
formData.append('invoice_nom', nom);
|
||||
formData.append('invoice_adr_street', adr_street);
|
||||
formData.append('invoice_adr_city', adr_city);
|
||||
formData.append('invoice_adr_zip', adr_zip);
|
||||
formData.append('invoice_adr_country', adr_country);
|
||||
formData.append('invoice_email', email);
|
||||
formData.append('invoice_telephone', telephone);
|
||||
|
||||
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")) {
|
||||
|
||||
setRecordData_api("true");
|
||||
setRecordData_result(result['message']);
|
||||
desablefield1();
|
||||
alert(result['message'])
|
||||
}
|
||||
else if (String(result['status']) === String("Err_Connexion")) {
|
||||
alert('Erreur: ' + result['message']);
|
||||
history.push("/Connexion");
|
||||
} else {
|
||||
setRecordData_api("true");
|
||||
setRecordData_message(result['message']);
|
||||
alert(result['message']);
|
||||
}
|
||||
|
||||
|
||||
})
|
||||
.catch((error) => {
|
||||
console.error('RecordData Error:', error);
|
||||
setRecordData_api("false");
|
||||
setRecordData_message(" Impossible de mettre à jour les données du partenaire");
|
||||
});
|
||||
|
||||
|
||||
};
|
||||
|
||||
|
||||
const [Client_end_date_abonnement, setClient_end_date_abonnement] = useState();
|
||||
|
||||
const [getCurrentUserData_api, setgetCurrentUserData_api] = useState([]);
|
||||
const [getCurrentUserData_result, setgetCurrentUserData_result] = useState([]);
|
||||
const [getCurrentUserData_message, setgetCurrentUserData_message] = useState([]);
|
||||
|
||||
function getCurrentUserData() {
|
||||
const formData = new FormData();
|
||||
const url = process.env.REACT_APP_API_URL + "myclass/api/get_partner_account/";
|
||||
formData.append('token', stored_part);
|
||||
|
||||
axios.post(url, formData).then(res => {
|
||||
|
||||
if (String(res.data.status) === String("true")) {
|
||||
//console.log(" In getCurrentUserData res.data.status = " + res.data.status);
|
||||
//console.log(" In getCurrentUserData res.data.message = " + res.data.message);
|
||||
|
||||
setgetCurrentUserData_api("true");
|
||||
|
||||
var mylocaltraining = JSON.parse(res.data.message);
|
||||
if (mylocaltraining) {
|
||||
|
||||
|
||||
if (mylocaltraining.end_date_abonnement && String(mylocaltraining.end_date_abonnement).length > 3) {
|
||||
|
||||
setClient_end_date_abonnement(mylocaltraining.end_date_abonnement);
|
||||
}
|
||||
|
||||
|
||||
if (mylocaltraining.invoice_vat_num) {
|
||||
setp_vat_num(mylocaltraining.invoice_vat_num);
|
||||
document.getElementsByName("vat_num")[0].disabled = true;
|
||||
document.getElementsByName("vat_num")[0].style.backgroundColor = "#ECEFF1";
|
||||
}
|
||||
|
||||
|
||||
if (mylocaltraining.invoice_nom) {
|
||||
setp_nom (mylocaltraining.invoice_nom);
|
||||
document.getElementsByName("nom")[0].disabled = true;
|
||||
document.getElementsByName("nom")[0].style.backgroundColor = "#ECEFF1";
|
||||
}
|
||||
|
||||
if (mylocaltraining.invoice_adr_street) {
|
||||
setp_adr_street (mylocaltraining.invoice_adr_street);
|
||||
document.getElementsByName("adr_street")[0].disabled = true;
|
||||
document.getElementsByName("adr_street")[0].style.backgroundColor = "#ECEFF1";
|
||||
}
|
||||
|
||||
if (mylocaltraining.invoice_adr_city) {
|
||||
setp_adr_city (mylocaltraining.invoice_adr_city);
|
||||
document.getElementsByName("adr_city")[0].disabled = true;
|
||||
document.getElementsByName("adr_city")[0].style.backgroundColor = "#ECEFF1";
|
||||
}
|
||||
|
||||
if (mylocaltraining.invoice_adr_zip) {
|
||||
setp_adr_zip (mylocaltraining.invoice_adr_zip);
|
||||
document.getElementsByName("adr_zip")[0].disabled = true;
|
||||
document.getElementsByName("adr_zip")[0].style.backgroundColor = "#ECEFF1";
|
||||
}
|
||||
|
||||
if (mylocaltraining.invoice_adr_country) {
|
||||
setp_adr_country (mylocaltraining.invoice_adr_country);
|
||||
document.getElementsByName("adr_country")[0].disabled = true;
|
||||
document.getElementsByName("adr_country")[0].style.backgroundColor = "#ECEFF1";
|
||||
}
|
||||
|
||||
if (mylocaltraining.invoice_email) {
|
||||
setp_email( mylocaltraining.invoice_email);
|
||||
document.getElementsByName("email")[0].disabled = true;
|
||||
document.getElementsByName("email")[0].style.backgroundColor = "#ECEFF1";
|
||||
}
|
||||
|
||||
if (mylocaltraining.invoice_telephone) {
|
||||
|
||||
setp_telephone (mylocaltraining.invoice_telephone);
|
||||
document.getElementsByName("telephone")[0].disabled = true;
|
||||
document.getElementsByName("telephone")[0].style.backgroundColor = "#ECEFF1";
|
||||
}
|
||||
|
||||
|
||||
desablefield1();
|
||||
|
||||
}
|
||||
}
|
||||
else {
|
||||
setgetCurrentUserData_api("false");
|
||||
setgetCurrentUserData_message(res.data.message);
|
||||
}
|
||||
|
||||
}).catch((error) => {
|
||||
console.warn('Not good man :( getCurrentUserData = ', error);
|
||||
setgetCurrentUserData_api("false");
|
||||
setgetCurrentUserData_message(" Impossible de recuperer les données du partenaire");
|
||||
|
||||
})
|
||||
}
|
||||
|
||||
function enablefieds1() {
|
||||
setfields1desabled(false);
|
||||
document.getElementsByName("nom")[0].disabled = false;
|
||||
document.getElementsByName("nom")[0].style.backgroundColor = "#FFFFFF";
|
||||
|
||||
document.getElementsByName("telephone")[0].disabled = false;
|
||||
document.getElementsByName("telephone")[0].style.backgroundColor = "#FFFFFF";
|
||||
|
||||
document.getElementsByName("email")[0].disabled = false;
|
||||
document.getElementsByName("email")[0].style.backgroundColor = "#FFFFFF";
|
||||
|
||||
document.getElementsByName("adr_street")[0].disabled = false;
|
||||
document.getElementsByName("adr_street")[0].style.backgroundColor = "#FFFFFF";
|
||||
|
||||
document.getElementsByName("adr_zip")[0].disabled = false;
|
||||
document.getElementsByName("adr_zip")[0].style.backgroundColor = "#FFFFFF";
|
||||
|
||||
document.getElementsByName("adr_city")[0].disabled = false;
|
||||
document.getElementsByName("adr_city")[0].style.backgroundColor = "#FFFFFF";
|
||||
|
||||
document.getElementsByName("adr_country")[0].disabled = false;
|
||||
document.getElementsByName("adr_country")[0].style.backgroundColor = "#FFFFFF";
|
||||
|
||||
document.getElementsByName("vat_num")[0].disabled = false;
|
||||
document.getElementsByName("vat_num")[0].style.backgroundColor = "#FFFFFF";
|
||||
}
|
||||
|
||||
function desablefield1() {
|
||||
setfields1desabled(true);
|
||||
document.getElementsByName("nom")[0].disabled = true;
|
||||
//document.getElementsByName("nom")[0].style.backgroundColor = "#FFFFFF";
|
||||
|
||||
document.getElementsByName("telephone")[0].disabled = true;
|
||||
//document.getElementsByName("telephone")[0].style.backgroundColor = "#ECEFF1";
|
||||
|
||||
document.getElementsByName("email")[0].disabled = true;
|
||||
// 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_zip")[0].disabled = true;
|
||||
//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_country")[0].disabled = true;
|
||||
//document.getElementsByName("adr_country")[0].style.backgroundColor = "#ECEFF1";
|
||||
|
||||
document.getElementsByName("vat_num")[0].disabled = true;
|
||||
//document.getElementsByName("vat_num")[0].style.backgroundColor = "#ECEFF1";
|
||||
}
|
||||
|
||||
useEffect(() => {
|
||||
|
||||
getCurrentUserData();
|
||||
|
||||
}, []);
|
||||
|
||||
return (
|
||||
<div className="partnerinvoicingdata">
|
||||
<div className="div_row">
|
||||
|
||||
<div className="titre1"> Detail de Facturation </div>
|
||||
{String(RecordData_api) === String("true") && <div className="okUpdateData"> La modification a ete prise en compte </div>}
|
||||
|
||||
{String(RecordData_api) === String("false") && <div className="koUpdateData"> Impossible de modifier les informations </div>}
|
||||
|
||||
<Box alignItems="left" sx={{ '& > :not(style)': { m: 1 }, width: '100%', }}>
|
||||
|
||||
<TextField
|
||||
required
|
||||
disabled
|
||||
label="Raison sociale"
|
||||
name="nom"
|
||||
className="texte_area"
|
||||
sx={{ m: 1, width: '48%' }}
|
||||
InputProps={{
|
||||
startAdornment: (
|
||||
<InputAdornment position="start">
|
||||
<AccountCircle />
|
||||
</InputAdornment>
|
||||
),
|
||||
}}
|
||||
value={p_nom}
|
||||
onChange={(e) => setp_nom(e.target.value)}
|
||||
|
||||
/>
|
||||
|
||||
<TextField
|
||||
|
||||
disabled
|
||||
label="num TVA"
|
||||
name="vat_num"
|
||||
className="texte_area"
|
||||
sx={{ m: 1, width: '48%' }}
|
||||
InputProps={{
|
||||
startAdornment: (
|
||||
<InputAdornment position="start">
|
||||
<AccountCircle />
|
||||
</InputAdornment>
|
||||
),
|
||||
}}
|
||||
value={p_vat_num}
|
||||
onChange={(e) => setp_vat_num(e.target.value)}
|
||||
|
||||
/>
|
||||
|
||||
|
||||
<TextField
|
||||
disabled
|
||||
name="telephone"
|
||||
label="Téléphone"
|
||||
className="texte_area"
|
||||
sx={{ m: 1, width: '48%' }}
|
||||
InputProps={{
|
||||
startAdornment: (
|
||||
<InputAdornment position="start">
|
||||
<PhoneIcon />
|
||||
</InputAdornment>
|
||||
),
|
||||
}}
|
||||
value={p_telephone}
|
||||
onChange={(e) => setp_telephone(e.target.value)}
|
||||
|
||||
/>
|
||||
|
||||
|
||||
<TextField
|
||||
name="email"
|
||||
disabled
|
||||
label="Adresse mail"
|
||||
className="texte_area"
|
||||
sx={{ m: 1, width: '48%' }}
|
||||
InputProps={{
|
||||
startAdornment: (
|
||||
<InputAdornment position="start">
|
||||
<EmailIcon />
|
||||
</InputAdornment>
|
||||
),
|
||||
}}
|
||||
value={p_email}
|
||||
onChange={(e) => setp_email(e.target.value)}
|
||||
|
||||
/>
|
||||
|
||||
|
||||
<TextField
|
||||
name="adr_street"
|
||||
disabled
|
||||
label="Adresse"
|
||||
className="texte_area_adress"
|
||||
sx={{ m: 1, width: '96%' }}
|
||||
InputProps={{
|
||||
startAdornment: (
|
||||
<InputAdornment position="start">
|
||||
<HomeIcon />
|
||||
</InputAdornment>
|
||||
),
|
||||
}}
|
||||
value={p_adr_street}
|
||||
onChange={(e) => setp_adr_street(e.target.value)}
|
||||
|
||||
/>
|
||||
|
||||
<TextField
|
||||
name="adr_zip"
|
||||
disabled
|
||||
label="Code Postal"
|
||||
className="texte_area"
|
||||
sx={{ m: 1, width: '48%' }}
|
||||
InputProps={{
|
||||
startAdornment: (
|
||||
<InputAdornment position="start">
|
||||
<HomeIcon />
|
||||
</InputAdornment>
|
||||
),
|
||||
}}
|
||||
value={p_adr_zip}
|
||||
onChange={(e) => setp_adr_zip(e.target.value)}
|
||||
|
||||
/>
|
||||
|
||||
<TextField
|
||||
name="adr_city"
|
||||
disabled
|
||||
label="Ville"
|
||||
className="texte_area"
|
||||
sx={{ m: 1, width: '48%' }}
|
||||
InputProps={{
|
||||
startAdornment: (
|
||||
<InputAdornment position="start">
|
||||
<HomeIcon />
|
||||
</InputAdornment>
|
||||
),
|
||||
}}
|
||||
value={p_adr_city}
|
||||
onChange={(e) => setp_adr_city(e.target.value)}
|
||||
|
||||
/>
|
||||
<br />
|
||||
<TextField
|
||||
name="adr_country"
|
||||
label="Pays"
|
||||
disabled
|
||||
className="texte_area"
|
||||
sx={{ m: 1, width: '48%' }}
|
||||
InputProps={{
|
||||
startAdornment: (
|
||||
<InputAdornment position="start">
|
||||
<HomeIcon />
|
||||
</InputAdornment>
|
||||
),
|
||||
}}
|
||||
value={p_adr_country}
|
||||
onChange={(e) => setp_adr_country(e.target.value)}
|
||||
|
||||
/>
|
||||
|
||||
</Box>
|
||||
|
||||
<div className="div_row">
|
||||
|
||||
</div>
|
||||
|
||||
<div className="div_row">
|
||||
|
||||
<div className="div_row22">
|
||||
{fields1desabled == false && <div className="div_row">
|
||||
<div className="div_row_gauche">
|
||||
<Button variant="contained" color="success" className="div_row22 btn_enreg " onClick={RecordData}>Enregistrer</Button>
|
||||
</div>
|
||||
<div className="div_row_droite">
|
||||
<Button variant="contained" color="success" className="div_row22 btn_modif" onClick={getCurrentUserData}>Annuler</Button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
}
|
||||
{fields1desabled == true &&
|
||||
<Button variant="contained" color="success" className="div_row22 btn_modif" onClick={enablefieds1}>Editer</Button>
|
||||
}
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
);
|
||||
|
||||
}
|
||||
|
||||
export default Partner_Invoicing_Data;
|
|
@ -60,6 +60,11 @@ const Partner_Securite_Data = (props) => {
|
|||
});
|
||||
|
||||
|
||||
const [valuesPass1_v2, setValuesPass1_v2] = React.useState({
|
||||
password1_v2: '',
|
||||
showPassword1_v2: false,
|
||||
});
|
||||
|
||||
|
||||
const [currentpawdvisible, setcurrentpawdvisible] = useState(false);
|
||||
const [newpawdvisible, setnewpawdvisible] = useState(false);
|
||||
|
@ -84,6 +89,9 @@ const Partner_Securite_Data = (props) => {
|
|||
|
||||
|
||||
setmailfieldsdesabled(false);
|
||||
setResult("");
|
||||
setupdatepwd();
|
||||
setupdatemainmail();
|
||||
}
|
||||
|
||||
function desablesecurtymailfields() {
|
||||
|
@ -103,6 +111,9 @@ const Partner_Securite_Data = (props) => {
|
|||
|
||||
|
||||
setmailfieldsdesabled(true);
|
||||
setResult("");
|
||||
setupdatepwd();
|
||||
setupdatemainmail();
|
||||
}
|
||||
|
||||
const handleMouseDownPassword = (event) => {
|
||||
|
@ -130,6 +141,22 @@ const Partner_Securite_Data = (props) => {
|
|||
};
|
||||
|
||||
|
||||
const handleClickShowPassword_current_pwd_v2 = () => {
|
||||
var filtre2_value = document.getElementsByName("current_pwd")[0].value;
|
||||
|
||||
if (currentpawdvisible == false) {
|
||||
document.getElementsByName("current_pwd_v2")[0].type = "text";
|
||||
setcurrentpawdvisible(true);
|
||||
}
|
||||
else if (currentpawdvisible == true) {
|
||||
document.getElementsByName("current_pwd_v2")[0].type = "password";
|
||||
setcurrentpawdvisible(false);
|
||||
}
|
||||
|
||||
};
|
||||
|
||||
|
||||
|
||||
const handleClickShowPassword_new_pwd = () => {
|
||||
if (newpawdvisible == false) {
|
||||
document.getElementsByName("new_pwd")[0].type = "text";
|
||||
|
@ -166,6 +193,14 @@ const Partner_Securite_Data = (props) => {
|
|||
};
|
||||
}
|
||||
|
||||
|
||||
function handleChange2_v2(prop) {
|
||||
return (event) => {
|
||||
setValuesPass1_v2({ ...valuesPass1_v2, [prop]: event.target.value });
|
||||
};
|
||||
}
|
||||
|
||||
|
||||
function handleChange3(prop) {
|
||||
return (event) => {
|
||||
setValuesPass3({ ...valuesPass3, [prop]: event.target.value });
|
||||
|
@ -231,15 +266,23 @@ const Partner_Securite_Data = (props) => {
|
|||
//console.log('Success:', result['message'], "result['status'] = ", result['status']);
|
||||
setmyApiResponse(result['status']);
|
||||
setResult(result['message']);
|
||||
if (String(result['status']) == String("true")) {
|
||||
if (String(result['status']) === String("true")) {
|
||||
setupdatepwd(true);
|
||||
alert("Le mot de passe a été mis à jour.")
|
||||
} else if (String(result['status']) === String("Err_Connexion")) {
|
||||
alert('Erreur: ' + result['message']);
|
||||
history.push("/Connexion");
|
||||
} else {
|
||||
alert("Erreur :", result['message']);
|
||||
}
|
||||
|
||||
|
||||
})
|
||||
.catch((error) => {
|
||||
console.error('Error:', error);
|
||||
setmyApiResponse("false");
|
||||
setupdatepwd(false);
|
||||
alert("Erreur :", result['message']);
|
||||
});
|
||||
}
|
||||
|
||||
|
@ -280,6 +323,12 @@ const Partner_Securite_Data = (props) => {
|
|||
setResult(result['message']);
|
||||
if (String(result['status']) == String("true")) {
|
||||
setupdatemainmail(true);
|
||||
alert("L'adresse email a été mise à jour.")
|
||||
} else if (String(result['status']) === String("Err_Connexion")) {
|
||||
alert('Erreur: ' + result['message']);
|
||||
history.push("/Connexion");
|
||||
} else {
|
||||
alert("Erreur :", result['message']);
|
||||
}
|
||||
|
||||
})
|
||||
|
@ -288,9 +337,6 @@ const Partner_Securite_Data = (props) => {
|
|||
setmyApiResponse("false");
|
||||
setupdatemainmail(false);
|
||||
});
|
||||
|
||||
|
||||
|
||||
}
|
||||
|
||||
function desablesecurtypwdfields() {
|
||||
|
@ -308,6 +354,9 @@ const Partner_Securite_Data = (props) => {
|
|||
|
||||
|
||||
setpwdfieldsdesabled(true);
|
||||
setResult("");
|
||||
setupdatepwd();
|
||||
setupdatemainmail();
|
||||
}
|
||||
|
||||
|
||||
|
@ -324,169 +373,163 @@ const Partner_Securite_Data = (props) => {
|
|||
document.getElementsByName("new_pwd_conf")[0].style.backgroundColor = "#FFFFFF";
|
||||
|
||||
setpwdfieldsdesabled(false);
|
||||
}
|
||||
|
||||
|
||||
|
||||
function enablesecurtypwdfields() {
|
||||
|
||||
document.getElementsByName("current_pwd")[0].disabled = false;
|
||||
document.getElementsByName("current_pwd")[0].style.backgroundColor = "#FFFFFF";
|
||||
|
||||
document.getElementsByName("new_pwd")[0].disabled = false;
|
||||
document.getElementsByName("new_pwd")[0].style.backgroundColor = "#FFFFFF";
|
||||
|
||||
document.getElementsByName("new_pwd_conf")[0].disabled = false;
|
||||
document.getElementsByName("new_pwd_conf")[0].style.backgroundColor = "#FFFFFF";
|
||||
|
||||
setpwdfieldsdesabled(false);
|
||||
setResult("");
|
||||
setupdatepwd();
|
||||
setupdatemainmail();
|
||||
}
|
||||
|
||||
const [valuesconf_new_insert_key, setvaluesconf_new_insert_key] = React.useState({
|
||||
password_insertconf_new_key: '',
|
||||
showpassword_insertconf_new_key: false,
|
||||
});
|
||||
|
||||
const [conf_new_insert_key_visible, setconf_new_insert_key_visible] = useState(false);
|
||||
|
||||
function handleChangeconf_new_insert_key(prop) {
|
||||
});
|
||||
|
||||
const [conf_new_insert_key_visible, setconf_new_insert_key_visible] = useState(false);
|
||||
|
||||
function handleChangeconf_new_insert_key(prop) {
|
||||
return (event) => {
|
||||
setvaluesconf_new_insert_key({ ...conf_new_insert_key_visible, [prop]: event.target.value });
|
||||
setvaluesconf_new_insert_key({ ...conf_new_insert_key_visible, [prop]: event.target.value });
|
||||
};
|
||||
}
|
||||
|
||||
function desablesecurtyInsertKeyfields() {
|
||||
}
|
||||
|
||||
function desablesecurtyInsertKeyfields() {
|
||||
|
||||
setinsert_key_updated();
|
||||
document.getElementsByName("current_insert_key")[0].disabled = true;
|
||||
document.getElementsByName("current_insert_key")[0].style.backgroundColor = "#ECEFF1";
|
||||
document.getElementsByName("current_insert_key")[0].value = "";
|
||||
|
||||
|
||||
document.getElementsByName("new_insert_key")[0].disabled = true;
|
||||
document.getElementsByName("new_insert_key")[0].style.backgroundColor = "#ECEFF1";
|
||||
document.getElementsByName("new_insert_key")[0].value = "";
|
||||
|
||||
|
||||
document.getElementsByName("conf_new_insert_key")[0].disabled = true;
|
||||
document.getElementsByName("conf_new_insert_key")[0].style.backgroundColor = "#ECEFF1";
|
||||
document.getElementsByName("conf_new_insert_key")[0].value = "";
|
||||
|
||||
|
||||
|
||||
|
||||
setinsert_keyfieldsdesabled(true);
|
||||
}
|
||||
|
||||
|
||||
function UpdatePartnerInsertKey() {
|
||||
setResult("");
|
||||
setupdatepwd();
|
||||
setupdatemainmail();
|
||||
}
|
||||
|
||||
|
||||
function UpdatePartnerInsertKey() {
|
||||
|
||||
setinsert_key_updated();
|
||||
const url = process.env.REACT_APP_API_URL + "myclass/api/update_partner_insert_key/";
|
||||
const formData = new FormData();
|
||||
formData.append('token', stored_user);
|
||||
|
||||
|
||||
// Si le partenaire n'est pas connecté, il est renvoyé vers la page de connexion
|
||||
if (!stored_user || stored_user.length <= 0) {
|
||||
history.push("/PartnerLogin");
|
||||
history.push("/PartnerLogin");
|
||||
}
|
||||
|
||||
|
||||
var current_key = document.getElementsByName("current_insert_key")[0].value;
|
||||
var new_key = document.getElementsByName("new_insert_key")[0].value;
|
||||
var conf_new_key = document.getElementsByName("conf_new_insert_key")[0].value;
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
document.getElementsByName("identique_insert_key")[0].style.backgroundColor = "white";
|
||||
if (new_key !== conf_new_key) {
|
||||
document.getElementsByName("identique_insert_key")[0].style.backgroundColor = "red";
|
||||
return;
|
||||
document.getElementsByName("identique_insert_key")[0].style.backgroundColor = "red";
|
||||
return;
|
||||
}
|
||||
|
||||
|
||||
document.getElementsByName("caractere_insert_key")[0].style.backgroundColor = "white";
|
||||
if (String(new_key).length < 8) {
|
||||
document.getElementsByName("caractere_insert_key")[0].style.backgroundColor = "red";
|
||||
return
|
||||
document.getElementsByName("caractere_insert_key")[0].style.backgroundColor = "red";
|
||||
return
|
||||
}
|
||||
|
||||
|
||||
var regex = /\d/g;
|
||||
document.getElementsByName("nombre_insert_key")[0].style.backgroundColor = "white";
|
||||
if (!regex.test(new_key)) {
|
||||
document.getElementsByName("nombre_insert_key")[0].style.backgroundColor = "red";
|
||||
return
|
||||
document.getElementsByName("nombre_insert_key")[0].style.backgroundColor = "red";
|
||||
return
|
||||
}
|
||||
|
||||
|
||||
const specialChars = /[`!@#$%^&*()_+\-=\[\]{};':"\\|,.<>\/?~]/;
|
||||
document.getElementsByName("special_insert_key")[0].style.backgroundColor = "white";
|
||||
if (!specialChars.test(new_key)) {
|
||||
document.getElementsByName("special_insert_key")[0].style.backgroundColor = "red";
|
||||
return
|
||||
document.getElementsByName("special_insert_key")[0].style.backgroundColor = "red";
|
||||
return
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
formData.append('current_insert_key', current_key);
|
||||
formData.append('new_insert_key', new_key);
|
||||
formData.append('conf_insert_key', conf_new_key);
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
fetch(
|
||||
url,
|
||||
{
|
||||
method: 'POST',
|
||||
body: formData,
|
||||
}
|
||||
)
|
||||
.then((response) => response.json())
|
||||
.then((result) => {
|
||||
//console.log('Success:', result['message'], "result['status'] = ", result['status']);
|
||||
setinsert_key_api(result['status']);
|
||||
setinsert_key_api_message(result['message']);
|
||||
if (String(result['status']) === String("true")) {
|
||||
desablesecurtyInsertKeyfields();
|
||||
document.getElementsByName("current_insert_key")[0].value = new_key;
|
||||
setinsert_key_updated(true);
|
||||
} else if (String(result['status']) === String("Err_Connexion")) {
|
||||
alert('Erreur: ' + result['message']);
|
||||
history.push("/Connexion");
|
||||
url,
|
||||
{
|
||||
method: 'POST',
|
||||
body: formData,
|
||||
}
|
||||
|
||||
|
||||
})
|
||||
.catch((error) => {
|
||||
console.error('Error:', error);
|
||||
setinsert_key_api("false");
|
||||
setinsert_key_updated(false);
|
||||
});
|
||||
}
|
||||
|
||||
function enablesecurtyInsertKeyfields() {
|
||||
|
||||
)
|
||||
.then((response) => response.json())
|
||||
.then((result) => {
|
||||
//console.log('Success:', result['message'], "result['status'] = ", result['status']);
|
||||
setinsert_key_api(result['status']);
|
||||
setinsert_key_api_message(result['message']);
|
||||
if (String(result['status']) === String("true")) {
|
||||
desablesecurtyInsertKeyfields();
|
||||
document.getElementsByName("current_insert_key")[0].value = new_key;
|
||||
setinsert_key_updated(true);
|
||||
} else if (String(result['status']) === String("Err_Connexion")) {
|
||||
alert('Erreur: ' + result['message']);
|
||||
history.push("/Connexion");
|
||||
}
|
||||
|
||||
|
||||
})
|
||||
.catch((error) => {
|
||||
console.error('Error:', error);
|
||||
setinsert_key_api("false");
|
||||
setinsert_key_updated(false);
|
||||
});
|
||||
}
|
||||
|
||||
function enablesecurtyInsertKeyfields() {
|
||||
|
||||
setinsert_key_updated();
|
||||
document.getElementsByName("current_insert_key")[0].disabled = false;
|
||||
document.getElementsByName("current_insert_key")[0].style.backgroundColor = "#FFFFFF";
|
||||
|
||||
|
||||
|
||||
|
||||
document.getElementsByName("new_insert_key")[0].disabled = false;
|
||||
document.getElementsByName("new_insert_key")[0].style.backgroundColor = "#FFFFFF";
|
||||
|
||||
|
||||
document.getElementsByName("conf_new_insert_key")[0].disabled = false;
|
||||
document.getElementsByName("conf_new_insert_key")[0].style.backgroundColor = "#FFFFFF";
|
||||
|
||||
setinsert_keyfieldsdesabled(false);
|
||||
}
|
||||
|
||||
const handleClickconf_new_insert_key = () => {
|
||||
setinsert_keyfieldsdesabled(false);
|
||||
|
||||
setResult("");
|
||||
setupdatepwd();
|
||||
setupdatemainmail();
|
||||
}
|
||||
|
||||
const handleClickconf_new_insert_key = () => {
|
||||
if (conf_new_insert_key_visible == false) {
|
||||
document.getElementsByName("conf_new_insert_key")[0].type = "text";
|
||||
setconf_new_insert_key_visible(true);
|
||||
document.getElementsByName("conf_new_insert_key")[0].type = "text";
|
||||
setconf_new_insert_key_visible(true);
|
||||
}
|
||||
else if (conf_new_insert_key_visible == true) {
|
||||
document.getElementsByName("conf_new_insert_key")[0].type = "password";
|
||||
setconf_new_insert_key_visible(false);
|
||||
document.getElementsByName("conf_new_insert_key")[0].type = "password";
|
||||
setconf_new_insert_key_visible(false);
|
||||
}
|
||||
};
|
||||
};
|
||||
|
||||
const [insert_key_api, setinsert_key_api] = useState("");
|
||||
const [insert_key_api_message, setinsert_key_api_message] = useState("");
|
||||
const [insert_key_updated, setinsert_key_updated] = useState();
|
||||
|
||||
|
||||
const [insert_keyfieldsdesabled, setinsert_keyfieldsdesabled] = useState(true);
|
||||
|
||||
// Gestion champs caché : Current_Insertion_Key
|
||||
|
@ -554,13 +597,23 @@ const Partner_Securite_Data = (props) => {
|
|||
|
||||
|
||||
useEffect(() => {
|
||||
|
||||
|
||||
desablesecurtymailfields();
|
||||
desablesecurtypwdfields();
|
||||
desablesecurtyInsertKeyfields();
|
||||
|
||||
}, [])
|
||||
|
||||
}, [])
|
||||
|
||||
const [p_current_pwd, setp_current_pwd] = useState("");
|
||||
const [p_new_pwd, setp_new_pwd] = useState("");
|
||||
const [p_new_pwd_conf, setp_new_pwd_conf] = useState("");
|
||||
const [p_current_email, setp_current_email] = useState("");
|
||||
const [p_new_email, setp_new_email] = useState("");
|
||||
const [p_conf_new_email, setp_conf_new_email] = useState("");
|
||||
const [p_current_insert_key, setp_current_insert_key] = useState("");
|
||||
const [p_new_insert_key, setp_new_insert_key] = useState("");
|
||||
const [p_conf_new_insert_key, setp_conf_new_insert_key] = useState("");
|
||||
const [pwd2_type, setpwd2_type] = useState("password");
|
||||
|
||||
return (
|
||||
|
||||
|
@ -569,6 +622,7 @@ const Partner_Securite_Data = (props) => {
|
|||
|
||||
<div className="div_row_gauche">
|
||||
<div className="titre1"> Mot de passe </div>
|
||||
|
||||
{updatepwd == false && <div className="koUpdateData">
|
||||
Erreur mise à jour.
|
||||
</div>
|
||||
|
@ -580,7 +634,7 @@ const Partner_Securite_Data = (props) => {
|
|||
}
|
||||
<Box alignItems="left" sx={{ '& > :not(style)': { m: 1 } }}>
|
||||
|
||||
<FormControl sx={{ m: 1, width: '90%' }} variant="standard" size="small" className="texte_area_passwd">
|
||||
{/*<FormControl sx={{ m: 1, width: '90%' }} size="small" className="texte_area_passwd">
|
||||
<Label>Mot de passe actuel</Label>
|
||||
<InputLabel htmlFor="outlined-adornment-password"></InputLabel>
|
||||
<OutlinedInput
|
||||
|
@ -603,9 +657,59 @@ const Partner_Securite_Data = (props) => {
|
|||
|
||||
/>
|
||||
</FormControl>
|
||||
*/}
|
||||
|
||||
{<TextField
|
||||
id="current_pwd"
|
||||
name="current_pwd"
|
||||
label="Mot de passe actuel"
|
||||
type={values.showPassword1 ? 'text' : 'password'}
|
||||
value={values.password1}
|
||||
onChange={handleChange1('password1')}
|
||||
sx={{ m: 1, width: '90%' }}
|
||||
InputProps={{
|
||||
startAdornment: (
|
||||
<InputAdornment position="start">
|
||||
<IconButton
|
||||
aria-label="toggle password visibility"
|
||||
onClick={handleClickShowPassword_current_pwd}
|
||||
edge="end"
|
||||
>
|
||||
{currentpawdvisible ? <Visibility /> : <VisibilityOff />}
|
||||
</IconButton>
|
||||
</InputAdornment>
|
||||
),
|
||||
}}
|
||||
|
||||
/>
|
||||
}
|
||||
{/* <TextField
|
||||
id="current_pwd_v2"
|
||||
name="current_pwd_v2"
|
||||
type={valuesPass1_v2.showPassword1_v2 ? 'text' : 'password'}
|
||||
value={valuesPass1_v2.password1_v2}
|
||||
label="New pwdddd"
|
||||
onChange={handleChange2_v2('password1')}
|
||||
sx={{ m: 1, width: '90%' }}
|
||||
InputProps={{
|
||||
startAdornment: (
|
||||
<InputAdornment position="end">
|
||||
<IconButton
|
||||
aria-label="toggle password visibility"
|
||||
onClick={handleClickShowPassword_current_pwd_v2}
|
||||
edge="end"
|
||||
>
|
||||
{currentpawdvisible ? <Visibility /> : <VisibilityOff />}
|
||||
</IconButton>
|
||||
</InputAdornment>
|
||||
),
|
||||
}}
|
||||
|
||||
|
||||
<FormControl sx={{ m: 1, width: '90%' }} variant="standard" size="small" className="texte_area_passwd">
|
||||
/> */}
|
||||
|
||||
|
||||
{/* <FormControl sx={{ m: 1, width: '90%' }} size="small" className="texte_area_passwd">
|
||||
<Label>Nouveau mot de passe</Label>
|
||||
<InputLabel htmlFor="outlined-adornment-password2"></InputLabel>
|
||||
<OutlinedInput
|
||||
|
@ -627,9 +731,35 @@ const Partner_Securite_Data = (props) => {
|
|||
}
|
||||
|
||||
/>
|
||||
</FormControl>
|
||||
</FormControl> */}
|
||||
|
||||
<FormControl sx={{ m: 1, width: '90%' }} variant="standard" size="small" className="texte_area_passwd">
|
||||
{<TextField
|
||||
|
||||
label="Nouveau mot de passe"
|
||||
id="new_pwd"
|
||||
name="new_pwd"
|
||||
type={values.showPassword ? 'text' : 'password'}
|
||||
value={values.password2}
|
||||
onChange={handleChange2('password2')}
|
||||
sx={{ m: 1, width: '90%' }}
|
||||
InputProps={{
|
||||
startAdornment: (
|
||||
<InputAdornment position="start">
|
||||
<IconButton
|
||||
aria-label="toggle password visibility"
|
||||
onClick={handleClickShowPassword_new_pwd}
|
||||
edge="end"
|
||||
>
|
||||
{newpawdvisible ? <Visibility /> : <VisibilityOff />}
|
||||
</IconButton>
|
||||
</InputAdornment>
|
||||
),
|
||||
}}
|
||||
|
||||
/>
|
||||
}
|
||||
|
||||
{/*<FormControl sx={{ m: 1, width: '90%' }} size="small" className="texte_area_passwd">
|
||||
<Label>Confirmation du nouveau mot de passe</Label>
|
||||
<InputLabel htmlFor="outlined-adornment-password"></InputLabel>
|
||||
<OutlinedInput
|
||||
|
@ -652,7 +782,34 @@ const Partner_Securite_Data = (props) => {
|
|||
}
|
||||
|
||||
/>
|
||||
</FormControl>
|
||||
</FormControl> */}
|
||||
|
||||
{<TextField
|
||||
|
||||
label="Confirmation du nouveau mot de passe"
|
||||
id="new_pwd_conf"
|
||||
name="new_pwd_conf"
|
||||
type={values.showPassword ? 'text' : 'password'}
|
||||
value={values.password3}
|
||||
onChange={handleChange3('password3')}
|
||||
sx={{ m: 1, width: '90%' }}
|
||||
InputProps={{
|
||||
startAdornment: (
|
||||
<InputAdornment position="start">
|
||||
<IconButton
|
||||
aria-label="toggle password visibility"
|
||||
onClick={handleClickShowPassword_new_pwd_conf}
|
||||
onMouseDown={handleMouseDownPassword}
|
||||
edge="end"
|
||||
>
|
||||
{confpwdvisible ? <Visibility /> : <VisibilityOff />}
|
||||
</IconButton>
|
||||
</InputAdornment>
|
||||
),
|
||||
}}
|
||||
|
||||
/>
|
||||
}
|
||||
<div className="text_pwd_crit">
|
||||
Créez un mot de passe contenant au moins :
|
||||
<ul>
|
||||
|
@ -717,9 +874,10 @@ const Partner_Securite_Data = (props) => {
|
|||
</InputAdornment>
|
||||
),
|
||||
}}
|
||||
variant="standard"
|
||||
value={p_current_email}
|
||||
onChange={(e) => setp_current_email(e.target.value)}
|
||||
/>
|
||||
<br />
|
||||
|
||||
<TextField
|
||||
name="new_email"
|
||||
label="Nouvelle Adresse mail"
|
||||
|
@ -731,9 +889,10 @@ const Partner_Securite_Data = (props) => {
|
|||
</InputAdornment>
|
||||
),
|
||||
}}
|
||||
variant="standard"
|
||||
value={p_new_email}
|
||||
onChange={(e) => setp_new_email(e.target.value)}
|
||||
/>
|
||||
<br />
|
||||
|
||||
<TextField
|
||||
name="conf_new_email"
|
||||
label="Confirmation mail"
|
||||
|
@ -745,7 +904,8 @@ const Partner_Securite_Data = (props) => {
|
|||
</InputAdornment>
|
||||
),
|
||||
}}
|
||||
variant="standard"
|
||||
value={p_conf_new_email}
|
||||
onChange={(e) => setp_conf_new_email(e.target.value)}
|
||||
/>
|
||||
<div className="text_pwd_crit">
|
||||
|
||||
|
@ -801,7 +961,7 @@ const Partner_Securite_Data = (props) => {
|
|||
|
||||
<Box alignItems="left" sx={{ '& > :not(style)': { m: 1 } }} >
|
||||
|
||||
<FormControl sx={{ m: 1, width: '90%' }} variant="standard" size="small" className="texte_area_passwd">
|
||||
{/*<FormControl sx={{ m: 1, width: '90%' }} variant="standard" size="small" className="texte_area_passwd">
|
||||
<Label>Clé de rattachement actuelle</Label>
|
||||
<InputLabel htmlFor="outlined-adornment-password"></InputLabel>
|
||||
<OutlinedInput
|
||||
|
@ -823,9 +983,35 @@ const Partner_Securite_Data = (props) => {
|
|||
}
|
||||
|
||||
/>
|
||||
</FormControl>
|
||||
</FormControl>*/}
|
||||
|
||||
<FormControl sx={{ m: 1, width: '90%' }} variant="standard" size="small" className="texte_area_passwd">
|
||||
{<TextField
|
||||
|
||||
label="Clé de rattachement actuelle"
|
||||
id="current_insert_key"
|
||||
name="current_insert_key"
|
||||
type={values.current_insert_key ? 'text' : 'password'}
|
||||
value={values.current_insert_key}
|
||||
onChange={handleChange_current_insert_key('current_insert_key')}
|
||||
sx={{ m: 1, width: '90%' }}
|
||||
InputProps={{
|
||||
startAdornment: (
|
||||
<InputAdornment position="start">
|
||||
<IconButton
|
||||
aria-label="toggle password visibility"
|
||||
onClick={handleClickcurrent_insert_key}
|
||||
edge="end"
|
||||
>
|
||||
{current_insert_key_visible ? <Visibility /> : <VisibilityOff />}
|
||||
</IconButton>
|
||||
</InputAdornment>
|
||||
),
|
||||
}}
|
||||
|
||||
/>
|
||||
}
|
||||
|
||||
{/*<FormControl sx={{ m: 1, width: '90%' }} variant="standard" size="small" className="texte_area_passwd">
|
||||
<Label>Nouvelle clé de rattachement</Label>
|
||||
<InputLabel htmlFor="outlined-adornment-password"></InputLabel>
|
||||
<OutlinedInput
|
||||
|
@ -847,9 +1033,37 @@ const Partner_Securite_Data = (props) => {
|
|||
}
|
||||
|
||||
/>
|
||||
</FormControl>
|
||||
</FormControl>*/}
|
||||
|
||||
<FormControl sx={{ m: 1, width: '90%' }} variant="standard" size="small" className="texte_area_passwd">
|
||||
|
||||
{<TextField
|
||||
|
||||
label="Nouvelle clé de rattachement"
|
||||
id="new_insert_key"
|
||||
name="new_insert_key"
|
||||
type={values.new_insert_key ? 'text' : 'password'}
|
||||
value={values.new_insert_key}
|
||||
onChange={handleChange_new_insert_key('current_insert_key')}
|
||||
sx={{ m: 1, width: '90%' }}
|
||||
InputProps={{
|
||||
startAdornment: (
|
||||
<InputAdornment position="start">
|
||||
<IconButton
|
||||
aria-label="toggle password visibility"
|
||||
onClick={handleClicknew_insert_key}
|
||||
edge="end"
|
||||
>
|
||||
{new_insert_key_visible ? <Visibility /> : <VisibilityOff />}
|
||||
</IconButton>
|
||||
</InputAdornment>
|
||||
),
|
||||
}}
|
||||
|
||||
/>
|
||||
}
|
||||
|
||||
|
||||
{/*<FormControl sx={{ m: 1, width: '90%' }} variant="standard" size="small" className="texte_area_passwd">
|
||||
<Label>Confirmation nouvelle clé de rattachement</Label>
|
||||
<InputLabel htmlFor="outlined-adornment-password"></InputLabel>
|
||||
<OutlinedInput
|
||||
|
@ -871,9 +1085,36 @@ const Partner_Securite_Data = (props) => {
|
|||
}
|
||||
|
||||
/>
|
||||
</FormControl>
|
||||
</FormControl>*/}
|
||||
|
||||
|
||||
{<TextField
|
||||
|
||||
label="Confirmation nouvelle clé de rattachement"
|
||||
id="conf_new_insert_key"
|
||||
name="conf_new_insert_key"
|
||||
type={values.new_insert_key ? 'text' : 'password'}
|
||||
value={values.new_insert_key}
|
||||
onChange={handleChangeconf_new_insert_key('conf_current_insert_key')}
|
||||
sx={{ m: 1, width: '90%' }}
|
||||
InputProps={{
|
||||
startAdornment: (
|
||||
<InputAdornment position="start">
|
||||
<IconButton
|
||||
aria-label="toggle password visibility"
|
||||
onClick={handleClickconf_new_insert_key}
|
||||
edge="end"
|
||||
>
|
||||
{conf_new_insert_key_visible ? <Visibility /> : <VisibilityOff />}
|
||||
</IconButton>
|
||||
</InputAdornment>
|
||||
),
|
||||
}}
|
||||
|
||||
/>
|
||||
}
|
||||
<div className="text_pwd_crit">
|
||||
Créez un mot de passe contenant au moins :
|
||||
Créez une clé contenant au moins :
|
||||
<ul>
|
||||
<li name="caractere_insert_key">
|
||||
8 caractères
|
||||
|
|
|
@ -26,6 +26,7 @@ import { ConsoleView } from "react-device-detect";
|
|||
import MenuItem from '@mui/material/MenuItem';
|
||||
|
||||
import Partner_Securite_Data from "./Partner_Securite_Data";
|
||||
import Partner_Invoicing_Data from "./Partner_Invoicing_Data";
|
||||
|
||||
|
||||
function UpdateParnterInfo() {
|
||||
|
@ -88,6 +89,8 @@ function UpdateParnterInfo() {
|
|||
//desablesecurtypwdfields();
|
||||
//desablesecurtyInsertKeyfields();
|
||||
getPartnerImages();
|
||||
|
||||
|
||||
}, [])
|
||||
|
||||
|
||||
|
@ -321,27 +324,27 @@ function UpdateParnterInfo() {
|
|||
if (mylocaltraining) {
|
||||
|
||||
if (mylocaltraining.adr_city) {
|
||||
document.getElementsByName("adr_city")[0].value = mylocaltraining.adr_city;
|
||||
setp_adr_street(mylocaltraining.adr_city);
|
||||
document.getElementsByName("adr_city")[0].disabled = true;
|
||||
document.getElementsByName("adr_city")[0].style.backgroundColor = "#ECEFF1";
|
||||
}
|
||||
|
||||
|
||||
if (mylocaltraining.adr_city) {
|
||||
document.getElementsByName("adr_zip")[0].value = mylocaltraining.adr_zip;
|
||||
setp_adr_zip(mylocaltraining.adr_zip);
|
||||
document.getElementsByName("adr_zip")[0].disabled = true;
|
||||
document.getElementsByName("adr_zip")[0].style.backgroundColor = "#ECEFF1";
|
||||
}
|
||||
|
||||
if (mylocaltraining.email) {
|
||||
document.getElementsByName("email")[0].value = mylocaltraining.email;
|
||||
setp_email(mylocaltraining.email);
|
||||
document.getElementsByName("email")[0].disabled = true;
|
||||
document.getElementsByName("email")[0].style.backgroundColor = "#ECEFF1";
|
||||
}
|
||||
|
||||
|
||||
if (mylocaltraining.website) {
|
||||
document.getElementsByName("website")[0].value = mylocaltraining.website;
|
||||
setp_website(mylocaltraining.website);
|
||||
document.getElementsByName("website")[0].disabled = true;
|
||||
document.getElementsByName("website")[0].style.backgroundColor = "#ECEFF1";
|
||||
}
|
||||
|
@ -349,41 +352,36 @@ function UpdateParnterInfo() {
|
|||
|
||||
|
||||
if (mylocaltraining.adr_country) {
|
||||
document.getElementsByName("adr_country")[0].value = mylocaltraining.adr_country;
|
||||
setp_adr_country(mylocaltraining.adr_country);
|
||||
document.getElementsByName("adr_country")[0].disabled = true;
|
||||
document.getElementsByName("adr_country")[0].style.backgroundColor = "#ECEFF1";
|
||||
}
|
||||
|
||||
if (mylocaltraining.link_facebook) {
|
||||
document.getElementsByName("link_facebook")[0].value = mylocaltraining.link_facebook;
|
||||
setp_link_facebook(mylocaltraining.link_facebook);
|
||||
document.getElementsByName("link_facebook")[0].disabled = true;
|
||||
document.getElementsByName("link_facebook")[0].style.backgroundColor = "#ECEFF1";
|
||||
}
|
||||
|
||||
if (mylocaltraining.telephone) {
|
||||
document.getElementsByName("telephone")[0].value = mylocaltraining.telephone;
|
||||
setp_telephone(mylocaltraining.telephone);
|
||||
document.getElementsByName("telephone")[0].disabled = true;
|
||||
document.getElementsByName("telephone")[0].style.backgroundColor = "#ECEFF1";
|
||||
}
|
||||
|
||||
if (mylocaltraining.siren) {
|
||||
document.getElementsByName("siren")[0].value = mylocaltraining.siren;
|
||||
document.getElementsByName("siren")[0].disabled = true;
|
||||
document.getElementsByName("siren")[0].style.backgroundColor = "#ECEFF1";
|
||||
if (mylocaltraining.siret) {
|
||||
setp_siret(mylocaltraining.siret);
|
||||
document.getElementsByName("siret")[0].disabled = true;
|
||||
document.getElementsByName("siret")[0].style.backgroundColor = "#ECEFF1";
|
||||
}
|
||||
|
||||
if (mylocaltraining.num_nda) {
|
||||
document.getElementsByName("num_nda")[0].value = mylocaltraining.num_nda;
|
||||
setp_num_nda(mylocaltraining.num_nda);
|
||||
document.getElementsByName("num_nda")[0].disabled = true;
|
||||
document.getElementsByName("num_nda")[0].style.backgroundColor = "#ECEFF1";
|
||||
}
|
||||
|
||||
/* if (mylocaltraining.iscertitrace) {
|
||||
setmycertitrace(mylocaltraining.iscertitrace);
|
||||
}
|
||||
else {
|
||||
setmycertitrace("0");
|
||||
}*/
|
||||
|
||||
|
||||
if (mylocaltraining.iscertifvoltaire) {
|
||||
setmycertifvoltaire(mylocaltraining.iscertifvoltaire);
|
||||
|
@ -393,14 +391,6 @@ function UpdateParnterInfo() {
|
|||
}
|
||||
|
||||
|
||||
/*
|
||||
if (mylocaltraining.isbureaucertitrace) {
|
||||
setmybureaucertitrace(mylocaltraining.isbureaucertitrace);
|
||||
}
|
||||
else {
|
||||
setmybureaucertitrace("0");
|
||||
}*/
|
||||
|
||||
if (mylocaltraining.isdatadock) {
|
||||
setmydatadock(mylocaltraining.isdatadock);
|
||||
}
|
||||
|
@ -417,60 +407,54 @@ function UpdateParnterInfo() {
|
|||
|
||||
|
||||
if (mylocaltraining.link_linkedin) {
|
||||
document.getElementsByName("link_linkedin")[0].value = mylocaltraining.link_linkedin;
|
||||
setp_link_linkedin(mylocaltraining.link_linkedin);
|
||||
document.getElementsByName("link_linkedin")[0].disabled = true;
|
||||
document.getElementsByName("link_linkedin")[0].style.backgroundColor = "#ECEFF1";
|
||||
}
|
||||
|
||||
if (mylocaltraining.link_twitter) {
|
||||
document.getElementsByName("link_twitter")[0].value = mylocaltraining.link_twitter;
|
||||
setp_link_twitter(mylocaltraining.link_twitter);
|
||||
document.getElementsByName("link_twitter")[0].disabled = true;
|
||||
document.getElementsByName("link_twitter")[0].style.backgroundColor = "#ECEFF1";
|
||||
}
|
||||
|
||||
if (mylocaltraining.adr_street) {
|
||||
document.getElementsByName("adr_street")[0].value = mylocaltraining.adr_street;
|
||||
setp_adr_street(mylocaltraining.adr_street);
|
||||
document.getElementsByName("adr_street")[0].disabled = true;
|
||||
document.getElementsByName("adr_street")[0].style.backgroundColor = "#ECEFF1";
|
||||
}
|
||||
|
||||
|
||||
if (mylocaltraining.nom) {
|
||||
document.getElementsByName("nom")[0].value = mylocaltraining.nom;
|
||||
setp_nom(mylocaltraining.nom);
|
||||
document.getElementsByName("nom")[0].disabled = true;
|
||||
document.getElementsByName("nom")[0].style.backgroundColor = "#ECEFF1";
|
||||
}
|
||||
|
||||
if (mylocaltraining.contact_tel) {
|
||||
document.getElementsByName("contact_tel")[0].value = mylocaltraining.contact_tel;
|
||||
setp_contact_tel(mylocaltraining.contact_tel);
|
||||
document.getElementsByName("contact_tel")[0].disabled = true;
|
||||
document.getElementsByName("contact_tel")[0].style.backgroundColor = "#ECEFF1";
|
||||
}
|
||||
|
||||
if (mylocaltraining.contact_nom) {
|
||||
document.getElementsByName("contact_nom")[0].value = mylocaltraining.contact_nom;
|
||||
setp_contact_nom(mylocaltraining.contact_nom);
|
||||
document.getElementsByName("contact_nom")[0].disabled = true;
|
||||
document.getElementsByName("contact_nom")[0].style.backgroundColor = "#ECEFF1";
|
||||
}
|
||||
|
||||
if (mylocaltraining.contact_prenom) {
|
||||
document.getElementsByName("contact_prenom")[0].value = mylocaltraining.contact_prenom;
|
||||
setp_contact_prenom(mylocaltraining.contact_prenom);
|
||||
document.getElementsByName("contact_prenom")[0].disabled = true;
|
||||
document.getElementsByName("contact_prenom")[0].style.backgroundColor = "#ECEFF1";
|
||||
}
|
||||
|
||||
if (mylocaltraining.contact_mail) {
|
||||
document.getElementsByName("contact_mail")[0].value = mylocaltraining.contact_mail;
|
||||
setp_contact_mail(mylocaltraining.contact_mail);
|
||||
document.getElementsByName("contact_mail")[0].disabled = true;
|
||||
document.getElementsByName("contact_mail")[0].style.backgroundColor = "#ECEFF1";
|
||||
}
|
||||
|
||||
if (mylocaltraining.insert_key) {
|
||||
document.getElementsByName("current_insert_key")[0].value = mylocaltraining.insert_key;
|
||||
document.getElementsByName("current_insert_key")[0].disabled = true;
|
||||
document.getElementsByName("current_insert_key")[0].style.backgroundColor = "#ECEFF1";
|
||||
}
|
||||
|
||||
|
||||
desablefield1();
|
||||
|
||||
|
@ -518,8 +502,8 @@ function UpdateParnterInfo() {
|
|||
document.getElementsByName("telephone")[0].disabled = true;
|
||||
document.getElementsByName("telephone")[0].style.backgroundColor = "#ECEFF1";
|
||||
|
||||
document.getElementsByName("siren")[0].disabled = true;
|
||||
document.getElementsByName("siren")[0].style.backgroundColor = "#ECEFF1";
|
||||
document.getElementsByName("siret")[0].disabled = true;
|
||||
document.getElementsByName("siret")[0].style.backgroundColor = "#ECEFF1";
|
||||
|
||||
document.getElementsByName("num_nda")[0].disabled = true;
|
||||
document.getElementsByName("num_nda")[0].style.backgroundColor = "#ECEFF1";
|
||||
|
@ -555,6 +539,15 @@ function UpdateParnterInfo() {
|
|||
document.getElementsByName("website")[0].disabled = true;
|
||||
document.getElementsByName("website")[0].style.backgroundColor = "#ECEFF1";
|
||||
|
||||
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";
|
||||
|
||||
|
||||
setfields1desabled(true);
|
||||
}
|
||||
|
@ -578,8 +571,8 @@ function UpdateParnterInfo() {
|
|||
document.getElementsByName("telephone")[0].disabled = false;
|
||||
document.getElementsByName("telephone")[0].style.backgroundColor = "#FFFFFF";
|
||||
|
||||
document.getElementsByName("siren")[0].disabled = false;
|
||||
document.getElementsByName("siren")[0].style.backgroundColor = "#FFFFFF";
|
||||
document.getElementsByName("siret")[0].disabled = false;
|
||||
document.getElementsByName("siret")[0].style.backgroundColor = "#FFFFFF";
|
||||
|
||||
document.getElementsByName("num_nda")[0].disabled = false;
|
||||
document.getElementsByName("num_nda")[0].style.backgroundColor = "#FFFFFF";
|
||||
|
@ -614,6 +607,15 @@ function UpdateParnterInfo() {
|
|||
document.getElementsByName("website")[0].disabled = false;
|
||||
document.getElementsByName("website")[0].style.backgroundColor = "#FFFFFF";
|
||||
|
||||
document.getElementsByName("isdatadock")[0].disabled = false;
|
||||
document.getElementsByName("isdatadock")[0].style.backgroundColor = "#FFFFFF";
|
||||
|
||||
document.getElementsByName("isqualiopi")[0].disabled = false;
|
||||
document.getElementsByName("isqualiopi")[0].style.backgroundColor = "#FFFFFF";
|
||||
|
||||
document.getElementsByName("iscertifvoltaire")[0].disabled = false;
|
||||
document.getElementsByName("iscertifvoltaire")[0].style.backgroundColor = "#FFFFFF";
|
||||
|
||||
setfields1desabled(false);
|
||||
window.scrollTo({
|
||||
top: 0,
|
||||
|
@ -717,8 +719,8 @@ function UpdateParnterInfo() {
|
|||
var telephone = document.getElementsByName("telephone")[0].value;
|
||||
telephone = telephone.replace("undefined", "");
|
||||
|
||||
var siren = document.getElementsByName("siren")[0].value;
|
||||
siren = siren.replace("undefined", "");
|
||||
var siret = document.getElementsByName("siret")[0].value;
|
||||
siret = siret.replace("undefined", "");
|
||||
|
||||
var num_nda = document.getElementsByName("num_nda")[0].value;
|
||||
num_nda = num_nda.replace("undefined", "");
|
||||
|
@ -762,7 +764,7 @@ function UpdateParnterInfo() {
|
|||
formData.append('adr_city', adr_city);
|
||||
formData.append('adr_zip', adr_zip);
|
||||
formData.append('telephone', telephone);
|
||||
formData.append('siren', siren);
|
||||
formData.append('siret', siret);
|
||||
formData.append('num_nda', num_nda);
|
||||
formData.append('adr_country', adr_country);
|
||||
formData.append('link_facebook', link_facebook);
|
||||
|
@ -806,15 +808,19 @@ function UpdateParnterInfo() {
|
|||
desablefield1();
|
||||
setdatamodification();
|
||||
getPartnerImages();
|
||||
alert(" La mise à jour a été faite ");
|
||||
} else if (String(result['status']) === String("Err_Connexion")) {
|
||||
alert('Erreur: ' + result['message']);
|
||||
history.push("/Connexion");
|
||||
}else{
|
||||
alert(" Erreur : ",result['message']);
|
||||
}
|
||||
|
||||
})
|
||||
.catch((error) => {
|
||||
console.error('Error:', error);
|
||||
setmyApiResponse("false");
|
||||
alert(" Erreur : Impossible de mettre à jour les informations ");
|
||||
window.scrollTo({
|
||||
top: 0,
|
||||
behavior: "smooth",
|
||||
|
@ -1510,8 +1516,19 @@ function UpdateParnterInfo() {
|
|||
|
||||
const [submenu, setsubmenu] = useState("submenu_donnee_entreprise");
|
||||
|
||||
function sleep(ms) {
|
||||
return new Promise(resolve => setTimeout(resolve, ms));
|
||||
}
|
||||
|
||||
async function submenu_donnee_entreprise() {
|
||||
setsubmenu("submenu_donnee_entreprise");
|
||||
await sleep(5);
|
||||
if (fields1desabled == true) {
|
||||
desablefield1();
|
||||
}
|
||||
else {
|
||||
enablefieds1();
|
||||
}
|
||||
}
|
||||
|
||||
async function submenu_donnee_facturation() {
|
||||
|
@ -1527,6 +1544,29 @@ function UpdateParnterInfo() {
|
|||
}
|
||||
|
||||
|
||||
const [p_nom, setp_nom] = useState("");
|
||||
const [p_siret, setp_siret] = useState("");
|
||||
const [p_telephone, setp_telephone] = useState("");
|
||||
const [p_email, setp_email] = useState("");
|
||||
const [p_website, setp_website] = useState("");
|
||||
const [p_link_linkedin, setp_link_linkedin] = useState("");
|
||||
const [p_link_facebook, setp_link_facebook] = useState("");
|
||||
const [p_link_twitter, setp_link_twitter] = useState("");
|
||||
const [p_adr_street, setp_adr_street] = useState("");
|
||||
const [p_adr_zip, setp_adr_zip] = useState("");
|
||||
const [p_adr_city, setp_adr_city] = useState("");
|
||||
const [p_adr_country, setp_adr_country] = useState("");
|
||||
const [p_num_nda, setp_num_nda] = useState("");
|
||||
const [p_isqualiopi, setp_isqualiopi] = useState("");
|
||||
const [p_isdatadock, setp_isdatadock] = useState("");
|
||||
const [p_iscertifvoltaire, setp_iscertifvoltaire] = useState("");
|
||||
const [p_contact_nom, setp_contact_nom] = useState("");
|
||||
const [p_contact_prenom, setp_contact_prenom] = useState("");
|
||||
const [p_contact_tel, setp_contact_tel] = useState("");
|
||||
const [p_contact_mail, setp_contact_mail] = useState("");
|
||||
|
||||
|
||||
|
||||
return (
|
||||
<div className='updateparnterinfo'>
|
||||
|
||||
|
@ -1543,7 +1583,7 @@ function UpdateParnterInfo() {
|
|||
</div>}
|
||||
|
||||
{String(submenu).trim() === "submenu_donnee_facturation" && <div className="training_data">
|
||||
|
||||
<Partner_Invoicing_Data />
|
||||
</div>}
|
||||
|
||||
{String(submenu).trim() === "submenu_contact" && <div className="training_data">
|
||||
|
@ -1553,7 +1593,7 @@ function UpdateParnterInfo() {
|
|||
|
||||
{String(submenu).trim() === "submenu_donnee_entreprise" && <div className="training_data">
|
||||
|
||||
<div className="titre1"> Données personnelles </div>
|
||||
<div className="titre1"> Mes Informations </div>
|
||||
|
||||
|
||||
{testval == true && <div className="okUpdateData">
|
||||
|
@ -1582,11 +1622,12 @@ function UpdateParnterInfo() {
|
|||
</InputAdornment>
|
||||
),
|
||||
}}
|
||||
|
||||
value={p_nom}
|
||||
onChange={(e) => setp_nom(e.target.value)}
|
||||
/>
|
||||
|
||||
<TextField
|
||||
name="siren"
|
||||
name="siret"
|
||||
label="SIRET"
|
||||
className="texte_area"
|
||||
sx={{ m: 1, width: '48%' }}
|
||||
|
@ -1597,7 +1638,8 @@ function UpdateParnterInfo() {
|
|||
</InputAdornment>
|
||||
),
|
||||
}}
|
||||
|
||||
value={p_siret}
|
||||
onChange={(e) => setp_siret(e.target.value)}
|
||||
/>
|
||||
|
||||
|
||||
|
@ -1615,7 +1657,8 @@ function UpdateParnterInfo() {
|
|||
</InputAdornment>
|
||||
),
|
||||
}}
|
||||
|
||||
value={p_telephone}
|
||||
onChange={(e) => setp_telephone(e.target.value)}
|
||||
/>
|
||||
|
||||
|
||||
|
@ -1631,7 +1674,8 @@ function UpdateParnterInfo() {
|
|||
</InputAdornment>
|
||||
),
|
||||
}}
|
||||
|
||||
value={p_email}
|
||||
onChange={(e) => setp_email(e.target.value)}
|
||||
/>
|
||||
|
||||
<TextField
|
||||
|
@ -1646,7 +1690,8 @@ function UpdateParnterInfo() {
|
|||
</InputAdornment>
|
||||
),
|
||||
}}
|
||||
|
||||
value={p_website}
|
||||
onChange={(e) => setp_website(e.target.value)}
|
||||
/>
|
||||
|
||||
<TextField
|
||||
|
@ -1661,7 +1706,8 @@ function UpdateParnterInfo() {
|
|||
</InputAdornment>
|
||||
),
|
||||
}}
|
||||
|
||||
value={p_link_linkedin}
|
||||
onChange={(e) => setp_link_linkedin(e.target.value)}
|
||||
/>
|
||||
|
||||
|
||||
|
@ -1677,7 +1723,8 @@ function UpdateParnterInfo() {
|
|||
</InputAdornment>
|
||||
),
|
||||
}}
|
||||
|
||||
value={p_link_facebook}
|
||||
onChange={(e) => setp_link_facebook(e.target.value)}
|
||||
/>
|
||||
|
||||
|
||||
|
@ -1693,8 +1740,10 @@ function UpdateParnterInfo() {
|
|||
</InputAdornment>
|
||||
),
|
||||
}}
|
||||
|
||||
value={p_link_twitter}
|
||||
onChange={(e) => setp_link_twitter(e.target.value)}
|
||||
/>
|
||||
|
||||
<TextField
|
||||
name="adr_street"
|
||||
label="Adresse"
|
||||
|
@ -1707,9 +1756,10 @@ function UpdateParnterInfo() {
|
|||
</InputAdornment>
|
||||
),
|
||||
}}
|
||||
|
||||
value={p_adr_street}
|
||||
onChange={(e) => setp_adr_street(e.target.value)}
|
||||
/>
|
||||
|
||||
|
||||
<TextField
|
||||
name="adr_zip"
|
||||
label="Code Postal"
|
||||
|
@ -1722,7 +1772,8 @@ function UpdateParnterInfo() {
|
|||
</InputAdornment>
|
||||
),
|
||||
}}
|
||||
|
||||
value={p_adr_zip}
|
||||
onChange={(e) => setp_adr_zip(e.target.value)}
|
||||
/>
|
||||
|
||||
<TextField
|
||||
|
@ -1737,9 +1788,10 @@ function UpdateParnterInfo() {
|
|||
</InputAdornment>
|
||||
),
|
||||
}}
|
||||
|
||||
value={p_adr_city}
|
||||
onChange={(e) => setp_adr_city(e.target.value)}
|
||||
/>
|
||||
|
||||
|
||||
<TextField
|
||||
name="adr_country"
|
||||
label="Pays"
|
||||
|
@ -1752,7 +1804,8 @@ function UpdateParnterInfo() {
|
|||
</InputAdornment>
|
||||
),
|
||||
}}
|
||||
|
||||
value={p_adr_country}
|
||||
onChange={(e) => setp_adr_country(e.target.value)}
|
||||
/>
|
||||
|
||||
<div style={{ "width": "10%" }}> </div>
|
||||
|
@ -1858,7 +1911,8 @@ function UpdateParnterInfo() {
|
|||
</InputAdornment>
|
||||
),
|
||||
}}
|
||||
|
||||
value={p_num_nda}
|
||||
onChange={(e) => setp_num_nda(e.target.value)}
|
||||
/>
|
||||
|
||||
{fields1desabled == true && String(mydatadock) !== "1" &&
|
||||
|
@ -1921,7 +1975,7 @@ function UpdateParnterInfo() {
|
|||
className="texte_area"
|
||||
sx={{ m: 1, width: '48%' }}
|
||||
value="Non"
|
||||
|
||||
|
||||
|
||||
/>
|
||||
|
||||
|
@ -1935,7 +1989,7 @@ function UpdateParnterInfo() {
|
|||
className="texte_area"
|
||||
sx={{ m: 1, width: '48%' }}
|
||||
value="Oui"
|
||||
|
||||
|
||||
|
||||
/>
|
||||
|
||||
|
@ -1952,7 +2006,7 @@ function UpdateParnterInfo() {
|
|||
value={mydatadock}
|
||||
|
||||
onChange={handleChangedatadock}
|
||||
|
||||
|
||||
>{datadock.map((option) => (
|
||||
<MenuItem key={option.value} value={option.value}>
|
||||
{option.label} <br />
|
||||
|
@ -1969,7 +2023,7 @@ function UpdateParnterInfo() {
|
|||
className="texte_area"
|
||||
sx={{ m: 1, width: '48%' }}
|
||||
value="Non"
|
||||
|
||||
|
||||
|
||||
/>
|
||||
|
||||
|
@ -1983,7 +2037,7 @@ function UpdateParnterInfo() {
|
|||
className="texte_area"
|
||||
sx={{ m: 1, width: '48%' }}
|
||||
value="Oui"
|
||||
|
||||
|
||||
|
||||
/>
|
||||
|
||||
|
@ -2001,7 +2055,7 @@ function UpdateParnterInfo() {
|
|||
value={mycertifvoltaire}
|
||||
|
||||
onChange={handleChangecertifvoltaire}
|
||||
|
||||
|
||||
|
||||
>{certifvoltaire.map((option) => (
|
||||
<MenuItem key={option.value} value={option.value} >
|
||||
|
@ -2027,7 +2081,8 @@ function UpdateParnterInfo() {
|
|||
</InputAdornment>
|
||||
),
|
||||
}}
|
||||
|
||||
value={p_contact_nom}
|
||||
onChange={(e) => setp_contact_nom(e.target.value)}
|
||||
/>
|
||||
|
||||
<TextField
|
||||
|
@ -2042,9 +2097,10 @@ function UpdateParnterInfo() {
|
|||
</InputAdornment>
|
||||
),
|
||||
}}
|
||||
|
||||
value={p_contact_prenom}
|
||||
onChange={(e) => setp_contact_prenom(e.target.value)}
|
||||
/>
|
||||
|
||||
|
||||
<TextField
|
||||
name="contact_tel"
|
||||
label="Tel Contact"
|
||||
|
@ -2057,7 +2113,8 @@ function UpdateParnterInfo() {
|
|||
</InputAdornment>
|
||||
),
|
||||
}}
|
||||
|
||||
value={p_contact_tel}
|
||||
onChange={(e) => setp_contact_tel(e.target.value)}
|
||||
/>
|
||||
<TextField
|
||||
name="contact_mail"
|
||||
|
@ -2071,7 +2128,8 @@ function UpdateParnterInfo() {
|
|||
</InputAdornment>
|
||||
),
|
||||
}}
|
||||
|
||||
value={p_contact_mail}
|
||||
onChange={(e) => setp_contact_mail(e.target.value)}
|
||||
/>
|
||||
|
||||
{fields1desabled == false && String(datamodification) === String("1") && <div className="div_row">
|
||||
|
|
|
@ -43,6 +43,7 @@
|
|||
border-width: 0.01rem;
|
||||
width: 48%;
|
||||
border-radius: 1rem;
|
||||
margin-right: 15px !important;
|
||||
}
|
||||
|
||||
.titre1 {
|
||||
|
@ -131,4 +132,8 @@
|
|||
|
||||
}
|
||||
|
||||
|
||||
.css-1wgeduv-MuiFormControl-root-MuiTextField-root{
|
||||
width: 99% !important;
|
||||
}
|
||||
}
|
|
@ -0,0 +1,982 @@
|
|||
.partnerinvoicingdata {
|
||||
.h1_transparent {
|
||||
color: transparent;
|
||||
font-size: 0.1rem;
|
||||
}
|
||||
|
||||
.okUpdateData {
|
||||
font-size: small;
|
||||
color: green;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.warninigUpdateData {
|
||||
font-size: small;
|
||||
color: #F5BB04;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.koUpdateData {
|
||||
font-size: small;
|
||||
color: red;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.loader-container {
|
||||
width: 100%;
|
||||
height: 100vh;
|
||||
display: flex;
|
||||
//justify-content: center;
|
||||
align-items: center;
|
||||
left: -5%;
|
||||
position: fixed;
|
||||
z-index: 1;
|
||||
top: 0px;
|
||||
background: white;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.mysy_spinner{
|
||||
border-radius: 5px;
|
||||
border: 1px solid black;
|
||||
opacity: 100%;
|
||||
}
|
||||
|
||||
|
||||
@media only screen and (max-width: 600px) {
|
||||
/*style smartphones et petites tablettes en portrait*/
|
||||
|
||||
.okUpdateData {
|
||||
font-size: small;
|
||||
color: green;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.koUpdateData {
|
||||
font-size: small;
|
||||
color: red;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.facture_menu {
|
||||
width: 10rem;
|
||||
text-align: left;
|
||||
padding: 0;
|
||||
border: 0px;
|
||||
}
|
||||
|
||||
.facture_menu:hover:active,
|
||||
.facture_menu:hover {
|
||||
background-color: #e7f3fb;
|
||||
}
|
||||
|
||||
.facture_menu:focus {
|
||||
//border: 3px dotted green;
|
||||
background-color: #e7f3fb;
|
||||
}
|
||||
|
||||
.div_info_facturation {
|
||||
float: left;
|
||||
width: 50%;
|
||||
border: 1px solid black;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.div_info_plan_actuel {
|
||||
float: left;
|
||||
width: 50%;
|
||||
border: 1px solid black;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.div_info_pack {
|
||||
width: 100%;
|
||||
border: 1px solid black;
|
||||
}
|
||||
|
||||
.texte_area {
|
||||
width: 100% !important;
|
||||
font-size: x-small !important;
|
||||
font-family: "verdana", "Quicksand", "Signika", sans-serif;
|
||||
margin: 0rem !important;
|
||||
margin-right: 0.4rem !important;
|
||||
margin-top: 0.4rem !important;
|
||||
background-color: "#ECEFF1";
|
||||
background: "#ECEFF1";
|
||||
color: black;
|
||||
margin: 0.5rem !important;
|
||||
}
|
||||
|
||||
.texte_area_adress {
|
||||
width: 100% !important;
|
||||
font-size: x-small !important;
|
||||
font-family: "verdana", "Quicksand", "Signika", sans-serif;
|
||||
margin: 0rem !important;
|
||||
margin-right: 0.4rem !important;
|
||||
margin-top: 0.4rem !important;
|
||||
background-color: "#ECEFF1";
|
||||
background: "#ECEFF1";
|
||||
color: black;
|
||||
margin: 0.5rem !important;
|
||||
}
|
||||
|
||||
.titre1 {
|
||||
font-family: "Quicksand", "Signika", sans-serif;
|
||||
font-size: medium;
|
||||
text-align: center;
|
||||
margin-bottom: 0.8rem;
|
||||
color: white;
|
||||
cursor: pointer;
|
||||
font-style: italic;
|
||||
background-color: gray;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.div_row {
|
||||
float: left;
|
||||
//border:0px solid black;
|
||||
border-width: 0.01rem;
|
||||
width: 100%;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.div_row_gauche {
|
||||
float: left;
|
||||
//border:0px solid black;
|
||||
border-width: 0.01rem;
|
||||
width: 95%;
|
||||
border-radius: 0px;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.div_row_droite {
|
||||
float: right;
|
||||
//border:0px solid black;
|
||||
border-width: 0.01rem;
|
||||
width: 100%;
|
||||
border-radius: 0px;
|
||||
}
|
||||
|
||||
.div_row22 {
|
||||
text-align: center;
|
||||
border-width: 0.01rem;
|
||||
margin-bottom: 0.1rem;
|
||||
margin-top: 0.3rem;
|
||||
border-radius: 1rem;
|
||||
font-size: small;
|
||||
}
|
||||
|
||||
.btn_modif {
|
||||
width: 10rem;
|
||||
background-color: #212121 !important;
|
||||
color: white;
|
||||
height: 2rem;
|
||||
}
|
||||
|
||||
.btn_enreg {
|
||||
width: 10rem;
|
||||
background-color: green !important;
|
||||
color: white;
|
||||
height: 2rem;
|
||||
}
|
||||
|
||||
.accountsatatus {
|
||||
font-size: small;
|
||||
color: black;
|
||||
font-style: italic;
|
||||
background-color: #FFA07A;
|
||||
margin-bottom: 0.5rem;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.css-1ptx2yq-MuiInputBase-root-MuiInput-root {
|
||||
font-size: small;
|
||||
}
|
||||
|
||||
.list_produits_service {
|
||||
font-size: small;
|
||||
}
|
||||
|
||||
|
||||
.btn_retour_ps {
|
||||
background-color: rgb(228, 236, 228) !important;
|
||||
padding-left: 5px;
|
||||
padding-right: 5px;
|
||||
}
|
||||
|
||||
.btn_modif_nb_ftion {
|
||||
width: 10rem;
|
||||
background-color: green !important;
|
||||
color: white;
|
||||
border-radius: 5rem;
|
||||
font-size: small;
|
||||
}
|
||||
|
||||
.nb_ftion {
|
||||
text-align: center;
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
.btn_enreg_new_nb_ftion {
|
||||
width: 95%;
|
||||
background-color: green !important;
|
||||
color: white;
|
||||
border-radius: 5rem;
|
||||
font-size: small;
|
||||
}
|
||||
|
||||
|
||||
.btn_annule_new_nb_ftion {
|
||||
width: 95%;
|
||||
background-color: black !important;
|
||||
color: white;
|
||||
border-radius: 5rem;
|
||||
font-size: small;
|
||||
}
|
||||
|
||||
.pave_nb_ftion {}
|
||||
|
||||
|
||||
.pave_change_ftion {
|
||||
text-align: right;
|
||||
border-left: 2px solid;
|
||||
padding-left: 5px;
|
||||
}
|
||||
|
||||
.pave_btn_enreg_new_nb_ftion {
|
||||
text-align: left;
|
||||
width: 50%;
|
||||
float: left;
|
||||
|
||||
}
|
||||
|
||||
.pave_btn_annule_new_nb_ftion {
|
||||
text-align: left;
|
||||
width: 50%;
|
||||
float: left;
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 601px) and (max-width: 991px) {
|
||||
/*style petites-moyennes tablettes */
|
||||
|
||||
.okUpdateData {
|
||||
font-size: small;
|
||||
color: green;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.koUpdateData {
|
||||
font-size: small;
|
||||
color: red;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.facture_menu {
|
||||
width: 8rem;
|
||||
text-align: left;
|
||||
padding: 0;
|
||||
border: 0px;
|
||||
}
|
||||
|
||||
.facture_menu:hover:active,
|
||||
.facture_menu:hover {
|
||||
background-color: #e7f3fb;
|
||||
}
|
||||
|
||||
.facture_menu:focus {
|
||||
//border: 3px dotted green;
|
||||
background-color: #e7f3fb;
|
||||
}
|
||||
|
||||
.div_info_facturation {
|
||||
float: left;
|
||||
width: 50%;
|
||||
border: 1px solid black;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.div_info_plan_actuel {
|
||||
float: left;
|
||||
width: 50%;
|
||||
border: 1px solid black;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.div_info_pack {
|
||||
width: 100%;
|
||||
border: 1px solid black;
|
||||
}
|
||||
|
||||
.texte_area {
|
||||
width: 95% !important;
|
||||
font-size: x-small !important;
|
||||
font-family: "verdana", "Quicksand", "Signika", sans-serif;
|
||||
margin: 0rem !important;
|
||||
margin-right: 0.4rem !important;
|
||||
margin-top: 0.4rem !important;
|
||||
background-color: "#ECEFF1";
|
||||
background: "#ECEFF1";
|
||||
color: black;
|
||||
margin: 0.5rem !important;
|
||||
}
|
||||
|
||||
.texte_area_adress {
|
||||
width: 95% !important;
|
||||
font-size: x-small !important;
|
||||
font-family: "verdana", "Quicksand", "Signika", sans-serif;
|
||||
margin: 0rem !important;
|
||||
margin-right: 0.4rem !important;
|
||||
margin-top: 0.4rem !important;
|
||||
background-color: "#ECEFF1";
|
||||
background: "#ECEFF1";
|
||||
color: black;
|
||||
margin: 0.5rem !important;
|
||||
}
|
||||
|
||||
.titre1 {
|
||||
font-family: "Quicksand", "Signika", sans-serif;
|
||||
font-size: medium;
|
||||
text-align: center;
|
||||
margin-bottom: 0.8rem;
|
||||
color: white;
|
||||
cursor: pointer;
|
||||
font-style: italic;
|
||||
background-color: gray;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.div_row {
|
||||
float: left;
|
||||
//border:0px solid black;
|
||||
border-width: 0.01rem;
|
||||
width: 100%;
|
||||
margin-bottom: 1rem;
|
||||
font-size: small;
|
||||
}
|
||||
|
||||
.div_row_gauche {
|
||||
float: left;
|
||||
//border:0px solid black;
|
||||
border-width: 0.01rem;
|
||||
width: 45%;
|
||||
border-radius: 0px;
|
||||
}
|
||||
|
||||
.div_row_droite {
|
||||
border-left: 1rem solid;
|
||||
float: right;
|
||||
//border:0px solid black;
|
||||
border-width: 0.01rem;
|
||||
width: 55%;
|
||||
padding-left: 2%;
|
||||
border-radius: 0px;
|
||||
}
|
||||
|
||||
.div_row22 {
|
||||
text-align: center;
|
||||
border-width: 0.01rem;
|
||||
margin-bottom: 0.1rem;
|
||||
margin-top: 0.3rem;
|
||||
border-radius: 1rem;
|
||||
font-size: small;
|
||||
}
|
||||
|
||||
.btn_modif {
|
||||
width: 10rem;
|
||||
background-color: #212121 !important;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.btn_enreg {
|
||||
width: 10rem;
|
||||
background-color: green !important;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.accountsatatus {
|
||||
font-size: small;
|
||||
color: black;
|
||||
font-style: italic;
|
||||
background-color: #FFA07A;
|
||||
margin-bottom: 0.5rem;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.css-1ptx2yq-MuiInputBase-root-MuiInput-root {
|
||||
font-size: small;
|
||||
}
|
||||
|
||||
.list_produits_service {
|
||||
font-size: small;
|
||||
}
|
||||
|
||||
.btn_retour_ps {
|
||||
background-color: rgb(228, 236, 228) !important;
|
||||
padding-left: 5px;
|
||||
padding-right: 5px;
|
||||
}
|
||||
|
||||
.btn_modif_nb_ftion {
|
||||
width: 10rem;
|
||||
background-color: green !important;
|
||||
color: white;
|
||||
border-radius: 5rem;
|
||||
font-size: small;
|
||||
}
|
||||
|
||||
.nb_ftion {
|
||||
text-align: center;
|
||||
width: 80%;
|
||||
}
|
||||
|
||||
.btn_enreg_new_nb_ftion {
|
||||
width: 95%;
|
||||
background-color: green !important;
|
||||
color: white;
|
||||
border-radius: 5rem;
|
||||
font-size: small;
|
||||
}
|
||||
|
||||
|
||||
.btn_annule_new_nb_ftion {
|
||||
width: 95%;
|
||||
background-color: black !important;
|
||||
color: white;
|
||||
border-radius: 5rem;
|
||||
font-size: small;
|
||||
}
|
||||
|
||||
|
||||
.pave_nb_ftion {
|
||||
width: 100% !important;
|
||||
}
|
||||
|
||||
.pave_change_ftion {
|
||||
text-align: right;
|
||||
border-left: 2px solid;
|
||||
padding-left: 5px;
|
||||
width: 100% !important;
|
||||
padding-right: 1px;
|
||||
}
|
||||
|
||||
.pave_btn_enreg_new_nb_ftion {
|
||||
text-align: left;
|
||||
width: 100%;
|
||||
float: left;
|
||||
margin-bottom: 0.3rem;
|
||||
|
||||
}
|
||||
|
||||
.pave_btn_annule_new_nb_ftion {
|
||||
text-align: left;
|
||||
width: 100%;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.block_remise{
|
||||
width: 100% !important;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 992px) and (max-width: 1199px) {
|
||||
.okUpdateData {
|
||||
font-size: small;
|
||||
color: green;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.koUpdateData {
|
||||
font-size: small;
|
||||
color: red;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.facture_menu {
|
||||
width: 10rem;
|
||||
text-align: left;
|
||||
padding: 0;
|
||||
border: 0px;
|
||||
}
|
||||
|
||||
.facture_menu:hover:active,
|
||||
.facture_menu:hover {
|
||||
background-color: #e7f3fb;
|
||||
}
|
||||
|
||||
.facture_menu:focus {
|
||||
//border: 3px dotted green;
|
||||
background-color: #e7f3fb;
|
||||
}
|
||||
|
||||
.div_info_facturation {
|
||||
float: left;
|
||||
width: 50%;
|
||||
border: 1px solid black;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.div_info_plan_actuel {
|
||||
float: left;
|
||||
width: 50%;
|
||||
border: 1px solid black;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.div_info_pack {
|
||||
width: 100%;
|
||||
border: 1px solid black;
|
||||
}
|
||||
|
||||
.texte_area {
|
||||
width: 95% !important;
|
||||
font-size: x-small !important;
|
||||
font-family: "verdana", "Quicksand", "Signika", sans-serif;
|
||||
margin: 0rem !important;
|
||||
margin-right: 0.4rem !important;
|
||||
margin-top: 0.4rem !important;
|
||||
background-color: "#ECEFF1";
|
||||
background: "#ECEFF1";
|
||||
color: black;
|
||||
margin: 0.5rem !important;
|
||||
}
|
||||
|
||||
.texte_area_adress {
|
||||
width: 95% !important;
|
||||
font-size: x-small !important;
|
||||
font-family: "verdana", "Quicksand", "Signika", sans-serif;
|
||||
margin: 0rem !important;
|
||||
margin-right: 0.4rem !important;
|
||||
margin-top: 0.4rem !important;
|
||||
background-color: "#ECEFF1";
|
||||
background: "#ECEFF1";
|
||||
color: black;
|
||||
margin: 0.5rem !important;
|
||||
}
|
||||
|
||||
.titre1 {
|
||||
font-family: "Quicksand", "Signika", sans-serif;
|
||||
font-size: medium;
|
||||
text-align: center;
|
||||
margin-bottom: 0.8rem;
|
||||
color: white;
|
||||
cursor: pointer;
|
||||
font-style: italic;
|
||||
background-color: gray;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.div_row {
|
||||
float: left;
|
||||
//border:0px solid black;
|
||||
border-width: 0.01rem;
|
||||
width: 100%;
|
||||
margin-bottom: 1rem;
|
||||
font-size: small;
|
||||
}
|
||||
|
||||
.div_row_gauche {
|
||||
float: left;
|
||||
//border:0px solid black;
|
||||
border-width: 0.01rem;
|
||||
width: 45%;
|
||||
border-radius: 0px;
|
||||
}
|
||||
|
||||
.div_row_droite {
|
||||
border-left: 1rem solid;
|
||||
float: right;
|
||||
//border:0px solid black;
|
||||
border-width: 0.01rem;
|
||||
width: 55%;
|
||||
padding-left: 2%;
|
||||
border-radius: 0px;
|
||||
}
|
||||
|
||||
.div_row22 {
|
||||
text-align: center;
|
||||
border-width: 0.01rem;
|
||||
margin-bottom: 0.1rem;
|
||||
margin-top: 0.3rem;
|
||||
border-radius: 1rem;
|
||||
font-size: small;
|
||||
}
|
||||
|
||||
.btn_modif {
|
||||
width: 10rem;
|
||||
background-color: #212121 !important;
|
||||
color: white;
|
||||
height: 2rem;
|
||||
}
|
||||
|
||||
.btn_enreg {
|
||||
width: 10rem;
|
||||
background-color: green !important;
|
||||
color: white;
|
||||
height: 2rem;
|
||||
}
|
||||
|
||||
|
||||
.accountsatatus {
|
||||
font-size: small;
|
||||
color: black;
|
||||
font-style: italic;
|
||||
background-color: #FFA07A;
|
||||
margin-bottom: 0.5rem;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.css-1ptx2yq-MuiInputBase-root-MuiInput-root {
|
||||
font-size: small;
|
||||
}
|
||||
|
||||
.list_produits_service {
|
||||
font-size: small;
|
||||
}
|
||||
|
||||
|
||||
.btn_retour_ps {
|
||||
background-color: rgb(228, 236, 228) !important;
|
||||
padding-left: 5px;
|
||||
padding-right: 5px;
|
||||
height: 2rem;
|
||||
}
|
||||
|
||||
.btn_modif_nb_ftion {
|
||||
width: 10rem;
|
||||
background-color: green !important;
|
||||
color: white;
|
||||
border-radius: 5rem;
|
||||
font-size: small;
|
||||
height: 2rem;
|
||||
}
|
||||
|
||||
.nb_ftion {
|
||||
text-align: center;
|
||||
width: 80%;
|
||||
}
|
||||
|
||||
.btn_enreg_new_nb_ftion {
|
||||
width: 95%;
|
||||
background-color: green !important;
|
||||
color: white;
|
||||
border-radius: 5rem;
|
||||
font-size: small;
|
||||
height: 2rem;
|
||||
}
|
||||
|
||||
|
||||
.btn_annule_new_nb_ftion {
|
||||
width: 95%;
|
||||
background-color: black !important;
|
||||
color: white;
|
||||
border-radius: 5rem;
|
||||
font-size: small;
|
||||
height: 2rem;
|
||||
}
|
||||
|
||||
|
||||
.pave_nb_ftion {
|
||||
width: 100% !important;
|
||||
}
|
||||
|
||||
|
||||
.pave_change_ftion {
|
||||
text-align: right;
|
||||
border-left: 2px solid;
|
||||
padding-left: 5px;
|
||||
width: 100% !important;
|
||||
padding-right: 3px;
|
||||
}
|
||||
|
||||
.pave_btn_enreg_new_nb_ftion {
|
||||
text-align: left;
|
||||
width: 100%;
|
||||
float: left;
|
||||
margin-bottom: 0.3rem;
|
||||
height: 2rem;
|
||||
|
||||
}
|
||||
|
||||
.pave_btn_annule_new_nb_ftion {
|
||||
text-align: left;
|
||||
width: 100%;
|
||||
float: left;
|
||||
height: 2rem;
|
||||
}
|
||||
.block_remise{
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 1200px) {
|
||||
/*style grande tablettes & Pc portable */
|
||||
|
||||
.okUpdateData {
|
||||
font-size: small;
|
||||
color: green;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
|
||||
.koUpdateData {
|
||||
font-size: small;
|
||||
color: red;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.facture_menu {
|
||||
width: 10rem;
|
||||
text-align: left;
|
||||
padding: 0;
|
||||
border: 0px;
|
||||
}
|
||||
|
||||
.facture_menu:hover:active,
|
||||
.facture_menu:hover {
|
||||
background-color: #e7f3fb;
|
||||
}
|
||||
|
||||
.facture_menu:focus {
|
||||
//border: 3px dotted green;
|
||||
background-color: #e7f3fb;
|
||||
}
|
||||
|
||||
.div_info_facturation {
|
||||
float: left;
|
||||
width: 50%;
|
||||
border: 1px solid black;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.div_info_plan_actuel {
|
||||
float: left;
|
||||
width: 50%;
|
||||
border: 1px solid black;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.div_info_pack {
|
||||
width: 100%;
|
||||
border: 1px solid black;
|
||||
}
|
||||
|
||||
.texte_area {
|
||||
width: 47% !important;
|
||||
font-size: small !important;
|
||||
font-family: "verdana", "Quicksand", "Signika", sans-serif;
|
||||
margin: 0rem !important;
|
||||
margin-right: 0.4rem !important;
|
||||
margin-top: 0.4rem !important;
|
||||
background-color: "#ECEFF1";
|
||||
background: "#ECEFF1";
|
||||
color: black;
|
||||
margin: 0.5rem !important;
|
||||
}
|
||||
|
||||
.texte_area_adress {
|
||||
width: 96.5% !important;
|
||||
font-size: small !important;
|
||||
font-family: "verdana", "Quicksand", "Signika", sans-serif;
|
||||
margin: 0rem !important;
|
||||
margin-right: 0.4rem !important;
|
||||
margin-top: 0.4rem !important;
|
||||
background-color: "#ECEFF1";
|
||||
background: "#ECEFF1";
|
||||
color: black;
|
||||
margin: 0.5rem !important;
|
||||
}
|
||||
|
||||
.titre1 {
|
||||
font-family: "Quicksand", "Signika", sans-serif;
|
||||
font-size: medium;
|
||||
text-align: center;
|
||||
margin-bottom: 0.8rem;
|
||||
color: white;
|
||||
cursor: pointer;
|
||||
font-style: italic;
|
||||
background-color: gray;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.div_row {
|
||||
float: left;
|
||||
//border:0px solid black;
|
||||
border-width: 0.01rem;
|
||||
width: 100%;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.div_row_gauche {
|
||||
float: left;
|
||||
//border:0px solid black;
|
||||
border-width: 0.01rem;
|
||||
width: 45%;
|
||||
border-radius: 0px;
|
||||
}
|
||||
|
||||
.div_row_droite {
|
||||
border-left: 1rem solid;
|
||||
float: right;
|
||||
//border:0px solid black;
|
||||
border-width: 0.01rem;
|
||||
width: 55%;
|
||||
padding-left: 2%;
|
||||
border-radius: 0px;
|
||||
}
|
||||
|
||||
.div_row22 {
|
||||
text-align: center;
|
||||
border-width: 0.01rem;
|
||||
margin-bottom: 0.1rem;
|
||||
margin-top: 0.3rem;
|
||||
border-radius: 1rem;
|
||||
font-size: small;
|
||||
}
|
||||
|
||||
.btn_modif {
|
||||
width: 10rem;
|
||||
background-color: #212121 !important;
|
||||
color: white;
|
||||
height: 2rem;
|
||||
}
|
||||
|
||||
.btn_enreg {
|
||||
width: 10rem;
|
||||
background-color: green !important;
|
||||
color: white;
|
||||
height: 2rem;
|
||||
}
|
||||
|
||||
.div_row_central {
|
||||
border: 0px;
|
||||
border-width: 0.01rem;
|
||||
|
||||
margin-bottom: 3rem;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.accountsatatus {
|
||||
font-size: small;
|
||||
color: black;
|
||||
font-style: italic;
|
||||
background-color: #FFA07A;
|
||||
margin-bottom: 0.5rem;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.css-1ptx2yq-MuiInputBase-root-MuiInput-root {
|
||||
font-size: small;
|
||||
}
|
||||
|
||||
.list_produits_service {
|
||||
font-size: small;
|
||||
}
|
||||
|
||||
.btn_retour_ps {
|
||||
background-color: rgb(228, 236, 228) !important;
|
||||
padding-left: 5px;
|
||||
padding-right: 5px;
|
||||
height: 2rem;
|
||||
}
|
||||
|
||||
.btn_modif_nb_ftion {
|
||||
width: 10rem;
|
||||
background-color: green !important;
|
||||
color: white;
|
||||
border-radius: 5rem;
|
||||
font-size: small;
|
||||
height: 2rem;
|
||||
}
|
||||
|
||||
.nb_ftion {
|
||||
text-align: center;
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
.btn_enreg_new_nb_ftion {
|
||||
width: 95%;
|
||||
background-color: green !important;
|
||||
color: white;
|
||||
border-radius: 5rem;
|
||||
font-size: small;
|
||||
height: 2rem;
|
||||
}
|
||||
|
||||
|
||||
.btn_annule_new_nb_ftion {
|
||||
width: 95%;
|
||||
background-color: black !important;
|
||||
color: white;
|
||||
border-radius: 5rem;
|
||||
font-size: small;
|
||||
height: 2rem;
|
||||
}
|
||||
|
||||
.pave_nb_ftion {
|
||||
width: 100% !important;
|
||||
}
|
||||
|
||||
|
||||
.pave_change_ftion {
|
||||
text-align: right;
|
||||
border-left: 2px solid;
|
||||
padding-left: 5px;
|
||||
width: 100% !important;
|
||||
padding-right: 3px;
|
||||
}
|
||||
|
||||
.pave_btn_enreg_new_nb_ftion {
|
||||
text-align: left;
|
||||
width: 50%;
|
||||
float: left;
|
||||
height: 2rem;
|
||||
|
||||
}
|
||||
|
||||
.pave_btn_annule_new_nb_ftion {
|
||||
text-align: left;
|
||||
width: 50%;
|
||||
float: left;
|
||||
height: 2rem;
|
||||
}
|
||||
|
||||
.block_remise{
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
.img_payment {
|
||||
max-width: 30%;
|
||||
}
|
||||
|
||||
.Mui-disabled {
|
||||
color: 212121 !important;
|
||||
font-size: small !important;
|
||||
margin: 0px;
|
||||
}
|
||||
|
||||
.css-1sumxir-MuiFormLabel-root-MuiInputLabel-root.Mui-disabled{
|
||||
color: 212121 !important;
|
||||
font-size: medium !important;
|
||||
margin: 0px !important;
|
||||
}
|
||||
|
||||
.css-1o9s3wi-MuiInputBase-input-MuiOutlinedInput-input {
|
||||
color: #212121 !important;
|
||||
}
|
||||
|
||||
.css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input {
|
||||
padding-left: 5px !important;
|
||||
}
|
||||
}
|
|
@ -851,6 +851,8 @@
|
|||
font-size: small !important;
|
||||
}
|
||||
|
||||
|
||||
.css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input {
|
||||
padding-left: 5px !important;
|
||||
}
|
||||
|
||||
}
|
|
@ -68,3 +68,15 @@
|
|||
@import "./components/partnerclient";
|
||||
@import "./components/contactpartnerclient";
|
||||
@import "./components/partner_client_activite";
|
||||
@import "./components/partnerinvoicingdata";
|
||||
|
||||
|
||||
|
||||
|
||||
.css-14lo706{
|
||||
padding-right: 0.5rem !important;
|
||||
}
|
||||
|
||||
.css-1jy569b-MuiFormLabel-root-MuiInputLabel-root{
|
||||
margin-left: 0px !important;
|
||||
}
|
Loading…
Reference in New Issue