30/08/23 - 22h

recette2
cherif 2023-08-30 22:05:39 +02:00
parent 0eca4bd722
commit 90a09b49f1
2 changed files with 587 additions and 133 deletions

View File

@ -643,7 +643,7 @@ const Employes = (props) => {
var myurl = process.env.REACT_APP_API_URL + "myclass/api/Get_List_Ressource_Humaine_with_filter/";
setdisplay_affectation("");
setAdd_new_affectation("");
clean_affectation_fields();
@ -1636,6 +1636,8 @@ const Employes = (props) => {
setsubmenu("");
setSelectionModel([]);
}
const [Add_One_Employee_Data_api, setAdd_One_Employee_Data_api] = useState();
const [Add_One_Employee_Data_message, setAdd_One_Employee_Data_message] = useState();
const [Add_One_Employee_Data_result, setAdd_One_Employee_Data_result] = useState();
@ -2187,18 +2189,18 @@ const Employes = (props) => {
};
function add_one_affectation_block() {
function add_one_affectation_block() {
setdisplay_affectation("");
setAdd_new_affectation("1");
if (myRef_new_affectation.current) {
myRef_new_affectation.current.scrollIntoView({ behavior: "smooth" });
}
clean_affectation_fields();
}
@ -3746,26 +3748,25 @@ const Employes = (props) => {
 
</div>
</div>
<div className="div_row" style={{ "border": "None", "color": "orange", "textAlign": "center" }}>
{<div className="div_row_gauche" style={{ "textAlign": 'left', 'marginLeft': '15px' }}>
<div className="div_row" style={{ "border": "None", "color": "orange", "textAlign": "center" }}>
<Button variant="contained" className="bton_enreg" onClick={Add_One_Employee_Data}>Enregistrer
</Button>
{<div className="div_row_gauche" style={{ "textAlign": 'left', 'marginLeft': '15px' }}>
</div>}
<Button variant="contained" className="bton_enreg" onClick={Add_One_Employee_Data}>Enregistrer
</Button>
{<div className="div_row_droite" style={{ "textAlign": 'right', 'marginRight': '15px' }} >
<Button variant="contained" className="bton_annule" onClick={Annule_add_one_Employee}>Annuler
</Button>
</div>}
</div>
</div>}
{<div className="div_row_droite" style={{ "textAlign": 'right', 'marginRight': '15px' }} >
<Button variant="contained" className="bton_annule" onClick={Annule_add_one_Employee}>Annuler
</Button>
</div>}
</div>
<div className="div_row" style={{ "border": "None" }}>
&nbsp;
<div className="div_row" style={{ "border": "None" }}>
&nbsp;
</div>
</div>
</div>}

View File

@ -177,7 +177,6 @@ const Materiels = (props) => {
setdisplay_detail_materiel();
setadd_One_Materiel("1");
setsubmenu("detail_materiel");
}
function Annule_add_one_materiel() {
@ -239,7 +238,7 @@ const Materiels = (props) => {
const stored_cookie = getCookie('tokenmysypart');
form.append("token", stored_cookie);
var myurl = process.env.REACT_APP_API_URL + "myclass/api/Get_List_Ressource_Humaine_with_filter/";
var myurl = process.env.REACT_APP_API_URL + "myclass/api/Get_List_Ressource_Materielle_no_filter/";
setdisplay_affectation("");
@ -349,6 +348,113 @@ const Materiels = (props) => {
hiddenFileInput_session.current.click();
}
const [Add_One_Materiel_Data_api, setAdd_One_Materiel_Data_api] = useState();
const [Add_One_Materiel_Data_message, setAdd_One_Materiel_Data_message] = useState();
const [Add_One_Materiel_Data_result, setAdd_One_Materiel_Data_result] = useState();
function Add_One_Materiel_Data() {
var form = new FormData();
if (p_one_detail_ref_interne.trim() == "") {
alert(" Vous devez saisir la référence interne du materiel");
return;
}
if (p_one_detail_nom.trim() == "") {
alert(" Vous devez saisir le nom du materiel");
return;
}
const stored_cookie = getCookie('tokenmysypart');
form.append("token", stored_cookie);
form.append("ref_interne", p_one_detail_ref_interne);
form.append("nom", p_one_detail_nom);
if (p_one_detail_description)
form.append("description", p_one_detail_description);
else
form.append("description", "");
if (p_one_detail_detail)
form.append("detail", p_one_detail_detail);
else
form.append("detail", "");
if (p_one_detail_famille)
form.append("famille", p_one_detail_famille);
else
form.append("famille", "");
if (p_one_detail_marque)
form.append("marque", p_one_detail_marque);
else
form.append("marque", "");
if (p_one_detail_type)
form.append("type", p_one_detail_type);
else
form.append("type", "");
if (p_one_detail_prix_achat)
form.append("prix_achat", p_one_detail_prix_achat);
else
form.append("prix_achat", "");
if (p_one_detail_fournisseur)
form.append("fournisseur", p_one_detail_fournisseur);
else
form.append("fournisseur", "");
if (p_one_detail_qty_stock)
form.append("qty_stock", p_one_detail_qty_stock);
else
form.append("qty_stock", "");
console.log(" form == ", form);
var myurl = process.env.REACT_APP_API_URL + "myclass/api/Add_Ressource_Materielle/";
axios.post(myurl, form).then(res => {
console.log(" In Add_One_Materiel_Data res.data.status = " + res.data.status);
console.log(" In Add_One_Materiel_Data res.data.message r_class = " + res.data.message);
if (String(res.data.status) === String("true")) {
setAdd_One_Materiel_Data_api("true");
setAdd_One_Materiel_Data_result(res.data.message);
Getall_Training_Materiel();
setmateriel_data_changed("");
setmateriel_data_edit_mode("");
alert(res.data.message);
if (myRef_head)
myRef_head.current.scrollIntoView({ behavior: "smooth" });
}
else {
setAdd_One_Materiel_Data_api("false");
setAdd_One_Materiel_Data_message(res.data.message);
alert(res.data.message);
}
}).catch((error) => {
console.warn('UpdateStagiaireData : Not good man :( Add_One_Materiel_Data = ' + error);
setAdd_One_Materiel_Data_api("false");
alert(" Impossible d'ajouter le materiel");
})
}
const [Getall_Training_Materiel_No_Filter_api, setGetall_Training_Materiel_No_Filter_api] = useState();
@ -414,8 +520,8 @@ const Materiels = (props) => {
}
//console.log(" ### employee_data_edit_mode = ", employee_data_edit_mode);
/*if (String(materiel_data_edit_mode) !== "1")
disable_Employee_DetailFields();*/
if (String(materiel_data_edit_mode) !== "1")
disable_Materiel_DetailFields();
}
@ -443,7 +549,7 @@ const Materiels = (props) => {
}
function Display_Detail_Employe_Data(materiel_id) {
function Display_Detail_Material_Data(materiel_id) {
//clearDetailAttendeFields();
setadd_One_Materiel();
setdisplay_detail_materiel("1");
@ -457,38 +563,38 @@ const Materiels = (props) => {
function disable_Materiel_DetailFields() {
setmateriel_data_edit_mode("0");
if (document.getElementsByName("detail_ref_interne")[0]) {
document.getElementsByName("detail_ref_interne")[0].disabled = true;
document.getElementsByName("detail_ref_interne")[0].style.backgroundColor = "#ECEFF1";
}
if (document.getElementsByName("detail_nom")[0]) {
document.getElementsByName("detail_nom")[0].disabled = true;
document.getElementsByName("detail_nom")[0].style.backgroundColor = "#ECEFF1";
}
if (document.getElementsByName("detail_prenom")[0]) {
document.getElementsByName("detail_prenom")[0].disabled = true;
document.getElementsByName("detail_prenom")[0].style.backgroundColor = "#ECEFF1";
}
if (document.getElementsByName("detail_mail")[0]) {
document.getElementsByName("detail_mail")[0].disabled = true;
document.getElementsByName("detail_mail")[0].style.backgroundColor = "#ECEFF1";
if (document.getElementsByName("detail_description")[0]) {
document.getElementsByName("detail_description")[0].disabled = true;
document.getElementsByName("detail_description")[0].style.backgroundColor = "#ECEFF1";
}
if (document.getElementsByName("detail_tel")[0]) {
document.getElementsByName("detail_tel")[0].disabled = true;
document.getElementsByName("detail_tel")[0].style.backgroundColor = "#ECEFF1";
if (document.getElementsByName("detail_detail")[0]) {
document.getElementsByName("detail_detail")[0].disabled = true;
document.getElementsByName("detail_detail")[0].style.backgroundColor = "#ECEFF1";
}
if (document.getElementsByName("detail_adresse")[0]) {
document.getElementsByName("detail_adresse")[0].disabled = true;
document.getElementsByName("detail_adresse")[0].style.backgroundColor = "#ECEFF1";
if (document.getElementsByName("detail_famille")[0]) {
document.getElementsByName("detail_famille")[0].disabled = true;
document.getElementsByName("detail_famille")[0].style.backgroundColor = "#ECEFF1";
}
if (document.getElementsByName("detail_code_postal")[0]) {
document.getElementsByName("detail_code_postal")[0].disabled = true;
document.getElementsByName("detail_code_postal")[0].style.backgroundColor = "#ECEFF1";
if (document.getElementsByName("detail_marque")[0]) {
document.getElementsByName("detail_marque")[0].disabled = true;
document.getElementsByName("detail_marque")[0].style.backgroundColor = "#ECEFF1";
}
if (document.getElementsByName("detail_ville")[0]) {
@ -501,49 +607,24 @@ const Materiels = (props) => {
document.getElementsByName("detail_civilite")[0].style.backgroundColor = "#ECEFF1";
}
if (document.getElementsByName("detail_tel_mobile")[0]) {
document.getElementsByName("detail_tel_mobile")[0].disabled = true;
document.getElementsByName("detail_tel_mobile")[0].style.backgroundColor = "#ECEFF1";
if (document.getElementsByName("detail_type")[0]) {
document.getElementsByName("detail_type")[0].disabled = true;
document.getElementsByName("detail_type")[0].style.backgroundColor = "#ECEFF1";
}
if (document.getElementsByName("detail_pays")[0]) {
document.getElementsByName("detail_pays")[0].disabled = true;
document.getElementsByName("detail_pays")[0].style.backgroundColor = "#ECEFF1";
if (document.getElementsByName("detail_prix_achat")[0]) {
document.getElementsByName("detail_prix_achat")[0].disabled = true;
document.getElementsByName("detail_prix_achat")[0].style.backgroundColor = "#ECEFF1";
}
if (document.getElementsByName("detail_linkedin")[0]) {
document.getElementsByName("detail_linkedin")[0].disabled = true;
document.getElementsByName("detail_linkedin")[0].style.backgroundColor = "#ECEFF1";
if (document.getElementsByName("detail_fournisseur")[0]) {
document.getElementsByName("detail_fournisseur")[0].disabled = true;
document.getElementsByName("detail_fournisseur")[0].style.backgroundColor = "#ECEFF1";
}
if (document.getElementsByName("detail_facebook")[0]) {
document.getElementsByName("detail_facebook")[0].disabled = true;
document.getElementsByName("detail_facebook")[0].style.backgroundColor = "#ECEFF1";
}
if (document.getElementsByName("detail_twitter")[0]) {
document.getElementsByName("detail_twitter")[0].disabled = true;
document.getElementsByName("detail_twitter")[0].style.backgroundColor = "#ECEFF1";
}
if (document.getElementsByName("detail_profil")[0]) {
document.getElementsByName("detail_profil")[0].disabled = true;
document.getElementsByName("detail_profil")[0].style.backgroundColor = "#ECEFF1";
}
if (document.getElementsByName("detail_fonction")[0]) {
document.getElementsByName("detail_fonction")[0].disabled = true;
document.getElementsByName("detail_fonction")[0].style.backgroundColor = "#ECEFF1";
}
if (document.getElementsByName("detail_ismanager")[0]) {
document.getElementsByName("detail_ismanager")[0].disabled = true;
document.getElementsByName("detail_ismanager")[0].style.backgroundColor = "#ECEFF1";
}
if (document.getElementsByName("detail_resp_hierarchie_id")[0]) {
document.getElementsByName("detail_resp_hierarchie_id")[0].disabled = true;
document.getElementsByName("detail_resp_hierarchie_id")[0].style.backgroundColor = "#ECEFF1";
if (document.getElementsByName("detail_qty_stock")[0]) {
document.getElementsByName("detail_qty_stock")[0].disabled = true;
document.getElementsByName("detail_qty_stock")[0].style.backgroundColor = "#ECEFF1";
}
}
@ -551,63 +632,56 @@ const Materiels = (props) => {
function Enable_Materiel_DetailFields() {
setmateriel_data_edit_mode("1");
if (document.getElementsByName("detail_ref_interne")[0]) {
document.getElementsByName("detail_ref_interne")[0].disabled = false;
document.getElementsByName("detail_ref_interne")[0].style.backgroundColor = "#FFFFFF";
}
document.getElementsByName("detail_nom")[0].disabled = false;
document.getElementsByName("detail_nom")[0].style.backgroundColor = "#FFFFFF";
if (document.getElementsByName("detail_nom")[0]) {
document.getElementsByName("detail_nom")[0].disabled = false;
document.getElementsByName("detail_nom")[0].style.backgroundColor = "#FFFFFF";
}
document.getElementsByName("detail_prenom")[0].disabled = false;
document.getElementsByName("detail_prenom")[0].style.backgroundColor = "#FFFFFF";
if (document.getElementsByName("detail_description")[0]) {
document.getElementsByName("detail_description")[0].disabled = false;
document.getElementsByName("detail_description")[0].style.backgroundColor = "#FFFFFF";
}
document.getElementsByName("detail_mail")[0].disabled = false;
document.getElementsByName("detail_mail")[0].style.backgroundColor = "#FFFFFF";
if (document.getElementsByName("detail_detail")[0]) {
document.getElementsByName("detail_detail")[0].disabled = false;
document.getElementsByName("detail_detail")[0].style.backgroundColor = "#FFFFFF";
}
if (document.getElementsByName("detail_famille")[0]) {
document.getElementsByName("detail_famille")[0].disabled = false;
document.getElementsByName("detail_famille")[0].style.backgroundColor = "#FFFFFF";
}
document.getElementsByName("detail_tel")[0].disabled = false;
document.getElementsByName("detail_tel")[0].style.backgroundColor = "#FFFFFF";
if (document.getElementsByName("detail_marque")[0]) {
document.getElementsByName("detail_marque")[0].disabled = false;
document.getElementsByName("detail_marque")[0].style.backgroundColor = "#FFFFFF";
}
if (document.getElementsByName("detail_type")[0]) {
document.getElementsByName("detail_type")[0].disabled = false;
document.getElementsByName("detail_type")[0].style.backgroundColor = "#FFFFFF";
}
document.getElementsByName("detail_adresse")[0].disabled = false;
document.getElementsByName("detail_adresse")[0].style.backgroundColor = "#FFFFFF";
document.getElementsByName("detail_code_postal")[0].disabled = false;
document.getElementsByName("detail_code_postal")[0].style.backgroundColor = "#FFFFFF";
document.getElementsByName("detail_ville")[0].disabled = false;
document.getElementsByName("detail_ville")[0].style.backgroundColor = "#FFFFFF";
document.getElementsByName("detail_civilite")[0].disabled = false;
document.getElementsByName("detail_civilite")[0].style.backgroundColor = "#FFFFFF";
document.getElementsByName("detail_tel_mobile")[0].disabled = false;
document.getElementsByName("detail_tel_mobile")[0].style.backgroundColor = "#FFFFFF";
document.getElementsByName("detail_pays")[0].disabled = false;
document.getElementsByName("detail_pays")[0].style.backgroundColor = "#FFFFFF";
document.getElementsByName("detail_linkedin")[0].disabled = false;
document.getElementsByName("detail_linkedin")[0].style.backgroundColor = "#FFFFFF";
document.getElementsByName("detail_facebook")[0].disabled = false;
document.getElementsByName("detail_facebook")[0].style.backgroundColor = "#FFFFFF";
document.getElementsByName("detail_twitter")[0].disabled = false;
document.getElementsByName("detail_twitter")[0].style.backgroundColor = "#FFFFFF";
document.getElementsByName("detail_profil")[0].disabled = false;
document.getElementsByName("detail_profil")[0].style.backgroundColor = "#FFFFFF";
document.getElementsByName("detail_fonction")[0].disabled = false;
document.getElementsByName("detail_fonction")[0].style.backgroundColor = "#FFFFFF";
document.getElementsByName("detail_ismanager")[0].disabled = false;
document.getElementsByName("detail_ismanager")[0].style.backgroundColor = "#FFFFFF";
document.getElementsByName("detail_resp_hierarchie_id")[0].disabled = false;
document.getElementsByName("detail_resp_hierarchie_id")[0].style.backgroundColor = "#FFFFFF";
if (document.getElementsByName("detail_prix_achat")[0]) {
document.getElementsByName("detail_prix_achat")[0].disabled = false;
document.getElementsByName("detail_prix_achat")[0].style.backgroundColor = "#FFFFFF";
}
if (document.getElementsByName("detail_fournisseur")[0]) {
document.getElementsByName("detail_fournisseur")[0].disabled = false;
document.getElementsByName("detail_fournisseur")[0].style.backgroundColor = "#FFFFFF";
}
if (document.getElementsByName("detail_qty_stock")[0]) {
document.getElementsByName("detail_qty_stock")[0].disabled = false;
document.getElementsByName("detail_qty_stock")[0].style.backgroundColor = "#FFFFFF";
}
}
@ -737,7 +811,7 @@ const Materiels = (props) => {
setselected_id(materiel_id);
//console.log(" ### employe_id = ", employe_id);
Display_Detail_Employe_Data(materiel_id);
Display_Detail_Material_Data(materiel_id);
if (myRef.current) {
myRef.current.scrollIntoView({ behavior: "smooth" });
@ -921,7 +995,7 @@ const Materiels = (props) => {
const stored_cookie = getCookie('tokenmysypart');
formData.append("token", stored_cookie);
formData.append("rh_id", selected_id);
formData.append("rm_id", selected_id);
formData.append('file_img', isimgclassSelected);
formData.append('file_img_recid', isimgclassSelected_recid);
@ -963,6 +1037,112 @@ const Materiels = (props) => {
};
const [Update_One_Materiel_Data_api, setUpdate_One_Materiel_Data_api] = useState();
const [Update_One_Materiel_Data_message, setUpdate_One_Materiel_Data_message] = useState();
const [Update_One_Materiel_Data_result, setUpdate_One_Materiel_Data_result] = useState();
function Update_One_Materiel_Data() {
var form = new FormData();
//form.append("token","K3cw63eKokKSbV4spjQ48SUNnfy80yrXfA");
const stored_cookie = getCookie('tokenmysypart');
form.append("token", stored_cookie);
form.append("ref_interne", p_detail_ref_interne);
if (p_detail_nom)
form.append("nom", p_detail_nom);
else
form.append("nom", "");
if (p_detail_description)
form.append("description", p_detail_description);
else
form.append("description", "");
if (p_detail_detail)
form.append("detail", p_detail_detail);
else
form.append("detail", "");
if (p_detail_famille)
form.append("famille", p_detail_famille);
else
form.append("famille", "");
if (p_detail_marque)
form.append("marque", p_detail_marque);
else
form.append("marque", "");
if (p_detail_type)
form.append("type", p_detail_type);
else
form.append("type", "");
if (p_detail_prix_achat)
form.append("prix_achat", p_detail_prix_achat);
else
form.append("prix_achat", "");
if (p_detail_fournisseur)
form.append("fournisseur", p_detail_fournisseur);
else
form.append("fournisseur", "");
if (p_detail_qty_stock)
form.append("qty_stock", p_detail_qty_stock);
else
form.append("qty_stock", "");
form.append("_id", selected_id);
//console.log(" form == ", form);
var myurl = process.env.REACT_APP_API_URL + "myclass/api/Update_Ressource_Materielle/";
axios.post(myurl, form).then(res => {
console.log(" In Update_One_Materiel_Data res.data.status = " + res.data.status);
console.log(" In Update_One_Materiel_Data res.data.message r_class = " + res.data.message);
if (String(res.data.status) === String("true")) {
setUpdate_One_Materiel_Data_api("true");
setUpdate_One_Materiel_Data_result(res.data.message);
Getall_Training_Materiel();
disable_Materiel_DetailFields();
setmateriel_data_changed("");
setmateriel_data_edit_mode("");
Getall_Training_Materiel(selected_id);
alert(" La mise à jour été correctement faite.");
setsubmenu("detail_materiel");
setadd_One_Materiel("");
Get_Materiel_Data(selected_id);
if (myRef_head)
myRef_head.current.scrollIntoView({ behavior: "smooth" });
}
else {
setUpdate_One_Materiel_Data_api("false");
setUpdate_One_Materiel_Data_message(res.data.message);
alert(res.data.message);
}
}).catch((error) => {
console.warn('UpdateStagiaireData : Not good man :( Update_One_Materiel_Data = ' + error);
setUpdate_One_Materiel_Data_api("false");
alert(" Impossible de mettre à jour le materiel");
})
}
const [get_Materiel_Images_api, setget_Materiel_Images_api] = useState();
const [get_Materiel_Images_message, setget_Materiel_Images_message] = useState();
@ -1577,9 +1757,6 @@ const Materiels = (props) => {
</div>
submenu = {submenu} <br/>
add_One_Materiel = {add_One_Materiel} <br />
{String(submenu) === "detail_materiel" && String(add_One_Materiel) !== "1" && <div className="div_row">
<nav style={{ "border": "None", "fontSize": "22px", "fontWeight": "600" }}> Détail Materiel </nav>
<div className="div_row" style={{ "border": "None" }}>
@ -1857,16 +2034,292 @@ const Materiels = (props) => {
/>
</div>
<div className="div_row" style={{ "border": "None" }}>
&nbsp;
</div>
{String(materiel_data_changed) === "1" && String(materiel_data_edit_mode) === "1" && <div className="div_row" style={{ "border": "None", "color": "orange", "textAlign": "center" }}>
/!\ Pensez à enregistrer les modifications
</div>}
<div className="div_row" style={{ "border": "None", "color": "orange", "textAlign": "center" }}>
{String(materiel_data_changed) === "1" && String(materiel_data_edit_mode) === "1" && <div className="div_row_gauche" style={{ "textAlign": 'left', 'marginLeft': '15px' }}>
<Button variant="contained" className="bton_enreg" onClick={Update_One_Materiel_Data}>Enregistrer les modifications
</Button>
</div>}
{String(materiel_data_edit_mode) === "1" && <div className="div_row_droite" style={{ "textAlign": 'right', 'marginRight': '15px' }} >
<Button variant="contained" className="bton_annule" onClick={Annule_Materiel_DetailFields}>Annuler
</Button>
</div>}
</div>
{String(materiel_data_edit_mode) !== "1" && <div className="div_row_droite" style={{ "textAlign": 'right', 'marginRight': '15px' }}>
<Button variant="contained" className="bton_edit" onClick={Enable_Materiel_DetailFields}>Editer
</Button>
</div>}
<div className="div_row" style={{ "border": "None" }}>
&nbsp;
</div>
</div>
</div>}
{String(submenu) === "detail_materiel" && String(add_One_Materiel) === "1" && <div className="div_row">
<nav style={{ "border": "None", "fontSize": "22px", "fontWeight": "600" }}> Ajouter un nouveau materiel </nav>
<div className="session_data" >
<div className="session_caract"> Ref. Interne<br />
<TextField
sx={{ '& legend': { display: 'none' }, '& fieldset': { top: 0 }, }}
required
name="p_one_detail_ref_interne"
id="p_one_detail_ref_interne"
<h3> Ajout nouveau materiel </h3>
InputLabelProps={{
shrink: true,
}}
disabled={false}
className="disabled_style"
value={p_one_detail_ref_interne}
onChange={(e) => {
setp_one_detail_ref_interne(e.target.value);
setmateriel_data_changed("1");
}
}
/>
</div>
<div className="session_caract"> Nom<br />
<TextField
sx={{ '& legend': { display: 'none' }, '& fieldset': { top: 0 }, }}
required
name="p_one_detail_nom"
id="p_one_detail_nom"
InputLabelProps={{
shrink: true,
}}
disabled={false}
className="disabled_style"
value={p_one_detail_nom}
onChange={(e) => {
setp_one_detail_nom(e.target.value);
setmateriel_data_changed("1");
}
}
/>
</div>
<div className="session_caract"> Description<br />
<TextField
sx={{ '& legend': { display: 'none' }, '& fieldset': { top: 0 }, }}
required
name="p_one_detail_description"
id="p_one_detail_description"
InputLabelProps={{
shrink: true,
}}
disabled={false}
className="disabled_style"
value={p_one_detail_description}
onChange={(e) => {
setp_one_detail_description(e.target.value);
setmateriel_data_changed("1");
}
}
/>
</div>
<div className="session_caract"> Detail<br />
<TextField
sx={{ '& legend': { display: 'none' }, '& fieldset': { top: 0 }, }}
required
name="p_one_detail_detail"
id="p_one_detail_detail"
InputLabelProps={{
shrink: true,
}}
disabled={false}
className="disabled_style"
value={p_one_detail_detail}
onChange={(e) => {
setp_one_detail_detail(e.target.value);
setmateriel_data_changed("1");
}
}
/>
</div>
<div className="session_caract"> Famille<br />
<TextField
sx={{ '& legend': { display: 'none' }, '& fieldset': { top: 0 }, }}
required
name="p_one_detail_famille"
id="p_one_detail_famille"
InputLabelProps={{
shrink: true,
}}
disabled={false}
className="disabled_style"
value={p_one_detail_famille}
onChange={(e) => {
setp_one_detail_famille(e.target.value);
setmateriel_data_changed("1");
}
}
/>
</div>
<div className="session_caract"> Marque<br />
<TextField
sx={{ '& legend': { display: 'none' }, '& fieldset': { top: 0 }, }}
required
name="p_one_detail_marque"
id="p_one_detail_marque"
InputLabelProps={{
shrink: true,
}}
disabled={false}
className="disabled_style"
value={p_one_detail_marque}
onChange={(e) => {
setp_one_detail_marque(e.target.value);
setmateriel_data_changed("1");
}
}
/>
</div>
<div className="session_caract"> Type<br />
<TextField
sx={{ '& legend': { display: 'none' }, '& fieldset': { top: 0 }, }}
required
name="p_one_detail_type"
id="p_one_detail_type"
InputLabelProps={{
shrink: true,
}}
disabled={false}
className="disabled_style"
value={p_one_detail_type}
onChange={(e) => {
setp_one_detail_type(e.target.value);
setmateriel_data_changed("1");
}
}
/>
</div>
<div className="session_caract"> Prix d'achat (estimé)<br />
<TextField
sx={{ '& legend': { display: 'none' }, '& fieldset': { top: 0 }, }}
required
name="p_one_detail_prix_achat"
id="p_one_detail_prix_achat"
InputLabelProps={{
shrink: true,
}}
disabled={false}
className="disabled_style"
value={p_one_detail_prix_achat}
onChange={(e) => {
setp_one_detail_prix_achat(e.target.value);
setmateriel_data_changed("1");
}
}
/>
</div>
<div className="session_caract"> Fournisseur<br />
<TextField
sx={{ '& legend': { display: 'none' }, '& fieldset': { top: 0 }, }}
required
name="p_one_detail_fournisseur"
id="p_one_detail_fournisseur"
InputLabelProps={{
shrink: true,
}}
disabled={false}
className="disabled_style"
value={p_one_detail_fournisseur}
onChange={(e) => {
setp_one_detail_fournisseur(e.target.value);
setmateriel_data_changed("1");
}
}
/>
</div>
<div className="session_caract"> Qté en stock<br />
<TextField
sx={{ '& legend': { display: 'none' }, '& fieldset': { top: 0 }, }}
required
name="p_one_detail_qty_stock"
id="p_one_detail_qty_stock"
InputLabelProps={{
shrink: true,
}}
disabled={false}
className="disabled_style"
value={p_one_detail_qty_stock}
onChange={(e) => {
setp_one_detail_qty_stock(e.target.value);
setmateriel_data_changed("1");
}
}
/>
</div>
<div className="div_row" style={{ "border": "None" }}>
&nbsp;
</div>
<div className="div_row" style={{ "border": "None", "color": "orange", "textAlign": "center" }}>
{<div className="div_row_gauche" style={{ "textAlign": 'left', 'marginLeft': '15px' }}>
<Button variant="contained" className="bton_enreg" onClick={Add_One_Materiel_Data}>Enregistrer
</Button>
</div>}
{<div className="div_row_droite" style={{ "textAlign": 'right', 'marginRight': '15px' }} >
<Button variant="contained" className="bton_annule" onClick={Annule_add_one_materiel}>Annuler
</Button>
</div>}
</div>
<div className="div_row" style={{ "border": "None" }}>
&nbsp;
</div>
</div>
</div>}