diff --git a/package-lock.json b/package-lock.json
index 7b7d354..25b7cd4 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -2053,9 +2053,9 @@
}
},
"node_modules/@babel/runtime": {
- "version": "7.22.10",
- "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.22.10.tgz",
- "integrity": "sha512-21t/fkKLMZI4pqP2wlmsQAWnYW1PDyKyyUV4vCi+B25ydmdaYTKXPwCj0BzSUnZf4seIiYvSA3jcZ3gdsMFkLQ==",
+ "version": "7.23.8",
+ "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.23.8.tgz",
+ "integrity": "sha512-Y7KbAP984rn1VGMbGqKmBLio9V7y5Je9GvU4rQPCPinCyNfUcToxIXl06d59URp/F3LwinvODxab5N/G6qggkw==",
"dependencies": {
"regenerator-runtime": "^0.14.0"
},
@@ -2863,18 +2863,27 @@
}
},
"node_modules/@floating-ui/core": {
- "version": "1.0.5",
- "resolved": "https://registry.npmjs.org/@floating-ui/core/-/core-1.0.5.tgz",
- "integrity": "sha512-iDdOsaCHZH/0FM0yNBYt+cJxJF9S5jrYWNtDZOiDFMiZ7uxMJ/71h8eTwoVifEAruv9p9rlMPYCGIgMjOz95FQ=="
+ "version": "1.5.3",
+ "resolved": "https://registry.npmjs.org/@floating-ui/core/-/core-1.5.3.tgz",
+ "integrity": "sha512-O0WKDOo0yhJuugCx6trZQj5jVJ9yR0ystG2JaNAemYUWce+pmM6WUEFIibnWyEJKdrDxhm75NoSRME35FNaM/Q==",
+ "dependencies": {
+ "@floating-ui/utils": "^0.2.0"
+ }
},
"node_modules/@floating-ui/dom": {
- "version": "1.1.0",
- "resolved": "https://registry.npmjs.org/@floating-ui/dom/-/dom-1.1.0.tgz",
- "integrity": "sha512-TSogMPVxbRe77QCj1dt8NmRiJasPvuc+eT5jnJ6YpLqgOD2zXc5UA3S1qwybN+GVCDNdKfpKy1oj8RpzLJvh6A==",
+ "version": "1.5.4",
+ "resolved": "https://registry.npmjs.org/@floating-ui/dom/-/dom-1.5.4.tgz",
+ "integrity": "sha512-jByEsHIY+eEdCjnTVu+E3ephzTOzkQ8hgUfGwos+bg7NlH33Zc5uO+QHz1mrQUOgIKKDD1RtS201P9NvAfq3XQ==",
"dependencies": {
- "@floating-ui/core": "^1.0.5"
+ "@floating-ui/core": "^1.5.3",
+ "@floating-ui/utils": "^0.2.0"
}
},
+ "node_modules/@floating-ui/utils": {
+ "version": "0.2.1",
+ "resolved": "https://registry.npmjs.org/@floating-ui/utils/-/utils-0.2.1.tgz",
+ "integrity": "sha512-9TANp6GPoMtYzQdt54kfAyMmz1+osLlXdg2ENroU7zzrtflTLrrC/lgrIfaSe+Wu0b89GKccT7vxXA0MoAIO+Q=="
+ },
"node_modules/@fluentui/react-component-event-listener": {
"version": "0.63.1",
"resolved": "https://registry.npmjs.org/@fluentui/react-component-event-listener/-/react-component-event-listener-0.63.1.tgz",
@@ -4898,11 +4907,11 @@
"integrity": "sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ=="
},
"node_modules/@mui/types": {
- "version": "7.2.4",
- "resolved": "https://registry.npmjs.org/@mui/types/-/types-7.2.4.tgz",
- "integrity": "sha512-LBcwa8rN84bKF+f5sDyku42w1NTxaPgPyYKODsh01U1fVstTClbUoSA96oyRBnSNyEiAVjKm6Gwx9vjR+xyqHA==",
+ "version": "7.2.13",
+ "resolved": "https://registry.npmjs.org/@mui/types/-/types-7.2.13.tgz",
+ "integrity": "sha512-qP9OgacN62s+l8rdDhSFRe05HWtLLJ5TGclC9I1+tQngbssu0m2dmFZs+Px53AcOs9fD7TbYd4gc9AXzVqO/+g==",
"peerDependencies": {
- "@types/react": "*"
+ "@types/react": "^17.0.0 || ^18.0.0"
},
"peerDependenciesMeta": {
"@types/react": {
@@ -4911,13 +4920,12 @@
}
},
"node_modules/@mui/utils": {
- "version": "5.14.5",
- "resolved": "https://registry.npmjs.org/@mui/utils/-/utils-5.14.5.tgz",
- "integrity": "sha512-6Hzw63VR9C5xYv+CbjndoRLU6Gntal8rJ5W+GUzkyHrGWIyYPWZPa6AevnyGioySNETATe1H9oXS8f/7qgIHJA==",
+ "version": "5.15.4",
+ "resolved": "https://registry.npmjs.org/@mui/utils/-/utils-5.15.4.tgz",
+ "integrity": "sha512-E2wLQGBcs3VR52CpMRjk46cGscC4cbf3Q2uyHNaAeL36yTTm+aVNbtsTCazXtjOP4BDd8lu6VtlTpVC8Rtl4mg==",
"dependencies": {
- "@babel/runtime": "^7.22.6",
- "@types/prop-types": "^15.7.5",
- "@types/react-is": "^18.2.1",
+ "@babel/runtime": "^7.23.7",
+ "@types/prop-types": "^15.7.11",
"prop-types": "^15.8.1",
"react-is": "^18.2.0"
},
@@ -4926,10 +4934,16 @@
},
"funding": {
"type": "opencollective",
- "url": "https://opencollective.com/mui"
+ "url": "https://opencollective.com/mui-org"
},
"peerDependencies": {
+ "@types/react": "^17.0.0 || ^18.0.0",
"react": "^17.0.0 || ^18.0.0"
+ },
+ "peerDependenciesMeta": {
+ "@types/react": {
+ "optional": true
+ }
}
},
"node_modules/@mui/utils/node_modules/react-is": {
@@ -6814,9 +6828,9 @@
"integrity": "sha512-KufADq8uQqo1pYKVIYzfKbJfBAc0sOeXqGbFaSpv8MRmC/zXgowNZmFcbngndGk922QDmOASEXUZCaY48gs4cg=="
},
"node_modules/@types/prop-types": {
- "version": "15.7.5",
- "resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.5.tgz",
- "integrity": "sha512-JCB8C6SnDoQf0cNycqd/35A7MjcnK+ZTqE7judS6o7utxUCg6imJg3QK2qzHKszlTjcj2cn+NwMB2i96ubpj7w=="
+ "version": "15.7.11",
+ "resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.11.tgz",
+ "integrity": "sha512-ga8y9v9uyeiLdpKddhxYQkxNDrfvuPrlFb0N1qnZZByvcElJaXthF1UhvCh9TLWJBEHeNtdnbysW7Y6Uq8CVng=="
},
"node_modules/@types/q": {
"version": "1.5.5",
@@ -6851,14 +6865,6 @@
"csstype": "^3.0.2"
}
},
- "node_modules/@types/react-is": {
- "version": "18.2.1",
- "resolved": "https://registry.npmjs.org/@types/react-is/-/react-is-18.2.1.tgz",
- "integrity": "sha512-wyUkmaaSZEzFZivD8F2ftSyAfk6L+DfFliVj/mYdOXbVjRcS87fQJLTnhk6dRZPuJjI+9g6RZJO4PNCngUrmyw==",
- "dependencies": {
- "@types/react": "*"
- }
- },
"node_modules/@types/react-lifecycles-compat": {
"version": "3.0.4",
"resolved": "https://registry.npmjs.org/@types/react-lifecycles-compat/-/react-lifecycles-compat-3.0.4.tgz",
@@ -27373,9 +27379,9 @@
"integrity": "sha512-KigOCHcocU3XODJxsu8i/j8T9tzT4adHiecwORRQ0ZZFcp7ahwXuRU1m+yuO90C5ZUyGeGfocHDI14M3L3yDAQ=="
},
"node_modules/reselect": {
- "version": "4.1.7",
- "resolved": "https://registry.npmjs.org/reselect/-/reselect-4.1.7.tgz",
- "integrity": "sha512-Zu1xbUt3/OPwsXL46hvOOoQrap2azE7ZQbokq61BQfiXvhewsKDwhMeZjTX9sX0nvw1t/U5Audyn1I9P/m9z0A=="
+ "version": "4.1.8",
+ "resolved": "https://registry.npmjs.org/reselect/-/reselect-4.1.8.tgz",
+ "integrity": "sha512-ab9EmR80F/zQTMNeneUr4cv+jSwPJgIlvEmVwLerwrWVbpLlBuls9XHzIeTFy4cegU2NHBp3va0LKOzU5qFEYQ=="
},
"node_modules/resize-observer-polyfill": {
"version": "1.5.0",
@@ -34148,9 +34154,9 @@
}
},
"@babel/runtime": {
- "version": "7.22.10",
- "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.22.10.tgz",
- "integrity": "sha512-21t/fkKLMZI4pqP2wlmsQAWnYW1PDyKyyUV4vCi+B25ydmdaYTKXPwCj0BzSUnZf4seIiYvSA3jcZ3gdsMFkLQ==",
+ "version": "7.23.8",
+ "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.23.8.tgz",
+ "integrity": "sha512-Y7KbAP984rn1VGMbGqKmBLio9V7y5Je9GvU4rQPCPinCyNfUcToxIXl06d59URp/F3LwinvODxab5N/G6qggkw==",
"requires": {
"regenerator-runtime": "^0.14.0"
},
@@ -34685,18 +34691,27 @@
}
},
"@floating-ui/core": {
- "version": "1.0.5",
- "resolved": "https://registry.npmjs.org/@floating-ui/core/-/core-1.0.5.tgz",
- "integrity": "sha512-iDdOsaCHZH/0FM0yNBYt+cJxJF9S5jrYWNtDZOiDFMiZ7uxMJ/71h8eTwoVifEAruv9p9rlMPYCGIgMjOz95FQ=="
+ "version": "1.5.3",
+ "resolved": "https://registry.npmjs.org/@floating-ui/core/-/core-1.5.3.tgz",
+ "integrity": "sha512-O0WKDOo0yhJuugCx6trZQj5jVJ9yR0ystG2JaNAemYUWce+pmM6WUEFIibnWyEJKdrDxhm75NoSRME35FNaM/Q==",
+ "requires": {
+ "@floating-ui/utils": "^0.2.0"
+ }
},
"@floating-ui/dom": {
- "version": "1.1.0",
- "resolved": "https://registry.npmjs.org/@floating-ui/dom/-/dom-1.1.0.tgz",
- "integrity": "sha512-TSogMPVxbRe77QCj1dt8NmRiJasPvuc+eT5jnJ6YpLqgOD2zXc5UA3S1qwybN+GVCDNdKfpKy1oj8RpzLJvh6A==",
+ "version": "1.5.4",
+ "resolved": "https://registry.npmjs.org/@floating-ui/dom/-/dom-1.5.4.tgz",
+ "integrity": "sha512-jByEsHIY+eEdCjnTVu+E3ephzTOzkQ8hgUfGwos+bg7NlH33Zc5uO+QHz1mrQUOgIKKDD1RtS201P9NvAfq3XQ==",
"requires": {
- "@floating-ui/core": "^1.0.5"
+ "@floating-ui/core": "^1.5.3",
+ "@floating-ui/utils": "^0.2.0"
}
},
+ "@floating-ui/utils": {
+ "version": "0.2.1",
+ "resolved": "https://registry.npmjs.org/@floating-ui/utils/-/utils-0.2.1.tgz",
+ "integrity": "sha512-9TANp6GPoMtYzQdt54kfAyMmz1+osLlXdg2ENroU7zzrtflTLrrC/lgrIfaSe+Wu0b89GKccT7vxXA0MoAIO+Q=="
+ },
"@fluentui/react-component-event-listener": {
"version": "0.63.1",
"resolved": "https://registry.npmjs.org/@fluentui/react-component-event-listener/-/react-component-event-listener-0.63.1.tgz",
@@ -36166,19 +36181,18 @@
}
},
"@mui/types": {
- "version": "7.2.4",
- "resolved": "https://registry.npmjs.org/@mui/types/-/types-7.2.4.tgz",
- "integrity": "sha512-LBcwa8rN84bKF+f5sDyku42w1NTxaPgPyYKODsh01U1fVstTClbUoSA96oyRBnSNyEiAVjKm6Gwx9vjR+xyqHA==",
+ "version": "7.2.13",
+ "resolved": "https://registry.npmjs.org/@mui/types/-/types-7.2.13.tgz",
+ "integrity": "sha512-qP9OgacN62s+l8rdDhSFRe05HWtLLJ5TGclC9I1+tQngbssu0m2dmFZs+Px53AcOs9fD7TbYd4gc9AXzVqO/+g==",
"requires": {}
},
"@mui/utils": {
- "version": "5.14.5",
- "resolved": "https://registry.npmjs.org/@mui/utils/-/utils-5.14.5.tgz",
- "integrity": "sha512-6Hzw63VR9C5xYv+CbjndoRLU6Gntal8rJ5W+GUzkyHrGWIyYPWZPa6AevnyGioySNETATe1H9oXS8f/7qgIHJA==",
+ "version": "5.15.4",
+ "resolved": "https://registry.npmjs.org/@mui/utils/-/utils-5.15.4.tgz",
+ "integrity": "sha512-E2wLQGBcs3VR52CpMRjk46cGscC4cbf3Q2uyHNaAeL36yTTm+aVNbtsTCazXtjOP4BDd8lu6VtlTpVC8Rtl4mg==",
"requires": {
- "@babel/runtime": "^7.22.6",
- "@types/prop-types": "^15.7.5",
- "@types/react-is": "^18.2.1",
+ "@babel/runtime": "^7.23.7",
+ "@types/prop-types": "^15.7.11",
"prop-types": "^15.8.1",
"react-is": "^18.2.0"
},
@@ -37620,9 +37634,9 @@
"integrity": "sha512-KufADq8uQqo1pYKVIYzfKbJfBAc0sOeXqGbFaSpv8MRmC/zXgowNZmFcbngndGk922QDmOASEXUZCaY48gs4cg=="
},
"@types/prop-types": {
- "version": "15.7.5",
- "resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.5.tgz",
- "integrity": "sha512-JCB8C6SnDoQf0cNycqd/35A7MjcnK+ZTqE7judS6o7utxUCg6imJg3QK2qzHKszlTjcj2cn+NwMB2i96ubpj7w=="
+ "version": "15.7.11",
+ "resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.11.tgz",
+ "integrity": "sha512-ga8y9v9uyeiLdpKddhxYQkxNDrfvuPrlFb0N1qnZZByvcElJaXthF1UhvCh9TLWJBEHeNtdnbysW7Y6Uq8CVng=="
},
"@types/q": {
"version": "1.5.5",
@@ -37657,14 +37671,6 @@
"csstype": "^3.0.2"
}
},
- "@types/react-is": {
- "version": "18.2.1",
- "resolved": "https://registry.npmjs.org/@types/react-is/-/react-is-18.2.1.tgz",
- "integrity": "sha512-wyUkmaaSZEzFZivD8F2ftSyAfk6L+DfFliVj/mYdOXbVjRcS87fQJLTnhk6dRZPuJjI+9g6RZJO4PNCngUrmyw==",
- "requires": {
- "@types/react": "*"
- }
- },
"@types/react-lifecycles-compat": {
"version": "3.0.4",
"resolved": "https://registry.npmjs.org/@types/react-lifecycles-compat/-/react-lifecycles-compat-3.0.4.tgz",
@@ -53323,9 +53329,9 @@
"integrity": "sha512-KigOCHcocU3XODJxsu8i/j8T9tzT4adHiecwORRQ0ZZFcp7ahwXuRU1m+yuO90C5ZUyGeGfocHDI14M3L3yDAQ=="
},
"reselect": {
- "version": "4.1.7",
- "resolved": "https://registry.npmjs.org/reselect/-/reselect-4.1.7.tgz",
- "integrity": "sha512-Zu1xbUt3/OPwsXL46hvOOoQrap2azE7ZQbokq61BQfiXvhewsKDwhMeZjTX9sX0nvw1t/U5Audyn1I9P/m9z0A=="
+ "version": "4.1.8",
+ "resolved": "https://registry.npmjs.org/reselect/-/reselect-4.1.8.tgz",
+ "integrity": "sha512-ab9EmR80F/zQTMNeneUr4cv+jSwPJgIlvEmVwLerwrWVbpLlBuls9XHzIeTFy4cegU2NHBp3va0LKOzU5qFEYQ=="
},
"resize-observer-polyfill": {
"version": "1.5.0",
diff --git a/src/components/DisplayPartnerSession.js b/src/components/DisplayPartnerSession.js
index b46acac..e54e083 100644
--- a/src/components/DisplayPartnerSession.js
+++ b/src/components/DisplayPartnerSession.js
@@ -49,6 +49,10 @@ import { HiDocumentCheck } from "react-icons/hi2";
import { BsSend } from "react-icons/bs";
import Autocomplete from '@mui/material/Autocomplete';
import { FcOpenedFolder } from "react-icons/fc";
+import { gridClasses } from '@mui/x-data-grid';
+import Link from '@mui/material/Link';
+import { PiDotsThree } from "react-icons/pi";
+
const DisplayPartnerSession = (props) => {
@@ -118,6 +122,27 @@ const DisplayPartnerSession = (props) => {
},
}));
+ function ExpandableCell_50({ value }) {
+ const [expanded, setExpanded] = React.useState(false);
+
+ return (
+
+ {expanded ? value : value.slice(0, 50)}
+ {value.length > 50 && (
+ // eslint-disable-next-line jsx-a11y/anchor-is-valid
+
setExpanded(!expanded)}
+ >
+ {expanded ?
Réduire :
Voir }
+
+ )}
+
+ );
+ }
+
const [datagrid_columns_size_model1, setdatagrid_columns_size_model1] = useState(200);
const [datagrid_columns_size_model2, setdatagrid_columns_size_model2] = useState(100);
@@ -125,8 +150,8 @@ const DisplayPartnerSession = (props) => {
{ field: 'id', headerName: 'id', hide: true },
{ field: '_id', headerName: '_id', hide: true },
{ field: 'class_internal_url', headerName: 'class_internal_url', hide: true },
- { field: 'code_session', headerName: 'Code session', hide: false, minWidth: 100, flex: 1, },
- { field: 'session_title', headerName: 'Titre', hide: false, flex: 1, minWidth: 250 },
+ { field: 'code_session', headerName: 'Code session', hide: false, minWidth: 100, flex: 1, renderCell: (params) => , },
+ { field: 'session_title', headerName: 'Titre', hide: false, flex: 1, minWidth: 250, renderCell: (params) => , },
{
field: 'statut', headerName: 'Statut', hide: true, width: datagrid_columns_size_model2,
@@ -144,7 +169,7 @@ const DisplayPartnerSession = (props) => {
field: 'etape', headerName: 'Etape', hide: false, width: datagrid_columns_size_model2,
},
- { field: 'class_external_code', headerName: 'Code Formation', align: "center", hideable: true, flex: 1, hide: true, minWidth: 150 },
+ { field: 'class_external_code', headerName: 'Code Formation', align: "center", hideable: true, flex: 1, hide: true, minWidth: 150, renderCell: (params) => , },
{ field: 'date_debut', headerName: 'Debut', hide: false, width: datagrid_columns_size_model2, },
{ field: 'date_fin', headerName: 'Fin', hideable: false, width: datagrid_columns_size_model2, },
{
@@ -169,7 +194,7 @@ const DisplayPartnerSession = (props) => {
return "?";
},
},
- { field: 'formateur', headerName: 'Formateur', minWidth: datagrid_columns_size_model1, hide: true, hideable: true, },
+ { field: 'formateur', headerName: 'Formateur', minWidth: datagrid_columns_size_model1, hide: true, hideable: true, renderCell: (params) => , },
{ field: 'nb_participant', headerName: 'Nb Parti.', minWidth: datagrid_columns_size_model2, align: "center", hide: true, },
{
field: 'taux_remplissage', headerName: 'Remplissage', align: "center", flex: 1, minWidth: 100, maxWidth: 150, flex: 1,
@@ -194,7 +219,7 @@ const DisplayPartnerSession = (props) => {
{ field: 'nb_inscrit', headerName: 'Inscrits', minWidth: 20, align: "center", hide: true, hideable: true, },
{ field: 'nb_preinscrit', headerName: 'Preinscrits', minWidth: 20, align: "center", hide: true, hideable: true, },
{ field: 'prix_session', headerName: 'Prix', minWidth: 20, align: "center", },
- { field: 'title', headerName: 'Formation', minWidth: 250, flex: 1, align: "center", hide: true, hideable: true, },
+ { field: 'title', headerName: 'Formation', minWidth: 250, flex: 1, align: "center", hide: true, hideable: true, renderCell: (params) => , },
{ field: 'domaine', headerName: 'Domaine', minWidth: datagrid_columns_size_model1, align: "center", hide: true, hideable: true, },
{ field: 'published', headerName: 'publié', minWidth: datagrid_columns_size_model1, align: "center", hide: true, hideable: true, },
@@ -288,11 +313,11 @@ const DisplayPartnerSession = (props) => {
{ field: 'id', headerName: 'id', hide: true },
{ field: '_id', headerName: '_id', hide: true },
{ field: 'civilite', headerName: 'Civ.', minWidth: 70, flex: 1, maxWidth: 100, hide: false, editable: false, editable: false },
- { field: 'nom', headerName: 'nom', minWidth: 150, flex: 1, hide: false, editable: true },
- { field: 'prenom', headerName: 'prenom', minWidth: 150, flex: 1, hide: false, editable: true },
- { field: 'email', headerName: 'email', minWidth: 150, flex: 1, hideable: false, flex: 1 },
- { field: 'client_nom', headerName: 'Client', minWidth: 150, flex: 1, maxWidth: 200, hide: false, editable: true },
- { field: 'employeur', headerName: 'Employeur', minWidth: 150, flex: 1, maxWidth: 200, hide: false, editable: true },
+ { field: 'nom', headerName: 'nom', minWidth: 150, flex: 1, hide: false, editable: true, renderCell: (params) => , },
+ { field: 'prenom', headerName: 'prenom', minWidth: 150, flex: 1, hide: false, editable: true, renderCell: (params) => , },
+ { field: 'email', headerName: 'email', minWidth: 150, flex: 1, hideable: false, flex: 1, renderCell: (params) => , },
+ { field: 'client_nom', headerName: 'Client', minWidth: 150, flex: 1, maxWidth: 200, hide: false, editable: true, renderCell: (params) => , },
+ { field: 'employeur', headerName: 'Employeur', minWidth: 150, flex: 1, maxWidth: 200, hide: false, editable: true, renderCell: (params) => , },
{ field: 'opco', headerName: 'Centre Opco', minWidth: 100, flex: 1, maxWidth: 150, hide: false, editable: true },
{ field: 'modefinancement', headerName: 'Financement', minWidth: 100, flex: 1, maxWidth: 150, hide: false, editable: true },
{ field: 'amount', headerName: 'Montant Formation', minWidth: 100, flex: 1, maxWidth: 150, type: 'number', hideable: false, flex: 1, editable: true },
@@ -547,10 +572,10 @@ const DisplayPartnerSession = (props) => {
{ field: 'id', headerName: 'id', hide: true },
{ field: '_id', headerName: '_id', hide: true },
{ field: 'civilite', headerName: 'Civ.', minWidth: 70, flex: 1, maxWidth: 100, hide: false, editable: false, editable: false },
- { field: 'nom', headerName: 'nom', minWidth: 150, flex: 1, hide: false, editable: true },
- { field: 'prenom', headerName: 'prenom', minWidth: 150, flex: 1, hide: false, editable: true },
- { field: 'email', headerName: 'email', minWidth: 150, flex: 1, hideable: false, flex: 1 },
- { field: 'client_rattachement_nom', headerName: 'Client', minWidth: 150, flex: 1, maxWidth: 200, hide: false, editable: true },
+ { field: 'nom', headerName: 'nom', minWidth: 150, flex: 1, hide: false, editable: true, renderCell: (params) => , },
+ { field: 'prenom', headerName: 'prenom', minWidth: 150, flex: 1, hide: false, editable: true, renderCell: (params) => , },
+ { field: 'email', headerName: 'email', minWidth: 150, flex: 1, hideable: false, flex: 1, renderCell: (params) => , },
+ { field: 'client_rattachement_nom', headerName: 'Client', minWidth: 150, flex: 1, maxWidth: 200, hide: false, editable: true, renderCell: (params) => , },
{ field: 'employeur', headerName: 'Employeur', minWidth: 150, flex: 1, maxWidth: 200, hide: false, editable: true },
{ field: 'opco', headerName: 'Centre Opco', minWidth: 100, flex: 1, maxWidth: 150, hide: false, editable: true },
{ field: 'modefinancement', headerName: 'Financement', minWidth: 100, flex: 1, maxWidth: 150, hide: false, editable: true },
@@ -1963,7 +1988,7 @@ const DisplayPartnerSession = (props) => {
/* Recuperation de la liste des inscrits */
const [nb_stagiaire_Inscrit, setnb_stagiaire_Inscrit] = useState("0");
-
+
const [nb_sequence, setnb_sequence] = useState("0");
const [selectionModel_preinsc, setselectionModel_preinsc] = React.useState([]);
@@ -8454,7 +8479,7 @@ const DisplayPartnerSession = (props) => {
- Durée
+ Durée
{rowss && String(session_selected_row_id).length > 0 &&
{JSON.parse(rowss[session_selected_row_id]).duration_concat}
@@ -8720,24 +8745,24 @@ const DisplayPartnerSession = (props) => {
Type de ressource
-
{
- if (value && value.value) {
-
- setDialog_seq_ressource_1_selected_type_ressource(value.value);
- }
+ {
+ if (value && value.value) {
- renderInput={(params) =>
+ setDialog_seq_ressource_1_selected_type_ressource(value.value);
}
- />
+
+ }}
+
+ renderInput={(params) =>
+ }
+ />
{/* {
'& .line--statut--impair': {
backgroundColor: '#FFFFFF',
color: 'black',
+ }, [`& .${gridClasses.cell}`]: {
+ py: 1,
},
}}
@@ -9638,6 +9665,14 @@ const DisplayPartnerSession = (props) => {
}
}}
+ getEstimatedRowHeight={() => 200}
+ getRowHeight={() => "auto"}
+ sx={{
+ "& .MuiDataGrid-cellContent": {
+ minHeight: 50,
+
+ }
+ }}
/>
@@ -11820,7 +11855,7 @@ const DisplayPartnerSession = (props) => {
{String(actionmass_sequence_val) === "supprimer" &&
{' '}
- Confirmer l'action de suppression en masse.
+ Confirmer l'action de suppression en masse.
}
@@ -11864,7 +11899,7 @@ const DisplayPartnerSession = (props) => {
-
+
{
components={{
Toolbar: GridToolbar,
}}
+ getEstimatedRowHeight={() => 200}
+ getRowHeight={() => "auto"}
+ sx={{
+ "& .MuiDataGrid-cellContent": {
+ minHeight: 50,
+
+ },
+ [`& .${gridClasses.cell}`]: {
+ py: 1,
+ },
+ }}
/>
{selectionModel_preinsc && selectionModel_preinsc.length >= 1 &&
@@ -12998,7 +13044,17 @@ const DisplayPartnerSession = (props) => {
components={{
Toolbar: GridToolbar,
}}
+ getEstimatedRowHeight={() => 200}
+ getRowHeight={() => "auto"}
+ sx={{
+ "& .MuiDataGrid-cellContent": {
+ minHeight: 50,
+ },
+ [`& .${gridClasses.cell}`]: {
+ py: 1,
+ },
+ }}
/>
diff --git a/src/components/DisplayPartnerTrainingsPagination.js b/src/components/DisplayPartnerTrainingsPagination.js
index c1299c9..0312af5 100644
--- a/src/components/DisplayPartnerTrainingsPagination.js
+++ b/src/components/DisplayPartnerTrainingsPagination.js
@@ -38,6 +38,10 @@ import ToggleSwitch from "./ToggleSwitch";
import SendIcon from '@mui/icons-material/Send';
import { GrDocumentCsv } from "react-icons/gr";
+import { gridClasses } from '@mui/x-data-grid';
+import Link from '@mui/material/Link';
+import { PiDotsThree } from "react-icons/pi";
+
const DistplayPartnerTraningsPage = (props) => {
const history = useHistory();
@@ -337,6 +341,28 @@ const DistplayPartnerTraningsPage = (props) => {
}
+ function ExpandableCell_50({ value }) {
+ const [expanded, setExpanded] = React.useState(false);
+
+ return (
+
+ {expanded ? value : value.slice(0, 50)}
+ {value.length > 50 && (
+ // eslint-disable-next-line jsx-a11y/anchor-is-valid
+
setExpanded(!expanded)}
+ >
+ {expanded ?
Réduire :
Voir }
+
+ )}
+
+ );
+ }
+
+
const [ismobilephone_columns_hide, setismobilephone_columns_hide] = useState(false);
const [datagrid_columns_size_model1, setdatagrid_columns_size_model1] = useState(200);
@@ -350,24 +376,25 @@ const DistplayPartnerTraningsPage = (props) => {
{ field: 'presentiel', headerName: 'Présentiel', hide: true, Width: 0, },
{ field: 'distanciel', headerName: 'Distanciel', hide: true, Width: 0, },
{ field: 'cible', headerName: 'Cible', hide: true, Width: 0, },
- { field: 'duration_unit', headerName: 'duration_unit', hide: true, Width: 0, },
- { field: 'duration_in_hour', headerName: 'duration_in_hour', hide: true, Width: 0, },
- { field: 'currency', headerName: 'currency', hide: true, Width: 0, },
+ { field: 'duration_unit', headerName: 'duration_unit', hide: true, Width: 0,editable: false, },
+ { field: 'duration_in_hour', headerName: 'duration_in_hour', hide: true, Width: 0,editable: false, },
+ { field: 'currency', headerName: 'currency', hide: true, Width: 0, editable: false, },
- { field: 'zone_diffusion', headerName: 'zone_diffusion', hide: true, maxWidth: 1, },
- { field: 'internal_url', headerName: 'internal_url', hide: true },
- { field: 'external_code', headerName: 'Code Formation', hideable: false, minWidth: 150, flex: 1, maxWidth: 250, editable: false },
- { field: 'title', headerName: 'Titre', flex: 1, hideable: false, minWidth: 320, flex: 1, editable: false },
- { field: 'domain', headerName: 'Domaine', minWidth: 50, flex: 1, maxWidth: 150, hideable: true, },
- { field: 'metier', headerName: 'Métier', minWidth: 50, flex: 1, maxWidth: 150, hideable: true, hide: true },
- { field: 'url', headerName: 'lien', minWidth: 20, hideable: true, hide: true },
- { field: 'description', headerName: 'Description', hide: true, resizable: true, minWidth: 100, maxWidth: 150, flex: 1 },
+ { field: 'zone_diffusion', headerName: 'zone_diffusion', hide: true, maxWidth: 1, editable: false, },
+ { field: 'internal_url', headerName: 'internal_url', hide: true, editable: false, },
+ { field: 'external_code', headerName: 'Code Formation', hideable: false, minWidth: 150, flex: 1, maxWidth: 250, editable: false, renderCell: (params) => , },
+ { field: 'title', headerName: 'Titre', flex: 1, hideable: false, minWidth: 250, flex: 1, editable: false, renderCell: (params) => , },
+ { field: 'domain', headerName: 'Domaine', minWidth: 50, flex: 1, maxWidth: 150, hideable: true, editable: false, },
+ { field: 'metier', headerName: 'Métier', minWidth: 50, flex: 1, maxWidth: 150, hideable: true, hide: true, editable: false, },
+ { field: 'nb_session_formation', headerName: 'Nb Session', minWidth: 50, flex: 1, maxWidth: 100, hideable: true, hide: false , editable: false, align: "center",},
+ { field: 'url', headerName: 'lien', minWidth: 20, hideable: true, hide: true, editable: false, },
+ { field: 'description', headerName: 'Description', hide: true, resizable: true, minWidth: 250, maxWidth: 300, flex: 1, renderCell: (params) => , },
- { field: 'price', headerName: 'Prix', minWidth: 50, flex: 1, maxWidth: 100, align: "center", resizable: true, hide: ismobilephone_columns_hide },
+ { field: 'price', headerName: 'Prix', minWidth: 50, flex: 1, maxWidth: 100, align: "center", resizable: true, hide: ismobilephone_columns_hide, editable: false, },
{
- field: 'published', headerName: 'Publié', minWidth: 50, flex: 1, maxWidth: 100, align: "center", resizable: true,
- valueFormatter: (params) => {
+ field: 'published', headerName: 'Publié', minWidth: 50, flex: 1, maxWidth: 100, align: "center", resizable: true, editable: false,
+ valueFormatter: (params) => {
if (String(params.value) === "0")
return "Non";
else if (String(params.value) === "1")
@@ -377,7 +404,7 @@ const DistplayPartnerTraningsPage = (props) => {
},
},
{
- field: "management", headerName: 'Gestion', minWidth: 50, flex: 1, maxWidth: 100,
+ field: "management", headerName: 'Gestion', minWidth: 50, flex: 1, maxWidth: 100,
renderCell: (cellValues) => {
return (
@@ -1236,6 +1263,10 @@ const DistplayPartnerTraningsPage = (props) => {
backgroundColor: "#c8cfd5",
color: "black",
fontSize: 16
+ },
+ "& .MuiDataGrid-cellContent": {
+ minHeight: 50,
+
}
};
@@ -1853,6 +1884,8 @@ const DistplayPartnerTraningsPage = (props) => {
'& .line--statut--selected': {
backgroundColor: '#FBF2EF',
color: 'black',
+ }, [`& .${gridClasses.cell}`]: {
+ py: 1,
},
}}
@@ -1889,6 +1922,7 @@ const DistplayPartnerTraningsPage = (props) => {
distanciel: JSON.parse(item).presentiel.distantiel,
cible: JSON.parse(item).pourqui,
currecny: JSON.parse(item).currecny,
+ nb_session_formation: JSON.parse(item).nb_session_formation,
}
))}
@@ -1919,7 +1953,7 @@ const DistplayPartnerTraningsPage = (props) => {
components={{
Toolbar: GridToolbar,
}}
- sx={datagridSx}
+
getCellClassName={(params) => {
if (params.field === 'published' && String(params.value) === "1") {
return 'cell--published';
@@ -1946,6 +1980,10 @@ const DistplayPartnerTraningsPage = (props) => {
}
}}
+ getEstimatedRowHeight={() => 200}
+ getRowHeight={() => "auto"}
+ sx={datagridSx}
+
/>
@@ -1982,7 +2020,7 @@ const DistplayPartnerTraningsPage = (props) => {
/>
- {/* {
{' '}
{String(actionmass_ftion_val) === "supprimer" &&
-
Confirmer la suppression en masse pour {selectionModel.length} formations.
- }
+
Confirmer la suppression en masse pour {selectionModel.length} formations.
+ }
- {String(actionmass_ftion_val) === "dupliquer" &&
-
Confirmer la duplication en masse pour {selectionModel.length} formations.
- }
+ {String(actionmass_ftion_val) === "dupliquer" &&
+
Confirmer la duplication en masse pour {selectionModel.length} formations.
+ }
{String(actionmass_ftion_val) === "exporter" &&
-
Confirmer l' export en masse pour {selectionModel.length} formations.
- }
+
Confirmer l' export en masse pour {selectionModel.length} formations.
+ }
{String(actionmass_ftion_val) === "publier" &&
-
Confirmer la publication en masse pour {selectionModel.length} formations.
- }
+
Confirmer la publication en masse pour {selectionModel.length} formations.
+ }
{String(actionmass_ftion_val) === "depublier" &&
-
Confirmer la dépublication en masse pour {selectionModel.length} formations.
- }
+
Confirmer la dépublication en masse pour {selectionModel.length} formations.
+ }
@@ -2086,11 +2124,8 @@ const DistplayPartnerTraningsPage = (props) => {
-
+
+
@@ -5505,8 +5534,11 @@ const Employes = (props) => {
'& .line--statut--impair': {
backgroundColor: '#FFFFFF',
color: 'black',
+ }, [`& .${gridClasses.cell}`]: {
+ py: 1,
},
+
}}
>
{
return 'line--statut--inscrit';
}
}}
+ getEstimatedRowHeight={() => 200}
+ getRowHeight={() => "auto"}
+ sx={{
+ "& .MuiDataGrid-cellContent": {
+ minHeight: 50,
+
+ }
+ }}
+
/>
@@ -6280,7 +6321,7 @@ const Employes = (props) => {
- Login & Mot de passe
+ Compte utilisateur
{String(p_detail_user_login) === "" &&
@@ -6293,8 +6334,7 @@ const Employes = (props) => {
}
-
+
Login
{
- {String(employee_data_edit_mode) === "1" && String(p_detail_user_login) === "" &&
-
Créer login & pwd
+ { String(p_detail_user_login) === "" &&
+ Créer login & pwd
}
- {String(employee_data_edit_mode) === "1" && String(p_detail_user_login) !== "" &&
-
M.A.J PWD
+ { String(p_detail_user_login) !== "" &&
+ M.A.J PWD
}
- {String(employee_data_edit_mode) === "1" && String(p_detail_user_login) !== "" && String(p_detail_user_login_locked) !== "1"
- &&
+ { String(p_detail_user_login) !== "" && String(p_detail_user_login_locked) !== "1"
+ &&
Désactiver compte
+ Désactiver
@@ -6382,11 +6422,11 @@ const Employes = (props) => {
}
- {String(employee_data_edit_mode) === "1" && String(p_detail_user_login) !== "" && String(p_detail_user_login_locked) === "1"
- &&
+ { String(p_detail_user_login) !== "" && String(p_detail_user_login_locked) === "1"
+ &&
Réactiver compte
+ Réactiver
@@ -6447,8 +6487,11 @@ const Employes = (props) => {
{String(p_detail_user_login) === "" &&
}
-
- Login E-Learning
+
+
+ Login E-Learning
+
{
/>
- {String(p_detail_lms_account_disable) === "1" || (
- String(p_detail_mysy_lms_user_id) === "" && String(p_detail_lms_virtualhost_url) === ""
- && String(p_detail_user_login) !== "") &&
-
+
+
+ {String(p_detail_mysy_lms_user_id) === ""
+ && String(p_detail_user_login) !== "" && String(p_detail_user_login_locked) !== "1" &&
+
+
Créer accès E-Learning
+ Créer accès
}
@@ -6520,13 +6565,15 @@ const Employes = (props) => {
}
+
+
{String(p_detail_lms_account_disable) !== "1" &&
- String(p_detail_mysy_lms_user_id) !== "" && String(p_detail_lms_virtualhost_url) !== ""
- && String(p_detail_user_login) !== "" &&
-
+ String(p_detail_mysy_lms_user_id) !== "" &&
+ String(p_detail_user_login) !== "" &&
+
Desactiver accès E-Learning
+ Désactiver
}
diff --git a/src/components/TestUrl.js b/src/components/TestUrl.js
index 8157d2d..c8ec2d9 100644
--- a/src/components/TestUrl.js
+++ b/src/components/TestUrl.js
@@ -63,6 +63,8 @@ import Typography from '@mui/material/Typography';
import { Toolbar } from "@mui/material/Toolbar";
+import { gridClasses } from '@mui/x-data-grid';
+import Link from '@mui/material/Link';
import {
CardElement,
@@ -91,6 +93,8 @@ import { makeStyles } from '@mui/styles';
import Checkbox from '@mui/material/Checkbox';
import { Container, Row, Col } from 'react-grid-system';
+
+
// pour le payement stripe : https://stripe.com/docs/payments/quickstart?client=react&lang=python
const stripePromise = loadStripe('pk_test_51LUUfAAbmaEugrFTI25uZBD3IFjbtaL6jUfRV83diDf7nco8worna4NGKhMHbPP71WCwT5EHFRdDNatxPrJWwgZ300kgH5EO4p');
@@ -135,6 +139,28 @@ const handleRowClick = (param, event) => {
console.log(event);
};
+function ExpandableCell_50({ value }) {
+ const [expanded, setExpanded] = React.useState(false);
+
+ return (
+
+ {expanded ? value : value.slice(0, 10)}
+ {value.length > 10 && (
+ // eslint-disable-next-line jsx-a11y/anchor-is-valid
+ setExpanded(!expanded)}
+ >
+ {expanded ? 'Réduire' : 'Voir plus'}
+
+ )}
+
+ );
+}
+
+
const columns21 = [
{
field: "id",
@@ -160,7 +186,7 @@ const columns21 = [
);
}
},
- { field: "lastName", headerName: "Last Name", width: 130 },
+ { field: "lastName", headerName: "Last Name", width: 100, renderCell: (params) => , },
{
field: "age",
headerName: "Age",
@@ -187,11 +213,11 @@ const columns21 = [
];
const rows21 = [
- { id: 1, lastName: "Snow", firstName: "Jon", age: 35 },
+ { id: 1, lastName: "Aliquam dapibus, lorem vel mattis aliquet, purus lorem tincidunt mauris, in blandit quam risus sed ipsum.", firstName: "Jon", age: 35 },
{ id: 2, lastName: "Lannister", firstName: "Amy", age: 42 },
{
id: 3,
- lastName: "IGOTAREALLyLONGNAME!!!!!!!",
+ lastName: "IGOTAREALLyLONGNAME!!!!!!!us, lorem vel mattis aliquet, purus lorem tincidunt mauris, in blandit quam risus sed ipsum",
firstName: "Jaime",
age: 45
},
@@ -625,6 +651,8 @@ Cette fonction recuperer les stats des TOP 5 formations sur la periode saisie pa
};
+
+
const rowss = [
{ id: 1, col1: 'Hello', col2: 'World', col3: '12', col4: true },
{ id: 2, col1: 'DataGridPro', col2: 'is Awesome', col3: '12', col4: true },
@@ -717,6 +745,7 @@ Cette fonction recuperer les stats des TOP 5 formations sur la periode saisie pa
];
const [tabledata, settabledata] = useState([]);
+
return (
@@ -816,19 +845,48 @@ Cette fonction recuperer les stats des TOP 5 formations sur la periode saisie pa
/>
+
+ 100}
+ getRowHeight={() => 'auto'}
+ sx={{
+ "& .MuiDataGrid-cellContent": {
+ minHeight: 40,
+ maxHeight: 1000
+ },[`& .${gridClasses.cell}`]: {
+ py: 1,
+ },
+ }}
+ />
+
- {/*
+
+ iciiii
+ {
}
headerHeight={60}
rowHeight={120}
- sx={datagridSx}
+
rows={rows21}
columns={columns21}
pageSize={5}
checkboxSelection
onCellClick={handleCellClick}
onRowClick={handleRowClick}
+ getRowHeight={() => 'auto'}
+ sx={{
+ "& .MuiDataGrid-cellContent": {
+ minHeight: 40,
+ maxHeight: 1000
+ },[`& .${gridClasses.cell}`]: {
+ py: 1,
+ },
+ }}
+
+
/>
-
*/}
+
}
@@ -939,7 +997,7 @@ Cette fonction recuperer les stats des TOP 5 formations sur la periode saisie pa
-
+
Code
Because it's awesome!
diff --git a/src/styles/components/_displaypartnersession.scss b/src/styles/components/_displaypartnersession.scss
index f46c7f0..dced747 100644
--- a/src/styles/components/_displaypartnersession.scss
+++ b/src/styles/components/_displaypartnersession.scss
@@ -158,6 +158,7 @@
letter-spacing: 0.1rem;
font-weight: normal;
width: 100%;
+ height: 2rem !important;
}
.detail_class_submenu:hover:active,
@@ -773,6 +774,7 @@
font-size: small;
letter-spacing: 0.1rem;
font-weight: normal;
+ height: 2rem !important;
}
.detail_class_submenu:hover:active,
@@ -1443,6 +1445,7 @@
font-size: small;
letter-spacing: 0.1rem;
font-weight: normal;
+ height: 2rem !important;
}
.detail_class_submenu:hover:active,
@@ -2000,6 +2003,7 @@
font-size: small;
letter-spacing: 0.1rem;
font-weight: normal;
+ height: 2rem !important;
}
.detail_class_submenu:hover:active,
diff --git a/src/styles/components/_displaypartnertrainingpagination.scss b/src/styles/components/_displaypartnertrainingpagination.scss
index f4b4a71..f44a026 100644
--- a/src/styles/components/_displaypartnertrainingpagination.scss
+++ b/src/styles/components/_displaypartnertrainingpagination.scss
@@ -421,6 +421,13 @@
padding-top: 0.5rem !important;
}
+ .import_excel{
+ background: #d8edfc !important;
+ min-width: 15rem;
+ color: #3b3e40;
+ width: auto;
+ height: 2rem !important;
+ }
.detail_class_submenu {
background: #d8edfc;
@@ -437,6 +444,7 @@
letter-spacing: 0.1rem;
font-weight: normal;
width: 100%;
+ height: 2rem !important;
}
.detail_class_submenu:hover:active,
@@ -485,6 +493,15 @@
background: #c8cfd5;
color: black;
width: 100%;
+ height: 2rem !important;
+ }
+
+ .bton_add_session_long {
+ background: #c8cfd5;
+ color: black;
+ width: 100%;
+ height: 2rem !important;
+ line-height: 0.9rem !important;
}
.icon_excel {
@@ -865,6 +882,14 @@
padding-top: 0.5rem !important;
}
+ .import_excel{
+ background: #d8edfc !important;
+ min-width: 15rem;
+ color: #3b3e40;
+ width: auto;
+ height: 2rem !important;
+ }
+
.detail_class_submenu {
background: #d8edfc;
border-radius: 15px;
@@ -879,6 +904,7 @@
font-size: small;
letter-spacing: 0.1rem;
font-weight: normal;
+ height: 2rem !important;
}
.detail_class_submenu:hover:active,
@@ -927,7 +953,17 @@
.bton_add_session {
background: #c8cfd5;
color: black;
- width: 50%;
+ width: 80%;
+ height: 2rem !important;
+ text-align: left;
+ }
+ .bton_add_session_long {
+ background: #c8cfd5;
+ color: black;
+ width: 80% ;
+ height: 2rem !important;
+ text-align: left;
+ line-height: 0.9rem !important;
}
.icon_excel {
@@ -1308,6 +1344,14 @@
padding-top: 0.5rem !important;
}
+ .import_excel{
+ background: #d8edfc !important;
+ min-width: 15rem;
+ color: #3b3e40;
+ width: auto;
+ height: 2rem !important;
+ }
+
.detail_class_submenu {
background: #d8edfc;
border-radius: 15px;
@@ -1322,6 +1366,7 @@
font-size: small;
letter-spacing: 0.1rem;
font-weight: normal;
+ height: 2rem !important;
}
.detail_class_submenu:hover:active,
@@ -1369,9 +1414,16 @@
.bton_add_session {
background: #c8cfd5;
color: black;
- width: 40%;
+ width: 45%;
+ height: 2rem !important;
+ }
+ .bton_add_session_long {
+ background: #c8cfd5;
+ color: black;
+ width: 45% ;
+ height: 2rem !important;
+ line-height: 0.9rem !important;
}
-
.icon_excel {
width: 10%;
}
@@ -1746,6 +1798,15 @@
padding-top: 0.5rem !important;
}
+
+ .import_excel{
+ background: #d8edfc !important;
+ min-width: 15rem;
+ color: #3b3e40;
+ width: auto;
+ height: 2rem !important;
+ }
+
.detail_class_submenu {
background: #d8edfc;
border-radius: 15px;
@@ -1760,6 +1821,7 @@
font-size: small;
letter-spacing: 0.1rem;
font-weight: normal;
+ height: 2em !important;
}
.detail_class_submenu:hover:active,
@@ -1807,7 +1869,15 @@
.bton_add_session {
background: #c8cfd5;
color: black;
- width: 20% !important;
+ width: 20% ;
+ height: 2rem !important;
+ }
+
+ .bton_add_session_long {
+ background: #c8cfd5;
+ color: black;
+ width: 40% ;
+ height: 2rem !important;
}
.icon_excel {
diff --git a/src/styles/components/_employes.scss b/src/styles/components/_employes.scss
index d174b54..0f78100 100644
--- a/src/styles/components/_employes.scss
+++ b/src/styles/components/_employes.scss
@@ -2241,12 +2241,12 @@
.bton_action1 {
border-radius: 5rem;
font-size: small;
- background: #81BC3A !important;
+ background: #81BC3A;
text-align: center;
- width: 40%;
+ width: 80%;
color: white;
font-size: 11px;
- height: 2rem;
+ height: 1.5rem;
}
.session_caract_Dialog {