From d94eec2e3dd152075fbef7d318fef32dadb23c48 Mon Sep 17 00:00:00 2001 From: cherif Date: Wed, 22 Nov 2023 18:35:34 +0100 Subject: [PATCH] 22/11/2023 - 18h30 --- .../Partner_Config_Jours_Travail.js | 1448 +++++++++++++---- .../_partner_configuration_jours_travail.scss | 35 + 2 files changed, 1210 insertions(+), 273 deletions(-) diff --git a/src/components/Partner_Config_Jours_Travail.js b/src/components/Partner_Config_Jours_Travail.js index 15dc06b..48de7e0 100644 --- a/src/components/Partner_Config_Jours_Travail.js +++ b/src/components/Partner_Config_Jours_Travail.js @@ -39,10 +39,17 @@ import DialogContentText from '@mui/material/DialogContentText'; import DialogTitle from '@mui/material/DialogTitle'; import { TransitionProps } from '@mui/material/transitions'; import img_loading_spin from "./../mysy_img/mysy_spin_loading.gif"; +import Checkbox from '@mui/material/Checkbox'; +import FormControlLabel from '@mui/material/FormControlLabel'; +import FormGroup from '@mui/material/FormGroup'; + +import { withStyles } from "@material-ui/core/styles"; +import { IoMdAddCircle, IoIosRemoveCircleOutline } from "react-icons/io"; const Partner_Configuration_Jours_Travail = (props) => { + const history = useHistory(); const [submenu, setsubmenu] = useState(""); const [rowss, setRows] = useState([]); @@ -66,67 +73,67 @@ const Partner_Configuration_Jours_Travail = (props) => { { field: 'config_value', headerName: 'Sequence', flex: 1, hide: false, editable: false }, { field: 'config_comment', headerName: 'Sequence', flex: 1, hide: true, editable: false }, - - { - field: "delete", headerName: 'Supprimer', - renderCell: (cellValues) => { - return ( - - { - // handleClick_delete(event, cellValues); - }} - > - - - } - modal - nested - position="center center" - > - {close => ( -
- -
MySy Information
-
- {' '} - - En confirmant cette opération, le document sera définitivement supprimé.
- -
-
-
- - -
-
- -
-
-
- )} -
- - - ); - } - } + + { + field: "delete", headerName: 'Supprimer', + renderCell: (cellValues) => { + return ( + + { + // handleClick_delete(event, cellValues); + }} + > + + + } + modal + nested + position="center center" + > + {close => ( +
+ +
MySy Information
+
+ {' '} + + En confirmant cette opération, le document sera définitivement supprimé.
+ +
+
+
+ + +
+
+ +
+
+
+ )} +
+ + + ); + } + } ] @@ -156,6 +163,910 @@ const Partner_Configuration_Jours_Travail = (props) => { }; + const check_time_format = (e) => { + const val = e.target.value; + const regex = new RegExp('^([0-1]?[0-9]|2[0-3]):[0-5][0-9]$'); + + + if (regex.test(val) === false) { + alert(" Erreur ") + } + + } + + function add_one_nb_annee_off() { + var current_nb_annee = parseInt(nb_date_off) + 1 + setnb_date_off(current_nb_annee); + } + + function minus_one_nb_annee_off() { + + var current_nb_annee = parseInt(nb_date_off) - 1 + setnb_date_off(current_nb_annee); + + } + + + const renderRadioButtons = () => { + let li = []; + for (let i = 1; i <= parseInt(nb_date_off); i++) { + li.push( +
+ +
); + } + return li; + } + + + function add_one_nb_sequence(event) { + + var jour_name = event.target.value; + + if (String(jour_name).toLowerCase() === "lundi") { + var current_nb_sequence = parseInt(nb_sequence_lundi) + 1 + setnb_sequence_lundi(current_nb_sequence); + } + + else if (String(jour_name).toLowerCase() === "mardi") { + var current_nb_sequence = parseInt(nb_sequence_mardi) + 1 + setnb_sequence_mardi(current_nb_sequence); + } + + else if (String(jour_name).toLowerCase() === "mercredi") { + + var current_nb_sequence = parseInt(nb_sequence_mercredi) + 1 + setnb_sequence_mercredi(current_nb_sequence); + } + + + else if (String(jour_name).toLowerCase() === "jeudi") { + var current_nb_sequence = parseInt(nb_sequence_jeudi) + 1 + setnb_sequence_jeudi(current_nb_sequence); + } + + + else if (String(jour_name).toLowerCase() === "vendredi") { + var current_nb_sequence = parseInt(nb_sequence_vendredi) + 1 + setnb_sequence_vendredi(current_nb_sequence); + } + + else if (String(jour_name).toLowerCase() === "samedi") { + var current_nb_sequence = parseInt(nb_sequence_samedi) + 1 + setnb_sequence_samedi(current_nb_sequence); + } + + else if (String(jour_name).toLowerCase() === "dimanche") { + var current_nb_sequence = parseInt(nb_sequence_dimanche) + 1 + setnb_sequence_dimanche(current_nb_sequence); + } + } + + function minus_one_nb_sequence(event) { + + var jour_name = event.target.value; + + + if (String(jour_name).toLowerCase() === "lundi") { + var current_nb_sequence = parseInt(nb_sequence_lundi) - 1 + setnb_sequence_lundi(current_nb_sequence); + } + + else if (String(jour_name).toLowerCase() === "mardi") { + var current_nb_sequence = parseInt(nb_sequence_mardi) - 1 + setnb_sequence_mardi(current_nb_sequence); + } + + else if (String(jour_name).toLowerCase() === "mercredi") { + var current_nb_sequence = parseInt(nb_sequence_mercredi) - 1 + setnb_sequence_mercredi(current_nb_sequence); + } + + else if (String(jour_name).toLowerCase() === "jeudi") { + var current_nb_sequence = parseInt(nb_sequence_jeudi) - 1 + setnb_sequence_jeudi(current_nb_sequence); + } + + else if (String(jour_name).toLowerCase() === "vendredi") { + var current_nb_sequence = parseInt(nb_sequence_vendredi) - 1 + setnb_sequence_vendredi(current_nb_sequence); + } + + else if (String(jour_name).toLowerCase() === "samedi") { + var current_nb_sequence = parseInt(nb_sequence_samedi) - 1 + setnb_sequence_samedi(current_nb_sequence); + } + + else if (String(jour_name).toLowerCase() === "dimanche") { + var current_nb_sequence = parseInt(nb_sequence_dimanche) - 1 + setnb_sequence_dimanche(current_nb_sequence); + } + + + } + + const render_nb_sequence = (jour_name) => { + + if (String(jour_name).toLowerCase() === "lundi") { + let li = []; + + var name_racine_from = "lundi_seq_from_"; + var name_racine_to = "lundi_seq_to_"; + + for (let i = 1; i <= parseInt(nb_sequence_lundi); i++) { + li.push( + +
+ +
+
+ +
+ + ); + } + return li; + } + + + else if (String(jour_name).toLowerCase() === "mardi") { + let li = []; + + var name_racine_from = "mardi_seq_from_"; + var name_racine_to = "mardi_seq_to_"; + + + for (let i = 1; i <= parseInt(nb_sequence_mardi); i++) { + li.push( + +
+ +
+
+ +
+ + ); + } + return li; + } + + else if (String(jour_name).toLowerCase() === "mercredi") { + let li = []; + + var name_racine_from = "mercredi_seq_from_"; + var name_racine_to = "mercredi_seq_to_"; + + + for (let i = 1; i <= parseInt(nb_sequence_mercredi); i++) { + li.push( + +
+ +
+
+ +
+ + ); + } + return li; + } + + else if (String(jour_name).toLowerCase() === "jeudi") { + let li = []; + + var name_racine_from = "jeudi_seq_from_"; + var name_racine_to = "jeudi_seq_to_"; + + + for (let i = 1; i <= parseInt(nb_sequence_jeudi); i++) { + li.push( + +
+ +
+
+ +
+ + ); + } + return li; + } + + + else if (String(jour_name).toLowerCase() === "vendredi") { + let li = []; + + var name_racine_from = "vendredi_seq_from_"; + var name_racine_to = "vendredi_seq_to_"; + + + for (let i = 1; i <= parseInt(nb_sequence_vendredi); i++) { + li.push( + +
+ +
+
+ +
+ + ); + } + return li; + } + + + else if (String(jour_name).toLowerCase() === "samedi") { + let li = []; + + var name_racine_from = "samedi_seq_from_"; + var name_racine_to = "samedi_seq_to_"; + + + for (let i = 1; i <= parseInt(nb_sequence_samedi); i++) { + li.push( + +
+ +
+
+ +
+ + ); + } + return li; + } + + + else if (String(jour_name).toLowerCase() === "dimanche") { + let li = []; + + var name_racine_from = "dimanche_seq_from_"; + var name_racine_to = "dimanche_seq_to_"; + + + for (let i = 1; i <= parseInt(nb_sequence_dimanche); i++) { + li.push( + +
+ +
+
+ +
+ + ); + } + return li; + } + } + + const [nb_sequence_lundi, setnb_sequence_lundi] = useState("2"); + const [nb_sequence_mardi, setnb_sequence_mardi] = useState("2"); + const [nb_sequence_mercredi, setnb_sequence_mercredi] = useState("2"); + const [nb_sequence_jeudi, setnb_sequence_jeudi] = useState("2"); + const [nb_sequence_vendredi, setnb_sequence_vendredi] = useState("2"); + const [nb_sequence_samedi, setnb_sequence_samedi] = useState("0"); + const [nb_sequence_dimanche, setnb_sequence_dimanche] = useState("0"); + + const [nb_date_off, setnb_date_off] = useState("1"); + + function Add_Update_working_Setup() { + + + + + /*** Debut traitement des données du lundi */ + var data_lundi = {} + data_lundi['jour'] = "lundi"; + + var tab_sequence_lundi = [] + + for (let i = 1; i <= parseInt(String(nb_sequence_lundi)); i++) { + + var name_racine_from = "lundi_seq_from_" + String(i); + var name_racine_to = "lundi_seq_to_" + String(i); + + var local_val = {}; + + + if (document.getElementsByName(name_racine_from)[0] && document.getElementsByName(name_racine_to)[0]) { + var sequence_from = document.getElementsByName(name_racine_from)[0].value; + var sequence_to = document.getElementsByName(name_racine_to)[0].value; + + if (sequence_from === undefined || String(sequence_from) === "" + || sequence_to === undefined || String(sequence_to) === "") { + console.log(" Les heures du Lundi sont incorrectes"); + return; + } + + var work_sequence_from = parseInt(String(sequence_from).replaceAll(":", '')) + var work_sequence_to = parseInt(String(sequence_to).replaceAll(":", '')) + + + if (work_sequence_from >= work_sequence_to) { + console.log(" Les heures du Lundi sont incorrectes. L'heure de fin de séquence doit être antérieure à l'heure de début de séquence"); + return; + } + + var json_lundi = { + 'heure_debut': String(sequence_from), + 'heure_fin': String(sequence_to), + } + + tab_sequence_lundi.push(json_lundi) + } + + + } + + data_lundi['tab_sequence'] = [] + data_lundi['tab_sequence'].push(tab_sequence_lundi) + // console.log(" tab_sequence_lundi = ", data_lundi); + + + /*** Debut traitement des données du mardi */ + var data_mardi = {} + data_mardi['jour'] = "mardi"; + + var tab_sequence_mardi = [] + + for (let i = 1; i <= parseInt(String(nb_sequence_mardi)); i++) { + + var name_racine_from = "mardi_seq_from_" + String(i); + var name_racine_to = "mardi_seq_to_" + String(i); + + var local_val = {}; + + + if (document.getElementsByName(name_racine_from)[0] && document.getElementsByName(name_racine_to)[0]) { + var sequence_from = document.getElementsByName(name_racine_from)[0].value; + var sequence_to = document.getElementsByName(name_racine_to)[0].value; + + if (sequence_from === undefined || String(sequence_from) === "" + || sequence_to === undefined || String(sequence_to) === "") { + console.log(" Les heures du mardi sont incorrectes"); + return; + } + + var work_sequence_from = parseInt(String(sequence_from).replaceAll(":", '')) + var work_sequence_to = parseInt(String(sequence_to).replaceAll(":", '')) + + + if (work_sequence_from >= work_sequence_to) { + console.log(" Les heures du mardi sont incorrectes. L'heure de fin de séquence doit être antérieure à l'heure de début de séquence"); + return; + } + + var json_mardi = { + 'heure_debut': String(sequence_from), + 'heure_fin': String(sequence_to), + } + + tab_sequence_mardi.push(json_mardi) + } + + + } + + data_mardi['tab_sequence'] = [] + data_mardi['tab_sequence'].push(tab_sequence_mardi) + // console.log(" tab_sequence_mardi = ", data_mardi); + + + + /*** Debut traitement des données du mercredi */ + var data_mercredi = {} + data_mercredi['jour'] = "mercredi"; + + var tab_sequence_mercredi = [] + + for (let i = 1; i <= parseInt(String(nb_sequence_mercredi)); i++) { + + var name_racine_from = "mercredi_seq_from_" + String(i); + var name_racine_to = "mercredi_seq_to_" + String(i); + + var local_val = {}; + + + if (document.getElementsByName(name_racine_from)[0] && document.getElementsByName(name_racine_to)[0]) { + var sequence_from = document.getElementsByName(name_racine_from)[0].value; + var sequence_to = document.getElementsByName(name_racine_to)[0].value; + + if (sequence_from === undefined || String(sequence_from) === "" + || sequence_to === undefined || String(sequence_to) === "") { + console.log(" Les heures du mercredi sont incorrectes"); + return; + } + + var work_sequence_from = parseInt(String(sequence_from).replaceAll(":", '')) + var work_sequence_to = parseInt(String(sequence_to).replaceAll(":", '')) + + + if (work_sequence_from >= work_sequence_to) { + console.log(" Les heures du mercredi sont incorrectes. L'heure de fin de séquence doit être antérieure à l'heure de début de séquence"); + return; + } + + var json_mercredi = { + 'heure_debut': String(sequence_from), + 'heure_fin': String(sequence_to), + } + + tab_sequence_mercredi.push(json_mercredi) + } + + + } + + data_mercredi['tab_sequence'] = [] + data_mercredi['tab_sequence'].push(tab_sequence_mercredi) + // console.log(" tab_sequence_mercredi = ", data_mercredi); + + /*** Debut traitement des données du jeudi */ + var data_jeudi = {} + data_jeudi['jour'] = "jeudi"; + + var tab_sequence_jeudi = [] + + for (let i = 1; i <= parseInt(String(nb_sequence_jeudi)); i++) { + + var name_racine_from = "jeudi_seq_from_" + String(i); + var name_racine_to = "jeudi_seq_to_" + String(i); + + var local_val = {}; + + + if (document.getElementsByName(name_racine_from)[0] && document.getElementsByName(name_racine_to)[0]) { + var sequence_from = document.getElementsByName(name_racine_from)[0].value; + var sequence_to = document.getElementsByName(name_racine_to)[0].value; + + if (sequence_from === undefined || String(sequence_from) === "" + || sequence_to === undefined || String(sequence_to) === "") { + console.log(" Les heures du jeudi sont incorrectes"); + return; + } + + var work_sequence_from = parseInt(String(sequence_from).replaceAll(":", '')) + var work_sequence_to = parseInt(String(sequence_to).replaceAll(":", '')) + + + if (work_sequence_from >= work_sequence_to) { + console.log(" Les heures du jeudi sont incorrectes. L'heure de fin de séquence doit être antérieure à l'heure de début de séquence"); + return; + } + + var json_jeudi = { + 'heure_debut': String(sequence_from), + 'heure_fin': String(sequence_to), + } + + tab_sequence_jeudi.push(json_jeudi) + } + + + } + + data_jeudi['tab_sequence'] = [] + data_jeudi['tab_sequence'].push(tab_sequence_jeudi) + // console.log(" tab_sequence_jeudi = ", data_jeudi); + + /*** Debut traitement des données du vendredi */ + var data_vendredi = {} + data_vendredi['jour'] = "vendredi"; + + var tab_sequence_vendredi = [] + + for (let i = 1; i <= parseInt(String(nb_sequence_vendredi)); i++) { + + var name_racine_from = "vendredi_seq_from_" + String(i); + var name_racine_to = "vendredi_seq_to_" + String(i); + + var local_val = {}; + + + if (document.getElementsByName(name_racine_from)[0] && document.getElementsByName(name_racine_to)[0]) { + var sequence_from = document.getElementsByName(name_racine_from)[0].value; + var sequence_to = document.getElementsByName(name_racine_to)[0].value; + + if (sequence_from === undefined || String(sequence_from) === "" + || sequence_to === undefined || String(sequence_to) === "") { + console.log(" Les heures du vendredi sont incorrectes"); + return; + } + + var work_sequence_from = parseInt(String(sequence_from).replaceAll(":", '')) + var work_sequence_to = parseInt(String(sequence_to).replaceAll(":", '')) + + + if (work_sequence_from >= work_sequence_to) { + console.log(" Les heures du vendredi sont incorrectes. L'heure de fin de séquence doit être antérieure à l'heure de début de séquence"); + return; + } + + var json_vendredi = { + 'heure_debut': String(sequence_from), + 'heure_fin': String(sequence_to), + } + + tab_sequence_vendredi.push(json_vendredi) + } + + + } + + data_vendredi['tab_sequence'] = [] + data_vendredi['tab_sequence'].push(tab_sequence_vendredi) + // console.log(" tab_sequence_vendredi = ", data_vendredi); + + + /*** Debut traitement des données du samedi */ + var data_samedi = {} + data_samedi['jour'] = "samedi"; + + var tab_sequence_samedi = [] + + for (let i = 1; i <= parseInt(String(nb_sequence_samedi)); i++) { + + var name_racine_from = "samedi_seq_from_" + String(i); + var name_racine_to = "samedi_seq_to_" + String(i); + + var local_val = {}; + + + if (document.getElementsByName(name_racine_from)[0] && document.getElementsByName(name_racine_to)[0]) { + var sequence_from = document.getElementsByName(name_racine_from)[0].value; + var sequence_to = document.getElementsByName(name_racine_to)[0].value; + + if (sequence_from === undefined || String(sequence_from) === "" + || sequence_to === undefined || String(sequence_to) === "") { + console.log(" Les heures du samedi sont incorrectes"); + return; + } + + var work_sequence_from = parseInt(String(sequence_from).replaceAll(":", '')) + var work_sequence_to = parseInt(String(sequence_to).replaceAll(":", '')) + + + if (work_sequence_from >= work_sequence_to) { + console.log(" Les heures du samedi sont incorrectes. L'heure de fin de séquence doit être antérieure à l'heure de début de séquence"); + return; + } + + var json_samedi = { + 'heure_debut': String(sequence_from), + 'heure_fin': String(sequence_to), + } + + tab_sequence_samedi.push(json_samedi) + } + + + } + + data_samedi['tab_sequence'] = [] + data_samedi['tab_sequence'].push(tab_sequence_samedi) + // console.log(" tab_sequence_samedi = ", data_samedi); + + /*** Debut traitement des données du dimanche */ + var data_dimanche = {} + data_dimanche['jour'] = "dimanche"; + + var tab_sequence_dimanche = [] + + for (let i = 1; i <= parseInt(String(nb_sequence_dimanche)); i++) { + + var name_racine_from = "dimanche_seq_from_" + String(i); + var name_racine_to = "dimanche_seq_to_" + String(i); + + var local_val = {}; + + + if (document.getElementsByName(name_racine_from)[0] && document.getElementsByName(name_racine_to)[0]) { + var sequence_from = document.getElementsByName(name_racine_from)[0].value; + var sequence_to = document.getElementsByName(name_racine_to)[0].value; + + if (sequence_from === undefined || String(sequence_from) === "" + || sequence_to === undefined || String(sequence_to) === "") { + console.log(" Les heures du dimanche sont incorrectes"); + return; + } + + var work_sequence_from = parseInt(String(sequence_from).replaceAll(":", '')) + var work_sequence_to = parseInt(String(sequence_to).replaceAll(":", '')) + + + if (work_sequence_from >= work_sequence_to) { + console.log(" Les heures du dimanche sont incorrectes. L'heure de fin de séquence doit être antérieure à l'heure de début de séquence"); + return; + } + + var json_dimanche = { + 'heure_debut': String(sequence_from), + 'heure_fin': String(sequence_to), + } + + tab_sequence_dimanche.push(json_dimanche) + } + + + } + + data_dimanche['tab_sequence'] = [] + data_dimanche['tab_sequence'].push(tab_sequence_dimanche) + // console.log(" tab_sequence_dimanche = ", data_dimanche); + + + var global_partner_working_hours = {} + + global_partner_working_hours['lundi'] = data_lundi; + global_partner_working_hours['mardi'] = data_mardi; + global_partner_working_hours['mercredi'] = data_mercredi; + global_partner_working_hours['jeudi'] = data_jeudi; + global_partner_working_hours['vendredi'] = data_vendredi; + global_partner_working_hours['samedi'] = data_samedi; + global_partner_working_hours['dimanche'] = data_dimanche; + + + console.log(" global_partner_working_hours = ", global_partner_working_hours); + + + + } + + + + function Get_working_Setup() { + + var json_test = { + "vendredi": { + "jour": "vendredi", + "tab_sequence": [ + [] + ] + }, + "samedi": { + "jour": "samedi", + "tab_sequence": [ + [ + { + "heure_debut": "08:00", + "heure_fin": "12:00" + }, + { + "heure_debut": "14:15", + "heure_fin": "20:00" + } + ] + ] + }, + "dimanche": { + "jour": "dimanche", + "tab_sequence": [ + [ + { + "heure_debut": "08:30", + "heure_fin": "12:30" + } + ] + ] + } + } + + var data_samedi = json_test.samedi; + var nb_sequen_sam = json_test.samedi.tab_sequence.length+1; + + console.log(" ### data_samedi = ", data_samedi, " --- nb_sequen_sam = ", nb_sequen_sam); + setnb_sequence_samedi(String(nb_sequen_sam)); + + } + return (
{isLoading &&
@@ -164,243 +1075,234 @@ const Partner_Configuration_Jours_Travail = (props) => {

Votre configuration des jours et heure de travail

-
Utilisez les filtres !
-
-
- { - setp_filtre1(e.target.value); +
- }} - > - Nom du point de configuration   - - - -
- - - -
- {p_filtre1 && - { setp_filtre1_value(e.target.value); }} - InputProps={{ - endAdornment: ( - - { - setp_filtre1_value(""); - }} /> - - ), - }} - - /> - - } -
- {p_filtre1 && } - {p_filtre1 && } + +
+ -
+
+ + + + -
- -
+ -
- +
+ - + - + + + + {render_nb_sequence("lundi")} + + + + + + + {render_nb_sequence("mardi")} + + + + + + + {render_nb_sequence("mercredi")} + + + + + + + {render_nb_sequence("jeudi")} + + + + + + + {render_nb_sequence("vendredi")} + + + + + + + {render_nb_sequence("samedi")} + + + + + + + {render_nb_sequence("dimanche")} + + + + + + +
+ Config jours et heures de travail +
Jour
+
Lundi
+
} label=" Jour Off" + onChange={(e) => { -
+ }} + /> +
+
+
+ +
+ +
+
Mardi
+
} label=" Jour Off" + onChange={(e) => { + + }} + /> +
+
+
+ +
+ + + +
+
Mercredi
+
} label=" Jour Off" + onChange={(e) => { + + }} + /> +
+
+
+ +
+ + + +
+
Jeudi
+
} label=" Jour Off" + onChange={(e) => { + + }} + /> +
+
+
+ +
+ + + +
+
vendredi
+
} label=" Jour Off" + onChange={(e) => { + + }} + /> +
+
+
+ +
+ + + +
+
Samedi
+
} label=" Jour Off" + onChange={(e) => { + + }} + /> +
+
+
+ +
+ + + +
+
Dimanche
+
} label=" Jour Off" + onChange={(e) => { + + }} + /> +
+
+
+ +
+ + + +
+
 
+
-
-
+ -
-   - +
+ + + - // Gestion des cellule "statut" - '& .cell--status--encours': { - backgroundColor: '#E6F7C8', - color: '#1a3e72', - fontWeight: 'light', - }, - '& .cell--status--traite': { - backgroundColor: '#E6CEAA', - color: '#F9E79F', - fontWeight: 'light', - }, + + + + + + - columns={columns} - pageSize={10} - className="datagridclass" - - onRowDoubleClick={(newSelectionModel) => { - //handleClick_edit_config_From_Line (newSelectionModel.row.id); - - }} - - rowsPerPageOptions={[10]} - //disableSelectionOnClick - components={{ - Toolbar: GridToolbar, - }} - //sx={datagridSx} - getCellClassName={(params) => { - - - //field === "order_header_status" - if (params.field === "order_header_status" && String(params.value) == "0") { - return 'cell--status--brouillon'; - } - - if (params.field === "order_header_status" && String(params.value) == "1") { - - return 'cell--status--encours'; - } - - if (params.field === "order_header_status" && String(params.value) == "2") { - return 'cell--status--traite'; - } - - if (params.field === "order_header_status" && String(params.value) == "3") { - return 'cell--status--facture'; - } - - }} - getRowClassName={(params) => { - - if (String(params.row.status) === "-1") { - return 'line--statut--annule'; - } - if (String(params.row.status) === "0") { - return 'line--statut--preinscrit'; - } - if (String(params.row.status) === "1") { - return 'line--statut--inscrit'; - } - }} - - - /> - -
- - - - - - -
- -
- -
-
-
 
+
+ Config Dates non travaillées (exemple les dates ou vous êtes fermées) +
+
+
+ +
- /*"& .MuiDataGrid-virtualScrollerRenderZone": { - "& .MuiDataGrid-row": { - "&:nth-child(2n)": { backgroundColor: "rgba(235, 235, 235, .7)" } - } - },*/ - "& .MuiDataGrid-columnHeaders": { - backgroundColor: "#c8cfd5", - color: "black", - fontSize: 14 - }, +
- }} - > - { - setSelectionModel(newSelectionModel); - /* if (newSelectionModel.length === 1) - handleClick_edit_config_From_Line(newSelectionModel); - if (newSelectionModel.length !== 1) { - setp_detail_config_valeur(); - setp_detail_config_point(); - setConfig_data_changed(); - setconfig_data_edit_mode(); - setdisplay_detail_config(); - - - }*/ - }} - selectionModel={selectionModel} + {renderRadioButtons()} - localeText={frFR.components.MuiDataGrid.defaultProps.localeText} - rows={rowss.map((item, index) => ( - { - id: index, - _id: JSON.parse(item)._id, - config_name: JSON.parse(item).session_step_name, - config_value: JSON.parse(item).session_step_sequence, - config_comment: JSON.parse(item).session_step_comment, - } - ))} +
+
+ + +
+ +
) } diff --git a/src/styles/components/_partner_configuration_jours_travail.scss b/src/styles/components/_partner_configuration_jours_travail.scss index c17fc93..dace1f4 100644 --- a/src/styles/components/_partner_configuration_jours_travail.scss +++ b/src/styles/components/_partner_configuration_jours_travail.scss @@ -1774,6 +1774,20 @@ padding-left: 5px !important; } + .disabled_style_date_off { + //background-color: #ECEFF1; + font-size: small !important; + color: black; + width: 99% !important; + height: 3.5rem !important; + margin: 5px !important; + //border: none !important; + border-radius: 5px; + background: white; + border: solid gainsboro 1px; + padding-left: 5px !important; + } + .disabled_style_Dialog { //background-color: #ECEFF1; font-size: small !important; @@ -1870,6 +1884,27 @@ margin-bottom: 1rem !important; } + + .sequence_heure { + width: 50%; + padding: 0px; + float: left; + text-align: left; + font-size: small; + margin-bottom: 1px !important; + } + + + .sequence_date { + width: 20%; + padding: 0px; + float: left; + text-align: left; + font-size: small; + margin-bottom: 1px !important; + } + + .session_caract_comment_2_lines { width: 33%; padding: 5px;