diff --git a/src/components/DisplayPartnerSession.js b/src/components/DisplayPartnerSession.js
index 160cf8f..013ae75 100644
--- a/src/components/DisplayPartnerSession.js
+++ b/src/components/DisplayPartnerSession.js
@@ -3793,8 +3793,10 @@ const DisplayPartnerSession = (props) => {
disabled={false}
className="disabled_style enable_style"
value={p_session_ondemande}
- onChange={(e) => {setp_session_ondemande(e.target.value);
- IssessionChanged();}}
+ onChange={(e) => {
+ setp_session_ondemande(e.target.value);
+ IssessionChanged();
+ }}
>
@@ -3833,19 +3835,47 @@ const DisplayPartnerSession = (props) => {
value={p_session_status}
onChange={(e) => {
setp_session_status(e.target.value);
- IssessionChanged();}
+ IssessionChanged();
+ }
}
>
-
-
+
+
}
+ {!edit_session_form &&
Statut*
+
Statut b *
{
value={p_one_session_status}
onChange={(e) => setp_one_session_status(e.target.value)}
>
-
-
+
+
diff --git a/src/components/TestUrl.js b/src/components/TestUrl.js
index d587fc5..4352b9f 100644
--- a/src/components/TestUrl.js
+++ b/src/components/TestUrl.js
@@ -15,7 +15,7 @@ import IconButton from '@mui/material/IconButton';
import { Fade } from 'react-slideshow-image';
import { getCookie, setCookie } from 'react-use-cookie';
import Button from '@mui/material/Button';
-
+import { FcAddColumn, FcApproval } from "react-icons/fc";
import { FaHandPointRight } from "react-icons/fa";
import Header from "./Header";
@@ -616,20 +616,37 @@ Cette fonction recuperer les stats des TOP 5 formations sur la periode saisie pa
const rowss = [
- { id: 1, col1: 'Hello', col2: 'World' },
- { id: 2, col1: 'DataGridPro', col2: 'is Awesome' },
- { id: 3, col1: 'MUI', col2: 'is Amazing' },
- { id: 4, col1: 'MUI2', col2: 'is Amazing2' },
- { id: 5, col1: 'DataGridPro 5', col2: 'is Awesome 5' },
+ { id: 1, col1: 'Hello', col2: 'World', col3: '12', col4: true },
+ { id: 2, col1: 'DataGridPro', col2: 'is Awesome', col3: '12', col4: true },
+ { id: 3, col1: 'MUI', col2: 'is Amazing', col3: '123', col4: false },
+ { id: 4, col1: 'MUI2', col2: 'is Amazing2', col3: '02', col4: true },
+ { id: 5, col1: 'DataGridPro 5', col2: 'is Awesome 5', col3: '17', col4: false },
];
const columnss = [
{ field: 'col1', headerName: 'Column 1', width: 150 },
{ field: 'col2', headerName: 'Column 2', width: 150 },
+ { field: 'col3', headerName: 'montant', width: 150 },
+ { field: 'col4', headerName: 'statut', width: 150 },
];
+ const columnsz = [
+ { field: 'city' },
+ { field: 'oct', type: 'number', valueFormatter: ({ value }) => `${value} °C` },
+ { field: 'nov', type: 'number', valueFormatter: ({ value }) => `${value} °C` },
+ { field: 'dec', type: 'number', valueFormatter: ({ value }) => `${value} °C` },
+ { field: 'dec', type: 'number', valueFormatter: ({ value }) => `${value} °C` },
+ { field: 'status', headerName: 'statut', width: 150, type: 'boolean', editable: true, },
+ { field: 'stape', headerName: 'étape', width: 150, type: 'string', editable: true, },
+ ];
+ const rowsz = [
+ { id: 1, city: 'Amsterdam', oct: 7.1, nov: 4, dec: 10.2, status: false, stape: 'planifie' },
+ { id: 2, city: 'Barcelona', oct: 14.9, nov: 12.3, dec: 18.2, status: true, stape: 'facturé' },
+ { id: 3, city: 'Paris', oct: 8.1, nov: 5.4, dec: 12.3, status: false, stape: 'encours' },
+ { id: 4, city: 'São Paulo', oct: 20.2, nov: 21.1, dec: 19.2, status: true, stape: 'planifie' },
+ ];
const useStyles = makeStyles((theme) =>
({
@@ -653,7 +670,62 @@ Cette fonction recuperer les stats des TOP 5 formations sur la periode saisie pa
-
+
+ {
+ if (params.field === 'city' || params.value == null) {
+ return '';
+ }
+
+ if (params.field === 'status' && params.value == true) {
+ return 'true';
+ }
+
+ if (params.field === "stape" && String(params.value) === "planifie") {
+ return 'planifie'
+ }
+
+ if (params.field === "stape" && String(params.value) === "facturé") {
+ return 'facturé'
+ }
+
+ return params.value >= 15 ? 'hot' : 'cold';
+ }}
+
+
+
+ />
+
+
+
+ {/*
}
headerHeight={60}
@@ -674,17 +746,31 @@ Cette fonction recuperer les stats des TOP 5 formations sur la periode saisie pa
How do you customize the DataGrid styling?
-
+
*/}
-
+
+
+
+