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 'react-tooltip/dist/react-tooltip.css'
|
||||||
import { Tooltip } from 'react-tooltip'
|
import { Tooltip } from 'react-tooltip'
|
||||||
import Popup from 'reactjs-popup';
|
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";
|
import { FcCancel, FcApproval, FcAcceptDatabase, FcPrint } from "react-icons/fc";
|
||||||
|
|
||||||
function Abonnement(props) {
|
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_api, setDisplay_Part_Client_Contact_api] = useState("");
|
||||||
const [Display_Part_Client_Contact_result, setDisplay_Part_Client_Contact_result] = 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("");
|
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();
|
var form = new FormData();
|
||||||
|
|
||||||
const stored_cookie = getCookie('tokenmysypart');
|
const stored_cookie = getCookie('tokenmysypart');
|
||||||
|
@ -1848,6 +1848,9 @@ const AddParnerClient = (props) => {
|
||||||
form.append("related_collection", "partner_client");
|
form.append("related_collection", "partner_client");
|
||||||
form.append("related_collection_owner_email", p_client_email);
|
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/";
|
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>}
|
<div className="nom_prenom"> {parntername && <b> {parntername} - {String(partnerPackService).toUpperCase()} ({parnternbformation})</b>}
|
||||||
{!parntername && <b> Partenaire </b>} </div>
|
{!parntername && <b> Partenaire </b>} </div>
|
||||||
<hr className="my_hr" />
|
<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" onClick={PersonnalData}> <FcHome className="icone_menu" /> MES INFORMATIONS</div>}
|
||||||
{String(menu) === "infopartner" && <div className="sousmenu_selected" onClick={PersonnalData} > <FcHome className="icone_menu" /> DONNEES PERSONNELLES</div>}
|
{String(menu) === "infopartner" && <div className="sousmenu_selected" onClick={PersonnalData} > <FcHome className="icone_menu" /> MES INFORMATIONS</div>}
|
||||||
<hr className="my_hr" />
|
<hr className="my_hr" />
|
||||||
|
|
||||||
{String(menu) !== "creation" && <div className="sousmenu" onClick={CreateTraining}> <FcAddDatabase className="icone_menu" /> CREER FORMATION</div>}
|
{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 [currentpawdvisible, setcurrentpawdvisible] = useState(false);
|
||||||
const [newpawdvisible, setnewpawdvisible] = useState(false);
|
const [newpawdvisible, setnewpawdvisible] = useState(false);
|
||||||
|
@ -84,6 +89,9 @@ const Partner_Securite_Data = (props) => {
|
||||||
|
|
||||||
|
|
||||||
setmailfieldsdesabled(false);
|
setmailfieldsdesabled(false);
|
||||||
|
setResult("");
|
||||||
|
setupdatepwd();
|
||||||
|
setupdatemainmail();
|
||||||
}
|
}
|
||||||
|
|
||||||
function desablesecurtymailfields() {
|
function desablesecurtymailfields() {
|
||||||
|
@ -103,6 +111,9 @@ const Partner_Securite_Data = (props) => {
|
||||||
|
|
||||||
|
|
||||||
setmailfieldsdesabled(true);
|
setmailfieldsdesabled(true);
|
||||||
|
setResult("");
|
||||||
|
setupdatepwd();
|
||||||
|
setupdatemainmail();
|
||||||
}
|
}
|
||||||
|
|
||||||
const handleMouseDownPassword = (event) => {
|
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 = () => {
|
const handleClickShowPassword_new_pwd = () => {
|
||||||
if (newpawdvisible == false) {
|
if (newpawdvisible == false) {
|
||||||
document.getElementsByName("new_pwd")[0].type = "text";
|
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) {
|
function handleChange3(prop) {
|
||||||
return (event) => {
|
return (event) => {
|
||||||
setValuesPass3({ ...valuesPass3, [prop]: event.target.value });
|
setValuesPass3({ ...valuesPass3, [prop]: event.target.value });
|
||||||
|
@ -231,15 +266,23 @@ const Partner_Securite_Data = (props) => {
|
||||||
//console.log('Success:', result['message'], "result['status'] = ", result['status']);
|
//console.log('Success:', result['message'], "result['status'] = ", result['status']);
|
||||||
setmyApiResponse(result['status']);
|
setmyApiResponse(result['status']);
|
||||||
setResult(result['message']);
|
setResult(result['message']);
|
||||||
if (String(result['status']) == String("true")) {
|
if (String(result['status']) === String("true")) {
|
||||||
setupdatepwd(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) => {
|
.catch((error) => {
|
||||||
console.error('Error:', error);
|
console.error('Error:', error);
|
||||||
setmyApiResponse("false");
|
setmyApiResponse("false");
|
||||||
setupdatepwd(false);
|
setupdatepwd(false);
|
||||||
|
alert("Erreur :", result['message']);
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -280,6 +323,12 @@ const Partner_Securite_Data = (props) => {
|
||||||
setResult(result['message']);
|
setResult(result['message']);
|
||||||
if (String(result['status']) == String("true")) {
|
if (String(result['status']) == String("true")) {
|
||||||
setupdatemainmail(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");
|
setmyApiResponse("false");
|
||||||
setupdatemainmail(false);
|
setupdatemainmail(false);
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
function desablesecurtypwdfields() {
|
function desablesecurtypwdfields() {
|
||||||
|
@ -308,6 +354,9 @@ const Partner_Securite_Data = (props) => {
|
||||||
|
|
||||||
|
|
||||||
setpwdfieldsdesabled(true);
|
setpwdfieldsdesabled(true);
|
||||||
|
setResult("");
|
||||||
|
setupdatepwd();
|
||||||
|
setupdatemainmail();
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
@ -324,169 +373,163 @@ const Partner_Securite_Data = (props) => {
|
||||||
document.getElementsByName("new_pwd_conf")[0].style.backgroundColor = "#FFFFFF";
|
document.getElementsByName("new_pwd_conf")[0].style.backgroundColor = "#FFFFFF";
|
||||||
|
|
||||||
setpwdfieldsdesabled(false);
|
setpwdfieldsdesabled(false);
|
||||||
}
|
setResult("");
|
||||||
|
setupdatepwd();
|
||||||
|
setupdatemainmail();
|
||||||
|
|
||||||
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);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
const [valuesconf_new_insert_key, setvaluesconf_new_insert_key] = React.useState({
|
const [valuesconf_new_insert_key, setvaluesconf_new_insert_key] = React.useState({
|
||||||
password_insertconf_new_key: '',
|
password_insertconf_new_key: '',
|
||||||
showpassword_insertconf_new_key: false,
|
showpassword_insertconf_new_key: false,
|
||||||
});
|
});
|
||||||
|
|
||||||
const [conf_new_insert_key_visible, setconf_new_insert_key_visible] = useState(false);
|
const [conf_new_insert_key_visible, setconf_new_insert_key_visible] = useState(false);
|
||||||
|
|
||||||
function handleChangeconf_new_insert_key(prop) {
|
function handleChangeconf_new_insert_key(prop) {
|
||||||
return (event) => {
|
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();
|
setinsert_key_updated();
|
||||||
document.getElementsByName("current_insert_key")[0].disabled = true;
|
document.getElementsByName("current_insert_key")[0].disabled = true;
|
||||||
document.getElementsByName("current_insert_key")[0].style.backgroundColor = "#ECEFF1";
|
document.getElementsByName("current_insert_key")[0].style.backgroundColor = "#ECEFF1";
|
||||||
document.getElementsByName("current_insert_key")[0].value = "";
|
document.getElementsByName("current_insert_key")[0].value = "";
|
||||||
|
|
||||||
document.getElementsByName("new_insert_key")[0].disabled = true;
|
document.getElementsByName("new_insert_key")[0].disabled = true;
|
||||||
document.getElementsByName("new_insert_key")[0].style.backgroundColor = "#ECEFF1";
|
document.getElementsByName("new_insert_key")[0].style.backgroundColor = "#ECEFF1";
|
||||||
document.getElementsByName("new_insert_key")[0].value = "";
|
document.getElementsByName("new_insert_key")[0].value = "";
|
||||||
|
|
||||||
document.getElementsByName("conf_new_insert_key")[0].disabled = true;
|
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].style.backgroundColor = "#ECEFF1";
|
||||||
document.getElementsByName("conf_new_insert_key")[0].value = "";
|
document.getElementsByName("conf_new_insert_key")[0].value = "";
|
||||||
|
|
||||||
|
|
||||||
setinsert_keyfieldsdesabled(true);
|
setinsert_keyfieldsdesabled(true);
|
||||||
}
|
setResult("");
|
||||||
|
setupdatepwd();
|
||||||
|
setupdatemainmail();
|
||||||
function UpdatePartnerInsertKey() {
|
}
|
||||||
|
|
||||||
|
|
||||||
|
function UpdatePartnerInsertKey() {
|
||||||
|
|
||||||
setinsert_key_updated();
|
setinsert_key_updated();
|
||||||
const url = process.env.REACT_APP_API_URL + "myclass/api/update_partner_insert_key/";
|
const url = process.env.REACT_APP_API_URL + "myclass/api/update_partner_insert_key/";
|
||||||
const formData = new FormData();
|
const formData = new FormData();
|
||||||
formData.append('token', stored_user);
|
formData.append('token', stored_user);
|
||||||
|
|
||||||
// Si le partenaire n'est pas connecté, il est renvoyé vers la page de connexion
|
// Si le partenaire n'est pas connecté, il est renvoyé vers la page de connexion
|
||||||
if (!stored_user || stored_user.length <= 0) {
|
if (!stored_user || stored_user.length <= 0) {
|
||||||
history.push("/PartnerLogin");
|
history.push("/PartnerLogin");
|
||||||
}
|
}
|
||||||
|
|
||||||
var current_key = document.getElementsByName("current_insert_key")[0].value;
|
var current_key = document.getElementsByName("current_insert_key")[0].value;
|
||||||
var new_key = document.getElementsByName("new_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;
|
var conf_new_key = document.getElementsByName("conf_new_insert_key")[0].value;
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
document.getElementsByName("identique_insert_key")[0].style.backgroundColor = "white";
|
document.getElementsByName("identique_insert_key")[0].style.backgroundColor = "white";
|
||||||
if (new_key !== conf_new_key) {
|
if (new_key !== conf_new_key) {
|
||||||
document.getElementsByName("identique_insert_key")[0].style.backgroundColor = "red";
|
document.getElementsByName("identique_insert_key")[0].style.backgroundColor = "red";
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
|
||||||
document.getElementsByName("caractere_insert_key")[0].style.backgroundColor = "white";
|
document.getElementsByName("caractere_insert_key")[0].style.backgroundColor = "white";
|
||||||
if (String(new_key).length < 8) {
|
if (String(new_key).length < 8) {
|
||||||
document.getElementsByName("caractere_insert_key")[0].style.backgroundColor = "red";
|
document.getElementsByName("caractere_insert_key")[0].style.backgroundColor = "red";
|
||||||
return
|
return
|
||||||
}
|
}
|
||||||
|
|
||||||
var regex = /\d/g;
|
var regex = /\d/g;
|
||||||
document.getElementsByName("nombre_insert_key")[0].style.backgroundColor = "white";
|
document.getElementsByName("nombre_insert_key")[0].style.backgroundColor = "white";
|
||||||
if (!regex.test(new_key)) {
|
if (!regex.test(new_key)) {
|
||||||
document.getElementsByName("nombre_insert_key")[0].style.backgroundColor = "red";
|
document.getElementsByName("nombre_insert_key")[0].style.backgroundColor = "red";
|
||||||
return
|
return
|
||||||
}
|
}
|
||||||
|
|
||||||
const specialChars = /[`!@#$%^&*()_+\-=\[\]{};':"\\|,.<>\/?~]/;
|
const specialChars = /[`!@#$%^&*()_+\-=\[\]{};':"\\|,.<>\/?~]/;
|
||||||
document.getElementsByName("special_insert_key")[0].style.backgroundColor = "white";
|
document.getElementsByName("special_insert_key")[0].style.backgroundColor = "white";
|
||||||
if (!specialChars.test(new_key)) {
|
if (!specialChars.test(new_key)) {
|
||||||
document.getElementsByName("special_insert_key")[0].style.backgroundColor = "red";
|
document.getElementsByName("special_insert_key")[0].style.backgroundColor = "red";
|
||||||
return
|
return
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
formData.append('current_insert_key', current_key);
|
formData.append('current_insert_key', current_key);
|
||||||
formData.append('new_insert_key', new_key);
|
formData.append('new_insert_key', new_key);
|
||||||
formData.append('conf_insert_key', conf_new_key);
|
formData.append('conf_insert_key', conf_new_key);
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
fetch(
|
fetch(
|
||||||
url,
|
url,
|
||||||
{
|
{
|
||||||
method: 'POST',
|
method: 'POST',
|
||||||
body: formData,
|
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");
|
|
||||||
}
|
}
|
||||||
|
)
|
||||||
|
.then((response) => response.json())
|
||||||
})
|
.then((result) => {
|
||||||
.catch((error) => {
|
//console.log('Success:', result['message'], "result['status'] = ", result['status']);
|
||||||
console.error('Error:', error);
|
setinsert_key_api(result['status']);
|
||||||
setinsert_key_api("false");
|
setinsert_key_api_message(result['message']);
|
||||||
setinsert_key_updated(false);
|
if (String(result['status']) === String("true")) {
|
||||||
});
|
desablesecurtyInsertKeyfields();
|
||||||
}
|
document.getElementsByName("current_insert_key")[0].value = new_key;
|
||||||
|
setinsert_key_updated(true);
|
||||||
function enablesecurtyInsertKeyfields() {
|
} 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();
|
setinsert_key_updated();
|
||||||
document.getElementsByName("current_insert_key")[0].disabled = false;
|
document.getElementsByName("current_insert_key")[0].disabled = false;
|
||||||
document.getElementsByName("current_insert_key")[0].style.backgroundColor = "#FFFFFF";
|
document.getElementsByName("current_insert_key")[0].style.backgroundColor = "#FFFFFF";
|
||||||
|
|
||||||
|
|
||||||
document.getElementsByName("new_insert_key")[0].disabled = false;
|
document.getElementsByName("new_insert_key")[0].disabled = false;
|
||||||
document.getElementsByName("new_insert_key")[0].style.backgroundColor = "#FFFFFF";
|
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].disabled = false;
|
||||||
document.getElementsByName("conf_new_insert_key")[0].style.backgroundColor = "#FFFFFF";
|
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) {
|
if (conf_new_insert_key_visible == false) {
|
||||||
document.getElementsByName("conf_new_insert_key")[0].type = "text";
|
document.getElementsByName("conf_new_insert_key")[0].type = "text";
|
||||||
setconf_new_insert_key_visible(true);
|
setconf_new_insert_key_visible(true);
|
||||||
}
|
}
|
||||||
else if (conf_new_insert_key_visible == true) {
|
else if (conf_new_insert_key_visible == true) {
|
||||||
document.getElementsByName("conf_new_insert_key")[0].type = "password";
|
document.getElementsByName("conf_new_insert_key")[0].type = "password";
|
||||||
setconf_new_insert_key_visible(false);
|
setconf_new_insert_key_visible(false);
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
const [insert_key_api, setinsert_key_api] = useState("");
|
const [insert_key_api, setinsert_key_api] = useState("");
|
||||||
const [insert_key_api_message, setinsert_key_api_message] = useState("");
|
const [insert_key_api_message, setinsert_key_api_message] = useState("");
|
||||||
const [insert_key_updated, setinsert_key_updated] = useState();
|
const [insert_key_updated, setinsert_key_updated] = useState();
|
||||||
|
|
||||||
const [insert_keyfieldsdesabled, setinsert_keyfieldsdesabled] = useState(true);
|
const [insert_keyfieldsdesabled, setinsert_keyfieldsdesabled] = useState(true);
|
||||||
|
|
||||||
// Gestion champs caché : Current_Insertion_Key
|
// Gestion champs caché : Current_Insertion_Key
|
||||||
|
@ -554,13 +597,23 @@ const Partner_Securite_Data = (props) => {
|
||||||
|
|
||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
|
|
||||||
desablesecurtymailfields();
|
desablesecurtymailfields();
|
||||||
desablesecurtypwdfields();
|
desablesecurtypwdfields();
|
||||||
desablesecurtyInsertKeyfields();
|
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 (
|
return (
|
||||||
|
|
||||||
|
@ -569,6 +622,7 @@ const Partner_Securite_Data = (props) => {
|
||||||
|
|
||||||
<div className="div_row_gauche">
|
<div className="div_row_gauche">
|
||||||
<div className="titre1"> Mot de passe </div>
|
<div className="titre1"> Mot de passe </div>
|
||||||
|
|
||||||
{updatepwd == false && <div className="koUpdateData">
|
{updatepwd == false && <div className="koUpdateData">
|
||||||
Erreur mise à jour.
|
Erreur mise à jour.
|
||||||
</div>
|
</div>
|
||||||
|
@ -580,7 +634,7 @@ const Partner_Securite_Data = (props) => {
|
||||||
}
|
}
|
||||||
<Box alignItems="left" sx={{ '& > :not(style)': { m: 1 } }}>
|
<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>
|
<Label>Mot de passe actuel</Label>
|
||||||
<InputLabel htmlFor="outlined-adornment-password"></InputLabel>
|
<InputLabel htmlFor="outlined-adornment-password"></InputLabel>
|
||||||
<OutlinedInput
|
<OutlinedInput
|
||||||
|
@ -603,9 +657,59 @@ const Partner_Securite_Data = (props) => {
|
||||||
|
|
||||||
/>
|
/>
|
||||||
</FormControl>
|
</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>
|
<Label>Nouveau mot de passe</Label>
|
||||||
<InputLabel htmlFor="outlined-adornment-password2"></InputLabel>
|
<InputLabel htmlFor="outlined-adornment-password2"></InputLabel>
|
||||||
<OutlinedInput
|
<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>
|
<Label>Confirmation du nouveau mot de passe</Label>
|
||||||
<InputLabel htmlFor="outlined-adornment-password"></InputLabel>
|
<InputLabel htmlFor="outlined-adornment-password"></InputLabel>
|
||||||
<OutlinedInput
|
<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">
|
<div className="text_pwd_crit">
|
||||||
Créez un mot de passe contenant au moins :
|
Créez un mot de passe contenant au moins :
|
||||||
<ul>
|
<ul>
|
||||||
|
@ -717,9 +874,10 @@ const Partner_Securite_Data = (props) => {
|
||||||
</InputAdornment>
|
</InputAdornment>
|
||||||
),
|
),
|
||||||
}}
|
}}
|
||||||
variant="standard"
|
value={p_current_email}
|
||||||
|
onChange={(e) => setp_current_email(e.target.value)}
|
||||||
/>
|
/>
|
||||||
<br />
|
|
||||||
<TextField
|
<TextField
|
||||||
name="new_email"
|
name="new_email"
|
||||||
label="Nouvelle Adresse mail"
|
label="Nouvelle Adresse mail"
|
||||||
|
@ -731,9 +889,10 @@ const Partner_Securite_Data = (props) => {
|
||||||
</InputAdornment>
|
</InputAdornment>
|
||||||
),
|
),
|
||||||
}}
|
}}
|
||||||
variant="standard"
|
value={p_new_email}
|
||||||
|
onChange={(e) => setp_new_email(e.target.value)}
|
||||||
/>
|
/>
|
||||||
<br />
|
|
||||||
<TextField
|
<TextField
|
||||||
name="conf_new_email"
|
name="conf_new_email"
|
||||||
label="Confirmation mail"
|
label="Confirmation mail"
|
||||||
|
@ -745,7 +904,8 @@ const Partner_Securite_Data = (props) => {
|
||||||
</InputAdornment>
|
</InputAdornment>
|
||||||
),
|
),
|
||||||
}}
|
}}
|
||||||
variant="standard"
|
value={p_conf_new_email}
|
||||||
|
onChange={(e) => setp_conf_new_email(e.target.value)}
|
||||||
/>
|
/>
|
||||||
<div className="text_pwd_crit">
|
<div className="text_pwd_crit">
|
||||||
|
|
||||||
|
@ -801,7 +961,7 @@ const Partner_Securite_Data = (props) => {
|
||||||
|
|
||||||
<Box alignItems="left" sx={{ '& > :not(style)': { m: 1 } }} >
|
<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>
|
<Label>Clé de rattachement actuelle</Label>
|
||||||
<InputLabel htmlFor="outlined-adornment-password"></InputLabel>
|
<InputLabel htmlFor="outlined-adornment-password"></InputLabel>
|
||||||
<OutlinedInput
|
<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>
|
<Label>Nouvelle clé de rattachement</Label>
|
||||||
<InputLabel htmlFor="outlined-adornment-password"></InputLabel>
|
<InputLabel htmlFor="outlined-adornment-password"></InputLabel>
|
||||||
<OutlinedInput
|
<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>
|
<Label>Confirmation nouvelle clé de rattachement</Label>
|
||||||
<InputLabel htmlFor="outlined-adornment-password"></InputLabel>
|
<InputLabel htmlFor="outlined-adornment-password"></InputLabel>
|
||||||
<OutlinedInput
|
<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">
|
<div className="text_pwd_crit">
|
||||||
Créez un mot de passe contenant au moins :
|
Créez une clé contenant au moins :
|
||||||
<ul>
|
<ul>
|
||||||
<li name="caractere_insert_key">
|
<li name="caractere_insert_key">
|
||||||
8 caractères
|
8 caractères
|
||||||
|
|
|
@ -26,6 +26,7 @@ import { ConsoleView } from "react-device-detect";
|
||||||
import MenuItem from '@mui/material/MenuItem';
|
import MenuItem from '@mui/material/MenuItem';
|
||||||
|
|
||||||
import Partner_Securite_Data from "./Partner_Securite_Data";
|
import Partner_Securite_Data from "./Partner_Securite_Data";
|
||||||
|
import Partner_Invoicing_Data from "./Partner_Invoicing_Data";
|
||||||
|
|
||||||
|
|
||||||
function UpdateParnterInfo() {
|
function UpdateParnterInfo() {
|
||||||
|
@ -88,6 +89,8 @@ function UpdateParnterInfo() {
|
||||||
//desablesecurtypwdfields();
|
//desablesecurtypwdfields();
|
||||||
//desablesecurtyInsertKeyfields();
|
//desablesecurtyInsertKeyfields();
|
||||||
getPartnerImages();
|
getPartnerImages();
|
||||||
|
|
||||||
|
|
||||||
}, [])
|
}, [])
|
||||||
|
|
||||||
|
|
||||||
|
@ -321,27 +324,27 @@ function UpdateParnterInfo() {
|
||||||
if (mylocaltraining) {
|
if (mylocaltraining) {
|
||||||
|
|
||||||
if (mylocaltraining.adr_city) {
|
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].disabled = true;
|
||||||
document.getElementsByName("adr_city")[0].style.backgroundColor = "#ECEFF1";
|
document.getElementsByName("adr_city")[0].style.backgroundColor = "#ECEFF1";
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
if (mylocaltraining.adr_city) {
|
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].disabled = true;
|
||||||
document.getElementsByName("adr_zip")[0].style.backgroundColor = "#ECEFF1";
|
document.getElementsByName("adr_zip")[0].style.backgroundColor = "#ECEFF1";
|
||||||
}
|
}
|
||||||
|
|
||||||
if (mylocaltraining.email) {
|
if (mylocaltraining.email) {
|
||||||
document.getElementsByName("email")[0].value = mylocaltraining.email;
|
setp_email(mylocaltraining.email);
|
||||||
document.getElementsByName("email")[0].disabled = true;
|
document.getElementsByName("email")[0].disabled = true;
|
||||||
document.getElementsByName("email")[0].style.backgroundColor = "#ECEFF1";
|
document.getElementsByName("email")[0].style.backgroundColor = "#ECEFF1";
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
if (mylocaltraining.website) {
|
if (mylocaltraining.website) {
|
||||||
document.getElementsByName("website")[0].value = mylocaltraining.website;
|
setp_website(mylocaltraining.website);
|
||||||
document.getElementsByName("website")[0].disabled = true;
|
document.getElementsByName("website")[0].disabled = true;
|
||||||
document.getElementsByName("website")[0].style.backgroundColor = "#ECEFF1";
|
document.getElementsByName("website")[0].style.backgroundColor = "#ECEFF1";
|
||||||
}
|
}
|
||||||
|
@ -349,41 +352,36 @@ function UpdateParnterInfo() {
|
||||||
|
|
||||||
|
|
||||||
if (mylocaltraining.adr_country) {
|
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].disabled = true;
|
||||||
document.getElementsByName("adr_country")[0].style.backgroundColor = "#ECEFF1";
|
document.getElementsByName("adr_country")[0].style.backgroundColor = "#ECEFF1";
|
||||||
}
|
}
|
||||||
|
|
||||||
if (mylocaltraining.link_facebook) {
|
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].disabled = true;
|
||||||
document.getElementsByName("link_facebook")[0].style.backgroundColor = "#ECEFF1";
|
document.getElementsByName("link_facebook")[0].style.backgroundColor = "#ECEFF1";
|
||||||
}
|
}
|
||||||
|
|
||||||
if (mylocaltraining.telephone) {
|
if (mylocaltraining.telephone) {
|
||||||
document.getElementsByName("telephone")[0].value = mylocaltraining.telephone;
|
setp_telephone(mylocaltraining.telephone);
|
||||||
document.getElementsByName("telephone")[0].disabled = true;
|
document.getElementsByName("telephone")[0].disabled = true;
|
||||||
document.getElementsByName("telephone")[0].style.backgroundColor = "#ECEFF1";
|
document.getElementsByName("telephone")[0].style.backgroundColor = "#ECEFF1";
|
||||||
}
|
}
|
||||||
|
|
||||||
if (mylocaltraining.siren) {
|
if (mylocaltraining.siret) {
|
||||||
document.getElementsByName("siren")[0].value = mylocaltraining.siren;
|
setp_siret(mylocaltraining.siret);
|
||||||
document.getElementsByName("siren")[0].disabled = true;
|
document.getElementsByName("siret")[0].disabled = true;
|
||||||
document.getElementsByName("siren")[0].style.backgroundColor = "#ECEFF1";
|
document.getElementsByName("siret")[0].style.backgroundColor = "#ECEFF1";
|
||||||
}
|
}
|
||||||
|
|
||||||
if (mylocaltraining.num_nda) {
|
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].disabled = true;
|
||||||
document.getElementsByName("num_nda")[0].style.backgroundColor = "#ECEFF1";
|
document.getElementsByName("num_nda")[0].style.backgroundColor = "#ECEFF1";
|
||||||
}
|
}
|
||||||
|
|
||||||
/* if (mylocaltraining.iscertitrace) {
|
|
||||||
setmycertitrace(mylocaltraining.iscertitrace);
|
|
||||||
}
|
|
||||||
else {
|
|
||||||
setmycertitrace("0");
|
|
||||||
}*/
|
|
||||||
|
|
||||||
if (mylocaltraining.iscertifvoltaire) {
|
if (mylocaltraining.iscertifvoltaire) {
|
||||||
setmycertifvoltaire(mylocaltraining.iscertifvoltaire);
|
setmycertifvoltaire(mylocaltraining.iscertifvoltaire);
|
||||||
|
@ -393,14 +391,6 @@ function UpdateParnterInfo() {
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/*
|
|
||||||
if (mylocaltraining.isbureaucertitrace) {
|
|
||||||
setmybureaucertitrace(mylocaltraining.isbureaucertitrace);
|
|
||||||
}
|
|
||||||
else {
|
|
||||||
setmybureaucertitrace("0");
|
|
||||||
}*/
|
|
||||||
|
|
||||||
if (mylocaltraining.isdatadock) {
|
if (mylocaltraining.isdatadock) {
|
||||||
setmydatadock(mylocaltraining.isdatadock);
|
setmydatadock(mylocaltraining.isdatadock);
|
||||||
}
|
}
|
||||||
|
@ -417,60 +407,54 @@ function UpdateParnterInfo() {
|
||||||
|
|
||||||
|
|
||||||
if (mylocaltraining.link_linkedin) {
|
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].disabled = true;
|
||||||
document.getElementsByName("link_linkedin")[0].style.backgroundColor = "#ECEFF1";
|
document.getElementsByName("link_linkedin")[0].style.backgroundColor = "#ECEFF1";
|
||||||
}
|
}
|
||||||
|
|
||||||
if (mylocaltraining.link_twitter) {
|
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].disabled = true;
|
||||||
document.getElementsByName("link_twitter")[0].style.backgroundColor = "#ECEFF1";
|
document.getElementsByName("link_twitter")[0].style.backgroundColor = "#ECEFF1";
|
||||||
}
|
}
|
||||||
|
|
||||||
if (mylocaltraining.adr_street) {
|
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].disabled = true;
|
||||||
document.getElementsByName("adr_street")[0].style.backgroundColor = "#ECEFF1";
|
document.getElementsByName("adr_street")[0].style.backgroundColor = "#ECEFF1";
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
if (mylocaltraining.nom) {
|
if (mylocaltraining.nom) {
|
||||||
document.getElementsByName("nom")[0].value = mylocaltraining.nom;
|
setp_nom(mylocaltraining.nom);
|
||||||
document.getElementsByName("nom")[0].disabled = true;
|
document.getElementsByName("nom")[0].disabled = true;
|
||||||
document.getElementsByName("nom")[0].style.backgroundColor = "#ECEFF1";
|
document.getElementsByName("nom")[0].style.backgroundColor = "#ECEFF1";
|
||||||
}
|
}
|
||||||
|
|
||||||
if (mylocaltraining.contact_tel) {
|
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].disabled = true;
|
||||||
document.getElementsByName("contact_tel")[0].style.backgroundColor = "#ECEFF1";
|
document.getElementsByName("contact_tel")[0].style.backgroundColor = "#ECEFF1";
|
||||||
}
|
}
|
||||||
|
|
||||||
if (mylocaltraining.contact_nom) {
|
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].disabled = true;
|
||||||
document.getElementsByName("contact_nom")[0].style.backgroundColor = "#ECEFF1";
|
document.getElementsByName("contact_nom")[0].style.backgroundColor = "#ECEFF1";
|
||||||
}
|
}
|
||||||
|
|
||||||
if (mylocaltraining.contact_prenom) {
|
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].disabled = true;
|
||||||
document.getElementsByName("contact_prenom")[0].style.backgroundColor = "#ECEFF1";
|
document.getElementsByName("contact_prenom")[0].style.backgroundColor = "#ECEFF1";
|
||||||
}
|
}
|
||||||
|
|
||||||
if (mylocaltraining.contact_mail) {
|
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].disabled = true;
|
||||||
document.getElementsByName("contact_mail")[0].style.backgroundColor = "#ECEFF1";
|
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();
|
desablefield1();
|
||||||
|
|
||||||
|
@ -518,8 +502,8 @@ function UpdateParnterInfo() {
|
||||||
document.getElementsByName("telephone")[0].disabled = true;
|
document.getElementsByName("telephone")[0].disabled = true;
|
||||||
document.getElementsByName("telephone")[0].style.backgroundColor = "#ECEFF1";
|
document.getElementsByName("telephone")[0].style.backgroundColor = "#ECEFF1";
|
||||||
|
|
||||||
document.getElementsByName("siren")[0].disabled = true;
|
document.getElementsByName("siret")[0].disabled = true;
|
||||||
document.getElementsByName("siren")[0].style.backgroundColor = "#ECEFF1";
|
document.getElementsByName("siret")[0].style.backgroundColor = "#ECEFF1";
|
||||||
|
|
||||||
document.getElementsByName("num_nda")[0].disabled = true;
|
document.getElementsByName("num_nda")[0].disabled = true;
|
||||||
document.getElementsByName("num_nda")[0].style.backgroundColor = "#ECEFF1";
|
document.getElementsByName("num_nda")[0].style.backgroundColor = "#ECEFF1";
|
||||||
|
@ -555,6 +539,15 @@ function UpdateParnterInfo() {
|
||||||
document.getElementsByName("website")[0].disabled = true;
|
document.getElementsByName("website")[0].disabled = true;
|
||||||
document.getElementsByName("website")[0].style.backgroundColor = "#ECEFF1";
|
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);
|
setfields1desabled(true);
|
||||||
}
|
}
|
||||||
|
@ -578,8 +571,8 @@ function UpdateParnterInfo() {
|
||||||
document.getElementsByName("telephone")[0].disabled = false;
|
document.getElementsByName("telephone")[0].disabled = false;
|
||||||
document.getElementsByName("telephone")[0].style.backgroundColor = "#FFFFFF";
|
document.getElementsByName("telephone")[0].style.backgroundColor = "#FFFFFF";
|
||||||
|
|
||||||
document.getElementsByName("siren")[0].disabled = false;
|
document.getElementsByName("siret")[0].disabled = false;
|
||||||
document.getElementsByName("siren")[0].style.backgroundColor = "#FFFFFF";
|
document.getElementsByName("siret")[0].style.backgroundColor = "#FFFFFF";
|
||||||
|
|
||||||
document.getElementsByName("num_nda")[0].disabled = false;
|
document.getElementsByName("num_nda")[0].disabled = false;
|
||||||
document.getElementsByName("num_nda")[0].style.backgroundColor = "#FFFFFF";
|
document.getElementsByName("num_nda")[0].style.backgroundColor = "#FFFFFF";
|
||||||
|
@ -614,6 +607,15 @@ function UpdateParnterInfo() {
|
||||||
document.getElementsByName("website")[0].disabled = false;
|
document.getElementsByName("website")[0].disabled = false;
|
||||||
document.getElementsByName("website")[0].style.backgroundColor = "#FFFFFF";
|
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);
|
setfields1desabled(false);
|
||||||
window.scrollTo({
|
window.scrollTo({
|
||||||
top: 0,
|
top: 0,
|
||||||
|
@ -717,8 +719,8 @@ function UpdateParnterInfo() {
|
||||||
var telephone = document.getElementsByName("telephone")[0].value;
|
var telephone = document.getElementsByName("telephone")[0].value;
|
||||||
telephone = telephone.replace("undefined", "");
|
telephone = telephone.replace("undefined", "");
|
||||||
|
|
||||||
var siren = document.getElementsByName("siren")[0].value;
|
var siret = document.getElementsByName("siret")[0].value;
|
||||||
siren = siren.replace("undefined", "");
|
siret = siret.replace("undefined", "");
|
||||||
|
|
||||||
var num_nda = document.getElementsByName("num_nda")[0].value;
|
var num_nda = document.getElementsByName("num_nda")[0].value;
|
||||||
num_nda = num_nda.replace("undefined", "");
|
num_nda = num_nda.replace("undefined", "");
|
||||||
|
@ -762,7 +764,7 @@ function UpdateParnterInfo() {
|
||||||
formData.append('adr_city', adr_city);
|
formData.append('adr_city', adr_city);
|
||||||
formData.append('adr_zip', adr_zip);
|
formData.append('adr_zip', adr_zip);
|
||||||
formData.append('telephone', telephone);
|
formData.append('telephone', telephone);
|
||||||
formData.append('siren', siren);
|
formData.append('siret', siret);
|
||||||
formData.append('num_nda', num_nda);
|
formData.append('num_nda', num_nda);
|
||||||
formData.append('adr_country', adr_country);
|
formData.append('adr_country', adr_country);
|
||||||
formData.append('link_facebook', link_facebook);
|
formData.append('link_facebook', link_facebook);
|
||||||
|
@ -806,15 +808,19 @@ function UpdateParnterInfo() {
|
||||||
desablefield1();
|
desablefield1();
|
||||||
setdatamodification();
|
setdatamodification();
|
||||||
getPartnerImages();
|
getPartnerImages();
|
||||||
|
alert(" La mise à jour a été faite ");
|
||||||
} else if (String(result['status']) === String("Err_Connexion")) {
|
} else if (String(result['status']) === String("Err_Connexion")) {
|
||||||
alert('Erreur: ' + result['message']);
|
alert('Erreur: ' + result['message']);
|
||||||
history.push("/Connexion");
|
history.push("/Connexion");
|
||||||
|
}else{
|
||||||
|
alert(" Erreur : ",result['message']);
|
||||||
}
|
}
|
||||||
|
|
||||||
})
|
})
|
||||||
.catch((error) => {
|
.catch((error) => {
|
||||||
console.error('Error:', error);
|
console.error('Error:', error);
|
||||||
setmyApiResponse("false");
|
setmyApiResponse("false");
|
||||||
|
alert(" Erreur : Impossible de mettre à jour les informations ");
|
||||||
window.scrollTo({
|
window.scrollTo({
|
||||||
top: 0,
|
top: 0,
|
||||||
behavior: "smooth",
|
behavior: "smooth",
|
||||||
|
@ -1510,8 +1516,19 @@ function UpdateParnterInfo() {
|
||||||
|
|
||||||
const [submenu, setsubmenu] = useState("submenu_donnee_entreprise");
|
const [submenu, setsubmenu] = useState("submenu_donnee_entreprise");
|
||||||
|
|
||||||
|
function sleep(ms) {
|
||||||
|
return new Promise(resolve => setTimeout(resolve, ms));
|
||||||
|
}
|
||||||
|
|
||||||
async function submenu_donnee_entreprise() {
|
async function submenu_donnee_entreprise() {
|
||||||
setsubmenu("submenu_donnee_entreprise");
|
setsubmenu("submenu_donnee_entreprise");
|
||||||
|
await sleep(5);
|
||||||
|
if (fields1desabled == true) {
|
||||||
|
desablefield1();
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
enablefieds1();
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
async function submenu_donnee_facturation() {
|
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 (
|
return (
|
||||||
<div className='updateparnterinfo'>
|
<div className='updateparnterinfo'>
|
||||||
|
|
||||||
|
@ -1543,7 +1583,7 @@ function UpdateParnterInfo() {
|
||||||
</div>}
|
</div>}
|
||||||
|
|
||||||
{String(submenu).trim() === "submenu_donnee_facturation" && <div className="training_data">
|
{String(submenu).trim() === "submenu_donnee_facturation" && <div className="training_data">
|
||||||
|
<Partner_Invoicing_Data />
|
||||||
</div>}
|
</div>}
|
||||||
|
|
||||||
{String(submenu).trim() === "submenu_contact" && <div className="training_data">
|
{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">
|
{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">
|
{testval == true && <div className="okUpdateData">
|
||||||
|
@ -1582,11 +1622,12 @@ function UpdateParnterInfo() {
|
||||||
</InputAdornment>
|
</InputAdornment>
|
||||||
),
|
),
|
||||||
}}
|
}}
|
||||||
|
value={p_nom}
|
||||||
|
onChange={(e) => setp_nom(e.target.value)}
|
||||||
/>
|
/>
|
||||||
|
|
||||||
<TextField
|
<TextField
|
||||||
name="siren"
|
name="siret"
|
||||||
label="SIRET"
|
label="SIRET"
|
||||||
className="texte_area"
|
className="texte_area"
|
||||||
sx={{ m: 1, width: '48%' }}
|
sx={{ m: 1, width: '48%' }}
|
||||||
|
@ -1597,7 +1638,8 @@ function UpdateParnterInfo() {
|
||||||
</InputAdornment>
|
</InputAdornment>
|
||||||
),
|
),
|
||||||
}}
|
}}
|
||||||
|
value={p_siret}
|
||||||
|
onChange={(e) => setp_siret(e.target.value)}
|
||||||
/>
|
/>
|
||||||
|
|
||||||
|
|
||||||
|
@ -1615,7 +1657,8 @@ function UpdateParnterInfo() {
|
||||||
</InputAdornment>
|
</InputAdornment>
|
||||||
),
|
),
|
||||||
}}
|
}}
|
||||||
|
value={p_telephone}
|
||||||
|
onChange={(e) => setp_telephone(e.target.value)}
|
||||||
/>
|
/>
|
||||||
|
|
||||||
|
|
||||||
|
@ -1631,7 +1674,8 @@ function UpdateParnterInfo() {
|
||||||
</InputAdornment>
|
</InputAdornment>
|
||||||
),
|
),
|
||||||
}}
|
}}
|
||||||
|
value={p_email}
|
||||||
|
onChange={(e) => setp_email(e.target.value)}
|
||||||
/>
|
/>
|
||||||
|
|
||||||
<TextField
|
<TextField
|
||||||
|
@ -1646,7 +1690,8 @@ function UpdateParnterInfo() {
|
||||||
</InputAdornment>
|
</InputAdornment>
|
||||||
),
|
),
|
||||||
}}
|
}}
|
||||||
|
value={p_website}
|
||||||
|
onChange={(e) => setp_website(e.target.value)}
|
||||||
/>
|
/>
|
||||||
|
|
||||||
<TextField
|
<TextField
|
||||||
|
@ -1661,7 +1706,8 @@ function UpdateParnterInfo() {
|
||||||
</InputAdornment>
|
</InputAdornment>
|
||||||
),
|
),
|
||||||
}}
|
}}
|
||||||
|
value={p_link_linkedin}
|
||||||
|
onChange={(e) => setp_link_linkedin(e.target.value)}
|
||||||
/>
|
/>
|
||||||
|
|
||||||
|
|
||||||
|
@ -1677,7 +1723,8 @@ function UpdateParnterInfo() {
|
||||||
</InputAdornment>
|
</InputAdornment>
|
||||||
),
|
),
|
||||||
}}
|
}}
|
||||||
|
value={p_link_facebook}
|
||||||
|
onChange={(e) => setp_link_facebook(e.target.value)}
|
||||||
/>
|
/>
|
||||||
|
|
||||||
|
|
||||||
|
@ -1693,8 +1740,10 @@ function UpdateParnterInfo() {
|
||||||
</InputAdornment>
|
</InputAdornment>
|
||||||
),
|
),
|
||||||
}}
|
}}
|
||||||
|
value={p_link_twitter}
|
||||||
|
onChange={(e) => setp_link_twitter(e.target.value)}
|
||||||
/>
|
/>
|
||||||
|
|
||||||
<TextField
|
<TextField
|
||||||
name="adr_street"
|
name="adr_street"
|
||||||
label="Adresse"
|
label="Adresse"
|
||||||
|
@ -1707,9 +1756,10 @@ function UpdateParnterInfo() {
|
||||||
</InputAdornment>
|
</InputAdornment>
|
||||||
),
|
),
|
||||||
}}
|
}}
|
||||||
|
value={p_adr_street}
|
||||||
|
onChange={(e) => setp_adr_street(e.target.value)}
|
||||||
/>
|
/>
|
||||||
|
|
||||||
<TextField
|
<TextField
|
||||||
name="adr_zip"
|
name="adr_zip"
|
||||||
label="Code Postal"
|
label="Code Postal"
|
||||||
|
@ -1722,7 +1772,8 @@ function UpdateParnterInfo() {
|
||||||
</InputAdornment>
|
</InputAdornment>
|
||||||
),
|
),
|
||||||
}}
|
}}
|
||||||
|
value={p_adr_zip}
|
||||||
|
onChange={(e) => setp_adr_zip(e.target.value)}
|
||||||
/>
|
/>
|
||||||
|
|
||||||
<TextField
|
<TextField
|
||||||
|
@ -1737,9 +1788,10 @@ function UpdateParnterInfo() {
|
||||||
</InputAdornment>
|
</InputAdornment>
|
||||||
),
|
),
|
||||||
}}
|
}}
|
||||||
|
value={p_adr_city}
|
||||||
|
onChange={(e) => setp_adr_city(e.target.value)}
|
||||||
/>
|
/>
|
||||||
|
|
||||||
<TextField
|
<TextField
|
||||||
name="adr_country"
|
name="adr_country"
|
||||||
label="Pays"
|
label="Pays"
|
||||||
|
@ -1752,7 +1804,8 @@ function UpdateParnterInfo() {
|
||||||
</InputAdornment>
|
</InputAdornment>
|
||||||
),
|
),
|
||||||
}}
|
}}
|
||||||
|
value={p_adr_country}
|
||||||
|
onChange={(e) => setp_adr_country(e.target.value)}
|
||||||
/>
|
/>
|
||||||
|
|
||||||
<div style={{ "width": "10%" }}> </div>
|
<div style={{ "width": "10%" }}> </div>
|
||||||
|
@ -1858,7 +1911,8 @@ function UpdateParnterInfo() {
|
||||||
</InputAdornment>
|
</InputAdornment>
|
||||||
),
|
),
|
||||||
}}
|
}}
|
||||||
|
value={p_num_nda}
|
||||||
|
onChange={(e) => setp_num_nda(e.target.value)}
|
||||||
/>
|
/>
|
||||||
|
|
||||||
{fields1desabled == true && String(mydatadock) !== "1" &&
|
{fields1desabled == true && String(mydatadock) !== "1" &&
|
||||||
|
@ -1921,7 +1975,7 @@ function UpdateParnterInfo() {
|
||||||
className="texte_area"
|
className="texte_area"
|
||||||
sx={{ m: 1, width: '48%' }}
|
sx={{ m: 1, width: '48%' }}
|
||||||
value="Non"
|
value="Non"
|
||||||
|
|
||||||
|
|
||||||
/>
|
/>
|
||||||
|
|
||||||
|
@ -1935,7 +1989,7 @@ function UpdateParnterInfo() {
|
||||||
className="texte_area"
|
className="texte_area"
|
||||||
sx={{ m: 1, width: '48%' }}
|
sx={{ m: 1, width: '48%' }}
|
||||||
value="Oui"
|
value="Oui"
|
||||||
|
|
||||||
|
|
||||||
/>
|
/>
|
||||||
|
|
||||||
|
@ -1952,7 +2006,7 @@ function UpdateParnterInfo() {
|
||||||
value={mydatadock}
|
value={mydatadock}
|
||||||
|
|
||||||
onChange={handleChangedatadock}
|
onChange={handleChangedatadock}
|
||||||
|
|
||||||
>{datadock.map((option) => (
|
>{datadock.map((option) => (
|
||||||
<MenuItem key={option.value} value={option.value}>
|
<MenuItem key={option.value} value={option.value}>
|
||||||
{option.label} <br />
|
{option.label} <br />
|
||||||
|
@ -1969,7 +2023,7 @@ function UpdateParnterInfo() {
|
||||||
className="texte_area"
|
className="texte_area"
|
||||||
sx={{ m: 1, width: '48%' }}
|
sx={{ m: 1, width: '48%' }}
|
||||||
value="Non"
|
value="Non"
|
||||||
|
|
||||||
|
|
||||||
/>
|
/>
|
||||||
|
|
||||||
|
@ -1983,7 +2037,7 @@ function UpdateParnterInfo() {
|
||||||
className="texte_area"
|
className="texte_area"
|
||||||
sx={{ m: 1, width: '48%' }}
|
sx={{ m: 1, width: '48%' }}
|
||||||
value="Oui"
|
value="Oui"
|
||||||
|
|
||||||
|
|
||||||
/>
|
/>
|
||||||
|
|
||||||
|
@ -2001,7 +2055,7 @@ function UpdateParnterInfo() {
|
||||||
value={mycertifvoltaire}
|
value={mycertifvoltaire}
|
||||||
|
|
||||||
onChange={handleChangecertifvoltaire}
|
onChange={handleChangecertifvoltaire}
|
||||||
|
|
||||||
|
|
||||||
>{certifvoltaire.map((option) => (
|
>{certifvoltaire.map((option) => (
|
||||||
<MenuItem key={option.value} value={option.value} >
|
<MenuItem key={option.value} value={option.value} >
|
||||||
|
@ -2027,7 +2081,8 @@ function UpdateParnterInfo() {
|
||||||
</InputAdornment>
|
</InputAdornment>
|
||||||
),
|
),
|
||||||
}}
|
}}
|
||||||
|
value={p_contact_nom}
|
||||||
|
onChange={(e) => setp_contact_nom(e.target.value)}
|
||||||
/>
|
/>
|
||||||
|
|
||||||
<TextField
|
<TextField
|
||||||
|
@ -2042,9 +2097,10 @@ function UpdateParnterInfo() {
|
||||||
</InputAdornment>
|
</InputAdornment>
|
||||||
),
|
),
|
||||||
}}
|
}}
|
||||||
|
value={p_contact_prenom}
|
||||||
|
onChange={(e) => setp_contact_prenom(e.target.value)}
|
||||||
/>
|
/>
|
||||||
|
|
||||||
<TextField
|
<TextField
|
||||||
name="contact_tel"
|
name="contact_tel"
|
||||||
label="Tel Contact"
|
label="Tel Contact"
|
||||||
|
@ -2057,7 +2113,8 @@ function UpdateParnterInfo() {
|
||||||
</InputAdornment>
|
</InputAdornment>
|
||||||
),
|
),
|
||||||
}}
|
}}
|
||||||
|
value={p_contact_tel}
|
||||||
|
onChange={(e) => setp_contact_tel(e.target.value)}
|
||||||
/>
|
/>
|
||||||
<TextField
|
<TextField
|
||||||
name="contact_mail"
|
name="contact_mail"
|
||||||
|
@ -2071,7 +2128,8 @@ function UpdateParnterInfo() {
|
||||||
</InputAdornment>
|
</InputAdornment>
|
||||||
),
|
),
|
||||||
}}
|
}}
|
||||||
|
value={p_contact_mail}
|
||||||
|
onChange={(e) => setp_contact_mail(e.target.value)}
|
||||||
/>
|
/>
|
||||||
|
|
||||||
{fields1desabled == false && String(datamodification) === String("1") && <div className="div_row">
|
{fields1desabled == false && String(datamodification) === String("1") && <div className="div_row">
|
||||||
|
|
|
@ -43,6 +43,7 @@
|
||||||
border-width: 0.01rem;
|
border-width: 0.01rem;
|
||||||
width: 48%;
|
width: 48%;
|
||||||
border-radius: 1rem;
|
border-radius: 1rem;
|
||||||
|
margin-right: 15px !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.titre1 {
|
.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;
|
font-size: small !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input {
|
||||||
|
padding-left: 5px !important;
|
||||||
|
}
|
||||||
|
|
||||||
}
|
}
|
|
@ -68,3 +68,15 @@
|
||||||
@import "./components/partnerclient";
|
@import "./components/partnerclient";
|
||||||
@import "./components/contactpartnerclient";
|
@import "./components/contactpartnerclient";
|
||||||
@import "./components/partner_client_activite";
|
@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