06/03/2024 - 22h15

recette2
cherif 2024-03-06 22:11:50 +01:00
parent b7b64614a1
commit 0c9c8d4493
6 changed files with 708 additions and 177 deletions

View File

@ -493,6 +493,20 @@ const CRM_Opportunite = (props) => {
if (new_data2.length > 0) {
setNew_Getall_Partner_CRM_Opport_Step_result(new_data2);
setOpportunite_chanel(local_opport_chanel);
if (String(props.reduce) === "0") {
var tmp = 80 / new_data2.length;
var tmp_val = tmp + "vw";
setkanban_colonne_width(tmp_val);
} else {
var tmp = 95 / new_data2.length;
var tmp_val = tmp + "vw";
setkanban_colonne_width(tmp_val);
}
} else {
setNew_Getall_Partner_CRM_Opport_Step_result([]);
setOpportunite_chanel([]);
@ -533,6 +547,145 @@ const CRM_Opportunite = (props) => {
}
const [Getall_Partner_CRM_Opportunite_with_Filter_api, setGetall_Partner_CRM_Opportunite_with_Filter_api] = useState();
const [Getall_Partner_CRM_Opportunite_with_Filter_message, setGetall_Partner_CRM_Opportunite_with_Filter_message] = useState();
const [Getall_Partner_CRM_Opportunite_with_Filter_result, setGetall_Partner_CRM_Opportunite_with_Filter_result] = useState();
function Getall_Partner_CRM_Opportunite_with_Filter(event) {
var form = new FormData();
// Recuperation des parametres
var filtre1 = p_filtre1;
var filtre2 = p_filtre2;
var filtre3 = p_filtre3;
var filtre4 = p_filtre4;
var filtre1_value = "";
var filtre2_value = "";
var filtre3_value = "";
var filtre4_value = "";
// Recuperation des valeurs de filtres
if (p_filtre1_value) {
filtre1_value = p_filtre1_value;
form.append(filtre1, filtre1_value);
}
if (p_filtre2_value) {
filtre2_value = p_filtre2_value;
form.append(filtre2, filtre2_value);
}
if (p_filtre3_value) {
filtre3_value = p_filtre3_value;
form.append(filtre3, p_filtre3_value);
}
if (p_filtre4_value) {
filtre4_value = p_filtre4_value;
form.append(filtre4, p_filtre4_value);
}
const stored_cookie = getCookie('tokenmysypart');
form.append("token", stored_cookie);
var myurl = process.env.REACT_APP_API_URL + "myclass/api/Get_List_CRM_Opportunite_with_filter/";
setSelectionModel([]);
setGetall_Partner_CRM_Opportunite_result([]);
setTaskStatus([]);
axios.post(myurl, form).then(res => {
if (String(res.data.status) === String("true")) {
//console.log(" In Getall_Partner_CRM_Opportunite_with_Filter res.data.status = " + res.data.status);
//console.log(" In Getall_Partner_CRM_Opportunite_with_Filter res.data.message r_class = " + res.data.message);
setGetall_Partner_CRM_Opportunite_with_Filter_api("true");
setGetall_Partner_CRM_Opportunite_with_Filter_result(res.data.message);
setGetall_Partner_CRM_Opportunite_result(res.data.message);
var new_data2 = [];
const new_data = res.data.message.map((x) => {
//---
var localid = JSON.parse(x).id;
var local_id = JSON.parse(x)._id;
var local_titre = JSON.parse(x).titre;
var local_description = JSON.parse(x).description;
var local_statut = JSON.parse(x).statut;
var local_priorite = JSON.parse(x).priorite;
var local_revenu_cible = JSON.parse(x).revenu_cible;
var local_client_nom = JSON.parse(x).client_nom;
var local_client_id = JSON.parse(x).partner_client_id;
var local_contact_nom = JSON.parse(x).contact_nom;
//---
var node = {
"_id": local_id,
"id": localid,
"label": local_titre,
"titre": local_titre,
"title": local_titre,
"description": local_description,
"status": local_statut,
"priorite": local_priorite,
"revenu_cible": local_revenu_cible,
"client_nom": local_client_nom,
"client_id": local_client_id,
"contact_nom": local_contact_nom,
};
new_data2.push(node);
setTaskStatus(new_data2);
var node = {
"_id": "",
"id": "",
"label": "",
"titre": "",
"title": "",
"description": "",
"status": "",
"priorite": "",
"revenu_cible": "",
"client_nom": "",
"client_id": "",
"contact_nom": "",
};
new_data2.push(node);
});
if (new_data2.length > 0) {
setNew_Getall_Partner_CRM_Opportunite_result(new_data2);
}
}
else {
setGetall_Partner_CRM_Opportunite_with_Filter_api("false");
setGetall_Partner_CRM_Opportunite_with_Filter_message(res.data.message);
}
}).catch((error) => {
console.warn('Not good man :( Getall_Partner_CRM_Opportunite_with_Filter = ', error);
setGetall_Partner_CRM_Opportunite_with_Filter_api("false");
//setmyApimyApiMessage("")
})
}
useEffect(() => {
@ -899,7 +1052,7 @@ const CRM_Opportunite = (props) => {
Getall_Partner_CRM_Opport_Step();
Getall_Partner_CRM_Opportunite();
Dialog_OPPORTUNITE_handleClose_buton();
alert(res.data.message);
@ -1018,6 +1171,9 @@ const CRM_Opportunite = (props) => {
})
}
const [kanban_colonne_width, setkanban_colonne_width] = useState("16vw");
const [Get_Given_Opportunite_Data_api, setGet_Given_Opportunite_Data_api] = useState();
const [Get_Given_Opportunite_Data_message, setGet_Given_Opportunite_Data_message] = useState();
const [Get_Given_Opportunite_Data_result, setGet_Given_Opportunite_Data_result] = useState();
@ -1135,8 +1291,9 @@ const CRM_Opportunite = (props) => {
fontFamily: 'Arial, "Helvetica Neue", sans-serif'
},
column: {
minWidth: 200,
width: "16vw",
// minWidth: 200,
//width: "16vw",
width: kanban_colonne_width,
height: "80vh",
margin: "0 auto",
backgroundColor: "#212F3D",
@ -1211,9 +1368,6 @@ const CRM_Opportunite = (props) => {
if (New_Option_Status.length > 0 && status) {
var local_status_id = New_Option_Status.filter((data) => (data).value === String(status))[0]._id;
console.log(" #### local_status_id = ", local_status_id)
Add_Update_Crm_Opportunite_Status(id, local_status_id);
}
//eeeee */
@ -1357,8 +1511,21 @@ const CRM_Opportunite = (props) => {
clear_detail_fields();
setselected_id("");
setDialog_OPPORTUNITE_open(true);
}
const New_Option_Filter = [
{ "id": "titre", "label": "Titre ", "value": "titre" },
// { "id": "vendeur_id", "label": "Vendeur ", "value": "vendeur_id" }, ==> a faire plus tard
{ "id": "revenu_cible_superieur", "label": "Revenu (Supérieur à ) ", "value": "revenu_cible_superieur" },
{ "id": "revenu_cible_inferieur", "label": "Revenu (Inférieur à ) ", "value": "revenu_cible_inferieur" },
{ "id": "date_fermeture_avant", "label": "Date fermeture (avant) ", "value": "date_fermeture_avant" },
{ "id": "date_fermeture_apres", "label": "Date fermeture (après) ", "value": "date_fermeture_apres" },
{ "id": "partner_client_nom", "label": "Nom Client", "value": "partner_client_nom" },
{ "id": "", "label": "", "value": "" },
{ "id": "1", "label": "", "value": "1" }, // Cette ligne pour couvrir l'ajout d'une ligne de filter. C'est fait expres.
]
return (
<div className="crm_opportunite">
@ -1765,7 +1932,7 @@ const CRM_Opportunite = (props) => {
</div>
<div className="div_row">
<div className="div_row" style={{ "textAlign": "center" , "marginTop":"10px"}}>
<div className="div_row" style={{ "textAlign": "center", "marginTop": "10px" }}>
<Button onClick={(e) => {
const response = window.confirm("Confirmez-vous la suppression de l'opportunité ?");
if (!response) {
@ -1788,9 +1955,284 @@ const CRM_Opportunite = (props) => {
<h3> Vos Opportunités </h3>
<div className="div_row">
<div className="titre1"> Utilisez les filtres !</div>
<div className="div_row" style={{ "marginBottom": "5px" }}>
<div className="div_row_gauche texte_area_filter" >
{New_Option_Filter && New_Option_Filter.length > 0 && <Autocomplete
disablePortal
name="filtre1"
id="filtre1"
className="disabled_style"
value={New_Option_Filter.filter((data) => (data).value === String(p_filtre1))[0].label}
options={New_Option_Filter}
onChange={(event, value) => {
if (value && value.value) {
setp_filtre1(value.value);
}
}}
renderInput={(params) => <TextField {...params} label="" placeholder="Choisir une option"
inputProps={{ ...params.inputProps, style: { fontSize: 12, height: "1.4rem" } }}
/>
}
/>}
</div>
<div className="div_row_droite texte_area_filter_value" >
{p_filtre1 &&
<TextField
sx={{ '& legend': { display: 'none' }, '& fieldset': { top: 0 }, }}
required
name="filtre1_value"
id="filtre1_value"
InputLabelProps={{
shrink: true,
}}
disabled={false}
className="disabled_style"
value={p_filtre1_value}
onChange={(e) => { setp_filtre1_value(e.target.value); }}
InputProps={{
endAdornment: (
<InputAdornment position="end">
<AiFillCloseCircle
style={{ 'cursor': "pointer", "color": "orangered" }}
onClick={(e) => {
setp_filtre1_value("");
}} />
</InputAdornment>
),
}}
/>
}
</div>
{p_filtre1 && <div className='filter_bton_add'>
<Tooltip className="tooltip_css" id="my-tooltip01" style={{ "fontSize": "12px" }} />
<a data-tooltip-id="my-tooltip01" data-tooltip-html="Ajouter une nouvelle ligne de filtre">
&nbsp; <MdAddCircleOutline onClick={(e) => {
setp_filtre2("1");
setp_filtre2_value("");
}} />
</a>
</div>}
{p_filtre1 && <div className='filter_bton_add'>
<Tooltip className="tooltip_css" id="my-tooltip02" style={{ "fontSize": "12px" }} />
<a data-tooltip-id="my-tooltip02" data-tooltip-html="Supprimer cette ligne de filtre">
&nbsp; <MdRemoveCircleOutline onClick={(e) => {
setp_filtre1("");
setp_filtre1_value("");
}}
/>
</a>
</div>}
</div>
{p_filtre2 &&
<div className="div_row" style={{ "marginBottom": "5px" }}>
<div className="div_row_gauche texte_area_filter">
{New_Option_Filter && New_Option_Filter.length > 0 && <Autocomplete
disablePortal
name="filtre2"
id="filtre2"
className="disabled_style"
value={New_Option_Filter.filter((data) => (data).value === String(p_filtre2))[0].label}
options={New_Option_Filter}
onChange={(event, value) => {
if (value && value.value) {
setp_filtre2(value.value);
}
}}
renderInput={(params) => <TextField {...params} label="" placeholder="Choisir une option"
inputProps={{ ...params.inputProps, style: { fontSize: 12, height: "1.4rem" } }}
/>
}
/>}
</div>
<div className="div_row_droite texte_area_filter_value" style={{ "marginTop": "0.5rem" }}>
{String(p_filtre2).length > 2 &&
<TextField
sx={{ '& legend': { display: 'none' }, '& fieldset': { top: 0 }, }}
required
name="filtre2_value"
id="filtre2_value"
InputLabelProps={{
shrink: true,
}}
disabled={false}
className="disabled_style"
value={p_filtre2_value}
onChange={(e) => setp_filtre2_value(e.target.value)}
InputProps={{
endAdornment: (
<InputAdornment position="end">
<AiFillCloseCircle
style={{ 'cursor': "pointer", "color": "orangered" }}
onClick={(e) => {
setp_filtre2_value("");
}} />
</InputAdornment>
),
}}
/>}
</div>
{String(p_filtre2).length > 2 && <div className='filter_bton_add' >
<Tooltip className="tooltip_css" id="my-tooltip03" style={{ "fontSize": "12px" }} />
<a data-tooltip-id="my-tooltip03" data-tooltip-html="Ajouter une nouvelle ligne de filtre">
&nbsp; <MdAddCircleOutline
onClick={(e) => {
setp_filtre3("1");
setp_filtre3_value("");
}}
/>
</a>
</div>}
{String(p_filtre2).length > 2 && <div className='filter_bton_add'>
<Tooltip className="tooltip_css" id="my-tooltip04" style={{ "fontSize": "12px" }} />
<a data-tooltip-id="my-tooltip04" data-tooltip-html="Supprimer cette ligne de filtre">
&nbsp; <MdRemoveCircleOutline
onClick={(e) => {
setp_filtre2("");
setp_filtre2_value("");
}}
/>
</a>
</div>}
</div>
}
{p_filtre3 &&
<div className="div_row" style={{ "marginBottom": "5px" }}>
<div className="div_row_gauche texte_area_filter">
{New_Option_Filter && New_Option_Filter.length > 0 && <Autocomplete
disablePortal
name="filtre3"
id="filtre3"
className="disabled_style"
value={New_Option_Filter.filter((data) => (data).value === String(p_filtre3))[0].label}
options={New_Option_Filter}
onChange={(event, value) => {
if (value && value.value) {
setp_filtre3(value.value);
}
}}
renderInput={(params) => <TextField {...params} label="" placeholder="Choisir une option"
inputProps={{ ...params.inputProps, style: { fontSize: 12, height: "1.4rem" } }}
/>
}
/>}
</div>
<div className="div_row_droite texte_area_filter_value" style={{ "marginTop": "0.5rem" }}>
{String(p_filtre3).length > 2 &&
<TextField
sx={{ '& legend': { display: 'none' }, '& fieldset': { top: 0 }, }}
required
name="filtre3_value"
id="filtre3_value"
InputLabelProps={{
shrink: true,
}}
disabled={false}
className="disabled_style"
value={p_filtre3_value}
onChange={(e) => setp_filtre3_value(e.target.value)}
InputProps={{
endAdornment: (
<InputAdornment position="end">
<AiFillCloseCircle
style={{ 'cursor': "pointer", "color": "orangered" }}
onClick={(e) => {
setp_filtre3_value("");
}} />
</InputAdornment>
),
}}
/>}
</div>
{String(p_filtre2).length > 2 && <div className='filter_bton_add' >
<Tooltip className="tooltip_css" id="my-tooltip03" style={{ "fontSize": "12px" }} />
<a data-tooltip-id="my-tooltip03" data-tooltip-html="Ajouter une nouvelle ligne de filtre">
&nbsp; <MdAddCircleOutline
onClick={(e) => {
setp_filtre4("1");
setp_filtre4_value("");
}}
/>
</a>
</div>}
{String(p_filtre3).length > 2 && <div className='filter_bton_add'>
<Tooltip className="tooltip_css" id="my-tooltip05" style={{ "fontSize": "12px" }} />
<a data-tooltip-id="my-tooltip05" data-tooltip-html="Supprimer cette ligne de filtre">
&nbsp; <MdRemoveCircleOutline onClick={(e) => {
setp_filtre3("");
setp_filtre3_value("");
}} />
</a>
</div>}
</div>
}
<div className="div_row" ref={myRef_head} id="myRef_head" style={{ "border": "None", "color": "orange", "textAlign": "center" }}>
<div className="div_row_gauche" style={{ "textAlign": 'left', 'marginLeft': '15px' }}>
<Button variant="contained" className="bton_enreg" onClick={Getall_Partner_CRM_Opportunite_with_Filter}>Rechercher
</Button>
</div>
<div className="div_row_droite" style={{ "textAlign": 'right', 'marginRight': '15px' }}>
<Button variant="contained" className="bton_annule" onClick={clean_all_filters}>Annuler
</Button>
</div>
</div>
<br />
</div>
<div style={{ "textAlign": "right", "float": "right", "width": "100%", "paddingRight": "15px" }}>
Affichage : <nav style={{ "width": "7%", "float": "right", "cursor": "pointer" }} onClick={func_display_kanban_view}> <FcPlanner /> Kanban </nav>
<nav style={{ "width": "7%", "float": "right", "cursor": "pointer" }} onClick={func_display_list_view}> <CiBoxList /> Liste </nav>
Affichage : <nav className="mode_affichage" onClick={func_display_kanban_view}> <FcPlanner /> Kanban </nav>
<nav className="mode_affichage" onClick={func_display_list_view}> <CiBoxList /> Liste </nav>
</div>

View File

@ -976,7 +976,7 @@ const Module_Absence = (props) => {
setdisplay_view("list");
}
return (
<div className="module_agenda">
@ -1191,8 +1191,8 @@ const Module_Absence = (props) => {
<h3> Planning </h3>
<div style={{ "textAlign": "right", "float": "right", "width": "100%" }}>
Affichage : <nav style={{ "width": "7%", "float": "right", "cursor": "pointer" }} onClick={func_display_planning_view}> <FcPlanner /> planning </nav>
<nav style={{ "width": "7%", "float": "right", "cursor": "pointer" }} onClick={func_display_list_view}> <CiBoxList /> Liste </nav>
Affichage : <nav className="mode_affichage" onClick={func_display_planning_view}> <FcPlanner /> planning </nav>
<nav className="mode_affichage" onClick={func_display_list_view}> <CiBoxList /> Liste </nav>
</div>
{/*

View File

@ -1677,7 +1677,10 @@ const Partner = (props) => {
{String(menu) === "mes_opportunites" &&
<div className="div_droite">
<CRM_Opportunite conntected_employee_id={conntected_employee_id} read_access={check_user_acces_right("materiel", "read")} write_access={check_user_acces_right("materiel", "write")} />
<CRM_Opportunite conntected_employee_id={conntected_employee_id}
read_access={check_user_acces_right("materiel", "read")}
write_access={check_user_acces_right("materiel", "write")}
reduce={"0"}/>
</div>
}
@ -2251,8 +2254,7 @@ const Partner = (props) => {
}
{String(menu) === "mes_opportunites" &&
<div className="div_droite">
<div className="div_droite div_droite_ralonge">
<CRM_Opportunite conntected_employee_id={conntected_employee_id} read_access={check_user_acces_right("materiel", "read")} write_access={check_user_acces_right("materiel", "write")} />
</div>
}
@ -2310,14 +2312,8 @@ const Partner = (props) => {
</div>
}
{String(menu) === "mes_opportunites" && <div className="div_droite div_droite_ralonge">
<CRM_Opportunite conntected_employee_id={conntected_employee_id} object_key={orderid}
read_access={check_user_acces_right("client", "read")} write_access={check_user_acces_right("client", "write")} />
</div>
}
{String(menu) === "config_document" && <div className="div_droite div_droite_ralonge">
<Config_Documents conntected_employee_id={conntected_employee_id} read_access={check_user_acces_right("config_document", "read")} write_access={check_user_acces_right("config_document", "write")} />
@ -2326,7 +2322,10 @@ const Partner = (props) => {
{String(menu) === "config_technique" && <div className="div_droite div_droite_ralonge">
<Configuration_Technique conntected_employee_id={conntected_employee_id} read_access={check_user_acces_right("config_document", "read")} write_access={check_user_acces_right("config_document", "write")} />
<Configuration_Technique conntected_employee_id={conntected_employee_id}
read_access={check_user_acces_right("config_document", "read")}
write_access={check_user_acces_right("config_document", "write")}
reduce={"1"} />
</div>
}

View File

@ -2,18 +2,19 @@
.switch{
.switch {
height: 1.5rem !important;
}
.label{
.label {
width: 5rem !important;
}
.tooltip_css {
background: #81BC3A;
z-index: 9999;
}
}
.Mui-disabled {
font-size: small !important;
@ -225,7 +226,7 @@
padding: 5px;
}
.css-1x5jdmq {
padding: 6px !important;
@ -422,9 +423,9 @@
font-family: "verdana", "Quicksand", "Signika", sans-serif;
margin-top: 0px !important;
margin-bottom: 2px !important;
}
.texte_area_filter_value {
}
.texte_area_filter_value {
float: left !important;
width: 100% !important;
font-size: x-small !important;
@ -432,11 +433,11 @@
margin: 0.4rem !important;
margin-top: 0px !important;
margin-bottom: 2px !important;
}
.filter_bton_add {
}
.filter_bton_add {
float: left;
width: 40% !important;
font-size: xx-large !important;
@ -445,33 +446,33 @@
margin-bottom: 2px !important;
text-align: right;
cursor: pointer;
}
.div_row {
}
.div_row {
float: left;
border-width: 0.01rem;
width: 100%;
border-radius: 1rem;
}
.div_row_gauche {
}
.div_row_gauche {
float: left;
width: 100%;
border-radius: 1rem;
text-align: left;
}
.div_row_droite {
}
.div_row_droite {
float: left;
width: 100%;
border-radius: 1rem;
text-align: left;
}
.bton_suppr {
}
.bton_suppr {
background: transparent;
color: red;
border-radius: 5rem;
@ -482,9 +483,9 @@
margin-left: 10px;
margin-right: 10px;
margin-bottom: 1rem !important;
}
.bton_enreg {
}
.bton_enreg {
border-radius: 5rem;
font-size: small;
background: #81BC3A !important;
@ -493,9 +494,9 @@
width: 100%;
color: white;
margin-bottom: 1rem !important;
}
.bton_edit {
}
.bton_edit {
border-radius: 5rem;
font-size: small;
background: black !important;
@ -504,9 +505,9 @@
width: 100%;
color: white;
margin-bottom: 1rem !important;
}
.bton_annule {
}
.bton_annule {
border-radius: 5rem;
font-size: small;
background: lightgray !important;
@ -515,35 +516,35 @@
width: 100%;
color: black;
margin-bottom: 1rem !important;
}
.css-1t10bd6-MuiFormControl-root-MuiTextField-root fieldset {
}
.css-1t10bd6-MuiFormControl-root-MuiTextField-root fieldset {
border-color: transparent !important;
border-radius: 20px !important;
}
.disabled_style {
}
.disabled_style {
//background-color: #ECEFF1;
font-size: small !important;
color: black;
width: 100% !important;
height: 3.5rem !important;
//border: none !important;
border-radius: 5px;
background: white;
border: solid gainsboro 1px;
}
.training_caract {
}
.training_caract {
width: 100%;
float: left;
}
.css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input .Mui-disabled {
}
.css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input .Mui-disabled {
font: inherit;
letter-spacing: inherit;
color: currentColor;
@ -563,30 +564,37 @@
height: 3rem !important;
padding: 0 !important;
padding-left: 5px !important;
}
.css-11u53oe-MuiSelect-select-MuiInputBase-input-MuiOutlinedInput-input {
}
.css-11u53oe-MuiSelect-select-MuiInputBase-input-MuiOutlinedInput-input {
padding: 1px !important;
}
.block_en_mass {
}
.block_en_mass {
width: 100%;
float: left;
margin-bottom: 1rem;
}
.block_en_mass_select {
}
.block_en_mass_select {
width: 100%;
float: left;
margin-bottom: 1rem;
}
.block_en_mass_bton_action {
}
.block_en_mass_bton_action {
width: 100%;
float: left;
margin-bottom: 1rem;
padding-top: 0.5rem !important;
}
}
.mode_affichage {
width: 25%;
float: right;
cursor: pointer;
}
}
@media only screen and (min-width: 601px) and (max-width: 991px) {
@ -686,7 +694,7 @@
border: 1px solid;
}
.training_caract {
width: 48%;
padding: 5px;
@ -978,9 +986,9 @@
margin: 0.4rem !important;
margin-top: 0px !important;
margin-bottom: 2px !important;
}
.texte_area_filter_value {
}
.texte_area_filter_value {
float: left !important;
width: 40% !important;
font-size: x-small !important;
@ -988,11 +996,11 @@
margin: 0.4rem !important;
margin-top: 0px !important;
margin-bottom: 2px !important;
}
.filter_bton_add {
}
.filter_bton_add {
float: left;
width: 5% !important;
font-size: large !important;
@ -1002,36 +1010,36 @@
text-align: right;
cursor: pointer;
margin-top: 1rem !important;
}
.div_row {
}
.div_row {
float: left;
//border: 1px solid black;
border-width: 0.01rem;
width: 100%;
//margin-bottom: 1rem;
border-radius: 1rem;
}
.div_row_gauche {
}
.div_row_gauche {
float: left;
// border:1px solid black;
// border-width:0.01rem;
width: 45%;
border-radius: 1rem;
text-align: left;
}
.div_row_droite {
}
.div_row_droite {
float: right;
//border:1px solid black;
//border-width:0.01rem;
width: 45%;
border-radius: 1rem;
text-align: right;
}
.bton_suppr {
}
.bton_suppr {
background: transparent;
color: red;
border-radius: 5rem;
@ -1042,9 +1050,9 @@
margin-left: 10px;
margin-right: 10px;
min-width: 15rem;
}
.bton_enreg {
}
.bton_enreg {
border-radius: 5rem;
font-size: small;
background: #81BC3A !important;
@ -1055,9 +1063,9 @@
margin-left: 10px;
margin-right: 10px;
min-width: 15rem;
}
.bton_edit {
}
.bton_edit {
border-radius: 5rem;
font-size: small;
background: black !important;
@ -1068,9 +1076,9 @@
margin-left: 10px;
margin-right: 10px;
min-width: 15rem;
}
.bton_annule {
}
.bton_annule {
border-radius: 5rem;
font-size: small;
background: lightgray !important;
@ -1081,15 +1089,15 @@
margin-left: 10px;
margin-right: 10px;
min-width: 15rem;
}
.css-1t10bd6-MuiFormControl-root-MuiTextField-root fieldset {
}
.css-1t10bd6-MuiFormControl-root-MuiTextField-root fieldset {
border-color: transparent !important;
border-radius: 20px !important;
}
.disabled_style {
}
.disabled_style {
//background-color: #ECEFF1;
font-size: small !important;
color: black;
@ -1102,15 +1110,15 @@
border: solid gainsboro 1px;
padding-top: 0.5rem !important;
border: none !important;
}
.training_caract {
}
.training_caract {
width: 30%;
padding: 5px;
float: left;
}
.css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input .Mui-disabled {
}
.css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input .Mui-disabled {
font: inherit;
letter-spacing: inherit;
color: currentColor;
@ -1130,31 +1138,38 @@
height: 3rem !important;
padding: 0 !important;
padding-left: 5px !important;
}
.css-11u53oe-MuiSelect-select-MuiInputBase-input-MuiOutlinedInput-input {
}
.css-11u53oe-MuiSelect-select-MuiInputBase-input-MuiOutlinedInput-input {
padding: 1px !important;
}
.block_en_mass {
}
.block_en_mass {
width: 50%;
float: left;
margin-bottom: 1rem;
}
.block_en_mass_select {
}
.block_en_mass_select {
width: 45%;
float: left;
margin-bottom: 1rem;
}
.block_en_mass_bton_action {
}
.block_en_mass_bton_action {
width: 45%;
float: left;
margin-bottom: 1rem;
padding-top: 0.5rem !important;
}
}
.mode_affichage {
width: 15%;
float: right;
cursor: pointer;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
@ -1586,9 +1601,9 @@
margin: 0.4rem !important;
margin-top: 0px !important;
margin-bottom: 2px !important;
}
.texte_area_filter_value {
}
.texte_area_filter_value {
float: left !important;
width: 40% !important;
font-size: x-small !important;
@ -1596,21 +1611,21 @@
margin: 0.4rem !important;
margin-top: 0px !important;
margin-bottom: 2px !important;
}
.filter_bton_add {
}
.filter_bton_add {
float: left;
width: 5% !important;
font-size: xx-large !important;
font-size: x-large !important;
margin: 0.4rem !important;
margin-top: 0px !important;
margin-bottom: 2px !important;
text-align: right;
cursor: pointer;
}
}
.titre1 {
font-family: "Quicksand", "Signika", sans-serif;
@ -1622,7 +1637,14 @@
font-style: italic;
background-color: gray;
font-weight: normal;
}
}
.mode_affichage {
width: 12%;
float: right;
cursor: pointer;
}
}
@ -1793,7 +1815,7 @@
padding-left: 5px !important;
}
.selectsession {
width: 90%;
@ -2079,7 +2101,7 @@
.bton_supprime_image_class:hover {
box-shadow: 5px 1px 5px 1px rgb(0 0 0 / 25%);
}
.bton_image_class {
font-size: small;
text-align: center;
@ -2122,9 +2144,9 @@
margin: 0.4rem !important;
margin-top: 0px !important;
margin-bottom: 2px !important;
}
.texte_area_filter_value {
}
.texte_area_filter_value {
float: left !important;
width: 40% !important;
font-size: x-small !important;
@ -2132,11 +2154,11 @@
margin: 0.4rem !important;
margin-top: 0px !important;
margin-bottom: 2px !important;
}
.filter_bton_add {
}
.filter_bton_add {
float: left;
width: 5% !important;
font-size: xx-large !important;
@ -2145,8 +2167,8 @@
margin-bottom: 2px !important;
text-align: right;
cursor: pointer;
}
}
.titre1 {
font-family: "Quicksand", "Signika", sans-serif;
@ -2158,21 +2180,30 @@
font-style: italic;
background-color: gray;
font-weight: normal;
}
}
.file_ariane{
.file_ariane {
font-size: large;
font-weight: 600;
width: 100%;
text-align: center;
}
}
.mode_affichage {
width: 8%;
float: right;
cursor: pointer;
}
}
.disabled_style_moitier {
width: 45% !important;
float: left;
}
width: 45% !important;
float: left;
}
// end media
@ -2180,7 +2211,7 @@
height: 3.5rem !important;
font-size: small;
}
option {
font-weight: normal;

View File

@ -660,6 +660,13 @@
.DialogContent_width{
width: 200px !important;
}
.mode_affichage {
width: 25%;
float: right;
cursor: pointer;
}
}
@media only screen and (min-width: 601px) and (max-width: 991px) {
@ -1276,6 +1283,13 @@
width: 500px !important;
}
.mode_affichage {
width: 15%;
float: right;
cursor: pointer;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
@ -1797,6 +1811,13 @@
width: 500px !important;
}
.mode_affichage {
width: 12%;
float: right;
cursor: pointer;
}
}
@media only screen and (min-width: 1200px) {
@ -2444,6 +2465,13 @@
width: 500px !important;
}
.mode_affichage {
width: 8%;
float: right;
cursor: pointer;
}
}
// end media

View File

@ -660,6 +660,14 @@
.DialogContent_width{
width: 200px !important;
}
.mode_affichage {
width: 25%;
float: right;
cursor: pointer;
}
}
@media only screen and (min-width: 601px) and (max-width: 991px) {
@ -1276,6 +1284,14 @@
width: 500px !important;
}
.mode_affichage {
width: 15%;
float: right;
cursor: pointer;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
@ -1797,6 +1813,14 @@
width: 500px !important;
}
.mode_affichage {
width: 12%;
float: right;
cursor: pointer;
}
}
@media only screen and (min-width: 1200px) {
@ -2444,6 +2468,13 @@
width: 500px !important;
}
.mode_affichage {
width: 8%;
float: right;
cursor: pointer;
}
}
// end media