@@ -7320,10 +7426,10 @@ const Module_Session_Planification = (props) => {
-
+
{
slotMinTime={Partner_Debut_Journee}
slotMaxTime={Partner_Fin_Journee}
scrollTime='08:00'
+ slotDuration="00:30:00"
displayEventEnd={true}
eventContent={renderEventContent}
eventClick={handleEventClick}
-
-
eventChange={handleEventChange}
+ hiddenDays={[0]}
/>
@@ -7895,6 +8001,25 @@ export default Module_Session_Planification;
const local_css = `
.react-datepicker-wrapper{
width: 100%;
-
}
+
+ .fc-event-main{
+ word-wrap: break-word;
+ }
+
+ .fc .fc-timegrid-slot {
+ height: 35px !important;
+}
+
+.fc .fc-timegrid-slot-label-cushion {
+ font-size: 13px;
+ font-weight: 700;
+ color: #475569;
+}
+
+.fc .fc-timegrid-axis-cushion {
+ font-size: 13px;
+ color: #64748b;
+}
+
`;
diff --git a/src/components/Partner_Client.js b/src/components/Partner_Client.js
index 85ee0b4..f0de6c3 100644
--- a/src/components/Partner_Client.js
+++ b/src/components/Partner_Client.js
@@ -13,7 +13,7 @@ import DialogContent from '@mui/material/DialogContent';
import DialogTitle from '@mui/material/DialogTitle';
-
+import ToggleSwitch_v2_mysy from "./ToggleSwitch_v2_mysy";
import excel_icone from "../mysy_img/excel_icone.png";
import participants from "../mysy_img/participants.png";
import Box from '@mui/material/Box';
@@ -573,9 +573,175 @@ const Partner_Client = (props) => {
});
}
+ Get_List_Client_Groupe();
+ Get_List_Client_Type();
+
}, []);
+ const [New_Get_List_Client_Groupe_result, setNew_Get_List_Client_Groupe_result] = useState([]);
+
+ const [Get_List_Client_Groupe_api, setGet_List_Client_Groupe_api] = useState();
+ const [Get_List_Client_Groupe_message, setGet_List_Client_Groupe_message] = useState();
+ const [Get_List_Client_Groupe_result, setGet_List_Client_Groupe_result] = useState();
+ function Get_List_Client_Groupe(event) {
+
+ var form = new FormData();
+ const stored_cookie = getCookie('tokenmysypart');
+ const related_collection = "partner_client"
+
+
+ form.append("token", stored_cookie);
+
+ var myurl = process.env.REACT_APP_API_URL + "myclass/api/Get_List_Groupe_Client/";
+
+ axios.post(myurl, form).then(res => {
+ //console.log(" In Get_List_Client_Groupe res.data.status = " + res.data.status);
+ // console.log(" In Get_List_Client_Groupe res.data.message r_class = " + res.data.message);
+
+ if (String(res.data.status) === String("true")) {
+ setGet_List_Client_Groupe_api("true");
+ setGet_List_Client_Groupe_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_code = JSON.parse(x).code;
+
+
+ //---
+ var node = {
+ "_id": local_id,
+ "id": localid,
+ "label": local_code,
+ "code": local_code,
+
+ };
+ new_data2.push(node);
+ });
+
+ //---
+ var node = {
+ "_id": "",
+ "id": "",
+ "label": "",
+ "code": "",
+
+ };
+ new_data2.push(node);
+ if (new_data2.length > 0)
+ setNew_Get_List_Client_Groupe_result(new_data2);
+
+ }
+ else if (String(res.data.status) === String("Err_Connexion")) {
+ alert('Erreur: ' + res.data.message);
+ history.push("/Connexion");
+ }
+ else {
+ setGet_List_Client_Groupe_api("false");
+ setGet_List_Client_Groupe_message(res.data.message);
+ //alert(res.data.message);
+ setdisplay_alert_mysy("1");
+ setalert_message(res.data.message);
+ setalert_type("error");
+ }
+
+ }).catch((error) => {
+ console.warn('Not good man :( Get_List_Client_Groupe = ', error);
+ setGet_List_Client_Groupe_api("false");
+
+ setdisplay_alert_mysy("1");
+ setalert_message(" Impossible de récupérer les groupes de clients");
+ setalert_type("error");
+ })
+ }
+
+ const [New_Get_List_Client_Type_result, setNew_Get_List_Client_Type_result] = useState([]);
+
+ const [Get_List_Client_Type_api, setGet_List_Client_Type_api] = useState();
+ const [Get_List_Client_Type_message, setGet_List_Client_Type_message] = useState();
+ const [Get_List_Client_Type_result, setGet_List_Client_Type_result] = useState();
+ function Get_List_Client_Type(event) {
+
+ var form = new FormData();
+ const stored_cookie = getCookie('tokenmysypart');
+ const related_collection = "partner_client"
+
+
+ form.append("token", stored_cookie);
+
+ var myurl = process.env.REACT_APP_API_URL + "myclass/api/Get_Client_Type_List/";
+
+ axios.post(myurl, form).then(res => {
+ //console.log(" In Get_List_Client_Type res.data.status = " + res.data.status);
+ //console.log(" In Get_List_Client_Type res.data.message r_class = " + res.data.message);
+
+ if (String(res.data.status) === String("true")) {
+ setGet_List_Client_Type_api("true");
+ setGet_List_Client_Type_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_code = JSON.parse(x).code;
+
+
+ //---
+ var node = {
+ "_id": local_id,
+ "id": localid,
+ "label": local_code,
+ "code": local_code,
+
+ };
+ new_data2.push(node);
+ });
+
+ //---
+ var node = {
+ "_id": "",
+ "id": "",
+ "label": "",
+ "code": "",
+
+ };
+ new_data2.push(node);
+ if (new_data2.length > 0)
+ setNew_Get_List_Client_Type_result(new_data2);
+
+
+ }
+ else if (String(res.data.status) === String("Err_Connexion")) {
+ alert('Erreur: ' + res.data.message);
+ history.push("/Connexion");
+ }
+ else {
+ setGet_List_Client_Type_api("false");
+ setGet_List_Client_Type_message(res.data.message);
+ //alert(res.data.message);
+ setdisplay_alert_mysy("1");
+ setalert_message(res.data.message);
+ setalert_type("error");
+ }
+
+ }).catch((error) => {
+ console.warn('Not good man :( Get_List_Client_Type = ', error);
+ setGet_List_Client_Type_api("false");
+ //alert(" Impossible de récupérer les types de clients");
+
+ setdisplay_alert_mysy("1");
+ setalert_message(" Impossible de récupérer les types de clients");
+ setalert_type("error");
+ })
+ }
+
+
const [isLoading, setLoading] = useState();
const [part_client_file_name, setpart_client_file_name] = useState();
@@ -810,9 +976,9 @@ const Partner_Client = (props) => {
const New_Option_Filter = [
{ "id": "nom", "label": "Nom / Raison Sociale / Tél / mail ", "value": "nom" },
{ "id": "groupe_client", "label": "Groupe Client ", "value": "groupe_client" },
- { "id": "type_client", "label": "Type Client", "value": "type_client" },
+ { "id": "categorie", "label": "Categorie", "value": "categorie" },
+ { "id": "type_client", "label": "Type Client ", "value": "type_client" },
{ "id": "typologie", "label": "Typologie", "value": "typologie" },
- { "id": "caracteristique", "label": "Caracteristiques", "value": "caracteristique" },
{ "id": "archive", "label": "Archive", "value": "archive" },
{ "id": "", "label": "", "value": "" },
{ "id": "1", "label": "", "value": "1" }, // Cette ligne pour couvrir l'ajout d'une ligne de filter. C'est fait expres.
@@ -824,15 +990,15 @@ const Partner_Client = (props) => {
]
- const Type_Client_Option = [
- { "id": "entreprise", "label": "Société ", "value": "entreprise" },
- { "id": "particulier", "label": "Particulier", "value": "particulier" },
- { "id": "ppublic", "label": "P. Public", "value": "ppublic" },
+ const Categorie = [
+ { "id": "1", "label": "Société ", "value": "1" },
+ { "id": "0", "label": "Particulier", "value": "0" },
+ { "id": "2", "label": "P. Public", "value": "2" },
{ "id": "", "label": "", "value": "" },
]
- const Type_Client_Typologie = [
+ const categorie_Typologie = [
{ "id": "financeur", "label": "Financeur", "value": "financeur" },
{ "id": "fournisseur ", "label": "Fournisseur", "value": "fournisseur " },
{ "id": "client", "label": "Client ", "value": "client" },
@@ -1190,9 +1356,9 @@ const Partner_Client = (props) => {
value={New_Option_Filter.filter((data) => (data).value === String(p_filtre1))[0].label}
options={New_Option_Filter}
onChange={(event, value) => {
+ setp_filtre1_value("");
if (value && value.value) {
setp_filtre1(value.value);
-
}
}}
@@ -1208,7 +1374,8 @@ const Partner_Client = (props) => {
- {String(p_filtre1) !== "archive" && String(p_filtre1) !== "type_client" && String(p_filtre1) !== "typologie" &&
+ {String(p_filtre1) !== "archive" && String(p_filtre1) !== "categorie" && String(p_filtre1) !== "typologie" && String(p_filtre1) !== "groupe_client" &&
+ String(p_filtre1) !== "type_client" &&
{p_filtre1 &&
@@ -1269,17 +1436,17 @@ const Partner_Client = (props) => {
}
}
- {String(p_filtre1) === "type_client" &&
+ {String(p_filtre1) === "categorie" &&
{p_filtre1 &&
(data).id === String(p_filtre1_value))[0].label}
+ value={Categorie.filter((data) => (data).id === String(p_filtre1_value))[0].label}
sx={{ float: "right" }}
className="disabled_style"
- options={Type_Client_Option}
+ options={Categorie}
onChange={(event, value) => {
if (value && value.value) {
setp_filtre1_value(value.value);
@@ -1302,11 +1469,11 @@ const Partner_Client = (props) => {
disablePortal
name="filtre1_value"
id="filtre1_value"
- value={Type_Client_Typologie.filter((data) => (data).id === String(p_filtre1_value))[0].label}
+ value={categorie_Typologie.filter((data) => (data).id === String(p_filtre1_value))[0].label}
sx={{ float: "right" }}
className="disabled_style"
- options={Type_Client_Typologie}
+ options={categorie_Typologie}
onChange={(event, value) => {
if (value && value.value) {
setp_filtre1_value(value.value);
@@ -1323,6 +1490,60 @@ const Partner_Client = (props) => {
}
}
+ {String(p_filtre1) === "groupe_client" &&
+ {p_filtre1 &&
+
(data)._id === String(p_filtre1_value))[0].label}
+ sx={{ float: "right" }}
+ className="disabled_style"
+
+ options={New_Get_List_Client_Groupe_result}
+ onChange={(event, value) => {
+ if (value && value._id) {
+ setp_filtre1_value(value._id);
+ } else {
+ setp_filtre1_value("");
+ }
+ }}
+ renderInput={(params) => }
+ />
+
+ }
+ }
+
+ {String(p_filtre1) === "type_client" &&
+ {p_filtre1 &&
+
(data)._id === String(p_filtre1_value))[0].label}
+ sx={{ float: "right" }}
+ className="disabled_style"
+
+ options={New_Get_List_Client_Type_result}
+ onChange={(event, value) => {
+ if (value && value._id) {
+ setp_filtre1_value(value._id);
+ } else {
+ setp_filtre1_value("");
+ }
+ }}
+ renderInput={(params) => }
+ />
+
+ }
+ }
+
{p_filtre1 &&
@@ -1357,6 +1578,7 @@ const Partner_Client = (props) => {
value={New_Option_Filter.filter((data) => (data).value === String(p_filtre2))[0].label}
options={New_Option_Filter}
onChange={(event, value) => {
+ setp_filtre2_value("");
if (value && value.value) {
setp_filtre2(value.value);
}
@@ -1372,7 +1594,8 @@ const Partner_Client = (props) => {
- {String(p_filtre2).length > 2 && String(p_filtre2) !== "archive" && String(p_filtre2) !== "type_client" && String(p_filtre2) !== "typologie" &&
+ {String(p_filtre2).length > 2 && String(p_filtre2) !== "archive" && String(p_filtre2) !== "categorie" && String(p_filtre2) !== "typologie" &&
+ String(p_filtre2) !== "groupe_client" && String(p_filtre2) !== "type_client" &&
{
/>}
/>}
- {String(p_filtre2).length > 3 && String(p_filtre2) === "type_client" &&
+ {String(p_filtre2).length > 3 && String(p_filtre2) === "categorie" &&
(data).id === String(p_filtre2_value))[0].label}
+ value={Categorie.filter((data) => (data).id === String(p_filtre2_value))[0].label}
sx={{ float: "right" }}
className="disabled_style"
- options={Type_Client_Option}
+ options={Categorie}
onChange={(event, value) => {
if (value && value.value) {
setp_filtre2_value(value.value);
@@ -1451,11 +1674,11 @@ const Partner_Client = (props) => {
disablePortal
name="filtre2_value"
id="filtre2_value"
- value={Type_Client_Typologie.filter((data) => (data).id === String(p_filtre2_value))[0].label}
+ value={categorie_Typologie.filter((data) => (data).id === String(p_filtre2_value))[0].label}
sx={{ float: "right" }}
className="disabled_style"
- options={Type_Client_Typologie}
+ options={categorie_Typologie}
onChange={(event, value) => {
if (value && value.value) {
setp_filtre2_value(value.value);
@@ -1469,6 +1692,52 @@ const Partner_Client = (props) => {
/>}
/>}
+ {String(p_filtre2).length > 3 && String(p_filtre2) === "groupe_client" &&
+ (data)._id === String(p_filtre2_value))[0].label}
+ sx={{ float: "right" }}
+ className="disabled_style"
+
+ options={New_Get_List_Client_Groupe_result}
+ onChange={(event, value) => {
+ if (value && value._id) {
+ setp_filtre2_value(value._id);
+ } else {
+ setp_filtre2_value("");
+ }
+ }}
+ renderInput={(params) => }
+ />}
+
+ {String(p_filtre2).length > 3 && String(p_filtre2) === "type_client" &&
+ (data)._id === String(p_filtre2_value))[0].label}
+ sx={{ float: "right" }}
+ className="disabled_style"
+
+ options={New_Get_List_Client_Type_result}
+ onChange={(event, value) => {
+ if (value && value._id) {
+ setp_filtre2_value(value._id);
+ } else {
+ setp_filtre2_value("");
+ }
+ }}
+ renderInput={(params) => }
+ />}
+
diff --git a/src/components/Partner_Config_Ftion_Initiale.js b/src/components/Partner_Config_Ftion_Initiale.js
index e1c5e05..130976a 100644
--- a/src/components/Partner_Config_Ftion_Initiale.js
+++ b/src/components/Partner_Config_Ftion_Initiale.js
@@ -19,9 +19,53 @@ import Link from '@mui/material/Link';
import { PiDotsThree } from "react-icons/pi";
import Module_Alert_Confirmation from "./Module_Alert_Confirmation";
import Autocomplete from '@mui/material/Autocomplete';
+import { makeStyles } from "@material-ui/core/styles";
+import CancelPresentationIcon from '@mui/icons-material/CancelPresentation';
+import { IconButton } from '@material-ui/core';
+import Paper from '@material-ui/core/Paper';
+import Draggable from 'react-draggable';
+import Dialog from '@mui/material/Dialog';
+import DialogActions from '@mui/material/DialogActions';
+import DialogContent from '@mui/material/DialogContent';
+import DialogContentText from '@mui/material/DialogContentText';
+import DialogTitle from '@mui/material/DialogTitle';
+import ColorPicker from 'react-pick-color';
+
+function PaperComponent(props) {
+ return (
+
+
+
+ );
+}
+
+
+const useStyles = makeStyles((theme) => ({
+
+ dialog: {
+ position: 'absolute',
+ // left: 10,
+ top: 400
+ },
+
+ paper: {
+ overflowY: 'unset',
+ },
+ customizedButton: {
+ position: 'absolute',
+ left: '95%',
+ top: '-2%',
+ backgroundColor: 'lightgray',
+ color: 'gray',
+ },
+}));
+
const Partner_Config_Ftion_Initiale = (props) => {
-
+ const classes = useStyles();
const history = useHistory();
const [submenu, setsubmenu] = useState("type_eval");
const [rowss, setRows] = useState([]);
@@ -688,6 +732,8 @@ const Partner_Config_Ftion_Initiale = (props) => {
const [p_detail_config_nom, setp_detail_config_nom] = useState("");
const [p_detail_config_description, setp_detail_config_description] = useState("");
+ const [p_detail_config_code_couleur, setp_detail_config_code_couleur] = useState("");
+
const [config_type_eval_edit_mode, setconfig_type_eval_edit_mode] = useState("");
const [config_type_eval_changed, setconfig_type_eval_changed] = useState("");
@@ -828,7 +874,7 @@ const Partner_Config_Ftion_Initiale = (props) => {
setp_detail_config_code(line1[0].code);
setp_detail_config_nom(line1[0].nom);
setp_detail_config_description(line1[0].description);
-
+ setp_detail_config_code_couleur(line1[0].code_couleur);
if (document.getElementById('myRef')) {
@@ -875,8 +921,6 @@ const Partner_Config_Ftion_Initiale = (props) => {
function Annule_Add_Type_Eval_DetailFields() {
-
-
if (selected_type_eval_id && selected_type_eval_id > 0) {
var line = JSON.parse(Getall_Parter_config_type_evaluation_result[selected_type_eval_id]);
@@ -887,6 +931,7 @@ const Partner_Config_Ftion_Initiale = (props) => {
setp_detail_config_code(line.code);
setp_detail_config_nom(line.nom);
setp_detail_config_description(line.description);
+ setp_detail_config_code_couleur(line.code_couleur);
} else {
@@ -943,6 +988,7 @@ const Partner_Config_Ftion_Initiale = (props) => {
form.append("base_authorized_type_evaluation_id", p_one_detail_config_code);
form.append("nom", p_one_detail_config_nom);
form.append("description", p_one_detail_config_description);
+ form.append("code_couleur", p_detail_config_code_couleur);
//console.log(" form == ", form);
@@ -968,6 +1014,7 @@ const Partner_Config_Ftion_Initiale = (props) => {
setconfig_type_eval_edit_mode("");
setconfig_type_eval_changed("");
setdisplay_detail_type_eval("");
+ setp_detail_config_code_couleur("");
setadd_config_type_eval("");
setgridline_type_eval_id("");
@@ -999,7 +1046,11 @@ const Partner_Config_Ftion_Initiale = (props) => {
setLoading(false);
console.warn('UpdateStagiaireData : Not good man :( Add_Config_Type_Eval = ' + error);
setAdd_Config_Type_Eval_api("false");
- alert(" Impossible d'ajouter le paramétrage ");
+ //alert(" Impossible d'ajouter le paramétrage ");
+
+ setdisplay_alert_mysy("1");
+ setalert_message(" Impossible d'ajouter le paramétrage ");
+ setalert_type("error");
})
}
@@ -1095,6 +1146,7 @@ const Partner_Config_Ftion_Initiale = (props) => {
form.append("base_authorized_type_evaluation_code", p_detail_config_code);
form.append("nom", p_detail_config_nom);
form.append("description", p_detail_config_description);
+ form.append("code_couleur", p_detail_config_code_couleur);
form.append("_id", selected_type_eval_id);
//console.log(" form == ", form);
@@ -1117,6 +1169,7 @@ const Partner_Config_Ftion_Initiale = (props) => {
setp_detail_config_code("");
setp_detail_config_nom("");
setp_detail_config_description("");
+ setp_detail_config_code_couleur("");
setconfig_type_eval_edit_mode("");
setconfig_type_eval_changed("");
setdisplay_detail_type_eval("");
@@ -1149,7 +1202,11 @@ const Partner_Config_Ftion_Initiale = (props) => {
setLoading(false);
console.warn('UpdateStagiaireData : Not good man :( Update_Config_Type_Eval = ' + error);
setUpdate_Config_Type_Eval_api("false");
- alert(" Impossible de mettre à jour le paramétrage ");
+ // alert(" Impossible de mettre à jour le paramétrage ");
+
+ setdisplay_alert_mysy("1");
+ setalert_message(" Impossible de mettre à jour le paramétrage ");
+ setalert_type("error");
})
}
@@ -1266,6 +1323,22 @@ const Partner_Config_Ftion_Initiale = (props) => {
setdisplay_alert_mysy("");
}
+ const [Dialog_GRP_COLOR_message, setDialog_GRP_COLOR_message] = React.useState(false);
+ const [Dialog_GRP_COLOR_open, setDialog_GRP_COLOR_open] = React.useState(false);
+
+ const [p_detail_color, setp_detail_color] = React.useState("#33b8ff");
+
+ const Dialog_GRP_COLOR_handleClose = () => {
+
+ };
+
+ const Dialog_GRP_COLOR_handleClose_buton = () => {
+ setDialog_GRP_COLOR_open(false);
+
+ };
+
+
+
return (
{isLoading &&
@@ -1280,6 +1353,82 @@ const Partner_Config_Ftion_Initiale = (props) => {
clear_display_alert_mysy={clear_display_alert_mysy}
/>
}
+
+ {/*** Dialog pickup Color */}
+
+
+ {/*** Fin ajout pickup Color */}
+
{/*** FIN Affichage des messages d'alerte*/}
Formation Initale configuration
@@ -1289,15 +1438,6 @@ const Partner_Config_Ftion_Initiale = (props) => {
- {/*
-
-
-
-
-
-
- */
- }
{/*** Type evaluation */}
{String(submenu) === "type_eval" &&
@@ -1466,145 +1606,204 @@ const Partner_Config_Ftion_Initiale = (props) => {
{String(config_type_eval_edit_mode) !== "1" &&
-
Code 11
+
+
+
+
+
+
+
+
+ Type évaluation
+
+
+
+
+
Code
+
+ {New_Getall_Default_FI_Authorized_type_evaluation_result && New_Getall_Default_FI_Authorized_type_evaluation_result.length > 0 && (data)._id === String(p_detail_type_eval_base_authorized_type_evaluation_id))[0].label}
+
+ />}
+
+
- {New_Getall_Default_FI_Authorized_type_evaluation_result && New_Getall_Default_FI_Authorized_type_evaluation_result.length > 0 &&
Nom
+ (data)._id === String(p_detail_type_eval_base_authorized_type_evaluation_id))[0].label}
+ />
- />}
+
+
Description
+
+
+
+
+ {/*
Code couleur
+
+
+
*/}
+
+
+
+
+
+
+
-
-
Nom
-
-
-
-
-
Description
-
-
-
-
}
{String(config_type_eval_edit_mode) === "1" &&
-
Code
+
+
+
+
+
+
+
+ Type évaluation
+
+
+
+
+
Code
+ {New_Getall_Default_FI_Authorized_type_evaluation_result && New_Getall_Default_FI_Authorized_type_evaluation_result.length > 0 &&
(data)._id === String(p_detail_type_eval_base_authorized_type_evaluation_id))[0].label}
+ options={New_Getall_Default_FI_Authorized_type_evaluation_result}
+ onChange={(event, value) => {
+ setconfig_type_eval_changed("1");
+ if (value && value._id) {
+ setp_detail_config_code(value._id);
+ }
+ else {
+ setp_detail_config_code("");
+ }
+ }}
+
+ renderInput={(params) =>
+ }
+ />}
- {New_Getall_Default_FI_Authorized_type_evaluation_result && New_Getall_Default_FI_Authorized_type_evaluation_result.length > 0 && (data)._id === String(p_detail_type_eval_base_authorized_type_evaluation_id))[0].label}
- options={New_Getall_Default_FI_Authorized_type_evaluation_result}
- onChange={(event, value) => {
- if (value && value._id) {
- setp_detail_config_code(value._id);
- }
- else {
- setp_detail_config_code("");
- }
- }}
-
- renderInput={(params) =>
- }
- />}
+
+
+
Nom
+ {
+ setp_detail_config_nom(e.target.value);
+ setconfig_type_eval_changed("1");
+ }}
+
+ />
+
+
+
+
Description
+ {
+ setp_detail_config_description(e.target.value);
+ setconfig_type_eval_changed("1");
+ }}
+ />
+
+
+
+ {/*}
Code couleur
+
+
+
*/}
+
+
+
+
+
+
+
-
-
-
-
Nom
- {
- setp_detail_config_nom(e.target.value);
- setconfig_type_eval_changed("1");
- }}
-
- />
-
-
-
-
Description
- {
- setp_detail_config_description(e.target.value);
- setconfig_type_eval_changed("1");
- }}
- />
-
-
-
}
@@ -2239,10 +2438,116 @@ const Partner_Config_Ftion_Initiale = (props) => {
-
+
)
}
export default Partner_Config_Ftion_Initiale;
+
+
+const local_css = `
+
+:root {
+ --bg: #f6f8fb;
+ --card: #ffffff;
+ --text: #0f172a;
+ --muted: #64748b;
+ --border: #e5e7eb;
+ --shadow: 0 10px 25px rgba(2, 6, 23, .06);
+ --green-700: #0f6b53;
+ --green-600: #167a5e;
+ --green-100: #e9f7f1;
+ --blue-600: #2563eb;
+ --radius: 14px;
+ --radius-sm: 10px;
+}
+ .Grid_2_col{
+ margin-top: 12px;
+ display:grid;
+ grid-template-columns: 1.2fr 1fr;
+ gap: 14px;
+ padding:5px;
+}
+ .Grid_1_col{
+ margin-top: 12px;
+ display:grid;
+ grid-template-columns: 1fr;
+ gap: 14px;
+ padding:5px;
+}
+
+.Grid_2_col_sub_colone {
+ background: #fff;
+ border: 1px solid #e5e7eb;
+ border-radius: 14px;
+ box-shadow: 0 6px 18px rgba(2,6,23,.04);
+ padding: 0px;
+ display: flex;
+ flex-direction: column;
+ gap: 14px;
+}
+
+
+.Grid_2_col_sub_colone_header {
+ background: #dbeafe;
+ border-top-right-radius: 10px;
+ border-top-left-radius: 10px;
+ text-align: center;
+ font-family: DM Sans;
+ font-weight: 700;
+ height: 2rem;
+ padding-top: 5px;
+ font-size: 15px;
+}
+
+.Grid_2_col_sub_colone_bottom_menu{
+
+}
+
+.card__header{
+background: #e2e8f0;
+ font-size: small;
+ text-align: center;
+}
+
+.card__title{
+ display:flex;
+ align-items:center;
+ gap: 10px;
+}
+
+.card__icon{
+ width: 34px;
+ height: 34px;
+ display:grid;
+ place-items:center;
+ border-radius: 12px;
+ background:#eff6ff;
+ border:1px solid #dbeafe;
+}
+
+.card__header h2{
+ margin:0;
+ font-size: 15px;
+ letter-spacing: -0.01em;
+}
+
+.card__actions{ display:flex; align-items:center; gap:8px; }
+
+.block_detail_action{
+width: 100%;
+ float: left;
+ background: #fafafa;
+ padding: 10px;
+ border: unset;
+ border-radius: 10px;
+ }
+
+
+.react-datepicker-wrapper{
+width: 100%;
+
+ }
+`;
\ No newline at end of file
diff --git a/src/components/ToggleSwitch_text_left.js b/src/components/ToggleSwitch_text_left.js
new file mode 100644
index 0000000..b01e9be
--- /dev/null
+++ b/src/components/ToggleSwitch_text_left.js
@@ -0,0 +1,26 @@
+import React from "react";
+
+
+const ToggleSwitch_text_left = ({ label, checked }) => {
+ return (
+
+
+
+
+
+
+ );
+};
+
+export default ToggleSwitch_text_left;
\ No newline at end of file