06/03/2024 - 22h15
parent
b7b64614a1
commit
0c9c8d4493
|
@ -493,6 +493,20 @@ const CRM_Opportunite = (props) => {
|
||||||
if (new_data2.length > 0) {
|
if (new_data2.length > 0) {
|
||||||
setNew_Getall_Partner_CRM_Opport_Step_result(new_data2);
|
setNew_Getall_Partner_CRM_Opport_Step_result(new_data2);
|
||||||
setOpportunite_chanel(local_opport_chanel);
|
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 {
|
} else {
|
||||||
setNew_Getall_Partner_CRM_Opport_Step_result([]);
|
setNew_Getall_Partner_CRM_Opport_Step_result([]);
|
||||||
setOpportunite_chanel([]);
|
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(() => {
|
useEffect(() => {
|
||||||
|
|
||||||
|
|
||||||
|
@ -899,7 +1052,7 @@ const CRM_Opportunite = (props) => {
|
||||||
Getall_Partner_CRM_Opport_Step();
|
Getall_Partner_CRM_Opport_Step();
|
||||||
Getall_Partner_CRM_Opportunite();
|
Getall_Partner_CRM_Opportunite();
|
||||||
|
|
||||||
|
|
||||||
Dialog_OPPORTUNITE_handleClose_buton();
|
Dialog_OPPORTUNITE_handleClose_buton();
|
||||||
|
|
||||||
alert(res.data.message);
|
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_api, setGet_Given_Opportunite_Data_api] = useState();
|
||||||
const [Get_Given_Opportunite_Data_message, setGet_Given_Opportunite_Data_message] = 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();
|
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'
|
fontFamily: 'Arial, "Helvetica Neue", sans-serif'
|
||||||
},
|
},
|
||||||
column: {
|
column: {
|
||||||
minWidth: 200,
|
// minWidth: 200,
|
||||||
width: "16vw",
|
//width: "16vw",
|
||||||
|
width: kanban_colonne_width,
|
||||||
height: "80vh",
|
height: "80vh",
|
||||||
margin: "0 auto",
|
margin: "0 auto",
|
||||||
backgroundColor: "#212F3D",
|
backgroundColor: "#212F3D",
|
||||||
|
@ -1211,9 +1368,6 @@ const CRM_Opportunite = (props) => {
|
||||||
|
|
||||||
if (New_Option_Status.length > 0 && status) {
|
if (New_Option_Status.length > 0 && status) {
|
||||||
var local_status_id = New_Option_Status.filter((data) => (data).value === String(status))[0]._id;
|
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);
|
Add_Update_Crm_Opportunite_Status(id, local_status_id);
|
||||||
}
|
}
|
||||||
//eeeee */
|
//eeeee */
|
||||||
|
@ -1357,8 +1511,21 @@ const CRM_Opportunite = (props) => {
|
||||||
clear_detail_fields();
|
clear_detail_fields();
|
||||||
setselected_id("");
|
setselected_id("");
|
||||||
setDialog_OPPORTUNITE_open(true);
|
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 (
|
return (
|
||||||
<div className="crm_opportunite">
|
<div className="crm_opportunite">
|
||||||
|
|
||||||
|
@ -1765,7 +1932,7 @@ const CRM_Opportunite = (props) => {
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div className="div_row">
|
<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) => {
|
<Button onClick={(e) => {
|
||||||
const response = window.confirm("Confirmez-vous la suppression de l'opportunité ?");
|
const response = window.confirm("Confirmez-vous la suppression de l'opportunité ?");
|
||||||
if (!response) {
|
if (!response) {
|
||||||
|
@ -1788,9 +1955,284 @@ const CRM_Opportunite = (props) => {
|
||||||
|
|
||||||
<h3> Vos Opportunités </h3>
|
<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">
|
||||||
|
<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">
|
||||||
|
<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">
|
||||||
|
<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">
|
||||||
|
<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">
|
||||||
|
<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">
|
||||||
|
<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" }}>
|
<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>
|
Affichage : <nav className="mode_affichage" onClick={func_display_kanban_view}> <FcPlanner /> Kanban </nav>
|
||||||
<nav style={{ "width": "7%", "float": "right", "cursor": "pointer" }} onClick={func_display_list_view}> <CiBoxList /> Liste </nav>
|
<nav className="mode_affichage" onClick={func_display_list_view}> <CiBoxList /> Liste </nav>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
|
@ -976,7 +976,7 @@ const Module_Absence = (props) => {
|
||||||
setdisplay_view("list");
|
setdisplay_view("list");
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div className="module_agenda">
|
<div className="module_agenda">
|
||||||
|
@ -1191,8 +1191,8 @@ const Module_Absence = (props) => {
|
||||||
<h3> Planning </h3>
|
<h3> Planning </h3>
|
||||||
|
|
||||||
<div style={{ "textAlign": "right", "float": "right", "width": "100%" }}>
|
<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>
|
Affichage : <nav className="mode_affichage" onClick={func_display_planning_view}> <FcPlanner /> planning </nav>
|
||||||
<nav style={{ "width": "7%", "float": "right", "cursor": "pointer" }} onClick={func_display_list_view}> <CiBoxList /> Liste </nav>
|
<nav className="mode_affichage" onClick={func_display_list_view}> <CiBoxList /> Liste </nav>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{/*
|
{/*
|
||||||
|
|
|
@ -1677,7 +1677,10 @@ const Partner = (props) => {
|
||||||
{String(menu) === "mes_opportunites" &&
|
{String(menu) === "mes_opportunites" &&
|
||||||
<div className="div_droite">
|
<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>
|
</div>
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -2251,8 +2254,7 @@ const Partner = (props) => {
|
||||||
}
|
}
|
||||||
|
|
||||||
{String(menu) === "mes_opportunites" &&
|
{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")} />
|
<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>
|
</div>
|
||||||
}
|
}
|
||||||
|
@ -2310,14 +2312,8 @@ const Partner = (props) => {
|
||||||
</div>
|
</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">
|
{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")} />
|
<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">
|
{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>
|
</div>
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -2,18 +2,19 @@
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.switch{
|
.switch {
|
||||||
height: 1.5rem !important;
|
height: 1.5rem !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.label{
|
.label {
|
||||||
width: 5rem !important;
|
width: 5rem !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tooltip_css {
|
.tooltip_css {
|
||||||
background: #81BC3A;
|
background: #81BC3A;
|
||||||
z-index: 9999;
|
z-index: 9999;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.Mui-disabled {
|
.Mui-disabled {
|
||||||
font-size: small !important;
|
font-size: small !important;
|
||||||
|
@ -225,7 +226,7 @@
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.css-1x5jdmq {
|
.css-1x5jdmq {
|
||||||
padding: 6px !important;
|
padding: 6px !important;
|
||||||
|
@ -422,9 +423,9 @@
|
||||||
font-family: "verdana", "Quicksand", "Signika", sans-serif;
|
font-family: "verdana", "Quicksand", "Signika", sans-serif;
|
||||||
margin-top: 0px !important;
|
margin-top: 0px !important;
|
||||||
margin-bottom: 2px !important;
|
margin-bottom: 2px !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.texte_area_filter_value {
|
.texte_area_filter_value {
|
||||||
float: left !important;
|
float: left !important;
|
||||||
width: 100% !important;
|
width: 100% !important;
|
||||||
font-size: x-small !important;
|
font-size: x-small !important;
|
||||||
|
@ -432,11 +433,11 @@
|
||||||
margin: 0.4rem !important;
|
margin: 0.4rem !important;
|
||||||
margin-top: 0px !important;
|
margin-top: 0px !important;
|
||||||
margin-bottom: 2px !important;
|
margin-bottom: 2px !important;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.filter_bton_add {
|
.filter_bton_add {
|
||||||
float: left;
|
float: left;
|
||||||
width: 40% !important;
|
width: 40% !important;
|
||||||
font-size: xx-large !important;
|
font-size: xx-large !important;
|
||||||
|
@ -445,33 +446,33 @@
|
||||||
margin-bottom: 2px !important;
|
margin-bottom: 2px !important;
|
||||||
text-align: right;
|
text-align: right;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.div_row {
|
.div_row {
|
||||||
float: left;
|
float: left;
|
||||||
border-width: 0.01rem;
|
border-width: 0.01rem;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
|
||||||
border-radius: 1rem;
|
border-radius: 1rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.div_row_gauche {
|
.div_row_gauche {
|
||||||
float: left;
|
float: left;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
border-radius: 1rem;
|
border-radius: 1rem;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
}
|
}
|
||||||
|
|
||||||
.div_row_droite {
|
.div_row_droite {
|
||||||
float: left;
|
float: left;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
border-radius: 1rem;
|
border-radius: 1rem;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.bton_suppr {
|
.bton_suppr {
|
||||||
background: transparent;
|
background: transparent;
|
||||||
color: red;
|
color: red;
|
||||||
border-radius: 5rem;
|
border-radius: 5rem;
|
||||||
|
@ -482,9 +483,9 @@
|
||||||
margin-left: 10px;
|
margin-left: 10px;
|
||||||
margin-right: 10px;
|
margin-right: 10px;
|
||||||
margin-bottom: 1rem !important;
|
margin-bottom: 1rem !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.bton_enreg {
|
.bton_enreg {
|
||||||
border-radius: 5rem;
|
border-radius: 5rem;
|
||||||
font-size: small;
|
font-size: small;
|
||||||
background: #81BC3A !important;
|
background: #81BC3A !important;
|
||||||
|
@ -493,9 +494,9 @@
|
||||||
width: 100%;
|
width: 100%;
|
||||||
color: white;
|
color: white;
|
||||||
margin-bottom: 1rem !important;
|
margin-bottom: 1rem !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.bton_edit {
|
.bton_edit {
|
||||||
border-radius: 5rem;
|
border-radius: 5rem;
|
||||||
font-size: small;
|
font-size: small;
|
||||||
background: black !important;
|
background: black !important;
|
||||||
|
@ -504,9 +505,9 @@
|
||||||
width: 100%;
|
width: 100%;
|
||||||
color: white;
|
color: white;
|
||||||
margin-bottom: 1rem !important;
|
margin-bottom: 1rem !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.bton_annule {
|
.bton_annule {
|
||||||
border-radius: 5rem;
|
border-radius: 5rem;
|
||||||
font-size: small;
|
font-size: small;
|
||||||
background: lightgray !important;
|
background: lightgray !important;
|
||||||
|
@ -515,35 +516,35 @@
|
||||||
width: 100%;
|
width: 100%;
|
||||||
color: black;
|
color: black;
|
||||||
margin-bottom: 1rem !important;
|
margin-bottom: 1rem !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.css-1t10bd6-MuiFormControl-root-MuiTextField-root fieldset {
|
.css-1t10bd6-MuiFormControl-root-MuiTextField-root fieldset {
|
||||||
border-color: transparent !important;
|
border-color: transparent !important;
|
||||||
border-radius: 20px !important;
|
border-radius: 20px !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.disabled_style {
|
.disabled_style {
|
||||||
//background-color: #ECEFF1;
|
//background-color: #ECEFF1;
|
||||||
font-size: small !important;
|
font-size: small !important;
|
||||||
color: black;
|
color: black;
|
||||||
width: 100% !important;
|
width: 100% !important;
|
||||||
height: 3.5rem !important;
|
height: 3.5rem !important;
|
||||||
|
|
||||||
//border: none !important;
|
//border: none !important;
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
background: white;
|
background: white;
|
||||||
border: solid gainsboro 1px;
|
border: solid gainsboro 1px;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.training_caract {
|
.training_caract {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
|
||||||
float: left;
|
float: left;
|
||||||
}
|
}
|
||||||
|
|
||||||
.css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input .Mui-disabled {
|
.css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input .Mui-disabled {
|
||||||
font: inherit;
|
font: inherit;
|
||||||
letter-spacing: inherit;
|
letter-spacing: inherit;
|
||||||
color: currentColor;
|
color: currentColor;
|
||||||
|
@ -563,30 +564,37 @@
|
||||||
height: 3rem !important;
|
height: 3rem !important;
|
||||||
padding: 0 !important;
|
padding: 0 !important;
|
||||||
padding-left: 5px !important;
|
padding-left: 5px !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.css-11u53oe-MuiSelect-select-MuiInputBase-input-MuiOutlinedInput-input {
|
.css-11u53oe-MuiSelect-select-MuiInputBase-input-MuiOutlinedInput-input {
|
||||||
padding: 1px !important;
|
padding: 1px !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.block_en_mass {
|
.block_en_mass {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
float: left;
|
float: left;
|
||||||
margin-bottom: 1rem;
|
margin-bottom: 1rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.block_en_mass_select {
|
.block_en_mass_select {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
float: left;
|
float: left;
|
||||||
margin-bottom: 1rem;
|
margin-bottom: 1rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.block_en_mass_bton_action {
|
.block_en_mass_bton_action {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
float: left;
|
float: left;
|
||||||
margin-bottom: 1rem;
|
margin-bottom: 1rem;
|
||||||
padding-top: 0.5rem !important;
|
padding-top: 0.5rem !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.mode_affichage {
|
||||||
|
width: 25%;
|
||||||
|
float: right;
|
||||||
|
cursor: pointer;
|
||||||
|
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media only screen and (min-width: 601px) and (max-width: 991px) {
|
@media only screen and (min-width: 601px) and (max-width: 991px) {
|
||||||
|
@ -686,7 +694,7 @@
|
||||||
border: 1px solid;
|
border: 1px solid;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.training_caract {
|
.training_caract {
|
||||||
width: 48%;
|
width: 48%;
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
|
@ -978,9 +986,9 @@
|
||||||
margin: 0.4rem !important;
|
margin: 0.4rem !important;
|
||||||
margin-top: 0px !important;
|
margin-top: 0px !important;
|
||||||
margin-bottom: 2px !important;
|
margin-bottom: 2px !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.texte_area_filter_value {
|
.texte_area_filter_value {
|
||||||
float: left !important;
|
float: left !important;
|
||||||
width: 40% !important;
|
width: 40% !important;
|
||||||
font-size: x-small !important;
|
font-size: x-small !important;
|
||||||
|
@ -988,11 +996,11 @@
|
||||||
margin: 0.4rem !important;
|
margin: 0.4rem !important;
|
||||||
margin-top: 0px !important;
|
margin-top: 0px !important;
|
||||||
margin-bottom: 2px !important;
|
margin-bottom: 2px !important;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.filter_bton_add {
|
.filter_bton_add {
|
||||||
float: left;
|
float: left;
|
||||||
width: 5% !important;
|
width: 5% !important;
|
||||||
font-size: large !important;
|
font-size: large !important;
|
||||||
|
@ -1002,36 +1010,36 @@
|
||||||
text-align: right;
|
text-align: right;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
margin-top: 1rem !important;
|
margin-top: 1rem !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.div_row {
|
.div_row {
|
||||||
float: left;
|
float: left;
|
||||||
//border: 1px solid black;
|
//border: 1px solid black;
|
||||||
border-width: 0.01rem;
|
border-width: 0.01rem;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
//margin-bottom: 1rem;
|
//margin-bottom: 1rem;
|
||||||
border-radius: 1rem;
|
border-radius: 1rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.div_row_gauche {
|
.div_row_gauche {
|
||||||
float: left;
|
float: left;
|
||||||
// border:1px solid black;
|
// border:1px solid black;
|
||||||
// border-width:0.01rem;
|
// border-width:0.01rem;
|
||||||
width: 45%;
|
width: 45%;
|
||||||
border-radius: 1rem;
|
border-radius: 1rem;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
}
|
}
|
||||||
|
|
||||||
.div_row_droite {
|
.div_row_droite {
|
||||||
float: right;
|
float: right;
|
||||||
//border:1px solid black;
|
//border:1px solid black;
|
||||||
//border-width:0.01rem;
|
//border-width:0.01rem;
|
||||||
width: 45%;
|
width: 45%;
|
||||||
border-radius: 1rem;
|
border-radius: 1rem;
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
|
|
||||||
.bton_suppr {
|
.bton_suppr {
|
||||||
background: transparent;
|
background: transparent;
|
||||||
color: red;
|
color: red;
|
||||||
border-radius: 5rem;
|
border-radius: 5rem;
|
||||||
|
@ -1042,9 +1050,9 @@
|
||||||
margin-left: 10px;
|
margin-left: 10px;
|
||||||
margin-right: 10px;
|
margin-right: 10px;
|
||||||
min-width: 15rem;
|
min-width: 15rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.bton_enreg {
|
.bton_enreg {
|
||||||
border-radius: 5rem;
|
border-radius: 5rem;
|
||||||
font-size: small;
|
font-size: small;
|
||||||
background: #81BC3A !important;
|
background: #81BC3A !important;
|
||||||
|
@ -1055,9 +1063,9 @@
|
||||||
margin-left: 10px;
|
margin-left: 10px;
|
||||||
margin-right: 10px;
|
margin-right: 10px;
|
||||||
min-width: 15rem;
|
min-width: 15rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.bton_edit {
|
.bton_edit {
|
||||||
border-radius: 5rem;
|
border-radius: 5rem;
|
||||||
font-size: small;
|
font-size: small;
|
||||||
background: black !important;
|
background: black !important;
|
||||||
|
@ -1068,9 +1076,9 @@
|
||||||
margin-left: 10px;
|
margin-left: 10px;
|
||||||
margin-right: 10px;
|
margin-right: 10px;
|
||||||
min-width: 15rem;
|
min-width: 15rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.bton_annule {
|
.bton_annule {
|
||||||
border-radius: 5rem;
|
border-radius: 5rem;
|
||||||
font-size: small;
|
font-size: small;
|
||||||
background: lightgray !important;
|
background: lightgray !important;
|
||||||
|
@ -1081,15 +1089,15 @@
|
||||||
margin-left: 10px;
|
margin-left: 10px;
|
||||||
margin-right: 10px;
|
margin-right: 10px;
|
||||||
min-width: 15rem;
|
min-width: 15rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.css-1t10bd6-MuiFormControl-root-MuiTextField-root fieldset {
|
.css-1t10bd6-MuiFormControl-root-MuiTextField-root fieldset {
|
||||||
border-color: transparent !important;
|
border-color: transparent !important;
|
||||||
border-radius: 20px !important;
|
border-radius: 20px !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.disabled_style {
|
.disabled_style {
|
||||||
//background-color: #ECEFF1;
|
//background-color: #ECEFF1;
|
||||||
font-size: small !important;
|
font-size: small !important;
|
||||||
color: black;
|
color: black;
|
||||||
|
@ -1102,15 +1110,15 @@
|
||||||
border: solid gainsboro 1px;
|
border: solid gainsboro 1px;
|
||||||
padding-top: 0.5rem !important;
|
padding-top: 0.5rem !important;
|
||||||
border: none !important;
|
border: none !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.training_caract {
|
.training_caract {
|
||||||
width: 30%;
|
width: 30%;
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
float: left;
|
float: left;
|
||||||
}
|
}
|
||||||
|
|
||||||
.css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input .Mui-disabled {
|
.css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input .Mui-disabled {
|
||||||
font: inherit;
|
font: inherit;
|
||||||
letter-spacing: inherit;
|
letter-spacing: inherit;
|
||||||
color: currentColor;
|
color: currentColor;
|
||||||
|
@ -1130,31 +1138,38 @@
|
||||||
height: 3rem !important;
|
height: 3rem !important;
|
||||||
padding: 0 !important;
|
padding: 0 !important;
|
||||||
padding-left: 5px !important;
|
padding-left: 5px !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.css-11u53oe-MuiSelect-select-MuiInputBase-input-MuiOutlinedInput-input {
|
.css-11u53oe-MuiSelect-select-MuiInputBase-input-MuiOutlinedInput-input {
|
||||||
padding: 1px !important;
|
padding: 1px !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.block_en_mass {
|
.block_en_mass {
|
||||||
width: 50%;
|
width: 50%;
|
||||||
float: left;
|
float: left;
|
||||||
margin-bottom: 1rem;
|
margin-bottom: 1rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.block_en_mass_select {
|
.block_en_mass_select {
|
||||||
width: 45%;
|
width: 45%;
|
||||||
float: left;
|
float: left;
|
||||||
margin-bottom: 1rem;
|
margin-bottom: 1rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.block_en_mass_bton_action {
|
.block_en_mass_bton_action {
|
||||||
width: 45%;
|
width: 45%;
|
||||||
float: left;
|
float: left;
|
||||||
margin-bottom: 1rem;
|
margin-bottom: 1rem;
|
||||||
padding-top: 0.5rem !important;
|
padding-top: 0.5rem !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.mode_affichage {
|
||||||
|
width: 15%;
|
||||||
|
float: right;
|
||||||
|
cursor: pointer;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
@media only screen and (min-width: 992px) and (max-width: 1199px) {
|
@media only screen and (min-width: 992px) and (max-width: 1199px) {
|
||||||
|
@ -1586,9 +1601,9 @@
|
||||||
margin: 0.4rem !important;
|
margin: 0.4rem !important;
|
||||||
margin-top: 0px !important;
|
margin-top: 0px !important;
|
||||||
margin-bottom: 2px !important;
|
margin-bottom: 2px !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.texte_area_filter_value {
|
.texte_area_filter_value {
|
||||||
float: left !important;
|
float: left !important;
|
||||||
width: 40% !important;
|
width: 40% !important;
|
||||||
font-size: x-small !important;
|
font-size: x-small !important;
|
||||||
|
@ -1596,21 +1611,21 @@
|
||||||
margin: 0.4rem !important;
|
margin: 0.4rem !important;
|
||||||
margin-top: 0px !important;
|
margin-top: 0px !important;
|
||||||
margin-bottom: 2px !important;
|
margin-bottom: 2px !important;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.filter_bton_add {
|
.filter_bton_add {
|
||||||
float: left;
|
float: left;
|
||||||
width: 5% !important;
|
width: 5% !important;
|
||||||
font-size: xx-large !important;
|
font-size: x-large !important;
|
||||||
margin: 0.4rem !important;
|
margin: 0.4rem !important;
|
||||||
margin-top: 0px !important;
|
margin-top: 0px !important;
|
||||||
margin-bottom: 2px !important;
|
margin-bottom: 2px !important;
|
||||||
text-align: right;
|
text-align: right;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.titre1 {
|
.titre1 {
|
||||||
font-family: "Quicksand", "Signika", sans-serif;
|
font-family: "Quicksand", "Signika", sans-serif;
|
||||||
|
@ -1622,7 +1637,14 @@
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
background-color: gray;
|
background-color: gray;
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.mode_affichage {
|
||||||
|
width: 12%;
|
||||||
|
float: right;
|
||||||
|
cursor: pointer;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -1793,7 +1815,7 @@
|
||||||
padding-left: 5px !important;
|
padding-left: 5px !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.selectsession {
|
.selectsession {
|
||||||
width: 90%;
|
width: 90%;
|
||||||
|
@ -2079,7 +2101,7 @@
|
||||||
.bton_supprime_image_class:hover {
|
.bton_supprime_image_class:hover {
|
||||||
box-shadow: 5px 1px 5px 1px rgb(0 0 0 / 25%);
|
box-shadow: 5px 1px 5px 1px rgb(0 0 0 / 25%);
|
||||||
}
|
}
|
||||||
|
|
||||||
.bton_image_class {
|
.bton_image_class {
|
||||||
font-size: small;
|
font-size: small;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
@ -2122,9 +2144,9 @@
|
||||||
margin: 0.4rem !important;
|
margin: 0.4rem !important;
|
||||||
margin-top: 0px !important;
|
margin-top: 0px !important;
|
||||||
margin-bottom: 2px !important;
|
margin-bottom: 2px !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.texte_area_filter_value {
|
.texte_area_filter_value {
|
||||||
float: left !important;
|
float: left !important;
|
||||||
width: 40% !important;
|
width: 40% !important;
|
||||||
font-size: x-small !important;
|
font-size: x-small !important;
|
||||||
|
@ -2132,11 +2154,11 @@
|
||||||
margin: 0.4rem !important;
|
margin: 0.4rem !important;
|
||||||
margin-top: 0px !important;
|
margin-top: 0px !important;
|
||||||
margin-bottom: 2px !important;
|
margin-bottom: 2px !important;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.filter_bton_add {
|
.filter_bton_add {
|
||||||
float: left;
|
float: left;
|
||||||
width: 5% !important;
|
width: 5% !important;
|
||||||
font-size: xx-large !important;
|
font-size: xx-large !important;
|
||||||
|
@ -2145,8 +2167,8 @@
|
||||||
margin-bottom: 2px !important;
|
margin-bottom: 2px !important;
|
||||||
text-align: right;
|
text-align: right;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.titre1 {
|
.titre1 {
|
||||||
font-family: "Quicksand", "Signika", sans-serif;
|
font-family: "Quicksand", "Signika", sans-serif;
|
||||||
|
@ -2158,21 +2180,30 @@
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
background-color: gray;
|
background-color: gray;
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
}
|
}
|
||||||
|
|
||||||
.file_ariane{
|
.file_ariane {
|
||||||
font-size: large;
|
font-size: large;
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
.mode_affichage {
|
||||||
|
width: 8%;
|
||||||
|
float: right;
|
||||||
|
cursor: pointer;
|
||||||
|
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.disabled_style_moitier {
|
.disabled_style_moitier {
|
||||||
width: 45% !important;
|
width: 45% !important;
|
||||||
float: left;
|
float: left;
|
||||||
}
|
}
|
||||||
|
|
||||||
// end media
|
// end media
|
||||||
|
|
||||||
|
@ -2180,7 +2211,7 @@
|
||||||
height: 3.5rem !important;
|
height: 3.5rem !important;
|
||||||
font-size: small;
|
font-size: small;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
option {
|
option {
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
|
|
|
@ -660,6 +660,13 @@
|
||||||
.DialogContent_width{
|
.DialogContent_width{
|
||||||
width: 200px !important;
|
width: 200px !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.mode_affichage {
|
||||||
|
width: 25%;
|
||||||
|
float: right;
|
||||||
|
cursor: pointer;
|
||||||
|
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media only screen and (min-width: 601px) and (max-width: 991px) {
|
@media only screen and (min-width: 601px) and (max-width: 991px) {
|
||||||
|
@ -1276,6 +1283,13 @@
|
||||||
width: 500px !important;
|
width: 500px !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.mode_affichage {
|
||||||
|
width: 15%;
|
||||||
|
float: right;
|
||||||
|
cursor: pointer;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
@media only screen and (min-width: 992px) and (max-width: 1199px) {
|
@media only screen and (min-width: 992px) and (max-width: 1199px) {
|
||||||
|
@ -1797,6 +1811,13 @@
|
||||||
width: 500px !important;
|
width: 500px !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.mode_affichage {
|
||||||
|
width: 12%;
|
||||||
|
float: right;
|
||||||
|
cursor: pointer;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
@media only screen and (min-width: 1200px) {
|
@media only screen and (min-width: 1200px) {
|
||||||
|
@ -2444,6 +2465,13 @@
|
||||||
width: 500px !important;
|
width: 500px !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.mode_affichage {
|
||||||
|
width: 8%;
|
||||||
|
float: right;
|
||||||
|
cursor: pointer;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
// end media
|
// end media
|
||||||
|
|
|
@ -660,6 +660,14 @@
|
||||||
.DialogContent_width{
|
.DialogContent_width{
|
||||||
width: 200px !important;
|
width: 200px !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.mode_affichage {
|
||||||
|
width: 25%;
|
||||||
|
float: right;
|
||||||
|
cursor: pointer;
|
||||||
|
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media only screen and (min-width: 601px) and (max-width: 991px) {
|
@media only screen and (min-width: 601px) and (max-width: 991px) {
|
||||||
|
@ -1276,6 +1284,14 @@
|
||||||
width: 500px !important;
|
width: 500px !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.mode_affichage {
|
||||||
|
width: 15%;
|
||||||
|
float: right;
|
||||||
|
cursor: pointer;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
@media only screen and (min-width: 992px) and (max-width: 1199px) {
|
@media only screen and (min-width: 992px) and (max-width: 1199px) {
|
||||||
|
@ -1797,6 +1813,14 @@
|
||||||
width: 500px !important;
|
width: 500px !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.mode_affichage {
|
||||||
|
width: 12%;
|
||||||
|
float: right;
|
||||||
|
cursor: pointer;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
@media only screen and (min-width: 1200px) {
|
@media only screen and (min-width: 1200px) {
|
||||||
|
@ -2444,6 +2468,13 @@
|
||||||
width: 500px !important;
|
width: 500px !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.mode_affichage {
|
||||||
|
width: 8%;
|
||||||
|
float: right;
|
||||||
|
cursor: pointer;
|
||||||
|
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// end media
|
// end media
|
||||||
|
|
Loading…
Reference in New Issue