diff --git a/src/components/AddPartnerClient.js b/src/components/AddPartnerClient.js index 8834489..09424f3 100644 --- a/src/components/AddPartnerClient.js +++ b/src/components/AddPartnerClient.js @@ -1,7 +1,7 @@ import React, { useRef, useState, useEffect } from "react"; import TextField from '@mui/material/TextField'; - +import ToggleSwitch_v2_mysy from "./ToggleSwitch_v2_mysy"; import fileDownload from 'js-file-download'; import 'react-confirm-alert/src/react-confirm-alert.css'; // Import css import Button from '@mui/material/Button'; @@ -23,6 +23,7 @@ import PartnerClient_Activite_For_Client from "./PartnerClient_Activite_For_Clie import Popup from 'reactjs-popup'; import 'reactjs-popup/dist/index.css'; import ToggleSwitch from "./ToggleSwitch"; +import ToggleSwitch_text_left from "./ToggleSwitch_text_left"; import { FcSpeaker } from "react-icons/fc"; import Autocomplete from '@mui/material/Autocomplete'; import { gridClasses } from '@mui/x-data-grid'; @@ -543,7 +544,11 @@ const AddParnerClient = (props) => { }).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"); + //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"); }) } @@ -621,7 +626,9 @@ const AddParnerClient = (props) => { }).catch((error) => { console.warn('Not good man :( Get_List_Client_Groupe = ', error); setGet_List_Client_Groupe_api("false"); - alert(" Impossible de récupérer les types de clients"); + setdisplay_alert_mysy("1"); + setalert_message(" Impossible de récupérer les groupes de clients"); + setalert_type("error") }) } @@ -4217,416 +4224,6 @@ const AddParnerClient = (props) => { - {/* -
-  

- -
- -
Raison sociale
- setclient_raison_sociale(e.target.value)} - /> -
-
Nom
- setclient_nom(e.target.value)} - - /> -
- -
Type client
- - { - if (value && value._id) { - setp_client_type_id(value._id); - - } else { - setp_client_type_id(""); - } - }} - //value={p_one_detail_client_rattachement_nom} - - renderInput={(params) => - } - /> - - -
- -
Groupe client
- { - if (value && value._id) { - setp_client_goupe_client_id(value._id); - - } else { - setp_client_goupe_client_id(""); - } - }} - //value={p_one_detail_client_rattachement_nom} - - renderInput={(params) => - } - /> - - -
- - - - {p_client_is_financeur === true &&
Type Financeur
- - { - if (value && value._id) { - setp_client_type_financeur(value._id); - - } else { - - setp_client_type_financeur(""); - - } - }} - //value={p_one_detail_client_rattachement_nom} - - renderInput={(params) => - } - /> - - -
} - - {p_client_is_company && String(p_client_is_company) === "2" &&
Type P. Public
- - { - if (value && value._id) { - setp_client_type_pouvoir_public(value._id); - - } else { - - setp_client_type_pouvoir_public(""); - - } - }} - //value={p_one_detail_client_rattachement_nom} - - renderInput={(params) => - } - /> - - -
} - - -
N° Siret
- setclient_siret(e.target.value)} - /> -
- -
N° TVA
- setclient_tva(e.target.value)} - /> -
- -
- Email
- setclient_email(e.target.value)} - - /> -
-
Adresse
- setclient_adresse(e.target.value)} - /> -
-
ville
- setclient_ville(e.target.value)} - /> -
-
Code Postal
- setclient_code_postal(e.target.value)} - /> -
-
Pays
- setclient_pays(e.target.value)} - /> -
- -
Téléphone
- setclient_telephone(e.target.value)} - /> -
- -
Site web
- setclient_website(e.target.value)} - /> -
- - -
-   -
-
- - - - - - -
- -
- - - - - - - - -
- - -
- - - - - - -
- -*/}
 
@@ -4977,8 +4574,6 @@ const AddParnerClient = (props) => { - - @@ -5317,531 +4912,6 @@ const AddParnerClient = (props) => { - - - - {/* - -
-  
- - - - - -
- - - - -
-
- -
- -
Raison sociale
- setclient_raison_sociale(e.target.value)} - /> -
- - -
Nom
- setclient_nom(e.target.value)} - - /> -
- - - - {String(formedit_mode) !== "1" &&
Type client
- -
} - - - {String(formedit_mode) !== "1" &&
Groupe client
- -
} - - - {String(formedit_mode) !== "1" && p_client_is_financeur === true && - New_Get_List_Type_Financeur_result && New_Get_List_Type_Financeur_result.length > 1 &&
Type Financeur
- (data)._id === String(p_client_type_financeur))[0].label} - /> -
} - - {String(formedit_mode) !== "1" && p_client_is_company && String(p_client_is_company) === "2" && - New_Get_List_Type_Pouvoir_Public_result && New_Get_List_Type_Pouvoir_Public_result.length > 1 &&
Type P. Public
- - (data)._id === String(p_client_type_pouvoir_public))[0].code} - /> -
} - - - {New_Get_List_Client_Type_result && New_Get_List_Client_Type_result.length > 1 && - String(formedit_mode) === "1" &&
Type client
- (data)._id === String(p_client_type_id))[0].label} - - onChange={(event, value) => { - if (value && value._id) { - setp_client_type_id(value._id); - DataUpdated(); - } else { - setp_client_type_id(""); - DataUpdated(); - } - }} - - - renderInput={(params) => - } - /> - -
} - - {New_Get_List_Client_Groupe_result && New_Get_List_Client_Groupe_result.length > 0 && - String(formedit_mode) === "1" &&
Groupe client
- (data)._id === String(p_client_goupe_client_id))[0].label} - - onChange={(event, value) => { - if (value && value._id) { - setp_client_goupe_client_id(value._id); - setp_client_goupe_client_id_label(New_Get_List_Client_Groupe_result.filter((data) => (data)._id === String(p_client_goupe_client_id))[0].label) - DataUpdated(); - - } else { - setp_client_goupe_client_id(""); - DataUpdated(); - setp_client_goupe_client_id_label(""); - } - }} - - - renderInput={(params) => - } - /> - -
} - - - {p_client_is_financeur === true && New_Get_List_Type_Financeur_result && New_Get_List_Type_Financeur_result.length > 1 && - String(formedit_mode) === "1" &&
Type Financeur
- (data)._id === String(p_client_type_financeur))[0].label} - - onChange={(event, value) => { - if (value && value._id) { - setp_client_type_financeur(value._id); - - DataUpdated(); - - } - }} - - - renderInput={(params) => - } - /> - -
} - - {p_client_is_company && String(p_client_is_company) === "2" && New_Get_List_Type_Pouvoir_Public_result && New_Get_List_Type_Pouvoir_Public_result.length > 1 && - String(formedit_mode) === "1" &&
Type P. Public
- (data)._id === String(p_client_type_pouvoir_public))[0].label} - - onChange={(event, value) => { - if (value && value._id) { - setp_client_type_pouvoir_public(value._id); - - DataUpdated(); - - } - }} - - - renderInput={(params) => - } - /> - -
} - - -
N° Siret
- setclient_siret(e.target.value)} - /> -
- -
N° TVA
- setclient_tva(e.target.value)} - /> -
- -
Email
- setclient_email(e.target.value)} - - /> -
- -
Adresse
- setclient_adresse(e.target.value)} - /> -
-
Ville
- setclient_ville(e.target.value)} - /> -
-
Code Postal
- setclient_code_postal(e.target.value)} - /> -
-
Pays
- setclient_pays(e.target.value)} - /> -
- -
Telephone
- setclient_telephone(e.target.value)} - /> -
- -
Site web
- setclient_website(e.target.value)} - /> -
- - - -
- - - - - - -
- -
- - - - - - - - -
- - -
- - - - - - -
-*/} -
 
@@ -6628,72 +5698,7 @@ const AddParnerClient = (props) => { } - {/*Get_List_Of_All_PJ_result &&
-
- Liste des pièces jointes
-
- {Get_List_Of_All_PJ_result && Get_List_Of_All_PJ_result.map((val) => ( -
- - {String(props.check_user_acces_right("client", "write")) === "1" && Supprimer - - - } - modal - nested - position="center center" - > - {close => ( -
- -
MySy Information
-
- {' '} - - En confirmant cette opération, la pièce jointe sera définitivement supprimée.
- - -
-
-
- - -
-
- -
-
-
- )} -
} - -
- ))} -
-
-
*/}
@@ -6720,6 +5725,1408 @@ const AddParnerClient = (props) => {
} + + {/*
+ +
+
+ + {String(props.new_customer) !== "1" &&
+ + {String(submenu).trim() === "submenu_donnee_client" &&
+ {p_detail_archive && String(p_detail_archive) === "1" && +
Document Archivé
} + + +
+
+ +
+
+ +
+ Infos générales +
+ +
+ +
Raison sociale
+ setclient_raison_sociale(e.target.value)} + /> +
+ + +
Nom
+ setclient_nom(e.target.value)} + + /> +
+ +
N° Siret
+ setclient_siret(e.target.value)} + /> +
+ +
N° TVA
+ setclient_tva(e.target.value)} + /> +
+ +
 
+
Email
+ setclient_email(e.target.value)} + + /> +
+ +
Telephone
+ setclient_telephone(e.target.value)} + /> +
+ +
Site web
+ setclient_website(e.target.value)} + /> +
+ + + +
+
+
+ +
+
+ +
+ Coordonnées +
+ +
+ +
Adresse
+ setclient_adresse(e.target.value)} + /> +
+
Ville
+ setclient_ville(e.target.value)} + /> +
+
Code Postal
+ setclient_code_postal(e.target.value)} + /> +
+
Pays
+ setclient_pays(e.target.value)} + /> +
+ +
 
+
Commentaire
+ { + setp_client_comment(e.target.value); + + }} + /> +
+ + + +
+
+
+ + + +
+
+
+   +
+ + {String(props.check_user_acces_right("client", "write")) === "1" && String(datamodification) === "1" &&
+
/!\ Pensez à enregistrer les modifications
} + + + {String(props.check_user_acces_right("client", "write")) === "1" && String(formedit_mode) === "1" &&
+
+ +
+
+ +
+
+ } + + + {String(formedit_mode) !== "1" &&
+ +
+ +
+ + {String(props.check_user_acces_right("client", "write")) === "1" &&
+ +
} +
+ } + +
} + + {String(submenu).trim() === "submenu_donnees_facturation" &&
+ +
Email de Facturation
+ setclient_invoice_email(e.target.value)} + /> +
+ + +
Nom de Facturation
+ setclient_invoice_nom(e.target.value)} + /> +
+ + + +
N° Siret Facturation
+ setclient_invoice_siret(e.target.value)} + /> +
+ +
N° TVA Facturation
+ setclient_invoice_tva(e.target.value)} + /> +
+ +
Conditions Paiement
+ {/*String(formedit_mode_invoice) !== "1" && setp_client_invoice_paiement_condition_code(e.target.value)} + />* /} + {New_Getall_Partner_Paiement_Condition_result && New_Getall_Partner_Paiement_Condition_result.length > 0 && + (data).label === String(p_client_invoice_paiement_condition_code))[0].label} + options={New_Getall_Partner_Paiement_Condition_result} + className="disabled_style" + + onChange={(event, value) => { + if (value && value._id) { + setp_client_invoice_paiement_condition_code(value.code); + setp_client_invoice_paiement_condition_id(value._id); + DataUpdated_Invoice_Data(); + } + + }} + + renderInput={(params) => + } + />} +
+ +
Adresse
+ setclient_invoice_adresse(e.target.value)} + /> +
+ + +
Ville
+ setclient_invoice_ville(e.target.value)} + /> +
+
Code Postal
+ setclient_invoice_code_postal(e.target.value)} + /> +
+
Pays
+ { + setclient_invoice_pays(e.target.value); + DataUpdated_Invoice_Data(); + }} + /> +
+ +
+
+
+ +
Facturation automatique
+ + {New_Option_Facturation_Automatique && String(formedit_mode_invoice) !== "1" && (data).value === String(p_detail_facturation_automatique))[0].label} + + />} + + {String(formedit_mode_invoice) === "1" && New_Option_Facturation_Automatique && (data).value === String(p_detail_facturation_automatique))[0].label} + options={New_Option_Facturation_Automatique} + onChange={(event, value) => { + if (value && value.value) { + setp_detail_facturation_automatique(value.value); + DataUpdated_Invoice_Data(); + } else { + setp_detail_facturation_automatique(""); + DataUpdated_Invoice_Data(); + } + }} + renderInput={(params) => + } + />} +
+ +
+   +
+ + {String(datamodification_invoice) === "1" &&
+
/!\ Pensez à enregistrer les modifications
} + {String(formedit_mode_invoice) === "1" &&
+
+ +
+
+ +
+
+ } + {String(props.check_user_acces_right("client", "write")) === "1" && String(formedit_mode_invoice) !== "1" &&
+ +
+ +
+
+ } + +
} + + {String(submenu).trim() === "submenu_contact" &&
+ + {String(addcontact) !== "1" &&
+ {String(props.check_user_acces_right("client", "write")) === "1" &&
Ajouter un contact
} +
+
+ + {Get_List_Contact_Of_client_Part_result && String(Get_List_Contact_Of_client_Part_api) === "true" && + Get_List_Contact_Of_client_Part_result.map((client) => ( + +
+ {(JSON.parse(client).nom || JSON.parse(client).prenom) && + + + + } + modal + nested + position="center center" + > + {close => ( +
+ +
MySy Information
+
+ {' '} + + En confirmant cette opération, le contact sera définitivement supprimé.
+ + +
+
+
+ + +
+
+ +
+
+
+ )} + } + + + + + + } + +
+
+
+ + +
+ + + ))} +
+
+
} + + {String(addcontact) === "1" &&
+ + {String(formedit_mode_contact) === "1" &&
+ Civilité
+ + (data).value === String(p_contact_civilite))[0].label} + options={New_civilite} + onChange={(event, value) => { + if (value && value.value) { + setp_contact_civilite(value.value); + setdatamodification_contact("1"); + } + }} + renderInput={(params) => + } + /> + + +
} + + {String(formedit_mode_contact) !== "1" &&
+ Civilité
+ {New_civilite.length > 0 && (data).value === String(p_contact_civilite))[0].label} + + />} + +
} + + +
+ Nom
+ setp_contact_nom(e.target.value)} + + /> +
+ + +
+ Prénom
+ setp_contact_prenom(e.target.value)} + /> +
+
Email
+ setp_contact_email(e.target.value)} + + /> +
+ + +
+ Fonction
+ setp_contact_fonction(e.target.value)} + + /> +
+ + + + +
+ Téléphone Fixe
+ setcontact_telephone(e.target.value)} + /> +
+ +
+ Téléphone Mobile
+ setp_contact_telephone_mobile(e.target.value)} + /> +
+ + +
+ Adresse
+ setcontact_adresse(e.target.value)} + /> +
+
+ ville
+ setcontact_ville(e.target.value)} + /> +
+
+ Code Postal
+ setcontact_code_postal(e.target.value)} + /> +
+
+ Pays
+ setcontact_pays(e.target.value)} + /> +
+ + + + + +
+
+
+ + +
+ + + +
+
+
+   +
+ + + {String(datamodification_contact) === "1" &&
+
/!\ Pensez à enregistrer les modifications
} + + {String(formedit_mode_contact) === "1" &&
+
+ +
+
+ +
+
+ } + {String(formedit_mode_contact) !== "1" &&
+ +
+ +
+ + {String(props.check_user_acces_right("client", "write")) === "1" &&
+ +
} +
+ } + +
} + +
} + + + {String(submenu).trim() === "submenu_activite" &&
+ +
} + + {String(submenu).trim() === "submenu_piece_jointe" &&
+ + +
+
+ + {String(props.check_user_acces_right("client", "write")) === "1" &&
+ +
} + {file_1_name && file_1_name.name && + } + + {Record_All_PJ_api && String(Record_All_PJ_api) === "true" &&
Pièce jointe enregistrée
} + + {Record_All_PJ_api && String(Record_All_PJ_api) === "false" &&
{Record_All_PJ_message}
} + + +
+ + + + {file_1_name && file_1_name.name &&
+ +
+ +
+ + + +
} + + +
+ +
+ +
+ + +
} + + +
+   Fermer +
+
} +
+ + +
+ +
*/} + ); @@ -6825,4 +7232,59 @@ width: 100%; border: unset; border-radius: 10px; } + + +/* ========================= + MAIN LAYOUT +========================= */ + +.mtt-main { + width: min(100%, 1780px); + margin: 0 auto; + padding: 24px 48px 42px; + display: grid; + grid-template-columns: minmax(0, 1fr) 420px; + gap: 24px; +} + +.mtt-left-column, +.mtt-right-column { + display: flex; + flex-direction: column; + gap: 20px; +} + +.mtt-card { + background: rgba(255, 255, 255, 0.92); + border: var(--mtt-border); + border-radius: var(--mtt-radius-md); + box-shadow: var(--mtt-shadow-sm); + padding: 26px; +} + +.mtt-card-title { + display: flex; + align-items: center; + gap: 13px; + margin-bottom: 22px; +} + +.mtt-card-title h3 { + margin: 0; + color: var(--mtt-navy-850); + font-size: 21px; + font-weight: 800; + letter-spacing: -0.03em; +} + +.mtt-card-icon { + width: 32px; + height: 32px; + display: grid; + place-items: center; + border-radius: 12px; + color: var(--mtt-teal-600); + background: var(--mtt-teal-100); +} + `; diff --git a/src/components/Conseil_Classe.js b/src/components/Conseil_Classe.js index 70f5309..934cf40 100644 --- a/src/components/Conseil_Classe.js +++ b/src/components/Conseil_Classe.js @@ -12056,4 +12056,8 @@ width: 100%; border: unset; border-radius: 10px; } + + .fc-event-main{ + word-wrap: break-word; + } `; diff --git a/src/components/DisplayPartnerUnite_Enseignement.js b/src/components/DisplayPartnerUnite_Enseignement.js index fbcaf2d..4b75936 100644 --- a/src/components/DisplayPartnerUnite_Enseignement.js +++ b/src/components/DisplayPartnerUnite_Enseignement.js @@ -2707,7 +2707,7 @@ const DisplayPartnerUnite_Enseignement = (props) => {
@@ -2720,7 +2720,7 @@ const DisplayPartnerUnite_Enseignement = (props) => { {display_ue && String(display_ue) === "1" && String(add_one_ue) !== "1" &&
- +
} diff --git a/src/components/DisplayPartner_Module_Formation.js b/src/components/DisplayPartner_Module_Formation.js index ba8c71d..835334d 100644 --- a/src/components/DisplayPartner_Module_Formation.js +++ b/src/components/DisplayPartner_Module_Formation.js @@ -2720,7 +2720,7 @@ const DisplayPartner_Module_Formation = (props) => { {display_ue && String(display_ue) === "1" && String(add_one_ue) !== "1" &&
- +
} diff --git a/src/components/Groupe_Apprenant.js b/src/components/Groupe_Apprenant.js index 95f99b9..e11e1ee 100644 --- a/src/components/Groupe_Apprenant.js +++ b/src/components/Groupe_Apprenant.js @@ -1566,6 +1566,7 @@ const Groupe_Apprenant = (props) => { var local_id = JSON.parse(x)._id; var local_code = JSON.parse(x).code; var local_description = JSON.parse(x).description; + var local_code_couleur = JSON.parse(x).code_couleur; //--- @@ -1575,6 +1576,7 @@ const Groupe_Apprenant = (props) => { "label": local_code + " - " + local_description, "code": local_code, "description": local_description, + "code_couleur": local_code_couleur, }; new_data2.push(node); @@ -1588,6 +1590,7 @@ const Groupe_Apprenant = (props) => { "label": "", "code": "", "description": "", + "code_couleur": "", }; new_data2.push(node); @@ -1609,7 +1612,11 @@ const Groupe_Apprenant = (props) => { }).catch((error) => { console.warn('Not good man :( Getall_Groupe_Apprenant_Type = ', error); setGetall_Groupe_Apprenant_Type_api("false"); - alert(" Impossible de recuperer la liste des type de groupe d'apprenants"); + // alert(" Impossible de recuperer la liste des type de groupe d'apprenants"); + + setdisplay_alert_mysy("1"); + setalert_message(" Impossible de recuperer la liste des type de groupe d'apprenants"); + setalert_type("error"); //setmyApimyApiMessage("") }) } @@ -2959,7 +2966,7 @@ const Groupe_Apprenant = (props) => { inputBackground: 'grey', borderColor: 'darkgrey', borderRadius: '8px', - color: "#0a2a4d", + color: "#0a2a4d", width: '100px' }} name="detail_grp_color" @@ -3577,12 +3584,12 @@ const Groupe_Apprenant = (props) => { // Gestion des cellule a distance ou presentiel '& .cell--distantiel': { backgroundColor: '#AFE1AF', - color: "#0a2a4d", + color: "#0a2a4d", }, '& .cell--presentiel': { backgroundColor: '#AFE1AF', - color: "#0a2a4d", + color: "#0a2a4d", }, @@ -3594,11 +3601,11 @@ const Groupe_Apprenant = (props) => { '& .line--statut--inscrit': { backgroundColor: '#CEF6D8', - color: "#0a2a4d", + color: "#0a2a4d", }, '& .line--statut--preinscrit': { backgroundColor: '#F7F2E0', - color: "#0a2a4d", + color: "#0a2a4d", }, "& .MuiDataGrid-columnHeaders": { @@ -3849,333 +3856,362 @@ const Groupe_Apprenant = (props) => { {String(submenu) === "detail_groupe" &&
{String(display_grp_apprenant) === "1" && String(add_one_grp_apprenant) !== "1" &&
- - - {String(grp_apprenant_data_edit_mode) !== "1" &&
-
-
Code
- +
- InputLabelProps={{ - shrink: true, - }} - disabled={false} - className="disabled_style" - value={p_detail_code} +
+
- /> +
+ Détail Groupe +
-
+
+
Code
+ Nom
- - /> +
-
+
Nom
+ Description
- - /> +
-
+
Description
+ + +
-
Formation
- {New_Getall_Partner_Class_Reduice_Fields_result && New_Getall_Partner_Class_Reduice_Fields_result.length > 0 && Formation
+ {New_Getall_Partner_Class_Reduice_Fields_result && New_Getall_Partner_Class_Reduice_Fields_result.length > 0 && (data)._id === String(p_detail_class_id))[0].label} + InputLabelProps={{ + shrink: true, + }} + disabled={false} + className="disabled_style" + value={New_Getall_Partner_Class_Reduice_Fields_result.filter((data) => (data)._id === String(p_detail_class_id))[0].label} - />} + />} -
+
-
Promo
- {New_Getall_Partner_Session_Reduice_Fields_result && New_Getall_Partner_Session_Reduice_Fields_result.length > 0 && Promo
+ {New_Getall_Partner_Session_Reduice_Fields_result && New_Getall_Partner_Session_Reduice_Fields_result.length > 0 && (data)._id === String(p_detail_session_id))[0].label} + InputLabelProps={{ + shrink: true, + }} + disabled={false} + className="disabled_style" + value={New_Getall_Partner_Session_Reduice_Fields_result.filter((data) => (data)._id === String(p_detail_session_id))[0].label} - />} + />} -
+
-
Type de Groupe
- {New_Getall_Groupe_Apprenant_Type_result && New_Getall_Groupe_Apprenant_Type_result.length > 0 && Type de Groupe
+ {New_Getall_Groupe_Apprenant_Type_result && New_Getall_Groupe_Apprenant_Type_result.length > 0 && (data).code === String(p_detail_type_groupe_code))[0].label} + InputLabelProps={{ + shrink: true, + }} + disabled={false} + className="disabled_style" + value={New_Getall_Groupe_Apprenant_Type_result.filter((data) => (data).code === String(p_detail_type_groupe_code))[0].label} - />} + />} -
+
-
Code couleur   -
+ +
+
+
- >   - -
-  
- - } {String(grp_apprenant_data_edit_mode) === "1" &&
-
-
Code
- +
+ +
+
+ +
+ Infos Générales +
+ +
+ +
Code
+ { + setp_detail_code(e.target.value); + setgrp_apprenant_data_changed("1"); + } + } + /> + +
+ +
Nom
+ { + setp_detail_nom(e.target.value); + setgrp_apprenant_data_changed("1"); + } + } + /> + +
+ +
Description
+ { + setp_detail_description(e.target.value); + setgrp_apprenant_data_changed("1"); + } + } + /> + +
+ +
Formation
+ {New_Getall_Partner_Class_Reduice_Fields_result && New_Getall_Partner_Class_Reduice_Fields_result.length > 0 && + + (data)._id === String(p_detail_class_id))[0].label} + onChange={(event, value) => { + if (value && value._id) { + setp_detail_class_id(value._id); + setp_detail_class_internal_url(value.internal_url); + setgrp_apprenant_data_changed("1"); + } else { + + + setp_detail_class_id(""); + setp_detail_class_internal_url(""); + setgrp_apprenant_data_changed("1"); + } + + setp_detail_session_id(""); + + }} + + renderInput={(params) => + } + /> + + } + +
+ + +
Classe
+ {New_Getall_Partner_Session_Reduice_Fields_result && New_Getall_Partner_Session_Reduice_Fields_result.length > 0 && + + (data).class_internal_url === String(p_detail_class_internal_url))} + + value={New_Getall_Partner_Session_Reduice_Fields_result.filter((data) => (data)._id === String(p_detail_session_id))[0].label} + onChange={(event, value) => { + if (value && value._id) { + setp_detail_session_id(value._id); + setgrp_apprenant_data_changed("1"); + } else { + setp_detail_session_id(""); + setgrp_apprenant_data_changed("1"); + } + }} + + renderInput={(params) => + } + /> + + } + +
+ + +
Type de Groupe
+ {New_Getall_Groupe_Apprenant_Type_result && New_Getall_Groupe_Apprenant_Type_result.length > 0 && + + (data).code === String(p_detail_type_groupe_code))[0].label} + + onChange={(event, value) => { + if (value && value.code) { + setp_detail_type_groupe_code(value.code); + setgrp_apprenant_data_changed("1"); + setp_detail_color(value.code_couleur); + + } else { + setp_detail_type_groupe_code(""); + setgrp_apprenant_data_changed("1"); + } + }} + + renderInput={(params) => + } + /> + + } + +
+ +
Code couleur   + + +
+
+
+
- InputLabelProps={{ - shrink: true, - }} - disabled={false} - className="disabled_style" - value={p_detail_code} - onChange={(e) => { - setp_detail_code(e.target.value); - setgrp_apprenant_data_changed("1"); - } - } - />
- -
Nom
- { - setp_detail_nom(e.target.value); - setgrp_apprenant_data_changed("1"); - } - } - /> - -
- -
Description
- { - setp_detail_description(e.target.value); - setgrp_apprenant_data_changed("1"); - } - } - /> - -
- -
Formation
- {New_Getall_Partner_Class_Reduice_Fields_result && New_Getall_Partner_Class_Reduice_Fields_result.length > 0 && - - (data)._id === String(p_detail_class_id))[0].label} - onChange={(event, value) => { - if (value && value._id) { - setp_detail_class_id(value._id); - setp_detail_class_internal_url(value.internal_url); - setgrp_apprenant_data_changed("1"); - } else { - - - setp_detail_class_id(""); - setp_detail_class_internal_url(""); - setgrp_apprenant_data_changed("1"); - } - - setp_detail_session_id(""); - - }} - - renderInput={(params) => - } - /> - - } - -
- - -
Classe
- {New_Getall_Partner_Session_Reduice_Fields_result && New_Getall_Partner_Session_Reduice_Fields_result.length > 0 && - - (data).class_internal_url === String(p_detail_class_internal_url))} - - value={New_Getall_Partner_Session_Reduice_Fields_result.filter((data) => (data)._id === String(p_detail_session_id))[0].label} - onChange={(event, value) => { - if (value && value._id) { - setp_detail_session_id(value._id); - setgrp_apprenant_data_changed("1"); - } else { - setp_detail_session_id(""); - setgrp_apprenant_data_changed("1"); - } - }} - - renderInput={(params) => - } - /> - - } - -
- - - - -
Type de Groupe
- {New_Getall_Groupe_Apprenant_Type_result && New_Getall_Groupe_Apprenant_Type_result.length > 0 && - - (data).code === String(p_detail_type_groupe_code))[0].label} - - onChange={(event, value) => { - if (value && value.code) { - setp_detail_type_groupe_code(value.code); - setgrp_apprenant_data_changed("1"); - } else { - setp_detail_type_groupe_code(""); - setgrp_apprenant_data_changed("1"); - } - }} - - renderInput={(params) => - } - /> - - } - -
- -
Code couleur   - - -
- -
-   -
-
+
 
@@ -4222,210 +4258,224 @@ const Groupe_Apprenant = (props) => { {String(props.check_user_acces_right("stagiaire", "write")) === "1" && String(add_one_grp_apprenant) === "1" && String(display_grp_apprenant) !== "1" &&
- -
+
+
-
-
Code
- +
- InputLabelProps={{ - shrink: true, - }} - disabled={false} - className="disabled_style" - value={p_detail_code} - onChange={(e) => { - setp_detail_code(e.target.value); - setgrp_apprenant_data_changed("1"); - } - } - /> +
+ Nouveau groupe +
-
+
-
Nom
- Code
+ { - setp_detail_nom(e.target.value); - setgrp_apprenant_data_changed("1"); - } - } - /> + InputLabelProps={{ + shrink: true, + }} + disabled={false} + className="disabled_style" + value={p_detail_code} + onChange={(e) => { + setp_detail_code(e.target.value); + setgrp_apprenant_data_changed("1"); + } + } + /> -
+
-
Description
- Nom
+ { - setp_detail_description(e.target.value); - setgrp_apprenant_data_changed("1"); - } - } - /> + InputLabelProps={{ + shrink: true, + }} + disabled={false} + className="disabled_style" + value={p_detail_nom} + onChange={(e) => { + setp_detail_nom(e.target.value); + setgrp_apprenant_data_changed("1"); + } + } + /> -
-
Formation
- {New_Getall_Partner_Class_Reduice_Fields_result && New_Getall_Partner_Class_Reduice_Fields_result.length > 0 && +
- (data)._id === String(p_detail_class_id))[0].label} - onChange={(event, value) => { - if (value && value._id) { - setp_detail_class_id(value._id); - setp_detail_class_internal_url(value.internal_url); - setgrp_apprenant_data_changed("1"); - } else { +
Description
+ { + setp_detail_description(e.target.value); + setgrp_apprenant_data_changed("1"); + } + } + /> + +
+
Formation
+ {New_Getall_Partner_Class_Reduice_Fields_result && New_Getall_Partner_Class_Reduice_Fields_result.length > 0 && + + (data)._id === String(p_detail_class_id))[0].label} + onChange={(event, value) => { + if (value && value._id) { + setp_detail_class_id(value._id); + setp_detail_class_internal_url(value.internal_url); + setgrp_apprenant_data_changed("1"); + } else { - setp_detail_class_id(""); - setp_detail_class_internal_url(""); - setgrp_apprenant_data_changed("1"); + setp_detail_class_id(""); + setp_detail_class_internal_url(""); + setgrp_apprenant_data_changed("1"); + } + + setp_detail_session_id(""); + + }} + + renderInput={(params) => + } + /> + } - setp_detail_session_id(""); - - }} - - renderInput={(params) => - } - /> - - } - -
+
-
Promo
- {New_Getall_Partner_Session_Reduice_Fields_result && New_Getall_Partner_Session_Reduice_Fields_result.length > 0 && +
Promo
+ {New_Getall_Partner_Session_Reduice_Fields_result && New_Getall_Partner_Session_Reduice_Fields_result.length > 0 && - (data).class_internal_url === String(p_detail_class_internal_url))} - value={New_Getall_Partner_Session_Reduice_Fields_result.filter((data) => (data)._id === String(p_detail_session_id))[0].label} - onChange={(event, value) => { - if (value && value._id) { - setp_detail_session_id(value._id); - setgrp_apprenant_data_changed("1"); - } else { - setp_detail_session_id(""); - setgrp_apprenant_data_changed("1"); - } - }} + (data).class_internal_url === String(p_detail_class_internal_url))} + value={New_Getall_Partner_Session_Reduice_Fields_result.filter((data) => (data)._id === String(p_detail_session_id))[0].label} + onChange={(event, value) => { + if (value && value._id) { + setp_detail_session_id(value._id); + setgrp_apprenant_data_changed("1"); + } else { + setp_detail_session_id(""); + setgrp_apprenant_data_changed("1"); + } + }} - renderInput={(params) => - } - /> + /> + } + /> - } - -
- - -
Type de Groupe
- {New_Getall_Groupe_Apprenant_Type_result && New_Getall_Groupe_Apprenant_Type_result.length > 0 && - - (data).code === String(p_detail_type_groupe_code))[0].label} - - onChange={(event, value) => { - if (value && value.code) { - - setp_detail_type_groupe_code(value.code); - setgrp_apprenant_data_changed("1"); - } else { - - setp_detail_type_groupe_code(""); - setgrp_apprenant_data_changed("1"); } - }} +
- renderInput={(params) => - } - /> +
Type de Groupe
+ {New_Getall_Groupe_Apprenant_Type_result && New_Getall_Groupe_Apprenant_Type_result.length > 0 && - } + (data).code === String(p_detail_type_groupe_code))[0].label} + onChange={(event, value) => { + if (value && value.code) { + + setp_detail_type_groupe_code(value.code); + setgrp_apprenant_data_changed("1"); + setp_detail_color(value.code_couleur); + + // console.log(" ## value = ", value) + + } else { + + setp_detail_type_groupe_code(""); + setgrp_apprenant_data_changed("1"); + } + + }} + + renderInput={(params) => + } + /> + + } + +
+ +
Code couleur   + + +
+ +
+
-
Code couleur   - - -
- - -
-   -
-
+ +
 
- -
@@ -4655,15 +4705,15 @@ const Groupe_Apprenant = (props) => { '& .line--statut--selected': { backgroundColor: '#e9f7f1', - color: "#0a2a4d", + color: "#0a2a4d", }, '& .line--statut--pair': { backgroundColor: 'rgba(235, 235, 235, .7)', - color: "#0a2a4d", + color: "#0a2a4d", }, '& .line--statut--impair': { backgroundColor: '#FFFFFF', - color: "#0a2a4d", + color: "#0a2a4d", }, '& .line--statut--noted_changed': { @@ -4879,9 +4929,115 @@ const Groupe_Apprenant = (props) => {
} - +
); } export default Groupe_Apprenant; + + +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/Jurys.js b/src/components/Jurys.js index 64c6fd8..e2f65fc 100644 --- a/src/components/Jurys.js +++ b/src/components/Jurys.js @@ -9042,4 +9042,8 @@ width: 100%; border: unset; border-radius: 10px; } + + .fc-event-main{ + word-wrap: break-word; + } `; diff --git a/src/components/Materiel_Salle.js b/src/components/Materiel_Salle.js index 37675c7..b1cbf72 100644 --- a/src/components/Materiel_Salle.js +++ b/src/components/Materiel_Salle.js @@ -5863,4 +5863,8 @@ width: 100%; width: 100%; } + + .fc-event-main{ + word-wrap: break-word; + } `; \ No newline at end of file diff --git a/src/components/Materiels.js b/src/components/Materiels.js index a2cf249..efe88f0 100644 --- a/src/components/Materiels.js +++ b/src/components/Materiels.js @@ -5933,4 +5933,8 @@ width: 100%; width: 100%; } + + .fc-event-main{ + word-wrap: break-word; + } `; \ No newline at end of file diff --git a/src/components/Module_Absence.js b/src/components/Module_Absence.js index 4577d68..957dcf0 100644 --- a/src/components/Module_Absence.js +++ b/src/components/Module_Absence.js @@ -1687,4 +1687,8 @@ const local_css = ` width: 100%; } + + .fc-event-main{ + word-wrap: break-word; + } `; \ No newline at end of file diff --git a/src/components/Module_Agenda.js b/src/components/Module_Agenda.js index dc1d8f0..9737b44 100644 --- a/src/components/Module_Agenda.js +++ b/src/components/Module_Agenda.js @@ -2001,4 +2001,8 @@ const local_css = ` width: 100%; } + + .fc-event-main{ + word-wrap: break-word; + } `; \ No newline at end of file diff --git a/src/components/Module_ENT_Absence.js b/src/components/Module_ENT_Absence.js index a115732..6784e83 100644 --- a/src/components/Module_ENT_Absence.js +++ b/src/components/Module_ENT_Absence.js @@ -1643,5 +1643,8 @@ const local_css = ` .react-datepicker-wrapper{ width: 100%; + } + .fc-event-main{ + word-wrap: break-word; } `; \ No newline at end of file diff --git a/src/components/Module_Ent_Mes_Formations.js b/src/components/Module_Ent_Mes_Formations.js index 36e784d..6981c36 100644 --- a/src/components/Module_Ent_Mes_Formations.js +++ b/src/components/Module_Ent_Mes_Formations.js @@ -2978,4 +2978,8 @@ width: 100%; width: 100%; } + + .fc-event-main{ + word-wrap: break-word; + } `; diff --git a/src/components/Module_Ent_Mon_Planning.js b/src/components/Module_Ent_Mon_Planning.js index 758b48d..b460666 100644 --- a/src/components/Module_Ent_Mon_Planning.js +++ b/src/components/Module_Ent_Mon_Planning.js @@ -1035,4 +1035,8 @@ const local_css = ` width: 100%; } + + .fc-event-main{ + word-wrap: break-word; + } `; \ No newline at end of file diff --git a/src/components/Module_Session_Evaluation.js b/src/components/Module_Session_Evaluation.js index 9cfa70b..6d40163 100644 --- a/src/components/Module_Session_Evaluation.js +++ b/src/components/Module_Session_Evaluation.js @@ -557,7 +557,7 @@ const Module_Session_Evaluation = (props) => { var node = { "_id": local_id, "id": localid, - "label": local_nom + " - " + local_id, + "label": local_nom , "nom": local_nom, "raison_sociale": local_raison_sociale, "invoice_condition_paiement_id": local_cond_paiement_id, @@ -2749,8 +2749,7 @@ const Module_Session_Evaluation = (props) => { && selected_formulaire_type === "client_eval" &&
Choisir client ou financeur - selected_formulaire_type = {selected_formulaire_type} -- - selected_client_id = {selected_client_id} + { const renderEventContent = (eventInfo) => { - // console.log(" TOTOTOTOTO ", eventInfo.event); + console.log(" TOTOTOTOTO ", eventInfo.event.extendedProps); + var local_grp = [] + if (eventInfo.event.extendedProps.tab_grp_apprenant_ids) { + const new_data = eventInfo.event.extendedProps.tab_grp_apprenant_ids.map((x) => { + local_grp.push(x.code) + }); + } return ( <> {eventInfo.event.extendedProps.local_mode_animation && String(eventInfo.event.extendedProps.local_mode_animation) === "1" && - {eventInfo.timeText} - Distanciel
} + {eventInfo.timeText} - Dist. {local_grp.length > 0 && | {local_grp.toString()} }
} {eventInfo.event.extendedProps.local_mode_animation !== "1" && - {eventInfo.timeText}
} + {eventInfo.timeText} {local_grp.length > 0 && | {local_grp.toString()}
}
} - {eventInfo.event.title}
- {eventInfo.event.extendedProps.grp_code} + {String(eventInfo.event.extendedProps.local_tab_ressource_materiel).substring(0, 50).toUpperCase()}
+ {String(eventInfo.event.title).substring(0, 50)} - - {eventInfo.event.extendedProps.local_ue_titre && eventInfo.event.extendedProps.local_ue_titre !== "" && -
{eventInfo.event.extendedProps.local_ue_titre}
} + {/*eventInfo.event.extendedProps.local_ue_titre && eventInfo.event.extendedProps.local_ue_titre !== "" && +
{String(eventInfo.event.extendedProps.local_ue_titre).substring(0, 30)}
*/} ) @@ -730,7 +735,7 @@ const Module_Session_Planification = (props) => { setLoading(false); if (String(res.data.status) === String("true")) { //console.log(" In Getall_List_Sequence_Ressource res.data.status = " + res.data.status); - //console.log(" In Getall_List_Sequence_Ressource res.data.message r_class = " + res.data.message); + // console.log(" In Getall_List_Sequence_Ressource res.data.message r_class = " + res.data.message); setGetall_List_Sequence_Ressource_api("true"); setGetall_List_Sequence_Ressource_result(res.data.message); @@ -1563,7 +1568,7 @@ const Module_Session_Planification = (props) => { setLoading(false); if (String(res.data.status) === String("true")) { //console.log(" In Getall_Sequence_Of_Session res.data.status = " + res.data.status); - //console.log(" In Getall_Sequence_Of_Session res.data.message r_class = " + res.data.message); + // console.log(" In Getall_Sequence_Of_Session res.data.message r_class = " + res.data.message); setGetall_Sequence_Of_Session_api("true"); setGetall_Sequence_Of_Session_result(res.data.message); @@ -1620,6 +1625,19 @@ const Module_Session_Planification = (props) => { } + var local_tab_ressource_humaine = "" + if (JSON.parse(x).tab_ressource_humaine) { + local_tab_ressource_humaine = JSON.parse(x).tab_ressource_humaine; + + } + + + var local_tab_ressource_materiel = "" + if (JSON.parse(x).tab_ressource_materiel) { + local_tab_ressource_materiel = JSON.parse(x).tab_ressource_materiel; + + } + // Si il n'y pas de relief avec le groupe d'apprenant, on va introduire un relief avec la notion de présentiel et distantiel if (local_session_color === "" && local_mode_animation === "1") { // sequence en distantiel, on va mettre un code couleur @@ -1654,6 +1672,9 @@ const Module_Session_Planification = (props) => { "liste_groupe_code": local_liste_groupe_code, "local_last_emargement_request_date": local_last_emargement_request_date, + "local_tab_ressource_humaine": local_tab_ressource_humaine.toString(), + "local_tab_ressource_materiel": local_tab_ressource_materiel.toString(), + }; new_data2.push(node); }); @@ -1678,7 +1699,11 @@ const Module_Session_Planification = (props) => { setLoading(false); console.warn('Not good man :( Getall_Sequence_Of_Session = ', error); setGetall_Sequence_Of_Session_api("false"); - alert("Impossible de récuperer la liste des séquences") + //alert("Impossible de récuperer la liste des séquences") + + setdisplay_alert_mysy("1"); + setalert_message("Impossible de récuperer la liste des séquences"); + setalert_type("error"); //setmyApimyApiMessage("") }) } @@ -3001,7 +3026,81 @@ const Module_Session_Planification = (props) => { setLoading(false); console.warn('UpdateStagiaireData : Not good man :( Update_One_Sequence_Session = ' + error); setUpdate_One_Sequence_Session_api("false"); - alert(" Impossible de mettre à jour la séquence"); + // alert(" Impossible de mettre à jour la séquence"); + + setdisplay_alert_mysy("1"); + setalert_message(" Impossible de mettre à jour la séquence"); + setalert_type("error"); + }) + } + + const [Duplicate_Sequence_api, setDuplicate_Sequence_api] = useState(); + const [Duplicate_Sequence_message, setDuplicate_Sequence_message] = useState(); + const [Duplicate_Sequence_result, setDuplicate_Sequence_result] = useState(); + const Duplicate_Sequence = event => { + + + var form = new FormData(); + + const stored_cookie = getCookie('tokenmysypart'); + form.append("token", stored_cookie); + form.append("_id", selected_sequence_id); + + //console.log(" form == ", form); + + var myurl = process.env.REACT_APP_API_URL + "myclass/api/Duplique_Session_Sequence/"; + + setLoading(true); + axios.post(myurl, form).then(res => { + //console.log(" In Duplicate_Sequence res.data.status = " + res.data.status); + //console.log(" In Duplicate_Sequence res.data.message r_class = " + res.data.message); + + setLoading(false); + if (String(res.data.status) === String("true")) { + setDuplicate_Sequence_api("true"); + setDuplicate_Sequence_result(res.data.message); + + Getall_Sequence_Of_Session(selected_session_id); + + setp_detail_sequence_title(""); + setp_detail_sequence_comment(""); + + setp_detail_mode_animation(""); + setp_detail_sequence_volume_theorique(""); + setp_detail_sequence_agenda(""); + setp_detail_sequence_objectif(""); + + setsequence_startDate(); + setsequence_endDate(); + + setupdate_sequence(); + + // alert(res.data.message); + setdisplay_alert_mysy("1"); + setalert_message(res.data.message); + setalert_type("success"); + Dialog_DIALOG_AGENDA_handleClose_buton(); + Close_Dialog_Detail_seq_open(); + + } + else { + setDuplicate_Sequence_api("false"); + setDuplicate_Sequence_message(res.data.message); + // alert(res.data.message); + setdisplay_alert_mysy("1"); + setalert_message(res.data.message); + setalert_type("error"); + } + + }).catch((error) => { + + + setLoading(false); + // console.warn('UpdateStagiaireData : Not good man :( Duplicate_Sequence = ' + error); + setDuplicate_Sequence_api("false"); + setdisplay_alert_mysy("1"); + setalert_message(" Impossible de dupliquer la séquence"); + setalert_type("error"); }) } @@ -4579,7 +4678,7 @@ const Module_Session_Planification = (props) => { {
+ name='dialog_detail_seq_detail'>Détail {String(selected_sequence_id).length <= 3 && + name='dialog_detail_seq_detail'>Détail {String(selected_sequence_id).length <= 3 && } + + {String(selected_sequence_id).length > 3 && { + Duplicate_Sequence(); + }}> + + + + + }
} @@ -6475,7 +6582,6 @@ const Module_Session_Planification = (props) => { {Dialog_seq_ressource_1_selected_ressource_id &&
-  
@@ -6653,6 +6759,7 @@ const Module_Session_Planification = (props) => { if (value && value._id) { setp_detail_sequence_ue_id(value._id); Get_List_Given_UE_Planif_lines(value._id); + setp_detail_sequence_title(New_Getall_Class_List_UE_result.filter((data) => (data)._id === String(value._id))[0].label); } else { setp_detail_sequence_ue_id(""); setNew_Get_List_Given_UE_Planif_lines_result([]); @@ -6917,7 +7024,7 @@ const Module_Session_Planification = (props) => { {String(submenu_seq_dialog) !== "dialog_ressource" && - + { } - +
-
- +
{p_detail_event_id && String(p_detail_event_id) !== "" && } {(!p_detail_event_id || String(p_detail_event_id) === "") && }
- - {String(submenu_seq_dialog) !== "dialog_ressource" && String(p_detail_sequence_session_id) === "" && String(p_detail_event_id) === "" && -
- -
} - {String(submenu_seq_dialog) !== "dialog_ressource" && String(p_detail_sequence_session_id) === "" && p_detail_event_id && String(p_detail_event_id) !== "" && -
- - + +
} - + + -
MySy Information
-
- {' '} + - En confirmant cette opération, la séquence sera définitivement supprimée.
+ } + modal + nested + position="center center" + > + {close => ( +
+ +
MySy Information
+
+ {' '} -
-
-
- + En confirmant cette opération, la séquence sera définitivement supprimée.
-
- + }}> Valider + +
+
+ +
-
- )} -
-
} + )} + +
}
{String(submenu_seq_dialog) === "dialog_ressource" && @@ -7027,7 +7133,7 @@ const Module_Session_Planification = (props) => {
-
+
@@ -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 */} + null} + + PaperProps={{ + + + className: classes.paper, // Apply the paper style + style: { + overflowY: 'unset', + position: 'absolute', + //top: '5rem' + }, + }} + hideBackdrop={true} + disableScrollLock + classes={{ + paper: classes.dialog + }} + className="groupe_apprenant_dialog" + PaperComponent={PaperComponent} + aria-labelledby="draggable-dialog-title" + > + + Choisir une couleur + + + + + +
Code couleur
+ { + setconfig_type_eval_changed("1"); + setp_detail_config_code_couleur(color.hex); + } + } + /> + + + +
+
+ + + + + + + + + +
+ + {/*** 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