From 107fdaceb91c1341a31ffcc5d477e646bf277517 Mon Sep 17 00:00:00 2001 From: cherif Date: Sat, 5 Aug 2023 15:52:37 +0200 Subject: [PATCH] 05/08/23 - 16h --- src/components/Abonnement.js | 2 +- src/components/AddPartnerClient.js | 7 +- src/components/Partner.js | 4 +- src/components/Partner_Invoicing_Data.js | 477 +++++++++ src/components/Partner_Securite_Data.js | 485 ++++++--- src/components/UpdatePartnerInfo.js | 210 ++-- src/styles/components/_partnerclient.scss | 5 + .../components/_partnerinvoicingdata.scss | 982 ++++++++++++++++++ src/styles/components/_updateparnterinfo.scss | 4 +- src/styles/index.scss | 12 + 10 files changed, 1984 insertions(+), 204 deletions(-) create mode 100644 src/components/Partner_Invoicing_Data.js create mode 100644 src/styles/components/_partnerinvoicingdata.scss diff --git a/src/components/Abonnement.js b/src/components/Abonnement.js index 09edf77..140015e 100644 --- a/src/components/Abonnement.js +++ b/src/components/Abonnement.js @@ -33,7 +33,7 @@ import img_loading_spin from "./../mysy_img/mysy_spin_loading.gif"; import 'react-tooltip/dist/react-tooltip.css' import { Tooltip } from 'react-tooltip' import Popup from 'reactjs-popup'; -import 'reactjs-popup/dist/index.css'; +import 'reactjs-popup/dist/index.css'; import { FcCancel, FcApproval, FcAcceptDatabase, FcPrint } from "react-icons/fc"; function Abonnement(props) { diff --git a/src/components/AddPartnerClient.js b/src/components/AddPartnerClient.js index 7b7d804..5fe1280 100644 --- a/src/components/AddPartnerClient.js +++ b/src/components/AddPartnerClient.js @@ -1835,9 +1835,9 @@ const AddParnerClient = (props) => { const [Display_Part_Client_Contact_api, setDisplay_Part_Client_Contact_api] = useState(""); const [Display_Part_Client_Contact_result, setDisplay_Part_Client_Contact_result] = useState(""); const [Display_Part_Client_Contact_message, setDisplay_Part_Client_Contact_message] = useState(""); - async function Display_Part_Client_Contact(event) { - + function Display_Part_Client_Contact(event) { + var form = new FormData(); const stored_cookie = getCookie('tokenmysypart'); @@ -1848,6 +1848,9 @@ const AddParnerClient = (props) => { form.append("related_collection", "partner_client"); form.append("related_collection_owner_email", p_client_email); + console.log(" ### email = ", event.target.id) + + console.log(" ### target = ", event.target) var myurl = process.env.REACT_APP_API_URL + "myclass/api/Get_Given_Contact/"; diff --git a/src/components/Partner.js b/src/components/Partner.js index 1b66f5f..773d15c 100644 --- a/src/components/Partner.js +++ b/src/components/Partner.js @@ -660,8 +660,8 @@ const Partner = (props) => {
{parntername && {parntername} - {String(partnerPackService).toUpperCase()} ({parnternbformation})} {!parntername && Partenaire }

- {String(menu) !== "infopartner" &&
DONNEES PERSONNELLES
} - {String(menu) === "infopartner" &&
DONNEES PERSONNELLES
} + {String(menu) !== "infopartner" &&
MES INFORMATIONS
} + {String(menu) === "infopartner" &&
MES INFORMATIONS
}
{String(menu) !== "creation" &&
CREER FORMATION
} diff --git a/src/components/Partner_Invoicing_Data.js b/src/components/Partner_Invoicing_Data.js new file mode 100644 index 0000000..019c175 --- /dev/null +++ b/src/components/Partner_Invoicing_Data.js @@ -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 ( +
+
+ +
Detail de Facturation
+ {String(RecordData_api) === String("true") &&
La modification a ete prise en compte
} + + {String(RecordData_api) === String("false") &&
Impossible de modifier les informations
} + + :not(style)': { m: 1 }, width: '100%', }}> + + + + + ), + }} + value={p_nom} + onChange={(e) => setp_nom(e.target.value)} + + /> + + + + + ), + }} + value={p_vat_num} + onChange={(e) => setp_vat_num(e.target.value)} + + /> + + + + + + ), + }} + value={p_telephone} + onChange={(e) => setp_telephone(e.target.value)} + + /> + + + + + + ), + }} + value={p_email} + onChange={(e) => setp_email(e.target.value)} + + /> + + + + + + ), + }} + value={p_adr_street} + onChange={(e) => setp_adr_street(e.target.value)} + + /> + + + + + ), + }} + value={p_adr_zip} + onChange={(e) => setp_adr_zip(e.target.value)} + + /> + + + + + ), + }} + value={p_adr_city} + onChange={(e) => setp_adr_city(e.target.value)} + + /> +
+ + + + ), + }} + value={p_adr_country} + onChange={(e) => setp_adr_country(e.target.value)} + + /> + +
+ +
+   +
+ +
+ +
+ {fields1desabled == false &&
+
+ +
+
+ +
+
+ + } + {fields1desabled == true && + + } + +
+
+
+ +
+ ); + +} + +export default Partner_Invoicing_Data; \ No newline at end of file diff --git a/src/components/Partner_Securite_Data.js b/src/components/Partner_Securite_Data.js index 426562c..6fd51e9 100644 --- a/src/components/Partner_Securite_Data.js +++ b/src/components/Partner_Securite_Data.js @@ -60,6 +60,11 @@ const Partner_Securite_Data = (props) => { }); + const [valuesPass1_v2, setValuesPass1_v2] = React.useState({ + password1_v2: '', + showPassword1_v2: false, + }); + const [currentpawdvisible, setcurrentpawdvisible] = useState(false); const [newpawdvisible, setnewpawdvisible] = useState(false); @@ -84,6 +89,9 @@ const Partner_Securite_Data = (props) => { setmailfieldsdesabled(false); + setResult(""); + setupdatepwd(); + setupdatemainmail(); } function desablesecurtymailfields() { @@ -103,6 +111,9 @@ const Partner_Securite_Data = (props) => { setmailfieldsdesabled(true); + setResult(""); + setupdatepwd(); + setupdatemainmail(); } const handleMouseDownPassword = (event) => { @@ -130,6 +141,22 @@ const Partner_Securite_Data = (props) => { }; + const handleClickShowPassword_current_pwd_v2 = () => { + var filtre2_value = document.getElementsByName("current_pwd")[0].value; + + if (currentpawdvisible == false) { + document.getElementsByName("current_pwd_v2")[0].type = "text"; + setcurrentpawdvisible(true); + } + else if (currentpawdvisible == true) { + document.getElementsByName("current_pwd_v2")[0].type = "password"; + setcurrentpawdvisible(false); + } + + }; + + + const handleClickShowPassword_new_pwd = () => { if (newpawdvisible == false) { document.getElementsByName("new_pwd")[0].type = "text"; @@ -166,6 +193,14 @@ const Partner_Securite_Data = (props) => { }; } + + function handleChange2_v2(prop) { + return (event) => { + setValuesPass1_v2({ ...valuesPass1_v2, [prop]: event.target.value }); + }; + } + + function handleChange3(prop) { return (event) => { setValuesPass3({ ...valuesPass3, [prop]: event.target.value }); @@ -231,15 +266,23 @@ const Partner_Securite_Data = (props) => { //console.log('Success:', result['message'], "result['status'] = ", result['status']); setmyApiResponse(result['status']); setResult(result['message']); - if (String(result['status']) == String("true")) { + if (String(result['status']) === String("true")) { setupdatepwd(true); + alert("Le mot de passe a été mis à jour.") + } else if (String(result['status']) === String("Err_Connexion")) { + alert('Erreur: ' + result['message']); + history.push("/Connexion"); + } else { + alert("Erreur :", result['message']); } + }) .catch((error) => { console.error('Error:', error); setmyApiResponse("false"); setupdatepwd(false); + alert("Erreur :", result['message']); }); } @@ -280,6 +323,12 @@ const Partner_Securite_Data = (props) => { setResult(result['message']); if (String(result['status']) == String("true")) { setupdatemainmail(true); + alert("L'adresse email a été mise à jour.") + } else if (String(result['status']) === String("Err_Connexion")) { + alert('Erreur: ' + result['message']); + history.push("/Connexion"); + } else { + alert("Erreur :", result['message']); } }) @@ -288,9 +337,6 @@ const Partner_Securite_Data = (props) => { setmyApiResponse("false"); setupdatemainmail(false); }); - - - } function desablesecurtypwdfields() { @@ -308,6 +354,9 @@ const Partner_Securite_Data = (props) => { setpwdfieldsdesabled(true); + setResult(""); + setupdatepwd(); + setupdatemainmail(); } @@ -324,169 +373,163 @@ const Partner_Securite_Data = (props) => { document.getElementsByName("new_pwd_conf")[0].style.backgroundColor = "#FFFFFF"; setpwdfieldsdesabled(false); - } - - - - function enablesecurtypwdfields() { - - document.getElementsByName("current_pwd")[0].disabled = false; - document.getElementsByName("current_pwd")[0].style.backgroundColor = "#FFFFFF"; - - document.getElementsByName("new_pwd")[0].disabled = false; - document.getElementsByName("new_pwd")[0].style.backgroundColor = "#FFFFFF"; - - document.getElementsByName("new_pwd_conf")[0].disabled = false; - document.getElementsByName("new_pwd_conf")[0].style.backgroundColor = "#FFFFFF"; - - setpwdfieldsdesabled(false); + setResult(""); + setupdatepwd(); + setupdatemainmail(); } const [valuesconf_new_insert_key, setvaluesconf_new_insert_key] = React.useState({ password_insertconf_new_key: '', showpassword_insertconf_new_key: false, - }); - - const [conf_new_insert_key_visible, setconf_new_insert_key_visible] = useState(false); - - function handleChangeconf_new_insert_key(prop) { + }); + + const [conf_new_insert_key_visible, setconf_new_insert_key_visible] = useState(false); + + function handleChangeconf_new_insert_key(prop) { return (event) => { - setvaluesconf_new_insert_key({ ...conf_new_insert_key_visible, [prop]: event.target.value }); + setvaluesconf_new_insert_key({ ...conf_new_insert_key_visible, [prop]: event.target.value }); }; - } - - function desablesecurtyInsertKeyfields() { + } + + function desablesecurtyInsertKeyfields() { setinsert_key_updated(); document.getElementsByName("current_insert_key")[0].disabled = true; document.getElementsByName("current_insert_key")[0].style.backgroundColor = "#ECEFF1"; document.getElementsByName("current_insert_key")[0].value = ""; - + document.getElementsByName("new_insert_key")[0].disabled = true; document.getElementsByName("new_insert_key")[0].style.backgroundColor = "#ECEFF1"; document.getElementsByName("new_insert_key")[0].value = ""; - + document.getElementsByName("conf_new_insert_key")[0].disabled = true; document.getElementsByName("conf_new_insert_key")[0].style.backgroundColor = "#ECEFF1"; document.getElementsByName("conf_new_insert_key")[0].value = ""; - - + + setinsert_keyfieldsdesabled(true); - } - - - function UpdatePartnerInsertKey() { + setResult(""); + setupdatepwd(); + setupdatemainmail(); + } + + + function UpdatePartnerInsertKey() { setinsert_key_updated(); const url = process.env.REACT_APP_API_URL + "myclass/api/update_partner_insert_key/"; const formData = new FormData(); formData.append('token', stored_user); - + // Si le partenaire n'est pas connecté, il est renvoyé vers la page de connexion if (!stored_user || stored_user.length <= 0) { - history.push("/PartnerLogin"); + history.push("/PartnerLogin"); } - + var current_key = document.getElementsByName("current_insert_key")[0].value; var new_key = document.getElementsByName("new_insert_key")[0].value; var conf_new_key = document.getElementsByName("conf_new_insert_key")[0].value; - - - + + + document.getElementsByName("identique_insert_key")[0].style.backgroundColor = "white"; if (new_key !== conf_new_key) { - document.getElementsByName("identique_insert_key")[0].style.backgroundColor = "red"; - return; + document.getElementsByName("identique_insert_key")[0].style.backgroundColor = "red"; + return; } - + document.getElementsByName("caractere_insert_key")[0].style.backgroundColor = "white"; if (String(new_key).length < 8) { - document.getElementsByName("caractere_insert_key")[0].style.backgroundColor = "red"; - return + document.getElementsByName("caractere_insert_key")[0].style.backgroundColor = "red"; + return } - + var regex = /\d/g; document.getElementsByName("nombre_insert_key")[0].style.backgroundColor = "white"; if (!regex.test(new_key)) { - document.getElementsByName("nombre_insert_key")[0].style.backgroundColor = "red"; - return + document.getElementsByName("nombre_insert_key")[0].style.backgroundColor = "red"; + return } - + const specialChars = /[`!@#$%^&*()_+\-=\[\]{};':"\\|,.<>\/?~]/; document.getElementsByName("special_insert_key")[0].style.backgroundColor = "white"; if (!specialChars.test(new_key)) { - document.getElementsByName("special_insert_key")[0].style.backgroundColor = "red"; - return + document.getElementsByName("special_insert_key")[0].style.backgroundColor = "red"; + return } - - + + formData.append('current_insert_key', current_key); formData.append('new_insert_key', new_key); formData.append('conf_insert_key', conf_new_key); - - - + + + fetch( - url, - { - method: 'POST', - body: formData, - } - ) - .then((response) => response.json()) - .then((result) => { - //console.log('Success:', result['message'], "result['status'] = ", result['status']); - setinsert_key_api(result['status']); - setinsert_key_api_message(result['message']); - if (String(result['status']) === String("true")) { - desablesecurtyInsertKeyfields(); - document.getElementsByName("current_insert_key")[0].value = new_key; - setinsert_key_updated(true); - } else if (String(result['status']) === String("Err_Connexion")) { - alert('Erreur: ' + result['message']); - history.push("/Connexion"); + url, + { + method: 'POST', + body: formData, } - - - }) - .catch((error) => { - console.error('Error:', error); - setinsert_key_api("false"); - setinsert_key_updated(false); - }); - } - - function enablesecurtyInsertKeyfields() { - + ) + .then((response) => response.json()) + .then((result) => { + //console.log('Success:', result['message'], "result['status'] = ", result['status']); + setinsert_key_api(result['status']); + setinsert_key_api_message(result['message']); + if (String(result['status']) === String("true")) { + desablesecurtyInsertKeyfields(); + document.getElementsByName("current_insert_key")[0].value = new_key; + setinsert_key_updated(true); + } else if (String(result['status']) === String("Err_Connexion")) { + alert('Erreur: ' + result['message']); + history.push("/Connexion"); + } + + + }) + .catch((error) => { + console.error('Error:', error); + setinsert_key_api("false"); + setinsert_key_updated(false); + }); + } + + function enablesecurtyInsertKeyfields() { + setinsert_key_updated(); document.getElementsByName("current_insert_key")[0].disabled = false; document.getElementsByName("current_insert_key")[0].style.backgroundColor = "#FFFFFF"; - - + + document.getElementsByName("new_insert_key")[0].disabled = false; document.getElementsByName("new_insert_key")[0].style.backgroundColor = "#FFFFFF"; - + document.getElementsByName("conf_new_insert_key")[0].disabled = false; document.getElementsByName("conf_new_insert_key")[0].style.backgroundColor = "#FFFFFF"; - - setinsert_keyfieldsdesabled(false); - } - const handleClickconf_new_insert_key = () => { + setinsert_keyfieldsdesabled(false); + + setResult(""); + setupdatepwd(); + setupdatemainmail(); + } + + const handleClickconf_new_insert_key = () => { if (conf_new_insert_key_visible == false) { - document.getElementsByName("conf_new_insert_key")[0].type = "text"; - setconf_new_insert_key_visible(true); + document.getElementsByName("conf_new_insert_key")[0].type = "text"; + setconf_new_insert_key_visible(true); } else if (conf_new_insert_key_visible == true) { - document.getElementsByName("conf_new_insert_key")[0].type = "password"; - setconf_new_insert_key_visible(false); + document.getElementsByName("conf_new_insert_key")[0].type = "password"; + setconf_new_insert_key_visible(false); } - }; + }; const [insert_key_api, setinsert_key_api] = useState(""); const [insert_key_api_message, setinsert_key_api_message] = useState(""); const [insert_key_updated, setinsert_key_updated] = useState(); - + const [insert_keyfieldsdesabled, setinsert_keyfieldsdesabled] = useState(true); // Gestion champs caché : Current_Insertion_Key @@ -554,13 +597,23 @@ const Partner_Securite_Data = (props) => { useEffect(() => { - + desablesecurtymailfields(); desablesecurtypwdfields(); desablesecurtyInsertKeyfields(); - - }, []) + }, []) + + const [p_current_pwd, setp_current_pwd] = useState(""); + const [p_new_pwd, setp_new_pwd] = useState(""); + const [p_new_pwd_conf, setp_new_pwd_conf] = useState(""); + const [p_current_email, setp_current_email] = useState(""); + const [p_new_email, setp_new_email] = useState(""); + const [p_conf_new_email, setp_conf_new_email] = useState(""); + const [p_current_insert_key, setp_current_insert_key] = useState(""); + const [p_new_insert_key, setp_new_insert_key] = useState(""); + const [p_conf_new_insert_key, setp_conf_new_insert_key] = useState(""); + const [pwd2_type, setpwd2_type] = useState("password"); return ( @@ -569,6 +622,7 @@ const Partner_Securite_Data = (props) => {
Mot de passe
+ {updatepwd == false &&
Erreur mise à jour.
@@ -580,7 +634,7 @@ const Partner_Securite_Data = (props) => { } :not(style)': { m: 1 } }}> - + {/* { /> + */} + + { + + {currentpawdvisible ? : } + + + ), + }} + + /> + } + {/* + + {currentpawdvisible ? : } + + + ), + }} - + /> */} + + + {/* { } /> - + */} - + { + + {newpawdvisible ? : } + + + ), + }} + + /> + } + + {/* { } /> - + */} + + { + + {confpwdvisible ? : } + + + ), + }} + + /> + }
Créez un mot de passe contenant au moins :
    @@ -717,9 +874,10 @@ const Partner_Securite_Data = (props) => { ), }} - variant="standard" + value={p_current_email} + onChange={(e) => setp_current_email(e.target.value)} /> -
    + { ), }} - variant="standard" + value={p_new_email} + onChange={(e) => setp_new_email(e.target.value)} /> -
    + { ), }} - variant="standard" + value={p_conf_new_email} + onChange={(e) => setp_conf_new_email(e.target.value)} />
      @@ -801,7 +961,7 @@ const Partner_Securite_Data = (props) => { :not(style)': { m: 1 } }} > - + {/* { } /> - + */} - + { + + {current_insert_key_visible ? : } + + + ), + }} + + /> + } + + {/* { } /> - + */} - + + { + + {new_insert_key_visible ? : } + + + ), + }} + + /> + } + + + {/* { } /> - + */} + + + { + + {conf_new_insert_key_visible ? : } + + + ), + }} + + /> + }
    - Créez un mot de passe contenant au moins : + Créez une clé contenant au moins :
    • 8 caractères diff --git a/src/components/UpdatePartnerInfo.js b/src/components/UpdatePartnerInfo.js index b9f82bc..7f01ba9 100644 --- a/src/components/UpdatePartnerInfo.js +++ b/src/components/UpdatePartnerInfo.js @@ -26,6 +26,7 @@ import { ConsoleView } from "react-device-detect"; import MenuItem from '@mui/material/MenuItem'; import Partner_Securite_Data from "./Partner_Securite_Data"; +import Partner_Invoicing_Data from "./Partner_Invoicing_Data"; function UpdateParnterInfo() { @@ -88,6 +89,8 @@ function UpdateParnterInfo() { //desablesecurtypwdfields(); //desablesecurtyInsertKeyfields(); getPartnerImages(); + + }, []) @@ -321,27 +324,27 @@ function UpdateParnterInfo() { if (mylocaltraining) { if (mylocaltraining.adr_city) { - document.getElementsByName("adr_city")[0].value = mylocaltraining.adr_city; + setp_adr_street(mylocaltraining.adr_city); document.getElementsByName("adr_city")[0].disabled = true; document.getElementsByName("adr_city")[0].style.backgroundColor = "#ECEFF1"; } if (mylocaltraining.adr_city) { - document.getElementsByName("adr_zip")[0].value = mylocaltraining.adr_zip; + setp_adr_zip(mylocaltraining.adr_zip); document.getElementsByName("adr_zip")[0].disabled = true; document.getElementsByName("adr_zip")[0].style.backgroundColor = "#ECEFF1"; } if (mylocaltraining.email) { - document.getElementsByName("email")[0].value = mylocaltraining.email; + setp_email(mylocaltraining.email); document.getElementsByName("email")[0].disabled = true; document.getElementsByName("email")[0].style.backgroundColor = "#ECEFF1"; } if (mylocaltraining.website) { - document.getElementsByName("website")[0].value = mylocaltraining.website; + setp_website(mylocaltraining.website); document.getElementsByName("website")[0].disabled = true; document.getElementsByName("website")[0].style.backgroundColor = "#ECEFF1"; } @@ -349,41 +352,36 @@ function UpdateParnterInfo() { if (mylocaltraining.adr_country) { - document.getElementsByName("adr_country")[0].value = mylocaltraining.adr_country; + setp_adr_country(mylocaltraining.adr_country); document.getElementsByName("adr_country")[0].disabled = true; document.getElementsByName("adr_country")[0].style.backgroundColor = "#ECEFF1"; } if (mylocaltraining.link_facebook) { - document.getElementsByName("link_facebook")[0].value = mylocaltraining.link_facebook; + setp_link_facebook(mylocaltraining.link_facebook); document.getElementsByName("link_facebook")[0].disabled = true; document.getElementsByName("link_facebook")[0].style.backgroundColor = "#ECEFF1"; } if (mylocaltraining.telephone) { - document.getElementsByName("telephone")[0].value = mylocaltraining.telephone; + setp_telephone(mylocaltraining.telephone); document.getElementsByName("telephone")[0].disabled = true; document.getElementsByName("telephone")[0].style.backgroundColor = "#ECEFF1"; } - if (mylocaltraining.siren) { - document.getElementsByName("siren")[0].value = mylocaltraining.siren; - document.getElementsByName("siren")[0].disabled = true; - document.getElementsByName("siren")[0].style.backgroundColor = "#ECEFF1"; + if (mylocaltraining.siret) { + setp_siret(mylocaltraining.siret); + document.getElementsByName("siret")[0].disabled = true; + document.getElementsByName("siret")[0].style.backgroundColor = "#ECEFF1"; } if (mylocaltraining.num_nda) { - document.getElementsByName("num_nda")[0].value = mylocaltraining.num_nda; + setp_num_nda(mylocaltraining.num_nda); document.getElementsByName("num_nda")[0].disabled = true; document.getElementsByName("num_nda")[0].style.backgroundColor = "#ECEFF1"; } - /* if (mylocaltraining.iscertitrace) { - setmycertitrace(mylocaltraining.iscertitrace); - } - else { - setmycertitrace("0"); - }*/ + if (mylocaltraining.iscertifvoltaire) { setmycertifvoltaire(mylocaltraining.iscertifvoltaire); @@ -393,14 +391,6 @@ function UpdateParnterInfo() { } - /* - if (mylocaltraining.isbureaucertitrace) { - setmybureaucertitrace(mylocaltraining.isbureaucertitrace); - } - else { - setmybureaucertitrace("0"); - }*/ - if (mylocaltraining.isdatadock) { setmydatadock(mylocaltraining.isdatadock); } @@ -417,60 +407,54 @@ function UpdateParnterInfo() { if (mylocaltraining.link_linkedin) { - document.getElementsByName("link_linkedin")[0].value = mylocaltraining.link_linkedin; + setp_link_linkedin(mylocaltraining.link_linkedin); document.getElementsByName("link_linkedin")[0].disabled = true; document.getElementsByName("link_linkedin")[0].style.backgroundColor = "#ECEFF1"; } if (mylocaltraining.link_twitter) { - document.getElementsByName("link_twitter")[0].value = mylocaltraining.link_twitter; + setp_link_twitter(mylocaltraining.link_twitter); document.getElementsByName("link_twitter")[0].disabled = true; document.getElementsByName("link_twitter")[0].style.backgroundColor = "#ECEFF1"; } if (mylocaltraining.adr_street) { - document.getElementsByName("adr_street")[0].value = mylocaltraining.adr_street; + setp_adr_street(mylocaltraining.adr_street); document.getElementsByName("adr_street")[0].disabled = true; document.getElementsByName("adr_street")[0].style.backgroundColor = "#ECEFF1"; } if (mylocaltraining.nom) { - document.getElementsByName("nom")[0].value = mylocaltraining.nom; + setp_nom(mylocaltraining.nom); document.getElementsByName("nom")[0].disabled = true; document.getElementsByName("nom")[0].style.backgroundColor = "#ECEFF1"; } if (mylocaltraining.contact_tel) { - document.getElementsByName("contact_tel")[0].value = mylocaltraining.contact_tel; + setp_contact_tel(mylocaltraining.contact_tel); document.getElementsByName("contact_tel")[0].disabled = true; document.getElementsByName("contact_tel")[0].style.backgroundColor = "#ECEFF1"; } if (mylocaltraining.contact_nom) { - document.getElementsByName("contact_nom")[0].value = mylocaltraining.contact_nom; + setp_contact_nom(mylocaltraining.contact_nom); document.getElementsByName("contact_nom")[0].disabled = true; document.getElementsByName("contact_nom")[0].style.backgroundColor = "#ECEFF1"; } if (mylocaltraining.contact_prenom) { - document.getElementsByName("contact_prenom")[0].value = mylocaltraining.contact_prenom; + setp_contact_prenom(mylocaltraining.contact_prenom); document.getElementsByName("contact_prenom")[0].disabled = true; document.getElementsByName("contact_prenom")[0].style.backgroundColor = "#ECEFF1"; } if (mylocaltraining.contact_mail) { - document.getElementsByName("contact_mail")[0].value = mylocaltraining.contact_mail; + setp_contact_mail(mylocaltraining.contact_mail); document.getElementsByName("contact_mail")[0].disabled = true; document.getElementsByName("contact_mail")[0].style.backgroundColor = "#ECEFF1"; } - if (mylocaltraining.insert_key) { - document.getElementsByName("current_insert_key")[0].value = mylocaltraining.insert_key; - document.getElementsByName("current_insert_key")[0].disabled = true; - document.getElementsByName("current_insert_key")[0].style.backgroundColor = "#ECEFF1"; - } - desablefield1(); @@ -518,8 +502,8 @@ function UpdateParnterInfo() { document.getElementsByName("telephone")[0].disabled = true; document.getElementsByName("telephone")[0].style.backgroundColor = "#ECEFF1"; - document.getElementsByName("siren")[0].disabled = true; - document.getElementsByName("siren")[0].style.backgroundColor = "#ECEFF1"; + document.getElementsByName("siret")[0].disabled = true; + document.getElementsByName("siret")[0].style.backgroundColor = "#ECEFF1"; document.getElementsByName("num_nda")[0].disabled = true; document.getElementsByName("num_nda")[0].style.backgroundColor = "#ECEFF1"; @@ -555,6 +539,15 @@ function UpdateParnterInfo() { document.getElementsByName("website")[0].disabled = true; document.getElementsByName("website")[0].style.backgroundColor = "#ECEFF1"; + document.getElementsByName("isdatadock")[0].disabled = true; + document.getElementsByName("isdatadock")[0].style.backgroundColor = "#ECEFF1"; + + document.getElementsByName("isqualiopi")[0].disabled = true; + document.getElementsByName("isqualiopi")[0].style.backgroundColor = "#ECEFF1"; + + document.getElementsByName("iscertifvoltaire")[0].disabled = true; + document.getElementsByName("iscertifvoltaire")[0].style.backgroundColor = "#ECEFF1"; + setfields1desabled(true); } @@ -578,8 +571,8 @@ function UpdateParnterInfo() { document.getElementsByName("telephone")[0].disabled = false; document.getElementsByName("telephone")[0].style.backgroundColor = "#FFFFFF"; - document.getElementsByName("siren")[0].disabled = false; - document.getElementsByName("siren")[0].style.backgroundColor = "#FFFFFF"; + document.getElementsByName("siret")[0].disabled = false; + document.getElementsByName("siret")[0].style.backgroundColor = "#FFFFFF"; document.getElementsByName("num_nda")[0].disabled = false; document.getElementsByName("num_nda")[0].style.backgroundColor = "#FFFFFF"; @@ -614,6 +607,15 @@ function UpdateParnterInfo() { document.getElementsByName("website")[0].disabled = false; document.getElementsByName("website")[0].style.backgroundColor = "#FFFFFF"; + document.getElementsByName("isdatadock")[0].disabled = false; + document.getElementsByName("isdatadock")[0].style.backgroundColor = "#FFFFFF"; + + document.getElementsByName("isqualiopi")[0].disabled = false; + document.getElementsByName("isqualiopi")[0].style.backgroundColor = "#FFFFFF"; + + document.getElementsByName("iscertifvoltaire")[0].disabled = false; + document.getElementsByName("iscertifvoltaire")[0].style.backgroundColor = "#FFFFFF"; + setfields1desabled(false); window.scrollTo({ top: 0, @@ -717,8 +719,8 @@ function UpdateParnterInfo() { var telephone = document.getElementsByName("telephone")[0].value; telephone = telephone.replace("undefined", ""); - var siren = document.getElementsByName("siren")[0].value; - siren = siren.replace("undefined", ""); + var siret = document.getElementsByName("siret")[0].value; + siret = siret.replace("undefined", ""); var num_nda = document.getElementsByName("num_nda")[0].value; num_nda = num_nda.replace("undefined", ""); @@ -762,7 +764,7 @@ function UpdateParnterInfo() { formData.append('adr_city', adr_city); formData.append('adr_zip', adr_zip); formData.append('telephone', telephone); - formData.append('siren', siren); + formData.append('siret', siret); formData.append('num_nda', num_nda); formData.append('adr_country', adr_country); formData.append('link_facebook', link_facebook); @@ -806,15 +808,19 @@ function UpdateParnterInfo() { desablefield1(); setdatamodification(); getPartnerImages(); + alert(" La mise à jour a été faite "); } else if (String(result['status']) === String("Err_Connexion")) { alert('Erreur: ' + result['message']); history.push("/Connexion"); + }else{ + alert(" Erreur : ",result['message']); } }) .catch((error) => { console.error('Error:', error); setmyApiResponse("false"); + alert(" Erreur : Impossible de mettre à jour les informations "); window.scrollTo({ top: 0, behavior: "smooth", @@ -1510,8 +1516,19 @@ function UpdateParnterInfo() { const [submenu, setsubmenu] = useState("submenu_donnee_entreprise"); + function sleep(ms) { + return new Promise(resolve => setTimeout(resolve, ms)); +} + async function submenu_donnee_entreprise() { setsubmenu("submenu_donnee_entreprise"); + await sleep(5); + if (fields1desabled == true) { + desablefield1(); + } + else { + enablefieds1(); + } } async function submenu_donnee_facturation() { @@ -1527,6 +1544,29 @@ function UpdateParnterInfo() { } + const [p_nom, setp_nom] = useState(""); + const [p_siret, setp_siret] = useState(""); + const [p_telephone, setp_telephone] = useState(""); + const [p_email, setp_email] = useState(""); + const [p_website, setp_website] = useState(""); + const [p_link_linkedin, setp_link_linkedin] = useState(""); + const [p_link_facebook, setp_link_facebook] = useState(""); + const [p_link_twitter, setp_link_twitter] = useState(""); + const [p_adr_street, setp_adr_street] = useState(""); + const [p_adr_zip, setp_adr_zip] = useState(""); + const [p_adr_city, setp_adr_city] = useState(""); + const [p_adr_country, setp_adr_country] = useState(""); + const [p_num_nda, setp_num_nda] = useState(""); + const [p_isqualiopi, setp_isqualiopi] = useState(""); + const [p_isdatadock, setp_isdatadock] = useState(""); + const [p_iscertifvoltaire, setp_iscertifvoltaire] = useState(""); + const [p_contact_nom, setp_contact_nom] = useState(""); + const [p_contact_prenom, setp_contact_prenom] = useState(""); + const [p_contact_tel, setp_contact_tel] = useState(""); + const [p_contact_mail, setp_contact_mail] = useState(""); + + + return (
      @@ -1543,7 +1583,7 @@ function UpdateParnterInfo() {
      } {String(submenu).trim() === "submenu_donnee_facturation" &&
      - +
      } {String(submenu).trim() === "submenu_contact" &&
      @@ -1553,7 +1593,7 @@ function UpdateParnterInfo() { {String(submenu).trim() === "submenu_donnee_entreprise" &&
      -
      Données personnelles
      +
      Mes Informations
      {testval == true &&
      @@ -1582,11 +1622,12 @@ function UpdateParnterInfo() { ), }} - + value={p_nom} + onChange={(e) => setp_nom(e.target.value)} /> ), }} - + value={p_siret} + onChange={(e) => setp_siret(e.target.value)} /> @@ -1615,7 +1657,8 @@ function UpdateParnterInfo() { ), }} - + value={p_telephone} + onChange={(e) => setp_telephone(e.target.value)} /> @@ -1631,7 +1674,8 @@ function UpdateParnterInfo() { ), }} - + value={p_email} + onChange={(e) => setp_email(e.target.value)} /> ), }} - + value={p_website} + onChange={(e) => setp_website(e.target.value)} /> ), }} - + value={p_link_linkedin} + onChange={(e) => setp_link_linkedin(e.target.value)} /> @@ -1677,7 +1723,8 @@ function UpdateParnterInfo() { ), }} - + value={p_link_facebook} + onChange={(e) => setp_link_facebook(e.target.value)} /> @@ -1693,8 +1740,10 @@ function UpdateParnterInfo() { ), }} - + value={p_link_twitter} + onChange={(e) => setp_link_twitter(e.target.value)} /> + ), }} - + value={p_adr_street} + onChange={(e) => setp_adr_street(e.target.value)} /> - + ), }} - + value={p_adr_zip} + onChange={(e) => setp_adr_zip(e.target.value)} /> ), }} - + value={p_adr_city} + onChange={(e) => setp_adr_city(e.target.value)} /> - + ), }} - + value={p_adr_country} + onChange={(e) => setp_adr_country(e.target.value)} />
       
      @@ -1858,7 +1911,8 @@ function UpdateParnterInfo() { ), }} - + value={p_num_nda} + onChange={(e) => setp_num_nda(e.target.value)} /> {fields1desabled == true && String(mydatadock) !== "1" && @@ -1921,7 +1975,7 @@ function UpdateParnterInfo() { className="texte_area" sx={{ m: 1, width: '48%' }} value="Non" - + /> @@ -1935,7 +1989,7 @@ function UpdateParnterInfo() { className="texte_area" sx={{ m: 1, width: '48%' }} value="Oui" - + /> @@ -1952,7 +2006,7 @@ function UpdateParnterInfo() { value={mydatadock} onChange={handleChangedatadock} - + >{datadock.map((option) => ( {option.label}  
      @@ -1969,7 +2023,7 @@ function UpdateParnterInfo() { className="texte_area" sx={{ m: 1, width: '48%' }} value="Non" - + /> @@ -1983,7 +2037,7 @@ function UpdateParnterInfo() { className="texte_area" sx={{ m: 1, width: '48%' }} value="Oui" - + /> @@ -2001,7 +2055,7 @@ function UpdateParnterInfo() { value={mycertifvoltaire} onChange={handleChangecertifvoltaire} - + >{certifvoltaire.map((option) => ( @@ -2027,7 +2081,8 @@ function UpdateParnterInfo() { ), }} - + value={p_contact_nom} + onChange={(e) => setp_contact_nom(e.target.value)} /> ), }} - + value={p_contact_prenom} + onChange={(e) => setp_contact_prenom(e.target.value)} /> - + ), }} - + value={p_contact_tel} + onChange={(e) => setp_contact_tel(e.target.value)} /> ), }} - + value={p_contact_mail} + onChange={(e) => setp_contact_mail(e.target.value)} /> {fields1desabled == false && String(datamodification) === String("1") &&
      diff --git a/src/styles/components/_partnerclient.scss b/src/styles/components/_partnerclient.scss index 768970c..15707f6 100644 --- a/src/styles/components/_partnerclient.scss +++ b/src/styles/components/_partnerclient.scss @@ -43,6 +43,7 @@ border-width: 0.01rem; width: 48%; border-radius: 1rem; + margin-right: 15px !important; } .titre1 { @@ -131,4 +132,8 @@ } + + .css-1wgeduv-MuiFormControl-root-MuiTextField-root{ + width: 99% !important; + } } \ No newline at end of file diff --git a/src/styles/components/_partnerinvoicingdata.scss b/src/styles/components/_partnerinvoicingdata.scss new file mode 100644 index 0000000..968fa58 --- /dev/null +++ b/src/styles/components/_partnerinvoicingdata.scss @@ -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; + } +} \ No newline at end of file diff --git a/src/styles/components/_updateparnterinfo.scss b/src/styles/components/_updateparnterinfo.scss index 23035b3..e16c866 100644 --- a/src/styles/components/_updateparnterinfo.scss +++ b/src/styles/components/_updateparnterinfo.scss @@ -851,6 +851,8 @@ font-size: small !important; } - + .css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input { + padding-left: 5px !important; + } } \ No newline at end of file diff --git a/src/styles/index.scss b/src/styles/index.scss index ddbab9e..d49bddb 100644 --- a/src/styles/index.scss +++ b/src/styles/index.scss @@ -68,3 +68,15 @@ @import "./components/partnerclient"; @import "./components/contactpartnerclient"; @import "./components/partner_client_activite"; +@import "./components/partnerinvoicingdata"; + + + + +.css-14lo706{ + padding-right: 0.5rem !important; +} + +.css-1jy569b-MuiFormLabel-root-MuiInputLabel-root{ + margin-left: 0px !important; + } \ No newline at end of file