diff --git a/public/sample/template_import_client.csv b/public/sample/template_import_client.csv index 6970f92..8942aa9 100644 --- a/public/sample/template_import_client.csv +++ b/public/sample/template_import_client.csv @@ -1,3 +1,2 @@ -nom;raison_sociale;email;adresse;code_postal;ville;pays;siret;telephone;tva;website;invoice_adresse;invoice_code_postal;invoice_email;invoice_nom;invoice_siret;invoice_tva;invoice_ville;invoice_pays -client_test01;raison_sociale1;email-test01@mysy-training.fr;2 place du test;75001;Paris;France;Siret1;1010101;;www.client_test01.fr;invoice_adresse;invoice_code_postal;fact@mysy.fr;invoice_nom_val;invoice_siret_val;invoice_tva;invoice_ville;invoice_pays -client_test02;raison_sociale1;email_test02@mysy-training.fr;2 place du test;75001;Paris;France;Siret1;1010101;;www.client-test02.fr;invoice_adresse;invoice_code_postal;fact@mysy.fr;invoice_nom_val;invoice_siret_val;invoice_tva;invoice_ville;invoice_pays +nom;raison_sociale;email;adresse;code_postal;ville;pays;siret;telephone;tva;website;invoice_adresse;invoice_code_postal;invoice_email;invoice_nom;invoice_siret;invoice_tva;invoice_ville;invoice_pays;condition_paiement_code;is_compagnie;partner_groupe_client_code;contact_civilite;contact_nom;contact_prenom;contact_email;is_contact_communication;contact_fonction;contact_mobile;contact_phone;contact_adresse;contact_code_postal;contact_ville;contact_pays;contact_siret;contact_tva;is_fournisseur;is_client;is_financeur;client_type_code +imprt_client_01;raison_sociale1;import_mail_01@mysy-training.fr;2 place du test;75001;Paris;France;Siret1;1010101;;www.client_test01.fr;invoice_adresse;invoice_code_postal;fact@mysy.fr;invoice_nom_val;invoice_siret_val;invoice_tva;invoice_ville;invoice_pays;15JM;1;qsd;M;toto1;prenom_toto;toto@lll.fr;1;fonction;6060606;1020304;addd;45000;villllle;payssss;siret011_contact;tvz_ci;0;1;;CL_TYPE1 diff --git a/src/components/AddClassManual.js b/src/components/AddClassManual.js index aa83c95..16f0cda 100644 --- a/src/components/AddClassManual.js +++ b/src/components/AddClassManual.js @@ -5017,7 +5017,6 @@ const AddClassManual = (props) => { - {/*** GESTION IA */} {
@@ -8021,7 +8020,7 @@ const AddClassManual = (props) => { } - {(String(datamodification) === String("1") || String(editor_tochange) === String("1")) && + {(String(datamodification) === String("1") || String(editor_tochange) === String("1")) && String(props.check_user_acces_right("formation", "write")) === "1" && String(props.mytrainingclass.ref) !== "" &&
@@ -8029,7 +8028,7 @@ const AddClassManual = (props) => {
} - {String(props.ispending) !== String("0") &&
+ {String(props.ispending) !== String("0") && String(props.check_user_acces_right("formation", "write")) === "1" &&
{String(datamodification) === String("1") &&
ENREGISTRER
diff --git a/src/components/AddPartnerClient.js b/src/components/AddPartnerClient.js index d34205c..4f4b42a 100644 --- a/src/components/AddPartnerClient.js +++ b/src/components/AddPartnerClient.js @@ -165,7 +165,7 @@ const AddParnerClient = (props) => { const [p_contact_telephone_mobile, setp_contact_telephone_mobile] = useState(""); const [p_contact_fonction, setp_contact_fonction] = useState(""); - const [p_contact_civilite, setp_contact_civilite] = useState(""); + const [p_contact_civilite, setp_contact_civilite] = useState("neutre"); const [selected_contact_id, setelected_contact_id] = useState(""); @@ -386,6 +386,8 @@ const AddParnerClient = (props) => { } function DataEditMode_Invoice_Data() { + + if (String(props.check_user_acces_right("client", "write")) === "1") { setformedit_mode_invoice("1"); Enable_invoice_fields(); @@ -528,7 +530,10 @@ const AddParnerClient = (props) => { else { setGet_List_Client_Type_api("false"); setGet_List_Client_Type_message(res.data.message); - alert(res.data.message); + //alert(res.data.message); + setdisplay_alert_mysy("1"); + setalert_message(res.data.message); + setalert_type("error"); } }).catch((error) => { @@ -603,7 +608,10 @@ const AddParnerClient = (props) => { else { setGet_List_Client_Groupe_api("false"); setGet_List_Client_Groupe_message(res.data.message); - alert(res.data.message); + //alert(res.data.message); + setdisplay_alert_mysy("1"); + setalert_message(res.data.message); + setalert_type("error"); } }).catch((error) => { @@ -686,7 +694,10 @@ const AddParnerClient = (props) => { else { setGetall_Partner_Paiement_Condition_api("false"); setGetall_Partner_Paiement_Condition_message(res.data.message); - alert(res.data.message); + //alert(res.data.message); + setdisplay_alert_mysy("1"); + setalert_message(res.data.message); + setalert_type("error"); } }).catch((error) => { @@ -841,18 +852,18 @@ const AddParnerClient = (props) => { setp_client_type_label(""); } - if (mylocalclient.partner_groupe_client_id) { - setp_client_goupe_client_id(mylocalclient.partner_groupe_client_id); + if (mylocalclient.partner_groupe_client_id) { + setp_client_goupe_client_id(mylocalclient.partner_groupe_client_id); } else { setp_client_goupe_client_id(""); - + } - if (mylocalclient.partner_groupe_client_code) { - setp_client_goupe_client_id_label(mylocalclient.partner_groupe_client_code); + if (mylocalclient.partner_groupe_client_code) { + setp_client_goupe_client_id_label(mylocalclient.partner_groupe_client_code); } else { setp_client_goupe_client_id_label(""); - + } if (mylocalclient.tva) @@ -1644,7 +1655,10 @@ const AddParnerClient = (props) => { if (!client_email.match(validRegex)) { - alert("L'adresse email est invalide."); + // alert("L'adresse email est invalide."); + setdisplay_alert_mysy("1"); + setalert_message("L'adresse email est invalide."); + setalert_type("error"); return; } @@ -1657,7 +1671,10 @@ const AddParnerClient = (props) => { } form.append("nom", client_nom); if (String(client_nom).trim() === "") { - alert("Le nom du client est invalide."); + // alert("Le nom du client est invalide."); + setdisplay_alert_mysy("1"); + setalert_message("Le nom du client est invalide."); + setalert_type("error"); return; } @@ -1759,7 +1776,10 @@ const AddParnerClient = (props) => { axios.post(myurl, form).then(res => { if (String(res.data.status) === String("true")) { //console.log(" In Add_New_PartnerClient res.data.status = " + res.data.status); - //console.log(" In Add_New_PartnerClient res.data.message = " + res.data.message); + // console.log(" In Add_New_PartnerClient res.data.message = " + res.data.message); + + props.display_child_alert_success(res.data.message); + setAdd_New_PartnerClient_api("true"); setAdd_New_PartnerClient_result(res.data.message); setformedit_mode("0"); @@ -1771,9 +1791,7 @@ const AddParnerClient = (props) => { props.close_detail_client(); // alert(res.data.message); - setdisplay_alert_mysy("1"); - setalert_message(res.data.message); - setalert_type("success"); + } else if (String(res.data.status) === String("Err_Connexion")) { @@ -1802,6 +1820,11 @@ const AddParnerClient = (props) => { }) } + function close_current_form() { + props.father_scroll_to_top(); + props.close_detail_client(); + } + const [recordPartnerClient_api, setrecordPartnerClient_api] = useState(""); const [recordPartnerClient_result, setrecordPartnerClient_result] = useState(""); const [recordPartnerClient_message, setrecordPartnerClient_message] = useState(""); @@ -1951,6 +1974,7 @@ const AddParnerClient = (props) => { if (String(res.data.status) === String("true")) { //console.log(" In recordPartnerClient res.data.status = " + res.data.status); //console.log(" In recordPartnerClient res.data.message = " + res.data.message); + props.Get_List_Partner_Clients(); setrecordPartnerClient_api("true"); setrecordPartnerClient_result(res.data.message); setformedit_mode("0"); @@ -1963,8 +1987,6 @@ const AddParnerClient = (props) => { setalert_message(res.data.message); setalert_type("success"); - - } else if (String(res.data.status) === String("Err_Connexion")) { alert('Erreur: ' + res.data.message); @@ -2196,8 +2218,10 @@ const AddParnerClient = (props) => { } if (document.getElementsByName("client_invoice_paiement_condition")) { - document.getElementsByName("client_invoice_paiement_condition")[0].disabled = true; + console.log(" client_invoice_paiement_condition") + // document.getElementsByName("client_invoice_paiement_condition")[0].disabled = true; document.getElementsByName("client_invoice_paiement_condition")[0].style.backgroundColor = "#ECEFF1"; + console.log(" client_invoice_paiement_condition 022") } if (document.getElementsByName("client_invoice_adresse")) { @@ -2253,7 +2277,7 @@ const AddParnerClient = (props) => { } if (document.getElementsByName("client_invoice_paiement_condition")) { - document.getElementsByName("client_invoice_paiement_condition")[0].disabled = false; + // document.getElementsByName("client_invoice_paiement_condition")[0].disabled = false; document.getElementsByName("client_invoice_paiement_condition")[0].style.backgroundColor = "#FFFFFF"; } @@ -2308,7 +2332,7 @@ const AddParnerClient = (props) => { setp_contact_telephone_mobile(""); setp_contact_fonction(""); - setp_contact_civilite(""); + setp_contact_civilite("neutre"); } @@ -2437,7 +2461,7 @@ const AddParnerClient = (props) => { } form.append("fonction", contact_fonction); - var contact_civilite = "" + var contact_civilite = "neutre" if (p_contact_civilite) { contact_civilite = p_contact_civilite; } @@ -2671,7 +2695,7 @@ const AddParnerClient = (props) => { if (mylocalclient_contact.civilite) setp_contact_civilite(mylocalclient_contact.civilite); else - setp_contact_civilite(""); + setp_contact_civilite("neutre"); @@ -3602,10 +3626,10 @@ const AddParnerClient = (props) => {
-  

+  

+
+
+ + {String(props.check_user_acces_right("client", "write")) === "1" &&
+ +
}
} @@ -4744,8 +4774,8 @@ const AddParnerClient = (props) => { />
-
Conditions Paiement
- {String(formedit_mode_invoice) !== "1" && Conditions Paiement aa
+ {/*String(formedit_mode_invoice) !== "1" && { disabled={false} className="disabled_style" value={p_client_invoice_paiement_condition_code} - onChange={(e) => setp_client_invoice_paiement_condition_code(e.target.value)} - />} - - {String(formedit_mode_invoice) === "1" && New_Getall_Partner_Paiement_Condition_result && New_Getall_Partner_Paiement_Condition_result.length > 0 && + // onChange={(e) => 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); @@ -4994,8 +5026,8 @@ const AddParnerClient = (props) => {
-
} {String(formedit_mode_contact) !== "1" &&
Civilité
- 0 && { disabled={false} className="disabled_style" - value={p_contact_civilite} + value={New_civilite.filter((data) => (data).value === String(p_contact_civilite))[0].label} - - /> + />}
} diff --git a/src/components/Apprenant.js b/src/components/Apprenant.js index 8ec6146..033fcf3 100644 --- a/src/components/Apprenant.js +++ b/src/components/Apprenant.js @@ -277,7 +277,7 @@ const Apprenant = (props) => {
@@ -16631,7 +16680,7 @@ const DisplayPartnerPromotion = (props) => {
)} - + } @@ -16642,7 +16691,7 @@ const DisplayPartnerPromotion = (props) => { - } +
@@ -17753,23 +17802,43 @@ const DisplayPartnerPromotion = (props) => { +
+ + + Apprenant   + +
+ {New_GetListePreinscrit_insc_result.length > 0 && (data).id === String(p_detail_fin_data_type_cout))[0].label} - - {String(selected_convention_type) === "pdf" &&
Type Document
- + + options={New_GetListePreinscrit_insc_result} + + multiple + onChange={(event, newValue) => { + setVal([ + ...fixedVal, + ...newValue.filter((i) => fixedVal.indexOf(i) === -1), + ]); + + }} + value={val} -
} + renderInput={(params) => + } + />} + + +
@@ -22159,7 +22228,7 @@ const DisplayPartnerPromotion = (props) => { id="session_ondemande" className="disabled_style" options={session_ondemande_tab} - value={p_detail_is_bpf_label} + value={p_session_ondemande_label} onChange={(event, value) => { if (value && value.value) { setp_session_ondemande(value.value); @@ -22342,7 +22411,7 @@ const DisplayPartnerPromotion = (props) => { } {edit_session_form && selected_session_id && - } @@ -22838,7 +22907,7 @@ const DisplayPartnerPromotion = (props) => { onChange={(e) => setp_one_prix_session(e.target.value)} /> - {New_Price_by.length > 0 && 0 && { {String(participant_data_edit_mode) === "1" &&
-
} @@ -26324,6 +26393,7 @@ const DisplayPartnerPromotion = (props) => { diff --git a/src/components/DisplayPartnerSession.js b/src/components/DisplayPartnerSession.js index b4af30a..aceb781 100644 --- a/src/components/DisplayPartnerSession.js +++ b/src/components/DisplayPartnerSession.js @@ -814,7 +814,7 @@ const DisplayPartnerSession = (props) => {
@@ -16674,7 +16724,7 @@ const DisplayPartnerSession = (props) => {
)} - + } @@ -16685,7 +16735,7 @@ const DisplayPartnerSession = (props) => { - } + @@ -16771,7 +16821,7 @@ const DisplayPartnerSession = (props) => { {New_Get_List_Partner_Clients_result.filter((data) => (data)._id === String(p_detail_invoice_split_client_rattachement_id))[0].label} } { {New_Get_List_Partner_Clients_result.filter((data) => (data)._id === String(p_detail_invoice_split_facture_client_rattachement_id))[0].label} } {
{ {
{ { {p_detail_sequence_event_type_semaine_id && String(p_detail_sequence_event_type_semaine_id) !== "" && { { { -
Choisir un modèle d'émargement +
yyyChoisir un modèle d'émargement {
+
+ + + Apprenant   + +
+ {New_GetListePreinscrit_insc_result.length > 0 && (data).id === String(p_detail_fin_data_type_cout))[0].label} - {String(selected_convention_type) === "pdf" &&
Type Document
- + + options={New_GetListePreinscrit_insc_result} + + multiple + onChange={(event, newValue) => { + setVal([ + ...fixedVal, + ...newValue.filter((i) => fixedVal.indexOf(i) === -1), + ]); + + }} + value={val} -
} + renderInput={(params) => + } + />} + + +
{ { { {String(props.write_access) === "1" && String(p_detail_sequence_session_id) === "" && p_detail_event_id && String(p_detail_event_id) !== "" && { { { { { { { id="session_ondemande" className="disabled_style" options={session_ondemande_tab} - value={p_detail_is_bpf_label} + value={p_session_ondemande_label} onChange={(event, value) => { if (value && value.value) { setp_session_ondemande(value.value); @@ -22231,7 +22302,7 @@ const DisplayPartnerSession = (props) => {
} - {!edit_session_form &&
Session à la demande
+ {!edit_session_form &&
Session à la demande
{ } {edit_session_form && selected_session_id && - }
@@ -24996,7 +25067,8 @@ const DisplayPartnerSession = (props) => { {actionmass_insc_val && String(actionmass_insc_val).length > 1 && selectionModel_insc.length >= 1 && (String(actionmass_insc_val) === "convocation" || String(actionmass_insc_val) === "convention_entreprise" || - String(actionmass_insc_val) === "acceslms") + String(actionmass_insc_val) === "acceslms" || + String(actionmass_insc_val) === "facturer") && } + {actionmass_insc_val && String(actionmass_insc_val).length > 1 && selectionModel_insc.length >= 1 && String(actionmass_insc_val) !== "convocation" && String(actionmass_insc_val) !== "convention_entreprise" && String(actionmass_insc_val) !== "acceslms" && + String(actionmass_insc_val) !== "facturer" && } - {String(actionmass_insc_val) === "facturer" && - } {String(actionmass_insc_val) === "impression" &&
+ +
+
+ {DetailTraining["prerequis"] &&
+ +
+ Pré-requis +
+ + {DetailTraining["prerequis"] &&
+ {parse(String(DetailTraining["prerequis"]))} +
+ } + +
} + + +
+
+ +
@@ -2470,6 +2491,20 @@ const Display_Partner_Catalog_DetailClass_new_v2 = (props) => {
}
+ {DetailTraining["prerequis"] && String(DetailTraining["prerequis"]).length > 2 &&
+
+ Pré-requis +
+ {DetailTraining["prerequis"] &&
+ {parse(String(DetailTraining["prerequis"]))} + + +
+ } +
} + +
+ {DetailTraining["plus_produit"] && String(DetailTraining["plus_produit"]).length > 2 &&
Points forts diff --git a/src/components/Employes.js b/src/components/Employes.js index 4d087ea..e869cf7 100644 --- a/src/components/Employes.js +++ b/src/components/Employes.js @@ -277,7 +277,7 @@ const Employes = (props) => {
} @@ -8902,8 +8903,10 @@ const Employes = (props) => { paddingLeft: '10px', flexWrap: 'wrap' }}> - {String(employee_data_edit_mode) !== "1" &&
Civilité
- {p_detail_civilite && String(p_detail_civilite).length > 0 && Civilité
+ { }} disabled={false} className="disabled_style" - value={String(p_detail_civilite)[0].toUpperCase() + String(p_detail_civilite).slice(1)} - - />} + value={String(p_detail_civilite)[0].toUpperCase() + String(p_detail_civilite).slice(1)} + />
} + {String(employee_data_edit_mode) === "1" &&
Civilité
{ } /> - {/* { - setp_detail_civilite(e.target.value); - setEmployee_data_changed("1"); - }} - > - M.    - Mme.   - Neutre   - - */}
}
Nom
@@ -9556,7 +9537,7 @@ const Employes = (props) => { /!\ Cet utilisateur n'a pas de login & mot de passe  
} -
+
Login Gest. Admin
@@ -9705,10 +9686,10 @@ const Employes = (props) => {
-
+
{String(p_detail_user_login) === "" &&
 
} @@ -9859,9 +9840,9 @@ const Employes = (props) => {
- {String(Employee_data_changed) === "1" && String(employee_data_edit_mode) === "1" &&
+ { String(employee_data_edit_mode) === "1" &&
-
} diff --git a/src/components/Groupe_Apprenant.js b/src/components/Groupe_Apprenant.js index 9873265..5d01621 100644 --- a/src/components/Groupe_Apprenant.js +++ b/src/components/Groupe_Apprenant.js @@ -374,7 +374,7 @@ const Groupe_Apprenant = (props) => {
+
+ +
+ + +
+ +
- - } - -
- -
- -
- -
- - -
- -
- - -
-
- {/*
+
+
+ {/*
@@ -1585,258 +1592,258 @@ function Inscription_Information(props) {
}
*/ - } - -
-
} - -{/* Gestion de la note/evaluation */ } - - -{ - (String(RecordData_status) === "false" || - String(RecordData_status).length === 0) && - String(action).toLocaleLowerCase() === "evaluation" && - String(AnnulerFction_status) !== "1" && - String(SendEvaluationClass_api) === "true" &&
-
- Votre évaluation a bien été prise en compte. Merci. -
- -
-} - - -{ - (String(RecordData_status) === "false" || - String(RecordData_status).length === 0) && - String(action).toLocaleLowerCase() === "evaluation" && - String(AnnulerFction_status) !== "1" && - String(SendEvaluationClass_api) !== "true" &&
- - {String(SendEvaluationClass_api) === "false" &&
-
- {SendEvaluationClass_message} -
- -
} - -

Demande d'evaluation

-
-
- - { - setRatingValue(newValue); - }} />
-
-
- -
-
- - - { - setRatinpedagogiegValue(newValue); - }} />
-
-
- - -
-
- - - editorRef_evaluation.current = editor} - initialValue={field_evaluation} - onKeyUp={editor_keyup} - onEditorChange={(newValue, editor) => { - - if (String(editor_evaluation_tochange) === "1") { - - seteditor_evaluation_tochange(""); } - }} - init={{ - resize: false, - height: 100, - menubar: false, - plugins: [ - 'advlist autolink lists link image charmap print preview anchor', - 'searchreplace visualblocks code fullscreen', - 'insertdatetime media table paste code help wordcount' - ], - toolbar: false, - content_style: 'body { font-family:DM Sans,sans-serif; font-size:14px; }' - }} - /> -
-
-
- {
-
- +
+
} + + {/* Gestion de la note/evaluation */} + + + { + (String(RecordData_status) === "false" || + String(RecordData_status).length === 0) && + String(action).toLocaleLowerCase() === "evaluation" && + String(AnnulerFction_status) !== "1" && + String(SendEvaluationClass_api) === "true" &&
+
+ Votre évaluation a bien été prise en compte. Merci. +
- - {
- -
} -
- } -
+ + { + (String(RecordData_status) === "false" || + String(RecordData_status).length === 0) && + String(action).toLocaleLowerCase() === "evaluation" && + String(AnnulerFction_status) !== "1" && + String(SendEvaluationClass_api) !== "true" &&
+ + {String(SendEvaluationClass_api) === "false" &&
+
+ {SendEvaluationClass_message} +
+ +
} + +

Demande d'evaluation

+
+
+ + { + setRatingValue(newValue); + }} />
+
+
+ +
+
+ + + { + setRatinpedagogiegValue(newValue); + }} />
+
+
+ + +
+
+ + + editorRef_evaluation.current = editor} + initialValue={field_evaluation} + onKeyUp={editor_keyup} + onEditorChange={(newValue, editor) => { + + if (String(editor_evaluation_tochange) === "1") { + + seteditor_evaluation_tochange(""); + } + }} + + init={{ + resize: false, + height: 100, + menubar: false, + plugins: [ + 'advlist autolink lists link image charmap print preview anchor', + 'searchreplace visualblocks code fullscreen', + 'insertdatetime media table paste code help wordcount' + ], + toolbar: false, + content_style: 'body { font-family:DM Sans,sans-serif; font-size:14px; }' + }} + /> +
+
+
+ {
+
+ + +
+ + {
+ +
} +
+ + } + +
-
-} - -{/* Gestion des demandes d'information */ } - -
- {props.inscritpion === "2" && New_Option_is_cpany && New_Option_is_cpany.length > 0 && (data).value === String(is_company))[0].label} - options={New_Option_is_cpany} - onChange={(event, value) => { - if (value && value.value) { - setis_company(value.value); +
} - }} + {/* Gestion des demandes d'information */} - renderInput={(params) => + {props.inscritpion === "2" && New_Option_is_cpany && New_Option_is_cpany.length > 0 && (data).value === String(is_company))[0].label} + options={New_Option_is_cpany} + onChange={(event, value) => { + if (value && value.value) { + setis_company(value.value); + } - /> - } - />} + }} -
+ renderInput={(params) => - -
- {String(RecordData_status) === "false" &&
- {RecordData_message} - -
} - - -
-
Je m'informe
+ /> + } + />}
+ { + is_company && String(is_company) === "0" && (String(SendInformationRequest_status) === "false" || + String(SendInformationRequest_status).length === 0) && + String(action).toLocaleLowerCase() === "information" && + String(AnnulerFction_info_status) !== "false" &&
- - - - ), - }} - onChange={handlervalnom_info} - variant="standard" - /> +
+ {String(RecordData_status) === "false" &&
+ {RecordData_message} - - - - ), - }} - onChange={handlervalprenom_info} - variant="standard" - /> +
} - - - - ), - }} - onChange={handlervalemail_info} - variant="standard" - /> - - - - ), - }} - onChange={handlervaltelephone_info} - variant="standard" - /> +
+
Je m'informe
- - - - ), - }} - onChange={handlervalemployeur_info} - variant="standard" - /> +
-
- {/* -- début champs specifiques ** /} + + + + ), + }} + onChange={handlervalnom_info} + variant="standard" + /> + + + + + ), + }} + onChange={handlervalprenom_info} + variant="standard" + /> + + + + + ), + }} + onChange={handlervalemail_info} + variant="standard" + /> + + + + + ), + }} + onChange={handlervaltelephone_info} + variant="standard" + /> + + + + + ), + }} + onChange={handlervalemployeur_info} + variant="standard" + /> + +
+ + {/* -- début champs specifiques ** /}

@@ -1876,59 +1883,59 @@ function Inscription_Information(props) { {/* -- end champs specifiques **/} -
+
-
Dites nous en plus sur votre besoin :)
- Votre message
- editorRef_description.current = editor} - initialValue={field_description} - onKeyUp={editor_keyup} - onEditorChange={(newValue, editor) => { +
Dites nous en plus sur votre besoin :)
+ Votre message
+ editorRef_description.current = editor} + initialValue={field_description} + onKeyUp={editor_keyup} + onEditorChange={(newValue, editor) => { - if (String(editor_tochange) === "1") { - //alert(" change"); - DataUpdated() - seteditor_tochange(""); - } - }} + if (String(editor_tochange) === "1") { + //alert(" change"); + DataUpdated() + seteditor_tochange(""); + } + }} - init={{ - resize: false, - height: 300, - menubar: false, - plugins: [ - 'advlist autolink lists link image charmap print preview anchor', - 'searchreplace visualblocks code fullscreen', - 'insertdatetime media table paste code help wordcount' - ], - toolbar: false, - content_style: 'body { font-family:DM Sans,sans-serif; font-size:14px; }' - }} - /> + init={{ + resize: false, + height: 300, + menubar: false, + plugins: [ + 'advlist autolink lists link image charmap print preview anchor', + 'searchreplace visualblocks code fullscreen', + 'insertdatetime media table paste code help wordcount' + ], + toolbar: false, + content_style: 'body { font-family:DM Sans,sans-serif; font-size:14px; }' + }} + /> -
-
 
+
+
 
-
-
+
+
-
- -
+
+ +
-
- +
+ -
+
-
+
- {/*
+ {/*
*/ + } + +
+ + +
} -
+ + { + is_company && String(is_company) === "1" && (String(SendInformationRequest_status) === "false" || + String(SendInformationRequest_status).length === 0) && + String(action).toLocaleLowerCase() === "information" && + String(AnnulerFction_info_status) !== "false" &&
+ +
+ {String(RecordData_status) === "false" &&
+ {RecordData_message} + +
} -
-} +
+
Je m'informe
+ +
-{ - is_company && String(is_company) === "1" && (String(SendInformationRequest_status) === "false" || - String(SendInformationRequest_status).length === 0) && - String(action).toLocaleLowerCase() === "information" && - String(AnnulerFction_info_status) !== "false" &&
+ + + + ), + }} + onChange={handle_raison_sociale} + variant="standard" + /> -
- {String(RecordData_status) === "false" &&
- {RecordData_message} - -
} + + + + ), + }} + onChange={handle_siret} + variant="standard" + /> -
-
Je m'informe
+ + + + ), + }} + onChange={handle_email_requester} + variant="standard" + /> -
+ + + + ), + }} + onChange={handle_telephone_requester} + variant="standard" + /> + + + + ), + }} + onChange={handle_nom_requester} + variant="standard" + /> - - - - ), - }} - onChange={handle_raison_sociale} - variant="standard" - /> + + + + ), + }} + onChange={handle_prenom_requester} + variant="standard" + /> + + + + ), + }} + value={nb_person_info} + onChange={handlerval_nb_person_info} + variant="standard" + /> - - - - ), - }} - onChange={handle_siret} - variant="standard" - /> - - - - - - ), - }} - onChange={handle_email_requester} - variant="standard" - /> - - - - - ), - }} - onChange={handle_telephone_requester} - variant="standard" - /> - - - - - ), - }} - onChange={handle_nom_requester} - variant="standard" - /> - - - - - ), - }} - onChange={handle_prenom_requester} - variant="standard" - /> - - - - ), - }} - value={nb_person_info} - onChange={handlerval_nb_person_info} - variant="standard" - /> - -
+
- {/* -- début champs specifiques ** /} + {/* -- début champs specifiques ** /}

@@ -2138,60 +2145,60 @@ function Inscription_Information(props) { {/* -- end champs specifiques **/} -
+
-
Dites nous en plus sur votre besoin :)
+
Dites nous en plus sur votre besoin :)
- Votre message
- editorRef_description.current = editor} - initialValue={field_description} - onKeyUp={editor_keyup} - onEditorChange={(newValue, editor) => { + Votre message
+ editorRef_description.current = editor} + initialValue={field_description} + onKeyUp={editor_keyup} + onEditorChange={(newValue, editor) => { - if (String(editor_tochange) === "1") { - //alert(" change"); - DataUpdated() - seteditor_tochange(""); - } - }} + if (String(editor_tochange) === "1") { + //alert(" change"); + DataUpdated() + seteditor_tochange(""); + } + }} - init={{ - resize: false, - height: 400, - menubar: false, - plugins: [ - 'advlist autolink lists link image charmap print preview anchor', - 'searchreplace visualblocks code fullscreen', - 'insertdatetime media table paste code help wordcount' - ], - toolbar: false, - content_style: 'body { font-family:DM Sans,sans-serif; font-size:14px; }' - }} - /> + init={{ + resize: false, + height: 400, + menubar: false, + plugins: [ + 'advlist autolink lists link image charmap print preview anchor', + 'searchreplace visualblocks code fullscreen', + 'insertdatetime media table paste code help wordcount' + ], + toolbar: false, + content_style: 'body { font-family:DM Sans,sans-serif; font-size:14px; }' + }} + /> -
-
 
+
+
 
-
-
+
+
-
- -
+
+ +
-
- +
+ -
+
-
+
- {/*
+ {/*
-
-} +
+ }
diff --git a/src/components/Jmj_Theme/Jmj_Display_Partner_Catalog_DetailClass_new_v2.js b/src/components/Jmj_Theme/Jmj_Display_Partner_Catalog_DetailClass_new_v2.js index 5e9b0e4..f1a948c 100644 --- a/src/components/Jmj_Theme/Jmj_Display_Partner_Catalog_DetailClass_new_v2.js +++ b/src/components/Jmj_Theme/Jmj_Display_Partner_Catalog_DetailClass_new_v2.js @@ -1778,6 +1778,26 @@ const JmJ_Display_Partner_Catalog_DetailClass_new_v2 = (props) => {
} + +
+ + + + {DetailTraining["prerequis"] &&
+ +
+ Pré-requis +
+ + {DetailTraining["prerequis"] &&
+ {parse(String(DetailTraining["prerequis"]))} +
+ } + + +
} + +
@@ -2273,6 +2293,20 @@ const JmJ_Display_Partner_Catalog_DetailClass_new_v2 = (props) => {
}
+ {DetailTraining["prerequis"] && String(DetailTraining["prerequis"]).length > 2 &&
+
+ Pré-requis +
+ {DetailTraining["prerequis"] &&
+ {parse(String(DetailTraining["prerequis"]))} + + +
+ } +
} +
+ + {DetailTraining["plus_produit"] && String(DetailTraining["plus_produit"]).length > 2 &&
Points forts diff --git a/src/components/Jmj_Theme/Jmjformation_Catalogue_Public copy.js b/src/components/Jmj_Theme/Jmjformation_Catalogue_Public copy.js deleted file mode 100644 index 4834b4c..0000000 --- a/src/components/Jmj_Theme/Jmjformation_Catalogue_Public copy.js +++ /dev/null @@ -1,4509 +0,0 @@ -import React, { useRef, useState, useMemo, useEffect } from "react"; - -import "./jmj_formation.css"; - -import { useForm } from "react-hook-form"; -import axios from "axios"; -import Formation_Partner_Catalog from "../Formation_Partner_Catalog"; -import Formation_Partner_Catalog_Special_JMJFormation from "./Formation_Partner_Catalog_Special_JMJFormation"; -import { FaSearch, FaRegArrowAltCircleDown, FaRegArrowAltCircleUp } from 'react-icons/fa'; - -import { IoAppsSharp, IoListSharp } from "react-icons/io5"; -import Formation_Grid_2Col from "../Formation_Grid_2Col"; -import Pagination from "../TestPagination"; - -import { useHistory } from "react-router-dom"; -import { getCookie, removeCookie } from 'react-use-cookie'; -import { Helmet } from "react-helmet"; - -import AideRecherche from "../AideRecherche" -import { useParams } from 'react-router-dom' -import Fotter_Catalog_Pub from "../Fotter_Catalog_Pub"; - - -import { confirmAlert } from 'react-confirm-alert'; // Import -import { useCookies } from "react-cookie"; -import InputRange from 'react-input-range'; -import 'react-input-range/lib/css/index.css'; -import tick_ko from "../../mysy_img/tick_KO.png"; -import img_header from "../../mysy_img2/img_header.png" -import { TbArrowsDownUp } from "react-icons/tb"; - - - -let PageSize = 10; -const Jmjformation_Catalogue_Public_orig = (props) => { - - - - const { type, categorie } = useParams(); - const { NewSearchText } = useParams(); - const [v11, setv11] = useState(""); - const [userconnected, setuserconnected] = useState("0"); - const [TrainingSupport, setTrainingSupport] = useState(""); - const [TrainingType, setTrainingType] = useState(""); - const [TrainingCertif, setTrainingCertif] = useState(""); - const [TrainingCPF, setTrainingCPF] = useState(""); - const [TrainingLang, setTrainingLang] = useState(""); - const [TrainingPrice, setTrainingPrice] = useState(""); - const [SearchText, setSearchText] = useState(""); - const [SearchcitiesText, setSearchcitiesText] = useState(""); - const [result, setResult] = useState(""); - const [myApiResponse, setmyApiResponse] = useState("false"); - const [displayAllClasses, setdisplayAllClasses] = useState("0"); - const [showelement, setshowelement] = useState("init"); - const [country_code, setcountry_code] = useState("FR"); - const [country_name, setcountry_name] = useState("France"); - const [city, setcity] = useState("Paris"); - const [postal, setpostal] = useState("75001"); - const [latitude, setlatitude] = useState("48.861000061035156"); - const [longitude, setlongitude] = useState("2.3380000591278076"); - const [IPv4, setIPv4] = useState("172.71.122.128"); - const [state, setstate] = useState("France"); - const [userIp, setuserIp] = useState("172.71.122.128"); - const [currentPage, setCurrentPage] = useState(1); - const [currentPage2, setCurrentPage2] = useState(1); - const [fin, setfin] = useState(0); - const [ismobilephone, setismobilephone] = useState(); - const [TrainingDistanciel, setTrainingDistanciel] = useState(); - const textInput = useRef(null); - const scrollDiv = useRef(null); - - const [url_subdomain, seturl_subdomain] = useState(window.location.host.split(".")[0]); - - - const [textplaceholder, settextplaceholder] = useState(""); - const [empltysearch, setempltysearch] = useState("1"); - const [empltycitiessearch, setempltycitiessearch] = useState("1"); - - const [filtredistance, setfiltredistance] = useState("0"); - const continent = ['oui', 'non']; - const [selectedcontinent, setselectedcontinent] = useState(""); - const [newresult, setnewresult] = useState(); - const stored_user = getCookie('tokenmysych'); - const history = useHistory(); - const [besoinaiderecherche, setbesoinaiderecherche] = useState(""); - const [istrier, setistrier] = useState(); - const [selectmetier, setselectmetier] = useState(); - const [initAllfiter, setinitAllfiter] = useState(); - const testDivRef = useRef(null); - const [partcookie, setpartCookie, removepartCookie] = useCookies(['tokenmysypart']); - const inputEl = useRef(null); - - - - - const url = process.env.REACT_APP_API_URL + "myclass/api/add_user_account/"; - const { - register, - formState: { errors }, - handleSubmit, - watch, - } = useForm(); - const pwd = useRef({}); - pwd.current = watch("pwd", ""); - - - - const onSubmit = async (data) => { - - searchFunction(); - }; - - const [Trainingdistance, setTrainingdistance] = useState(0); - const handleInput = (e) => { - setTrainingdistance(e.target.value); - } - - const [Trainingduration, setTrainingduration] = useState(0); - const handleInputDuration = (e) => { - setTrainingduration(e.target.value); - } - - - function showdisplayfilter(event) { - - if (showelement == "true") { - setshowelement("false"); - document.getElementById('block_partner').style.top = "5200px" - document.getElementById('pieddepage_v2').style.top = "5800px" - } - else if (showelement == "false") { - setshowelement("true"); - document.getElementById('block_partner').style.top = "6300px" - document.getElementById('pieddepage_v2').style.top = "6800px" - } - - - } - - function clearsearchtext(event) { - setSearchText(""); - setResult([]); - document.getElementById("SearchText").value = ""; - setempltysearch("1") - setbesoinaiderecherche(""); - settext(""); - DisplayXfirstClas(); - } - - const [suggestion2, setsuggestion2] = useState([]); - const [suggestioncities, setsuggestioncities] = useState([]); - - function SearchTextHandle(event) { - setempltysearch("0"); - setSearchText(event.target.value); - - var val = String(event.target.value).toLocaleLowerCase(); - let matches = []; - // 13/01 : A faire absolument. j'ai bloqué car bug d'affichage (pas au bon endroit) - - if (String(val).length > 2) { - matches = suggestedwords.filter(usr => { - //alert(JSON.parse(usr).name ); - const regex = new RegExp(`${val}`, "gi"); - return JSON.parse(usr).name.match(regex); - } - - ) - - } - - //console.log("matches = " + matches); - setsuggestion2(matches); - settext(event.target.value); - } - - function SearchcitiesHandle(event) { - setempltycitiessearch("0"); - setSearchcitiesText(event.target.value); - - var val = String(event.target.value).toLocaleLowerCase().trimStart(); - const regex = new RegExp(`^${val}`, "gi"); - - let matches = []; - - if (String(val).length > 2) { - matches = suggestedcities.filter(usr => { - return JSON.parse(usr).ville.match(regex); - }) - } - - //console.log("matches = " + matches); - setsuggestioncities(matches); - setcities(event.target.value); - - } - - - const [v1, setv1] = useState(); - const [v2, setv2] = useState(); - - - function TrainingSupportHandle(event) { - setsupportchecked("1"); - var toto = ""; - var filtre1 = ""; - var filtre2 = ""; - var filtre3 = ""; - - var crit_TrainingSupport = ""; - var crit_TrainingSupport22 = ""; - - - if (document.getElementById("supoort_list_derou")) { - crit_TrainingSupport = document.getElementById("supoort_list_derou").value; - - //console.log("crit_TrainingSupport = ", crit_TrainingSupport); - - if (crit_TrainingSupport.length > 0) { - filtre1 = result.filter((maformation) => JSON.parse(maformation).support === crit_TrainingSupport); - setv11(filtre1); - } - else if (crit_TrainingSupport.length <= 0) { - /* l'utilisateur a choisi d'annuler le filter */ - annulefiltresupportchecked(); - return; - //filtre1 = result; - //setv11(filtre1); - } - } - - - - var crit_TrainingCertif = ""; - if (document.querySelector('input[name="TrainingCertif"]:checked')) { - crit_TrainingCertif = document.querySelector('input[name="TrainingCertif"]:checked').value; - if (crit_TrainingCertif.length > 0) - filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).certif === crit_TrainingCertif); - - } - - // recuperation du filtre du type (cours, tuto, etc) - var crit_TrainingType = ""; - if (document.querySelector('input[name="TrainingType"]:checked')) { - crit_TrainingType = document.querySelector('input[name="TrainingType"]:checked').value; - if (crit_TrainingType.length > 0) - filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).type === crit_TrainingType); - - } - - // recuperation du filtre de la distance - var crit_Trainingdistance = ""; - if (document.querySelector('input[name="TrainingPresentiel"]:checked')) { - crit_Trainingdistance = document.querySelector('input[name="TrainingPresentiel"]:checked').value; - if (crit_Trainingdistance.length > 0) { - // filtre presentiel = 1 - if (String(crit_Trainingdistance) === String("1")) { - filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).presentiel.distantiel === "1"); - setv11(filtre1); - - } - else if (String(crit_Trainingdistance) === String("0")) { - filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).presentiel.presentiel === "1"); - setv11(filtre1); - } - } - } - // Recup du filtre de prix - var crit_TrainingPrice = range_price.min + ":" + range_price.max; - - if (range_price.min && range_price.max) { - filtre1 = filtre1.filter((maformation) => Number(JSON.parse(maformation).price) >= Number(range_price.min) && - Number(JSON.parse(maformation).price) <= Number(range_price.max) - ); - - setv11(filtre1); - } - - - setnewresult(filtre1); - - //alert("crit_TrainingCertif = " + crit_TrainingCertif + " ET crit_TrainingSupport = " + crit_TrainingSupport + " ET crit_TrainingType = " + crit_TrainingType); - //console.log("############################ filtre1 = " + filtre1); - setCurrentPage2(1); - //console.log(" ????????????????????????????filtre2 = "+filtre2); - - } - - - - function TrainingCertifHandle(event) { - - var ele = document.querySelector('input[name="TrainingCertif"]:checked').value - - var toto = ""; - var filtre1 = ""; - var filtre2 = ""; - var filtre3 = ""; - - setcertifchecked(""); - var crit_TrainingCertif = ""; - if (document.querySelector('input[name="TrainingCertif"]:checked')) { - setcertifchecked("1"); - crit_TrainingCertif = document.querySelector('input[name="TrainingCertif"]:checked').value - if (crit_TrainingCertif.length > 0) { - //alert(" laa = " + crit_TrainingCertif); - //console.log(result) - filtre1 = result.filter((maformation) => String(JSON.parse(maformation).certif) === String(crit_TrainingCertif)); - setv11(filtre1); - } - - } else { - - filtre1 = result; - setv11(filtre1); - } - - /* - // recuperation du filtre du support - var crit_TrainingSupport = ""; - if (document.querySelector('input[name="TrainingSupport"]:checked')) { - crit_TrainingSupport = document.querySelector('input[name="TrainingSupport"]:checked').value - if (crit_TrainingSupport.length > 0) - filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).support === crit_TrainingSupport); - - } - */ - // recuperation du filtre du support - var crit_TrainingSupport = ""; - if (document.getElementById("supoort_list_derou")) { - crit_TrainingSupport = document.getElementById("supoort_list_derou").value; - if (crit_TrainingSupport.length > 0) - filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).support === crit_TrainingSupport); - - } - - - // recuperation du filtre du CPF - var crit_TrainingCPF = ""; - if (document.querySelector('input[name="TrainingCPF"]:checked')) { - crit_TrainingCPF = document.querySelector('input[name="TrainingCPF"]:checked').value - if (crit_TrainingCPF.length > 0) - filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).cpf === crit_TrainingCPF); - - } - - - // recuperation du filtre du type - var crit_TrainingType = ""; - if (document.querySelector('input[name="TrainingType"]:checked')) { - crit_TrainingType = document.querySelector('input[name="TrainingType"]:checked').value - if (crit_TrainingType.length > 0) - filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).certif === crit_TrainingType); - - } - - // recuperation du filtre de la distance - var crit_Trainingdistance = ""; - if (document.querySelector('input[name="TrainingPresentiel"]:checked')) { - crit_Trainingdistance = document.querySelector('input[name="TrainingPresentiel"]:checked').value - if (crit_Trainingdistance.length > 0) { - // filtre presentiel = 1 - if (String(crit_Trainingdistance) === String("1")) { - filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).presentiel.distantiel === "1"); - setv11(filtre1); - - } - else if (String(crit_Trainingdistance) === String("0")) { - filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).presentiel.presentiel === "1"); - setv11(filtre1); - } - } - - } - - // Recup du filtre de prix - var crit_TrainingPrice = range_price.min + ":" + range_price.max; - - if (range_price.min && range_price.max) { - filtre1 = filtre1.filter((maformation) => Number(JSON.parse(maformation).price) >= Number(range_price.min) && - Number(JSON.parse(maformation).price) <= Number(range_price.max) - ); - - setv11(filtre1); - } - - - setnewresult(filtre1); - //alert("crit_TrainingCertif = " + crit_TrainingCertif + " ET crit_TrainingSupport = " + crit_TrainingSupport + " ET crit_TrainingType = " + crit_TrainingType); - //console.log("############################ filtre1 = " + filtre1); - setCurrentPage2(1); - //console.log(" ????????????????????????????filtre2 = "+filtre2); - - - return; - } - - - - // Pour le CPF - const [cpfchecked, setcpfchecked] = useState(); - function TrainingCPFHandle(event) { - - var ele = document.querySelector('input[name="TrainingCPF"]:checked').value - var myelement; - - if (document.getElementById('rech_middlebox')) { - myelement = document.getElementById('rech_middlebox'); - } - - - var toto = ""; - var filtre1 = ""; - var filtre2 = ""; - var filtre3 = ""; - - setcpfchecked(""); - var crit_TrainingCPF = ""; - if (document.querySelector('input[name="TrainingCPF"]:checked')) { - setcpfchecked("1"); - crit_TrainingCPF = document.querySelector('input[name="TrainingCPF"]:checked').value - if (crit_TrainingCPF.length > 0) { - //alert(" crit_TrainingCPF = " + crit_TrainingCPF); - - filtre1 = result.filter((maformation) => String(JSON.parse(maformation).cpf) === String(crit_TrainingCPF)); - setv11(filtre1); - //console.log(" #### ",filtre1); - } - - } else { - - filtre1 = result; - setv11(filtre1); - } - - // recuperation du filtre du certificat - var crit_TrainingCertif = ""; - if (document.querySelector('input[name="TrainingCertif"]:checked')) { - crit_TrainingCertif = document.querySelector('input[name="TrainingCertif"]:checked').value - if (crit_TrainingCertif.length > 0) - filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).certif === crit_TrainingCertif); - - } - - - // recuperation du filtre du support - var crit_TrainingSupport = ""; - if (document.getElementById("supoort_list_derou")) { - crit_TrainingSupport = document.getElementById("supoort_list_derou").value; - if (crit_TrainingSupport.length > 0) - filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).support === crit_TrainingSupport); - - } - - - // recuperation du filtre du type - var crit_TrainingType = ""; - if (document.querySelector('input[name="TrainingType"]:checked')) { - crit_TrainingType = document.querySelector('input[name="TrainingType"]:checked').value - if (crit_TrainingType.length > 0) - filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).certif === crit_TrainingType); - - } - - // recuperation du filtre de la distance - var crit_Trainingdistance = ""; - if (document.querySelector('input[name="TrainingPresentiel"]:checked')) { - crit_Trainingdistance = document.querySelector('input[name="TrainingPresentiel"]:checked').value - if (crit_Trainingdistance.length > 0) { - // filtre presentiel = 1 - if (String(crit_Trainingdistance) === String("1")) { - filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).presentiel.distantiel === "1"); - setv11(filtre1); - - } - else if (String(crit_Trainingdistance) === String("0")) { - filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).presentiel.presentiel === "1"); - setv11(filtre1); - } - } - - - - } - - // Recup du filtre de prix - var crit_TrainingPrice = range_price.min + ":" + range_price.max; - - if (range_price.min && range_price.max) { - filtre1 = filtre1.filter((maformation) => Number(JSON.parse(maformation).price) >= Number(range_price.min) && - Number(JSON.parse(maformation).price) <= Number(range_price.max) - ); - - setv11(filtre1); - } - - - setnewresult(filtre1); - //alert("crit_TrainingCertif = " + crit_TrainingCertif + " ET crit_TrainingSupport = " + crit_TrainingSupport + " ET crit_TrainingType = " + crit_TrainingType); - //console.log("############################ filtre1 = " + filtre1); - setCurrentPage2(1); - //console.log(" ????????????????????????????filtre2 = "+filtre2); - if (myelement) { - myelement.scrollIntoView({ behavior: 'smooth' }); - } - - return; - } - - - // END PR CPF - function TrainingTypeHandle(event) { - - settypechecked("1"); - var toto = ""; - var filtre1 = ""; - var filtre2 = ""; - var filtre3 = ""; - - var myelement; - - if (document.getElementById('rech_middlebox')) { - myelement = document.getElementById('rech_middlebox'); - } - - var crit_TrainingPrice = ""; - - var crit_TrainingType = ""; - if (document.querySelector('input[name="TrainingType"]:checked')) { - crit_TrainingType = document.querySelector('input[name="TrainingType"]:checked').value - if (crit_TrainingType.length > 0) { - filtre1 = result.filter((maformation) => JSON.parse(maformation).type === crit_TrainingType); - setv11(filtre1); - } - - } else { - - filtre1 = result; - setv11(filtre1); - } - - // recuperation du filtre du support - var crit_TrainingSupport = ""; - if (document.getElementById("supoort_list_derou")) { - crit_TrainingSupport = document.getElementById("supoort_list_derou").value; - if (crit_TrainingSupport.length > 0) - filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).support === crit_TrainingSupport); - - } - - - // recuperation du filtre du CPF - var crit_TrainingCPF = ""; - if (document.querySelector('input[name="TrainingCPF"]:checked')) { - crit_TrainingCPF = document.querySelector('input[name="TrainingCPF"]:checked').value - if (crit_TrainingCPF.length > 0) - filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).cpf === crit_TrainingCPF); - - } - - // recuperation du filtre du certificat - var crit_TrainingCertif = ""; - if (document.querySelector('input[name="TrainingCertif"]:checked')) { - crit_TrainingCertif = document.querySelector('input[name="TrainingCertif"]:checked').value - if (crit_TrainingCertif.length > 0) - filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).certif === crit_TrainingCertif); - - } - - // recuperation du filtre de la distance - var crit_Trainingdistance = ""; - if (document.querySelector('input[name="TrainingPresentiel"]:checked')) { - crit_Trainingdistance = document.querySelector('input[name="TrainingPresentiel"]:checked').value - if (crit_Trainingdistance.length > 0) { - // filtre presentiel = 1 - if (String(crit_Trainingdistance) === String("1")) { - filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).presentiel.distantiel === "1"); - setv11(filtre1); - - } - else if (String(crit_Trainingdistance) === String("0")) { - filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).presentiel.presentiel === "1"); - setv11(filtre1); - } - } - - } - - // Recup du filtre de prix - var crit_TrainingPrice = range_price.min + ":" + range_price.max; - - if (range_price.min && range_price.max) { - filtre1 = filtre1.filter((maformation) => Number(JSON.parse(maformation).price) >= Number(range_price.min) && - Number(JSON.parse(maformation).price) <= Number(range_price.max) - ); - - setv11(filtre1); - } - - - setnewresult(filtre1); - //alert("crit_TrainingCertif = " + crit_TrainingCertif + " ET crit_TrainingSupport = " + crit_TrainingSupport + " ET crit_TrainingType = " + crit_TrainingType); - //console.log("############################ filtre1 = " + filtre1); - setCurrentPage2(1); - //console.log(" ????????????????????????????filtre2 = "+filtre2); - - if (myelement) { - // 👇 Will scroll smoothly to the top of the next section - myelement.scrollIntoView({ behavior: 'smooth' }); - - } - - - return; - - - - - - } - - - function TrainingLangHandle(event) { - setTrainingLang(event.target.value); - alert("newresult newresultnewresultnewresult = " + newresult); - } - - - function TrainingPriceHandle(event) { - - - var crit_TrainingPrice = range_price.min + ":" + range_price.max; - - setTrainingPrice(event.target.value); - var toto = ""; - var filtre1 = ""; - - - var crit_TrainingPrice = range_price.min + ":" + range_price.max; - - var myprices = crit_TrainingPrice.split(':'); - if (range_price.min && range_price.max) { - filtre1 = result.filter((maformation) => Number(JSON.parse(maformation).price) >= Number(range_price.min) && - Number(JSON.parse(maformation).price) <= Number(range_price.max) - ); - //console.log(" PRICEEEEEEEEEEEEEEEE = "+filtre1); - setv11(filtre1); - } - else { - //alert(" Annulation du filtre prix"); - filtre1 = result; - setv11(filtre1); - } - - - - // Recuperation des autres filtres. - // recuperation du filtre du support - var crit_TrainingSupport = ""; - if (document.getElementById("supoort_list_derou")) { - crit_TrainingSupport = document.getElementById("supoort_list_derou").value; - if (crit_TrainingSupport.length > 0) - filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).support === crit_TrainingSupport); - } - - // recuperation du filtre du CPF - var crit_TrainingCPF = ""; - if (document.querySelector('input[name="TrainingCPF"]:checked')) { - crit_TrainingCPF = document.querySelector('input[name="TrainingCPF"]:checked').value - if (crit_TrainingCPF.length > 0) - filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).cpf === crit_TrainingCPF); - - } - - - // recuperation du filtre du certification - var crit_TrainingCertif = ""; - if (document.querySelector('input[name="TrainingCertif"]:checked')) { - crit_TrainingCertif = document.querySelector('input[name="TrainingCertif"]:checked').value; - if (crit_TrainingCertif.length > 0) - filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).certif === crit_TrainingCertif); - } - - // recuperation du filtre du type (cours, tuto, etc) - var crit_TrainingType = ""; - if (document.querySelector('input[name="TrainingType"]:checked')) { - crit_TrainingType = document.querySelector('input[name="TrainingType"]:checked').value; - if (crit_TrainingType.length > 0) - filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).type === crit_TrainingType); - } - - // recuperation du filtre de la distance - var crit_Trainingdistance = ""; - if (document.querySelector('input[name="TrainingPresentiel"]:checked')) { - crit_Trainingdistance = document.querySelector('input[name="TrainingPresentiel"]:checked').value; - if (crit_Trainingdistance.length > 0) { - // filtre presentiel = 1 - if (String(crit_Trainingdistance) === String("1")) { - filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).presentiel.distantiel === "1"); - setv11(filtre1); - - } - else if (String(crit_Trainingdistance) === String("0")) { - filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).presentiel.presentiel === "1"); - setv11(filtre1); - } - } - - } - - - setnewresult(filtre1); - setCurrentPage2(1); - - } - - - // Traitement du filtre presentiel / distantiel - function TrainingDistancielHandle(event) { - - - isonsite(); - setlieuchecked("1"); - var toto = ""; - var filtre1 = ""; - var filtre0 = []; - var filtre01 = []; - var my_ville = ""; - var my_cp = ""; - - if (document.getElementById("ville")) { - my_ville = crit_TrainingSupport = document.getElementById("ville").value; - my_ville = my_ville.trim(); - - } - - if (document.getElementById("zip_code")) { - my_cp = crit_TrainingSupport = document.getElementById("zip_code").value; - my_cp = my_cp.trim(); - - } - - var crit_Trainingdistance = ""; - // Recuperation du filtre principale modifié dans ce event (distance) - if (document.querySelector('input[name="TrainingPresentiel"]:checked')) { - crit_Trainingdistance = document.querySelector('input[name="TrainingPresentiel"]:checked').value; - //alert("crit_Trainingdistance = " + crit_Trainingdistance); - if (crit_Trainingdistance.length > 0) { - // filtre presentiel = 1 - - if (String(crit_Trainingdistance) === String("1")) { - - filtre1 = result.filter((maformation) => JSON.parse(maformation).presentiel.distantiel === "1"); - setv11(filtre1); - - } - else if (String(crit_Trainingdistance) === String("0")) { - filtre1 = result.filter((maformation) => JSON.parse(maformation).presentiel.presentiel === "1"); - - // Traitement du nom de la ville - if (my_ville.length > 3) { - - var filtre2 = filtre1.map(obj => { - - if (JSON.parse(obj).datelieu) { - - var tmp = JSON.parse(obj).datelieu.length - var i = 0; - while (i < tmp) { - //console.log(JSON.parse(obj).datelieu[i]); - //console.log(" ville =" + JSON.parse(obj).datelieu[i].ville) - if (JSON.parse(obj).datelieu[i].ville === my_ville) { - return obj - } - i++; - } - } - - }); - - var filtre3 = filtre2.filter(function (element) { - return element !== undefined; - }); - - - filtre1 = filtre3; - } - - // Traitement du zip code - if (my_cp.length > 2) { - - var filtre2 = filtre1.map(obj => { - - if (JSON.parse(obj).datelieu) { - - var tmp = JSON.parse(obj).datelieu.length - var i = 0; - while (i < tmp) { - //console.log(JSON.parse(obj).datelieu[i]); - //console.log(" ville =" + JSON.parse(obj).datelieu[i].ville) - if (JSON.parse(obj).datelieu[i].code_postal.startsWith(my_cp)) { - return obj - } - i++; - } - } - - }); - - var filtre3 = filtre2.filter(function (element) { - return element !== undefined; - }); - - - filtre1 = filtre3; - } - - setv11(filtre1); - - - } - else if (String(crit_Trainingdistance) === String("NA")) { - - filtre1 = result; - setv11(filtre1); - } - } - else if (crit_Trainingdistance.length <= 0) { - - filtre1 = result; - setv11(filtre1); - } - } - - - /* Recuperation des autres filtres */ - // recuperation du filtre du support - var crit_TrainingSupport = ""; - if (document.getElementById("supoort_list_derou")) { - crit_TrainingSupport = document.getElementById("supoort_list_derou").value; - if (crit_TrainingSupport.length > 0) - filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).support === crit_TrainingSupport); - } - - // recuperation du filtre du certification - var crit_TrainingCertif = ""; - if (document.querySelector('input[name="TrainingCertif"]:checked')) { - crit_TrainingCertif = document.querySelector('input[name="TrainingCertif"]:checked').value; - if (crit_TrainingCertif.length > 0) - filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).certif === crit_TrainingCertif); - } - - // recuperation du filtre du CPF - var crit_TrainingCPF = ""; - if (document.querySelector('input[name="TrainingCPF"]:checked')) { - crit_TrainingCPF = document.querySelector('input[name="TrainingCPF"]:checked').value - if (crit_TrainingCPF.length > 0) - filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).cpf === crit_TrainingCPF); - - } - - - // recuperation du filtre du type (cours, tuto, etc) - var crit_TrainingType = ""; - if (document.querySelector('input[name="TrainingType"]:checked')) { - crit_TrainingType = document.querySelector('input[name="TrainingType"]:checked').value; - if (crit_TrainingType.length > 0) - filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).type === crit_TrainingType); - } - - // Recup du filtre de prix - var crit_TrainingPrice = range_price.min + ":" + range_price.max; - - if (range_price.min && range_price.max) { - filtre1 = filtre1.filter((maformation) => Number(JSON.parse(maformation).price) >= Number(range_price.min) && - Number(JSON.parse(maformation).price) <= Number(range_price.max) - ); - - setv11(filtre1); - } - - - setnewresult(filtre1); - setCurrentPage2(1); - } - - - - function displayAllClassesHandle(event) { - setdisplayAllClasses(event.target.checked); - if (event.target.checked == true) - document.getElementById("SearchText").disabled = true; - else - document.getElementById("SearchText").disabled = false; - } - - - const [suggestedwords, setsuggestedwords] = useState([]); - const [texte, settext] = useState(""); - - const [cities, setcities] = useState(""); - - const [suggestedcities, setsuggestedcities] = useState([]); - - - - useEffect(() => { - - var ip = ""; - - Get_Subdomain_Partner_Data(window.location.host) - - async function fetchData() { - // const result = await axios('https://geolocation-db.com/json/',); - - - let windowWidth = window.innerWidth; - - if (showelement === "init") { - - if (windowWidth < 601) { - setismobilephone(true); - setshowelement("false"); - settextplaceholder("Plus de 10 000 formations (gratuites, payantes...)"); - - } else if (windowWidth >= 601) { - setismobilephone(false); - setshowelement("true"); - //settextplaceholder("Ex : graphiste ...sur plus de 10 000 formations (gratuites, payantes,..)"); - settextplaceholder("Recherche par Titre, Description, Contenu video ... sur plus de 10 000 formations (gratuites, payantes,..)"); - } - } - - - if (categorie && String(categorie).length > 0) { - - getClassByMetier_categorie(categorie); - - } - else { - - DisplayXfirstClas(result.data); - - } - } - - - fetchData(); - - - const listener = event => { - if (event.code === "Enter" || event.code === "NumpadEnter") { - event.preventDefault(); - searchFunction(); - } - }; - document.addEventListener("keydown", listener); - - - if (typeof (stored_user) === "undefined" || String(stored_user) === '') { - setuserconnected("0"); - } else { - setuserconnected("1"); - } - - - setinitAllfiter(); - - whosisconnected(); - - - }, [initAllfiter, categorie]); - - - // Cette fonction reinitialise les filtres - function InitAllfilters() { - //document.getElementById("TrainingCertif").selectedv = 0; - const $select = document.querySelector('#TrainingCertif'); - $select.value = '' - - const $select2 = document.querySelector('#TrainingSupport'); - $select2.value = '' - - const $select3 = document.querySelector('#TrainingType'); - $select3.value = '' - - const $select4 = document.querySelector('#TrainingPresentiel'); - $select4.value = 'NA' - - const $select5 = document.querySelector('#TrainingPrice'); - $select5.value = 'NA' - - - - } - - function DisplayClassByDomainFilter() { - var tab_domaine = list_domaine.split(";") - //console.log("tab_domaine = ", tab_domaine) - - if (tab_domaine.length <= 0) { - setdomaine_v11(domaine_v11_orig); - DisplayXfirstClas(); - return; - } - - - - } - - const handleChangeMetier = (event) => { - - var local_list_metier = "" - - - for (let i = 0; i < event.length; i++) { - const label = event[i].label; - const value = event[i].value; - - local_list_metier += value + ";" - - } - - //console.log(" ### local_list_metier = ",local_list_metier); - setlist_metier(local_list_metier); - //TrainingMetierHandle(); - - // Verification si on a une valeur - if (event.length > 0 && local_list_metier.trim().length > 0) { - getClassByMetier(local_list_metier); - } else { - DisplayClassByDomainFilter(); - } - - } - - - - const [domaine_metier, setdomaine_metier] = useState([]); - const [domaine_metier_orig, setdomaine_metier_orig] = useState([]); - - const [domaine_formation, setdomaine_formation] = useState([]); - - const [domaine_v11, setdomaine_v11] = useState(""); - const [domaine_v11_orig, setdomaine_v11_orig] = useState(""); - - const [list_domaine, setlist_domaine] = useState(""); - const [list_metier, setlist_metier] = useState(""); - - const handleChangeDomaine = (event) => { - - - if (event.length <= 0) { - setdomaine_v11(domaine_v11_orig); - DisplayXfirstClas(); - return; - } - //console.log(domaine_metier); - //console.log(" taille =" + event.length); - //console.log(domaine_v11_orig); - - var tt = domaine_v11_orig; - var dump = []; - var local_list_domaine = "" - - - for (let i = 0; i < event.length; i++) { - const label = event[i].label; - const value = event[i].value; - - local_list_domaine += value + ";" - - tt = domaine_v11_orig.filter((maformation) => maformation.domaine === String(value)); - //console.log(" TT = ", tt); - - for (let i2 = 0; i2 < tt.length; i2++) { - //console.log(" push de ", tt[i2]) - dump.push(tt[i2]); - } - - setlist_domaine(local_list_domaine); - setdomaine_v11(dump); - } - - getClassByDomaine(local_list_domaine); - - - - } - - - - const currentTableData2 = useMemo(() => { - if (newresult) { - const firstPageIndex = (currentPage2 - 1) * PageSize; - const lastPageIndex = firstPageIndex + PageSize; - setfin(1); - return newresult.slice(firstPageIndex, lastPageIndex); - } - - - if (result) { - const firstPageIndex = (currentPage2 - 1) * PageSize; - const lastPageIndex = firstPageIndex + PageSize; - setfin(1); - return result.slice(firstPageIndex, lastPageIndex); - } - else { - return []; - setfin(0); - } - }, [currentPage2]); - - function searchFunction(e) { - // Nettoyage du resultat precedent. - setResult([]); - - var crit_TrainingSupport = ""; - var crit_TrainingType = ""; - var crit_TrainingCertif = ""; - var crit_TrainingLang = ""; - var crit_TrainingPresentiel = ""; - var crit_TrainingPrice = ""; - var crit_TrainingDuration = ""; - var my_ville = ""; - - var my_cp = ""; - - var my_domaine = ""; - - - - if (document.getElementById("searchdomain")) - my_domaine = document.getElementById("searchdomain").value; - - - - //Get Criterias - var crit_SearchText = document.getElementById("SearchText").value; - - if (document.getElementById("TrainingSupport")) - crit_TrainingSupport = document.getElementById("TrainingSupport").value; - - if (document.getElementById("TrainingType")) - crit_TrainingType = document.getElementById("TrainingType").value; - - if (document.getElementById("TrainingCertif")) - crit_TrainingCertif = document.getElementById("TrainingCertif").value; - if (crit_TrainingCertif.length == 0) - crit_TrainingCertif = "NA"; - - - if (document.getElementById("TrainingLang")) - crit_TrainingLang = document.getElementById("TrainingLang").value; - - if (document.getElementById("TrainingPresentiel")) - crit_TrainingPresentiel = document.getElementById("TrainingPresentiel").value; - - if (document.getElementById("TrainingPrice")) - crit_TrainingPrice = document.getElementById("TrainingPrice").value; - - if (document.getElementById("duration")) - crit_TrainingDuration = document.getElementById("duration").value; - - - if (document.getElementById("ville")) { - my_ville = crit_TrainingSupport = document.getElementById("ville").value; - - } - - if (document.getElementById("zip_code")) { - my_cp = crit_TrainingSupport = document.getElementById("zip_code").value; - - } - - - var crit_Trainingdistance = Trainingdistance; - - //console.log(" my_domaine = ", my_domaine); - - /*console.log('SearchText = ' + crit_SearchText + ' - TrainingSupport = ' + crit_TrainingSupport + - ' - TrainingType = ' + crit_TrainingType + ' - TrainingCertif ' + crit_TrainingCertif + - " Langue = " + crit_TrainingLang + " TrainingPrice = " + crit_TrainingPrice + - " - Distance = " + crit_Trainingdistance + " -- Presentiel :" + crit_TrainingPresentiel + - " - Duration = " + crit_TrainingDuration + " - stored_user_cookie = " + stored_user);*/ - - - var form = new FormData(); - form.append("search_text", crit_SearchText); - - - var my_local_user_connect; - var my_local_part_connect; - if (typeof (stored_user) === "undefined" || String(stored_user) === '') { - my_local_user_connect = 0; - } else { - my_local_user_connect = 1; - } - - if (typeof (stored_part) === "undefined" || String(stored_part) === '') { - my_local_part_connect = 0; - } else { - my_local_part_connect = 1; - } - - - - if (String(my_local_user_connect) === "1") { - form.append("token", stored_user); - form.append("connection_type", "user"); - } - else if (String(my_local_part_connect) === "1") { - form.append("token", stored_part); - form.append("connection_type", "partner"); - } - else { - form.append("token", ""); - form.append("connection_type", ""); - } - form.append("certif", crit_TrainingCertif); - form.append("support", crit_TrainingSupport); - form.append("type", crit_TrainingType); - form.append("lang", crit_TrainingLang); - form.append("price", crit_TrainingPrice); - form.append("distance", crit_Trainingdistance); - form.append("duration", crit_TrainingDuration); - - - // Ajout des info IP user - form.append("user_ip", IPv4); - form.append("user_country_code", country_code); - form.append("user_country_name", country_name); - form.append("user_city", city); - form.append("user_postal", postal); - form.append("user_latitude", latitude); - form.append("user_longitude", longitude); - form.append("user_state", state); - form.append("subdomain", "colasrail"); - - - var myurl = "" - if (displayAllClasses == true) { - myurl = process.env.REACT_APP_API_URL + "myclass/api/get_all_class_Given_partner_owner_recid_No_Login/"; - } - else { - myurl = process.env.REACT_APP_API_URL + "myclass/api/recherche_text_simple_for_partner_catalog/"; - - } - - // alert("myurl = " + myurl); - axios.post(myurl, form).then(res => { - if (String(res.data.status) != String("false")) { - //console.log(" In test res.data.status = " + res.data.status); - //console.log(" In test res.data.message = " + res.data.message); - setmyApiResponse("True"); - setResult(res.data.message) - - //Verification si le resutlat est vide - if (res.data.message.length <= 0) { - setbesoinaiderecherche("1"); - } - /*if (scrollDiv.current) { - scrollDiv.current.scrollIntoView({ behavior: "smooth" }); - }*/ - - var myelement; - - if (document.getElementById('rech_middlebox')) { - myelement = document.getElementById('rech_middlebox'); - } - - if (myelement) { - myelement.scrollIntoView({ behavior: 'smooth' }); - } - - } - - else { - //console.log(" In test res.data.status = " + res.data.status); - //console.log(" In test res.data.message = " + res.data.message); - setmyApiResponse("False"); - //setmyApimyApiMessage("") - //textInput.current.focus(); - } - - - }).catch((error) => { - // console.warn('Not good man :( mysearchtext = '); - setmyApiResponse("False"); - //setmyApimyApiMessage("") - }) - - // window.scrollTo(0, 600); - - - - - } - - // Cette fonction affiche les X premieres formations - function DisplayXfirstClas(ip) { - - // Nettoyage du resultat precedent. - setResult([]); - - - - //Get Criterias - var crit_SearchText = ""; - var myurl = ""; - - var form = new FormData(); - form.append("search_text", crit_SearchText); - - - if (typeof (NewSearchText) === "undefined" || String(NewSearchText) === '') { - crit_SearchText = ""; - myurl = process.env.REACT_APP_API_URL + "myclass/api/get_all_class_Given_partner_owner_recid_No_Login/"; - form.append("subdomain", "colasrail"); - - //console.log(" ######### laaaaaaaaaaaaa subdomain = ", window.location.host.split(".")[0]) - - - } else { - crit_SearchText = NewSearchText; - myurl = process.env.REACT_APP_API_URL + "myclass/api/recherche_text_simple_for_partner_catalog/"; - - } - - - - - - var my_local_user_connect; - var my_local_part_connect; - - if (typeof (stored_user) === "undefined" || String(stored_user) === '') { - my_local_user_connect = 0; - } else { - my_local_user_connect = 1; - } - - if (typeof (stored_part) === "undefined" || String(stored_part) === '') { - my_local_part_connect = 0; - } else { - my_local_part_connect = 1; - } - - if (String(my_local_user_connect) === "1") { - form.append("token", stored_user); - form.append("connection_type", "user"); - } - else if (String(my_local_part_connect) === "1") { - form.append("token", stored_part); - form.append("connection_type", "partner"); - } - else { - form.append("token", ""); - form.append("connection_type", ""); - } - - form.append("certif", ""); - form.append("support", ""); - form.append("type", ""); - form.append("lang", ""); - form.append("price", ""); - form.append("distance", ""); - form.append("duration", ""); - form.append("cpf", ""); - - - - // Ajout des info IP user - if (ip) { - //console.log(" ### with IP"); - form.append("user_ip", ip.IPv4); - form.append("user_country_code", ip.country_code); - form.append("user_country_name", ip.country_name); - form.append("user_city", ip.city); - form.append("user_postal", ip.postal); - form.append("user_latitude", ip.latitude); - form.append("user_longitude", ip.longitude); - form.append("user_state", ip.state); - } - else { - //console.log(" ### with OUT IP"); - form.append("user_ip", IPv4); - form.append("user_country_code", country_code); - form.append("user_country_name", country_name); - form.append("user_city", city); - form.append("user_postal", postal); - form.append("user_latitude", latitude); - form.append("user_longitude", longitude); - form.append("user_state", state); - // alert(" rrtt "); - } - - - //alert("myurl = " + myurl); - axios.post(myurl, form).then(res => { - if (String(res.data.status) != String("false")) { - //console.log(" In test res.data.status = " + res.data.status); - //console.log(" In DisplayXfirstClas res.data.message = " + res.data.message); - - setmyApiResponse("True"); - setResult(res.data.message) - // textInput.current.focus(); - setbesoinaiderecherche(""); - - } - else { - //console.log(" In test res.data.status = " + res.data.status); - //console.log(" In test res.data.message = " + res.data.message); - setmyApiResponse("False"); - //setmyApimyApiMessage("") - //textInput.current.focus(); - } - - - }).catch((error) => { - // console.warn('Not good man :( mysearchtext = '); - setmyApiResponse("False"); - //setmyApimyApiMessage("") - }) - - - } - - const [trier_par, settrier_par] = useState("1"); - - function trier(e) { - - setistrier(); - var trierpar = "" - if (document.getElementById("trierpar")) - trierpar = document.getElementById("trierpar").value; - - if (String(trierpar) === String("duration")) { - setCurrentPage2(1); - setCurrentPage(1); - - if (typeof (newresult) === "undefined" || String(newresult) === '') { - - //console.log(" AVANT TRIE : [0].duration = " + JSON.parse(result[0]).duration + " - [1].duration = " + JSON.parse(result[1]).duration) - result.sort(function (a, b) { - if (trier_par === "1") - return JSON.parse(a).duration - JSON.parse(b).duration; - else - return JSON.parse(b).duration - JSON.parse(a).duration; - }); - - //console.log("APRES TRIE : [0].duration = " + JSON.parse(result[0]).duration + " - [1].duration = " + JSON.parse(result[1]).duration) - - setistrier("1"); - } - else if (typeof (newresult) !== "undefined" || newresult.length > 0) { - newresult.sort(function (a, b) { - if (trier_par === "1") - return JSON.parse(a).duration - JSON.parse(b).duration; - else - return JSON.parse(b).duration - JSON.parse(a).duration; - }); - } - } - - else if (String(trierpar) === String("price")) { - setCurrentPage2(1); - - if (typeof (newresult) === "undefined" || String(newresult) === '') { - //console.log(" AVANT TRIE : [0].price = " + JSON.parse(result[0]).price + " - [1].price = " + JSON.parse(result[1]).price); - result.sort(function (a, b) { - - if (trier_par === "1") - return JSON.parse(a).price - JSON.parse(b).price; - else - return JSON.parse(b).price - JSON.parse(a).price; - }); - //console.log("APRES TRIE : [0].price = " + JSON.parse(result[0]).price + " - [1].price = " + JSON.parse(result[1]).price); - setistrier("2"); - } - else if (typeof (newresult) !== "undefined" || newresult.length > 0) { - newresult.sort(function (a, b) { - if (trier_par === "1") - return JSON.parse(a).price - JSON.parse(b).price; - else - return JSON.parse(b).price - JSON.parse(a).price; - }); - } - } - - else if (String(trierpar) === String("note")) { - setCurrentPage2(1); - - if (typeof (newresult) === "undefined" || String(newresult) === '') { - //console.log(" AVANT TRIE : [0].price = " + JSON.parse(result[0]).price + " - [1].price = " + JSON.parse(result[1]).price); - result.sort(function (a, b) { - if (trier_par === "1") - return JSON.parse(b).note - JSON.parse(a).note; - else - return JSON.parse(a).note - JSON.parse(b).note; - }); - //console.log("APRES TRIE : [0].price = " + JSON.parse(result[0]).price + " - [1].price = " + JSON.parse(result[1]).price); - setistrier("2"); - } - else if (typeof (newresult) !== "undefined" || newresult.length > 0) { - newresult.sort(function (a, b) { - if (trier_par === "1") - return JSON.parse(b).note - JSON.parse(a).note; - else - return JSON.parse(a).note - JSON.parse(b).note; - }); - } - } - - if (trier_par === "1") - settrier_par("-1"); - else - settrier_par("1"); - - } - - - function getClassByMetier_categorie(mycate) { - - var mymetier = mycate; - - - // Nettoyage du resultat precedent. - setResult([]); - var myurl = process.env.REACT_APP_API_URL + "myclass/api/get_class_by_metier/"; - - /*if (mymetier === "tout") { - //alert(" tout et sortir"); - setinitAllfiter("1"); - return; - - }*/ - - var form = new FormData(); - form.append("metier", mymetier); - form.append("token", ""); - - - //alert("myurl = "+myurl); - axios.post(myurl, form).then(res => { - if (String(res.data.status) != String("false")) { - - setmyApiResponse("True"); - setResult(res.data.message) - //textInput.current.focus(); - setbesoinaiderecherche(""); - setnewresult(""); - //console.log(" In getClassByMetier res.data.status = " + res.data.status); - //console.log(" In getClassByMetier res.data.message = " + res.data.message); - //setnewresult(res.data.message); - setCurrentPage2(1); - if (scrollDiv.current) { - scrollDiv.current.scrollIntoView({ behavior: "smooth" }); - } - - // reinitialisation de tous les filtre - - //setmyApimyApiMessage("OK") - //console.log("taille = "+res.data.message.length); - } - else { - //console.log(" In getClassByMetier res.data.status = " + res.data.status); - //console.log(" In getClassByMetier res.data.message = " + res.data.message); - setmyApiResponse("False"); - //setmyApimyApiMessage("") - //textInput.current.focus(); - } - - - }).catch((error) => { - console.warn(' getClassByMetier : Not good man :( mysearchtext = '); - setmyApiResponse("False"); - //setmyApimyApiMessage("") - }) - - } - - - function getClassByDomaine(List_Domaine) { - - // Nettoyage du resultat precedent. - setResult([]); - var myurl = process.env.REACT_APP_API_URL + "myclass/api/get_class_by_domaine/"; - - /*if (mymetier === "tout") { - //alert(" tout et sortir"); - setinitAllfiter("1"); - return; - - }*/ - - var form = new FormData(); - form.append("domaine", List_Domaine); - form.append("token", ""); - - - //alert("myurl = "+myurl); - axios.post(myurl, form).then(res => { - if (String(res.data.status) != String("false")) { - - setmyApiResponse("True"); - setResult(res.data.message) - //textInput.current.focus(); - setbesoinaiderecherche(""); - setnewresult(""); - //console.log(" In getClassByDomaine res.data.status = " + res.data.status); - //console.log(" In getClassByDomaine res.data.message = " + res.data.message); - //setnewresult(res.data.message); - setCurrentPage2(1); - if (scrollDiv.current) { - scrollDiv.current.scrollIntoView({ behavior: "smooth" }); - } - - // reinitialisation de tous les filtre - - //setmyApimyApiMessage("OK") - //console.log("taille = "+res.data.message.length); - } - else { - //console.log(" In getClassByMetier res.data.status = " + res.data.status); - //console.log(" In getClassByMetier res.data.message = " + res.data.message); - setmyApiResponse("False"); - //setmyApimyApiMessage("") - //textInput.current.focus(); - } - - - }).catch((error) => { - console.warn(' getClassByMetier : Not good man :( mysearchtext = '); - setmyApiResponse("False"); - //setmyApimyApiMessage("") - }) - - } - - function ReinitFilters() { - // Reinitialisation des filtre - annulefiltrecertif(); - annulefiltresupportchecked(); - annulefiltretypechecked(); - annulefiltrelieuchecked(); - annulefiltrecpf(); - } - - const [mymetier, setmymetier] = useState(""); - - function getClassByMetier(my_liste_metier) { - - - if (NewSearchText && NewSearchText.length > 2) { - alert(" Réinitialiser les filtres pour utiliser cette fonctionalité"); - return; - } - var myelement; - - if (document.getElementById('rech_middlebox')) { - myelement = document.getElementById('rech_middlebox'); - } - - var check_metier = ""; - if (document.querySelector('input[name="metier_radio"]:checked')) { - - check_metier = document.querySelector('input[name="metier_radio"]:checked').value; - } - - setmymetier(check_metier); - ReinitFilters(); - - - if (check_metier === "tout") { - // Nettoyage du resultat precedent. - setResult([]); - setnewresult(""); - //alert(" tout et sortir"); - - setdomaine_v11(domaine_v11_orig); - DisplayXfirstClas(); - //setResult([]); - - /*const pieces = window.location.href.split("/") - const last = pieces[pieces.length - 1] - const last2 = pieces[pieces.length - 2] - - if (last === "Recherche_new_v2" || last2 === "Recherche_new_v2") { - console.log(" ## RELAOD"); - window.location.reload(true); - } else { - - - history.push("/Recherche_new_v2"); - } - */ - if (myelement) { - // 👇 Will scroll smoothly to the top of the next section - myelement.scrollIntoView({ behavior: 'smooth' }); - } - return; - - } - - - - // Nettoyage du resultat precedent. - setResult([]); - var myurl = process.env.REACT_APP_API_URL + "myclass/api/get_class_by_metier/"; - - - var form = new FormData(); - form.append("metier", check_metier); - form.append("token", ""); - - //console.log(" recherif pour metier ", check_metier); - //alert("myurl = "+myurl); - axios.post(myurl, form).then(res => { - if (String(res.data.status) != String("false")) { - - setmyApiResponse("True"); - setResult(res.data.message) - //textInput.current.focus(); - setbesoinaiderecherche(""); - setnewresult(""); - //console.log(" In getClassByMetier res.data.status = " + res.data.status); - //console.log(" In getClassByMetier res.data.message = " + res.data.message); - //setnewresult(res.data.message); - setCurrentPage2(1); - if (scrollDiv.current) { - scrollDiv.current.scrollIntoView({ behavior: "smooth" }); - } - - // reinitialisation de tous les filtre - - //setmyApimyApiMessage("OK") - //console.log("taille = "+res.data.message.length); - } - else { - //console.log(" In getClassByMetier res.data.status = " + res.data.status); - //console.log(" In getClassByMetier res.data.message = " + res.data.message); - setmyApiResponse("False"); - //setmyApimyApiMessage("") - //textInput.current.focus(); - } - - - }).catch((error) => { - console.warn(' getClassByMetier : Not good man :( mysearchtext = '); - setmyApiResponse("False"); - //setmyApimyApiMessage("") - }) - - //console.log(" ICI MOVE TO "); - if (myelement) { - // 👇 Will scroll smoothly to the top of the next section - myelement.scrollIntoView({ behavior: 'smooth' }); - } - - } - - - const [PartnerMenu, setPartnerMenu] = React.useState(null); - const [AccountMenu, setAccountMenu] = React.useState(null); - const [ProduitMenu, setproduitMenu] = React.useState(null); - const [AvisMenu, setavisMenu] = React.useState(null); - - - - const PartnerMenu_Close = () => { - setPartnerMenu(null); - }; - - const AccountMenu_Close = () => { - setAccountMenu(null); - }; - - - const ProduitMenu_Close = () => { - setproduitMenu(null); - }; - - const handlePartnerMenu = (event) => { - setPartnerMenu(event.currentTarget); - }; - - const handleAccountMenu = (event) => { - setAccountMenu(event.currentTarget); - }; - - - const handleProduitMenu = (event) => { - setproduitMenu(event.currentTarget); - }; - - - - - const handleClose_Account = () => { - //alert(" my account"); - setAccountMenu(null); - }; - - const handleBlogMenu = (event) => { - setproduitMenu(event.currentTarget); - history.push("/Recherche-Article-formation") - }; - - const handleQuisommesNousMenu = (event) => { - setproduitMenu(event.currentTarget); - history.push("/qui-sommes-nous") - }; - - const handleAccountConnexion = () => { - setAccountMenu(null); - history.push("/Connexion") - }; - - const handleMyAccount = () => { - setAccountMenu(null); - history.push("/mysy-user-account") - }; - - - const handleMyPartnerAccount = () => { - setAccountMenu(null); - history.push("/Partner") - }; - - - const handleAccountCreation = () => { - setAccountMenu(null); - history.push("/create_account") - }; - - const handlePartnerConnexion = () => { - setAccountMenu(null); - history.push("/PartnerLogin") - }; - - - const handleProduitService = () => { - setproduitMenu(null); - history.push("/tarifs_produits_services/") - }; - - const handleAvis = () => { - setavisMenu(null); - history.push("/Recherche-Article-formation") - }; - - function test() { - alert(" coucou"); - } - - - const [someoneconnected, setsomeoneconnected] = useState("0"); - const [partnerconnected, setpartnerconnected] = useState("0"); - const [cookie, setCookie, removeCookie] = useCookies(['tokenmysych']); - - const stored_part = getCookie('tokenmysypart'); - - - - function whosisconnected() { - var local_user_connect = 0; - var local_part_connect = 0; - - if (typeof (stored_user) === "undefined" || String(stored_user) === '') { - setuserconnected("0"); - local_user_connect = 0; - } else { - setuserconnected("1"); - setsomeoneconnected("1"); - local_user_connect = 1; - //alert(" user connected OK"); - } - - if (typeof (stored_part) === "undefined" || String(stored_part) === '') { - setpartnerconnected("0"); - local_part_connect = 0; - } else { - setpartnerconnected("1"); - setsomeoneconnected("1"); - local_part_connect = 1; - //alert(" partner connected OK"); - } - } - - function handleAccountLogout() { - - if (String(userconnected) === String("1")) { - user_logout(); - } - else if (String(partnerconnected) === String("1")) { - part_logout(); - } - } - - function user_logout_confirmation() { - /* si c'est une connexion partner qui est active */ - if (typeof (stored_user) != "undefined") { - setCookie("tokenmysych", ""); - } - history.push("/recherche-formation"); - } - - function user_logout() { - confirmAlert({ - title: '', - message: 'Confirmez la deconnexion (user)', - buttons: [ - { - label: 'Oui', - onClick: () => user_logout_confirmation() - }, - { - label: 'Non', - onClick: () => { return } - } - ] - }); - } - - - - - function handleAccountConnexion_v2() { - - if (String(userconnected) === String("1")) { - handleMyAccount(); - } - else if (String(partnerconnected) === String("1")) { - handleMyPartnerAccount(); - } - } - - - function part_logout_confirmation() { - /* si c'est une connexion partner qui est active */ - if (typeof (stored_part) != "undefined") { - const stored_cookie = getCookie('tokenmysypart'); - var acces_right_token_name = stored_cookie + "_uar"; - - setpartCookie("tokenmysypart", "", { path: '/' }); - - setpartCookie(acces_right_token_name, "", { path: '/' }); - removeCookie(acces_right_token_name, { path: '/' }); - - } - setsomeoneconnected("0"); - setDialog_1_open(false); - history.push("/recherche-formation"); - } - - function part_logout() { - confirmAlert({ - title: '', - message: 'Confirmez la deconnexion (pro)', - buttons: [ - { - label: 'Oui', - onClick: () => part_logout_confirmation() - }, - { - label: 'Non', - onClick: () => { return } - } - ] - }); - } - - const [range_price, setrange_price] = useState({ min: 0, max: 9999, }); - function rangevalue() { - alert(range_price.max + " - " + range_price.min); - //console.log(" range = " + range_price); - } - - const [trainingonsite, settrainingonsite] = useState() - function isonsite() { - settrainingonsite(document.querySelector('input[name="TrainingPresentiel"]:checked').value) - - } - - const [certifchecked, setcertifchecked] = useState(); - function annulefiltrecertif() { - if (document.querySelector('input[name="TrainingCertif"]:checked')) { - var radio = document.querySelector('input[name="TrainingCertif"]:checked'); - radio.checked = false; - setcertifchecked(""); - - var toto = ""; - var filtre1 = ""; - - - // Reinitialisation - filtre1 = result; - setv11(filtre1); - - - // recuperation du filtre du support - var crit_TrainingSupport = ""; - if (document.getElementById("supoort_list_derou")) { - crit_TrainingSupport = document.getElementById("supoort_list_derou").value; - if (crit_TrainingSupport.length > 0) - filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).support === crit_TrainingSupport); - - } - - // recuperation du filtre du CPF - var crit_TrainingCPF = ""; - if (document.querySelector('input[name="TrainingCPF"]:checked')) { - crit_TrainingCPF = document.querySelector('input[name="TrainingCPF"]:checked').value; - if (crit_TrainingCPF.length > 0) - filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).cpf === crit_TrainingCPF); - - } - - // recuperation du filtre du type - var crit_TrainingType = ""; - if (document.querySelector('input[name="TrainingType"]:checked')) { - crit_TrainingType = document.querySelector('input[name="TrainingType"]:checked').value - if (crit_TrainingType.length > 0) - filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).certif === crit_TrainingType); - - } - - // recuperation du filtre de la distance - var crit_Trainingdistance = ""; - if (document.querySelector('input[name="TrainingPresentiel"]:checked')) { - crit_Trainingdistance = document.querySelector('input[name="TrainingPresentiel"]:checked').value - if (crit_Trainingdistance.length > 0) { - // filtre presentiel = 1 - if (String(crit_Trainingdistance) === String("1")) { - filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).presentiel.distantiel === "1"); - setv11(filtre1); - - } - else if (String(crit_Trainingdistance) === String("0")) { - filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).presentiel.presentiel === "1"); - setv11(filtre1); - } - } - - } - - var crit_TrainingPrice = range_price.min + ":" + range_price.max; - - setnewresult(filtre1); - //alert("crit_TrainingCertif = " + crit_TrainingCertif + " ET crit_TrainingSupport = " + crit_TrainingSupport + " ET crit_TrainingType = " + crit_TrainingType); - //console.log("############################ filtre1 = " + filtre1); - setCurrentPage2(1); - //console.log(" ????????????????????????????filtre2 = "+filtre2); - - } - return; - - - } - - - function annulefiltrecpf() { - if (document.querySelector('input[name="TrainingCPF"]:checked')) { - var radio = document.querySelector('input[name="TrainingCPF"]:checked'); - radio.checked = false; - setcpfchecked(""); - - var toto = ""; - var filtre1 = ""; - - - // Reinitialisation - filtre1 = result; - setv11(filtre1); - - // recuperation du filtre de la certification - var crit_TrainingCertif = ""; - if (document.querySelector('input[name="TrainingCertif"]:checked')) { - crit_TrainingCertif = document.querySelector('input[name="TrainingCertif"]:checked').value; - if (crit_TrainingCertif.length > 0) - filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).certif === crit_TrainingCertif); - - } - - // recuperation du filtre du support - var crit_TrainingSupport = ""; - if (document.getElementById("supoort_list_derou")) { - crit_TrainingSupport = document.getElementById("supoort_list_derou").value; - if (crit_TrainingSupport.length > 0) - filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).support === crit_TrainingSupport); - - } - - - // recuperation du filtre du type - var crit_TrainingType = ""; - if (document.querySelector('input[name="TrainingType"]:checked')) { - crit_TrainingType = document.querySelector('input[name="TrainingType"]:checked').value - if (crit_TrainingType.length > 0) - filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).certif === crit_TrainingType); - - } - - // recuperation du filtre de la distance - var crit_Trainingdistance = ""; - if (document.querySelector('input[name="TrainingPresentiel"]:checked')) { - crit_Trainingdistance = document.querySelector('input[name="TrainingPresentiel"]:checked').value - if (crit_Trainingdistance.length > 0) { - // filtre presentiel = 1 - if (String(crit_Trainingdistance) === String("1")) { - filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).presentiel.distantiel === "1"); - setv11(filtre1); - - } - else if (String(crit_Trainingdistance) === String("0")) { - filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).presentiel.presentiel === "1"); - setv11(filtre1); - } - } - - } - - var crit_TrainingPrice = range_price.min + ":" + range_price.max; - - setnewresult(filtre1); - //alert("crit_TrainingCertif = " + crit_TrainingCertif + " ET crit_TrainingSupport = " + crit_TrainingSupport + " ET crit_TrainingType = " + crit_TrainingType); - //console.log("############################ filtre1 = " + filtre1); - setCurrentPage2(1); - //console.log(" ????????????????????????????filtre2 = "+filtre2); - - } - return; - - - } - - const [supportchecked, setsupportchecked] = useState(); - function annulefiltresupportchecked() { - //var radio = document.querySelector('input[name="TrainingSupport"]:checked'); - //radio.checked = false; - setsupportchecked(""); - var crit_TrainingSupport = ""; - var toto = ""; - var filtre1 = ""; - - - - // Reinitialisation - filtre1 = result; - setv11(filtre1); - - // recuperation du filtre de la certification - var crit_TrainingCertif = ""; - if (document.querySelector('input[name="TrainingCertif"]:checked')) { - crit_TrainingCertif = document.querySelector('input[name="TrainingCertif"]:checked').value; - if (crit_TrainingCertif.length > 0) - filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).certif === crit_TrainingCertif); - - } - - - // recuperation du filtre du CPF - var crit_TrainingCPF = ""; - if (document.querySelector('input[name="TrainingCPF"]:checked')) { - crit_TrainingCPF = document.querySelector('input[name="TrainingCPF"]:checked').value; - if (crit_TrainingCPF.length > 0) - filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).cpf === crit_TrainingCPF); - - } - - - // recuperation du filtre du type (cours, tuto, etc) - var crit_TrainingType = ""; - if (document.querySelector('input[name="TrainingType"]:checked')) { - crit_TrainingType = document.querySelector('input[name="TrainingType"]:checked').value; - if (crit_TrainingType.length > 0) - filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).type === crit_TrainingType); - - } - - // recuperation du filtre de la distance - var crit_Trainingdistance = ""; - if (document.querySelector('input[name="TrainingPresentiel"]:checked')) { - crit_Trainingdistance = document.querySelector('input[name="TrainingPresentiel"]:checked').value; - if (crit_Trainingdistance.length > 0) { - // filtre presentiel = 1 - if (String(crit_Trainingdistance) === String("1")) { - filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).presentiel.distantiel === "1"); - setv11(filtre1); - - } - else if (String(crit_Trainingdistance) === String("0")) { - filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).presentiel.presentiel === "1"); - setv11(filtre1); - } - } - } - // Recup du filtre de prix - var crit_TrainingPrice = ""; - - setnewresult(filtre1); - - //alert("crit_TrainingCertif = " + crit_TrainingCertif + " ET crit_TrainingSupport = " + crit_TrainingSupport + " ET crit_TrainingType = " + crit_TrainingType); - //console.log("############################ filtre1 = " + filtre1); - setCurrentPage2(1); - //console.log(" ????????????????????????????filtre2 = "+filtre2); - } - - - const [typechecked, settypechecked] = useState(); - function annulefiltretypechecked() { - - if (document.querySelector('input[name="TrainingType"]:checked')) { - var radio = document.querySelector('input[name="TrainingType"]:checked'); - radio.checked = false; - settypechecked(""); - - var toto = ""; - var filtre1 = ""; - var filtre2 = ""; - var filtre3 = ""; - - - - // Reinitialisation - filtre1 = result; - setv11(filtre1); - //alert("rinitialisation") - ; - - // recuperation du filtre du support - var crit_TrainingSupport = ""; - if (document.getElementById("supoort_list_derou")) { - crit_TrainingSupport = document.getElementById("supoort_list_derou").value; - if (crit_TrainingSupport.length > 0) - filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).support === crit_TrainingSupport); - - } - - // recuperation du filtre du certificat - var crit_TrainingCertif = ""; - if (document.querySelector('input[name="TrainingCertif"]:checked')) { - crit_TrainingCertif = document.querySelector('input[name="TrainingCertif"]:checked').value - if (crit_TrainingCertif.length > 0) - filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).certif === crit_TrainingCertif); - - } - - // recuperation du filtre du CPF - var crit_TrainingCPF = ""; - if (document.querySelector('input[name="TrainingCPF"]:checked')) { - crit_TrainingCPF = document.querySelector('input[name="TrainingCPF"]:checked').value; - if (crit_TrainingCPF.length > 0) - filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).cpf === crit_TrainingCPF); - - } - - - // recuperation du filtre de la distance - var crit_Trainingdistance = ""; - if (document.querySelector('input[name="TrainingPresentiel"]:checked')) { - crit_Trainingdistance = document.querySelector('input[name="TrainingPresentiel"]:checked').value - if (crit_Trainingdistance.length > 0) { - // filtre presentiel = 1 - if (String(crit_Trainingdistance) === String("1")) { - filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).presentiel.distantiel === "1"); - setv11(filtre1); - - } - else if (String(crit_Trainingdistance) === String("0")) { - filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).presentiel.presentiel === "1"); - setv11(filtre1); - } - } - - } - - - setnewresult(filtre1); - //alert("crit_TrainingCertif = " + crit_TrainingCertif + " ET crit_TrainingSupport = " + crit_TrainingSupport + " ET crit_TrainingType = " + crit_TrainingType); - //console.log("############################ filtre1 = " + filtre1); - setCurrentPage2(1); - //console.log(" ????????????????????????????filtre2 = "+filtre2); - } - return; - - } - - - const [lieuchecked, setlieuchecked] = useState(); - function annulefiltrelieuchecked() { - if (document.querySelector('input[name="TrainingPresentiel"]:checked')) { - var radio = document.querySelector('input[name="TrainingPresentiel"]:checked'); - radio.checked = false; - setlieuchecked(""); - var toto = ""; - var filtre1 = ""; - settrainingonsite(''); - - - - //reinitialisation des filtres - filtre1 = result; - setv11(filtre1); - - // Annulation de la suggestion de villes - setsuggestioncities([]); - - - /* Recuperation des autres filtres */ - // recuperation du filtre du support - var crit_TrainingSupport = ""; - if (document.getElementById("supoort_list_derou")) { - crit_TrainingSupport = document.getElementById("supoort_list_derou").value; - if (crit_TrainingSupport.length > 0) - filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).support === crit_TrainingSupport); - } - - // recuperation du filtre du certification - var crit_TrainingCertif = ""; - if (document.querySelector('input[name="TrainingCertif"]:checked')) { - crit_TrainingCertif = document.querySelector('input[name="TrainingCertif"]:checked').value; - if (crit_TrainingCertif.length > 0) - filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).certif === crit_TrainingCertif); - } - - // recuperation du filtre du CPF - var crit_TrainingCPF = ""; - if (document.querySelector('input[name="TrainingCPF"]:checked')) { - crit_TrainingCPF = document.querySelector('input[name="TrainingCPF"]:checked').value; - if (crit_TrainingCPF.length > 0) - filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).cpf === crit_TrainingCPF); - - } - - // recuperation du filtre du type (cours, tuto, etc) - var crit_TrainingType = ""; - if (document.querySelector('input[name="TrainingType"]:checked')) { - crit_TrainingType = document.querySelector('input[name="TrainingType"]:checked').value; - if (crit_TrainingType.length > 0) - filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).type === crit_TrainingType); - } - setnewresult(filtre1); - setCurrentPage2(1); - } - } - - function OnblurHandle(e) { - setTimeout(() => { - setsuggestion2([]) - }, 100) - } - - - function OnSuggestionHandler(text) { - var val = text; - settext(val); - } - - function OnCitiesSuggestionHandler(text) { - var val = text; - setcities(val); - document.getElementById("ville").value = val; - LeaveCity(); - // Annulation de la suggestion de villes - setsuggestioncities([]); - } - - function publiecatalogue() { - - history.push("/Partner", { mysy_arg: 'partner' }); - } - - function LeaveCity() { - TrainingDistancielHandle(); - } - - function LeaveZipCode() { - TrainingDistancielHandle(); - } - - const Recherche_Domaine_Metier = (event) => { - - //console.log(" ### liste domaine = ", list_domaine); - //console.log(" ### liste metier = ", list_metier); - - } - - const [displayAllmetiers, setdisplayAllmetiers] = useState(); - - function DisplayAllmetier() { - if (displayAllmetiers) - setdisplayAllmetiers(false); - else - setdisplayAllmetiers(true); - } - - - function init_Filter_Change_url() { - history.push("/"); - window.location.reload(); - - /* window.scrollTo({ - top: 0, - behavior: "smooth", - });*/ - - } - - function message_to_init_Filter_Change_url() { - alert(" Réinitialiser les filtres pour réactivier cette fonctionnalité") - - } - - - const [Dialog_1_message, setDialog_1_message] = React.useState(false); - const [Dialog_1_open, setDialog_1_open] = React.useState(false); - function Dialog_1_handle_change_participant_session(message) { - setDialog_1_message(message); - setDialog_1_open(true); - } - - const Dialog_1_handleClose = () => { - //alert(" Utiliser le bouton 'fermer' "); - //setOpen(false); - }; - - const Dialog_1_handleClose_buton = () => { - setDialog_1_open(false); - }; - - - //console.log(" c'est url_subdomain ", url_subdomain); - - const [subdomain_recid, setsubdomain_recid] = useState(""); - const [my_theme_code, setmy_theme_code] = useState(""); - - - const [New_Get_Subdomain_Partner_Data_result, setNew_Get_Subdomain_Partner_Data_result] = useState([]); - - const [Get_Subdomain_Partner_Data_api, setGet_Subdomain_Partner_Data_api] = useState(); - const [Get_Subdomain_Partner_Data_message, setGet_Subdomain_Partner_Data_message] = useState(); - const [Get_Subdomain_Partner_Data_result, setGet_Subdomain_Partner_Data_result] = useState(); - function Get_Subdomain_Partner_Data(local_url_subdomain) { - - let domain = local_url_subdomain; - if (local_url_subdomain.includes("://")) { - domain = url.split('://')[1]; - } - - console.log(" ### local_url_subdomain = ", local_url_subdomain); - - const subdomain = domain.split('.')[0]; - - console.log(" ### subdomain = ", subdomain); - - var form = new FormData(); - - form.append("subdomain", "colasrail"); - - var myurl = process.env.REACT_APP_API_URL + "myclass/api/Get_Partner_Data_From_Subdomain/"; - - axios.post(myurl, form).then(res => { - - if (String(res.data.status) === "true") { - //console.log(" In Get_Subdomain_Partner_Data res.data.status = " + res.data.status); - // console.log(" In Get_Subdomain_Partner_Data res.data.message r_class = " + res.data.message); - setGet_Subdomain_Partner_Data_api("true"); - setGet_Subdomain_Partner_Data_result(res.data.message); - - var new_data2 = []; - const new_data = res.data.message.map((x) => { - - //--- - - var _id = JSON.parse(x)._id; - var recid = JSON.parse(x).recid; - var nom = JSON.parse(x).nom; - - var catalog_pub_logo = JSON.parse(x).catalog_pub_logo; - var catalog_pub_banniere_img = JSON.parse(x).catalog_pub_banniere_img; - - var theme_code = JSON.parse(x).theme_code; - - var catalog_pub_message_1_txt = JSON.parse(x).catalog_pub_message_1_txt; - - var catalog_pub_cgv_pdf = "" - if (JSON.parse(x).catalog_pub_cgv_pdf) - catalog_pub_cgv_pdf = JSON.parse(x).catalog_pub_cgv_pdf; - - - var catalog_pub_cgu_pdf = "" - if (JSON.parse(x).catalog_pub_cgu_pdf) - catalog_pub_cgu_pdf = JSON.parse(x).catalog_pub_cgu_pdf; - - var catalog_pub_mention_legale_pdf = "" - if (JSON.parse(x).catalog_pub_mention_legale_pdf) - catalog_pub_mention_legale_pdf = JSON.parse(x).catalog_pub_mention_legale_pdf; - - - - var catalog_pub_message_1_taille = "12" - if (JSON.parse(x).catalog_pub_message_1_taille) - catalog_pub_message_1_taille = JSON.parse(x).catalog_pub_message_1_taille; - - var catalog_pub_message_1_color = "#000000"; - if (JSON.parse(x).catalog_pub_message_1_color) - catalog_pub_message_1_color = JSON.parse(x).catalog_pub_message_1_color; - - var catalog_pub_message_1_gras = "400" - if (JSON.parse(x).catalog_pub_message_1_gras) - catalog_pub_message_1_gras = JSON.parse(x).catalog_pub_message_1_gras; - - - var catalog_pub_message_2_txt = "" - if (JSON.parse(x).catalog_pub_message_2_txt) - catalog_pub_message_2_txt = JSON.parse(x).catalog_pub_message_2_txt; - - - var catalog_pub_message_2_taille = "12" - if (JSON.parse(x).catalog_pub_message_2_taille) - catalog_pub_message_2_taille = JSON.parse(x).catalog_pub_message_2_taille; - - var catalog_pub_message_2_color = "#000000" - if (JSON.parse(x).catalog_pub_message_2_color) - catalog_pub_message_2_color = JSON.parse(x).catalog_pub_message_2_color; - - var catalog_pub_message_2_gras = "400" - if (JSON.parse(x).catalog_pub_message_2_gras) - catalog_pub_message_2_gras = JSON.parse(x).catalog_pub_message_2_gras; - - - - var catalog_pub_message_3_txt = "" - if (JSON.parse(x).catalog_pub_message_3_txt) - catalog_pub_message_3_txt = JSON.parse(x).catalog_pub_message_3_txt; - - var catalog_pub_message_3_taille = "12" - if (JSON.parse(x).catalog_pub_message_3_taille) - catalog_pub_message_3_taille = JSON.parse(x).catalog_pub_message_3_taille; - - var catalog_pub_message_3_color = "#000000"; - if (JSON.parse(x).catalog_pub_message_3_color) - catalog_pub_message_3_color = JSON.parse(x).catalog_pub_message_3_color; - - var catalog_pub_message_3_gras = "400" - if (JSON.parse(x).catalog_pub_message_3_gras) - catalog_pub_message_3_gras = JSON.parse(x).catalog_pub_message_3_gras; - - // Indicateur 1 - var catalog_pub_indicateur_1_txt = "" - if (JSON.parse(x).catalog_pub_indicateur_1_txt) - catalog_pub_indicateur_1_txt = JSON.parse(x).catalog_pub_indicateur_1_txt; - - var catalog_pub_indicateur_1_color = "#000000"; - if (JSON.parse(x).catalog_pub_indicateur_1_color) - catalog_pub_indicateur_1_color = JSON.parse(x).catalog_pub_indicateur_1_color; - - var catalog_pub_indicateur_1_gras = "400" - if (JSON.parse(x).catalog_pub_indicateur_1_gras) - catalog_pub_indicateur_1_gras = JSON.parse(x).catalog_pub_indicateur_1_gras; - - var catalog_pub_indicateur_1_taille = "12" - if (JSON.parse(x).catalog_pub_indicateur_1_taille) - catalog_pub_indicateur_1_taille = JSON.parse(x).catalog_pub_indicateur_1_taille; - - // Indicateur 2 - var catalog_pub_indicateur_2_txt = "" - if (JSON.parse(x).catalog_pub_indicateur_2_txt) - catalog_pub_indicateur_2_txt = JSON.parse(x).catalog_pub_indicateur_2_txt; - - var catalog_pub_indicateur_2_color = "#000000"; - if (JSON.parse(x).catalog_pub_indicateur_2_color) - catalog_pub_indicateur_2_color = JSON.parse(x).catalog_pub_indicateur_2_color; - - var catalog_pub_indicateur_2_gras = "400" - if (JSON.parse(x).catalog_pub_indicateur_2_gras) - catalog_pub_indicateur_2_gras = JSON.parse(x).catalog_pub_indicateur_2_gras; - - var catalog_pub_indicateur_2_taille = "12" - if (JSON.parse(x).catalog_pub_indicateur_2_taille) - catalog_pub_indicateur_2_taille = JSON.parse(x).catalog_pub_indicateur_2_taille; - - // Indicateur 3 - var catalog_pub_indicateur_3_txt = "" - if (JSON.parse(x).catalog_pub_indicateur_3_txt) - catalog_pub_indicateur_3_txt = JSON.parse(x).catalog_pub_indicateur_3_txt; - - var catalog_pub_indicateur_3_color = "#000000"; - if (JSON.parse(x).catalog_pub_indicateur_3_color) - catalog_pub_indicateur_3_color = JSON.parse(x).catalog_pub_indicateur_3_color; - - var catalog_pub_indicateur_3_gras = "400" - if (JSON.parse(x).catalog_pub_indicateur_3_gras) - catalog_pub_indicateur_3_gras = JSON.parse(x).catalog_pub_indicateur_3_gras; - - var catalog_pub_indicateur_3_taille = "12" - if (JSON.parse(x).catalog_pub_indicateur_3_taille) - catalog_pub_indicateur_3_taille = JSON.parse(x).catalog_pub_indicateur_3_taille; - - - // Indicateur 4 - var catalog_pub_indicateur_4_txt = "" - if (JSON.parse(x).catalog_pub_indicateur_4_txt) - catalog_pub_indicateur_4_txt = JSON.parse(x).catalog_pub_indicateur_4_txt; - - var catalog_pub_indicateur_4_color = "#000000"; - if (JSON.parse(x).catalog_pub_indicateur_4_color) - catalog_pub_indicateur_4_color = JSON.parse(x).catalog_pub_indicateur_4_color; - - var catalog_pub_indicateur_4_gras = "400" - if (JSON.parse(x).catalog_pub_indicateur_4_gras) - catalog_pub_indicateur_4_gras = JSON.parse(x).catalog_pub_indicateur_4_gras; - - var catalog_pub_indicateur_4_taille = "12" - if (JSON.parse(x).catalog_pub_indicateur_4_taille) - catalog_pub_indicateur_4_taille = JSON.parse(x).catalog_pub_indicateur_4_taille; - - // Les contacts publics - var catalog_pub_contact_public_email = "" - if (JSON.parse(x).catalog_pub_contact_public_email) - catalog_pub_contact_public_email = JSON.parse(x).catalog_pub_contact_public_email; - - var catalog_pub_contact_public_telephone = "" - if (JSON.parse(x).catalog_pub_contact_public_telephone) - catalog_pub_contact_public_telephone = JSON.parse(x).catalog_pub_contact_public_telephone; - - - var catalog_pub_theme_id = JSON.parse(x).catalog_pub_theme_id; - - setmy_theme_code(theme_code); - - console.log(" ### setmy_theme_code = ", theme_code); - - - //--- - var node = { - "_id": _id, - "recid": recid, - "nom": nom, - "label": nom, - - "catalog_pub_cgv_pdf": catalog_pub_cgv_pdf, - "catalog_pub_cgu_pdf": catalog_pub_cgu_pdf, - "catalog_pub_mention_legale_pdf": catalog_pub_mention_legale_pdf, - - "catalog_pub_logo": catalog_pub_logo, - "catalog_pub_banniere_img": catalog_pub_banniere_img, - "catalog_pub_message_1_txt": catalog_pub_message_1_txt, - "catalog_pub_message_1_taille": catalog_pub_message_1_taille, - "catalog_pub_message_1_color": catalog_pub_message_1_color, - "catalog_pub_message_1_gras": catalog_pub_message_1_gras, - - - "catalog_pub_message_2_txt": catalog_pub_message_2_txt, - "catalog_pub_message_2_taille": catalog_pub_message_2_taille, - "catalog_pub_message_2_color": catalog_pub_message_2_color, - "catalog_pub_message_2_gras": catalog_pub_message_2_gras, - - - "catalog_pub_message_3_txt": catalog_pub_message_3_txt, - "catalog_pub_message_3_taille": catalog_pub_message_3_taille, - "catalog_pub_message_3_color": catalog_pub_message_3_color, - "catalog_pub_message_3_gras": catalog_pub_message_3_gras, - - /// les indicateurs - "catalog_pub_indicateur_1_txt": catalog_pub_indicateur_1_txt, - "catalog_pub_indicateur_1_color": catalog_pub_indicateur_1_color, - "catalog_pub_indicateur_1_gras": catalog_pub_indicateur_1_gras, - "catalog_pub_indicateur_1_taille": catalog_pub_indicateur_1_taille, - - "catalog_pub_indicateur_2_txt": catalog_pub_indicateur_2_txt, - "catalog_pub_indicateur_2_color": catalog_pub_indicateur_2_color, - "catalog_pub_indicateur_2_gras": catalog_pub_indicateur_2_gras, - "catalog_pub_indicateur_2_taille": catalog_pub_indicateur_2_taille, - - "catalog_pub_indicateur_3_txt": catalog_pub_indicateur_3_txt, - "catalog_pub_indicateur_3_color": catalog_pub_indicateur_3_color, - "catalog_pub_indicateur_3_gras": catalog_pub_indicateur_3_gras, - "catalog_pub_indicateur_3_taille": catalog_pub_indicateur_3_taille, - - "catalog_pub_indicateur_4_txt": catalog_pub_indicateur_4_txt, - "catalog_pub_indicateur_4_color": catalog_pub_indicateur_4_color, - "catalog_pub_indicateur_4_gras": catalog_pub_indicateur_4_gras, - "catalog_pub_indicateur_4_taille": catalog_pub_indicateur_4_taille, - - // les contacts publics - "catalog_pub_contact_public_email": catalog_pub_contact_public_email, - "catalog_pub_contact_public_telephone": catalog_pub_contact_public_telephone, - - "catalog_pub_theme_id": catalog_pub_theme_id, - "theme_code": theme_code, - - }; - // console.log(" --- node = ", node); - new_data2.push(node); - }); - - if (new_data2.length > 0) - setNew_Get_Subdomain_Partner_Data_result(new_data2); - - - if (res.data.message.length > 0) { - var mylocal_materiel = JSON.parse(res.data.message); - - if (mylocal_materiel.recid) - setsubdomain_recid(mylocal_materiel.recid); - else - setsubdomain_recid(""); - - } - - - } - else { - setGet_Subdomain_Partner_Data_api("false"); - setGet_Subdomain_Partner_Data_message(res.data.message); - alert(res.data.message); - } - - }).catch((error) => { - console.warn('Not good man :( Get_Subdomain_Partner_Data = ', error); - setGet_Subdomain_Partner_Data_api("false"); - alert(" Impossible de recuperer les données du sous domaine"); - //setmyApimyApiMessage("") - }) - } - - const [display_mode_grid_or_list, setdisplay_mode_grid_or_list] = useState("list"); - - function func_display_grid_view() { - setdisplay_mode_grid_or_list("grid"); - } - - function func_display_list_view() { - setdisplay_mode_grid_or_list("list"); - } - - - - return ( - - -
- - - - Formation & Tutoriel Gratuit ou payant Excellente qualité - - - - - - -

my_theme_code = {my_theme_code}

- {/******* Gestion du THEME "MySy_Theme2" */} - {New_Get_Subdomain_Partner_Data_result && New_Get_Subdomain_Partner_Data_result.length > 0 - && String(my_theme_code) === "MySy_Theme2" &&
- -
- - {New_Get_Subdomain_Partner_Data_result && New_Get_Subdomain_Partner_Data_result.length > 0 - && New_Get_Subdomain_Partner_Data_result[0].catalog_pub_banniere_img &&
- - -
} - -
- -
- {New_Get_Subdomain_Partner_Data_result[0].nom} -
- -
- -   -
- -
-   -
-
- - -
- -
- -
- Indicateurs
- {New_Get_Subdomain_Partner_Data_result && New_Get_Subdomain_Partner_Data_result.length > 0 - && New_Get_Subdomain_Partner_Data_result[0].catalog_pub_indicateur_1_txt && -
{New_Get_Subdomain_Partner_Data_result[0].catalog_pub_indicateur_1_txt} -
} - - {New_Get_Subdomain_Partner_Data_result && New_Get_Subdomain_Partner_Data_result.length > 0 - && New_Get_Subdomain_Partner_Data_result[0].catalog_pub_indicateur_2_txt && -
{New_Get_Subdomain_Partner_Data_result[0].catalog_pub_indicateur_2_txt} -
} - - {New_Get_Subdomain_Partner_Data_result && New_Get_Subdomain_Partner_Data_result.length > 0 - && New_Get_Subdomain_Partner_Data_result[0].catalog_pub_indicateur_3_txt && -
{New_Get_Subdomain_Partner_Data_result[0].catalog_pub_indicateur_3_txt} -
} - - {New_Get_Subdomain_Partner_Data_result && New_Get_Subdomain_Partner_Data_result.length > 0 - && New_Get_Subdomain_Partner_Data_result[0].catalog_pub_indicateur_4_txt && -
{New_Get_Subdomain_Partner_Data_result[0].catalog_pub_indicateur_4_txt} -
} - -
-
- {New_Get_Subdomain_Partner_Data_result && New_Get_Subdomain_Partner_Data_result.length > 0 && - } - - - {New_Get_Subdomain_Partner_Data_result[0] && New_Get_Subdomain_Partner_Data_result[0].catalog_pub_message_2_txt && - } - -
-
- - Contact
- Tel : {New_Get_Subdomain_Partner_Data_result[0].catalog_pub_contact_public_telephone}
- Email : {New_Get_Subdomain_Partner_Data_result[0].catalog_pub_contact_public_email} - -
-
- -
- - - -
- - - -
- -
-
- -
Nos Formations & Tutoriels
- {showelement === "true" &&
- -
Masquer les Métiers & Filtres
-
- -
- } - - {showelement === "false" &&
-
Afficher les Métiers & Filtres
-
- -
- } - - {showelement === "true" &&
-
-
Les filtres
- -
- -
-
-
-
Eligible CPF -
-
-
- -
- - -
-
- -
-
- - -
-
- - {String(cpfchecked) === String("1") &&
-
- KO - -
-
} - -
-
- - -
-
Certification -
- -
-
-
- - -
-
- -
-
- - -
-
- {String(certifchecked) === String("1") &&
-
- KO - -
-
} -
-
-
-
- -
-
-
-
Type -
- -
-
-
- - -
-
- -
-
- - -
-
- {String(typechecked) === String("1") &&
-
- KO - -
-
} -
-
- - -
-
Lieu -
- -
-
-
- - -
-
- -
-
- - -
-
- {String(lieuchecked) === String("1") &&
-
- KO - -
-
} -
-
- - - {trainingonsite && String(trainingonsite) === String("0") &&
-
Ville -
- -
- - {suggestioncities && suggestioncities.slice(0, 3).map((suggestion, id) => -
OnCitiesSuggestionHandler(JSON.parse(suggestion).ville)}> {JSON.parse(suggestion).ville}
- )} - -
- - -
 
-
} - - {trainingonsite && String(trainingonsite) === String("0") &&
-
Code postale -
- -
- -
- - -
 
-
} - -
-
- -
- -
- -
-
Support -
- -
- - - - -
-
- -
-
Prix -
- -
- `${value} €`} - value={range_price} - step={500} - name="toto" - - onChange={value => setrange_price(value)} - //onChange={TrainingPriceHandle} - onChangeComplete={value => console.log(value)} - /> -
- - -
 
-
- -
- -
- -
-
- -
- } - -
- -
Nos Formations & Tutoriels
- {String(userconnected) === String("1") &&
- -
- } - - {myApiResponse == "False" &&
- - Impossible de contacter l'hote distant -
} - - {myApiResponse == "True" && String(besoinaiderecherche) === String("1") &&
- - Le resultat est vide, besoin d'aide ? - - -
} - - - - - - {result && myApiResponse === "True" && !newresult && -
-
-
- -
- setCurrentPage2(page)} - /> -
- - -
-
- Trier par - - - { - if (trier_par === "1") - settrier_par("-1"); - else - settrier_par("1"); - - trier(); - }} - - /> -
-
- -
- {result && result.length > 0 && -
- - -
} -
- - -
- -
-
} - - - - {result && myApiResponse === "True" && newresult && -
- -
-
- - setCurrentPage2(page)} - /> - -
- -
- {result && result.length > 0 && -
- - -
} -
- -
- - -
} - - - {newresult && (newresult.length <= PageSize) &&
88 -   -
-   -
} - -
 
- - - - - {String(display_mode_grid_or_list) !== "grid" &&
- {result && myApiResponse == "True" && fin == 0 && !newresult && - result.slice(0, PageSize).map((formation) => ( -
- -
- ))} - - - {result && myApiResponse == "True" && fin == 0 && newresult && - newresult.slice(0, PageSize).map((formation) => ( -
- -
- - ))} - - - - {result && myApiResponse === "True" && fin === 1 && !newresult - && currentTableData2 - && currentTableData2.map((formation) => ( -
- -
- - ))} - - {result && myApiResponse === "True" && fin === 1 && newresult - && currentTableData2 - && currentTableData2.map((formation) => ( -
- -
- - ))} -
} - - - {String(display_mode_grid_or_list) === "grid" &&
- {result && myApiResponse == "True" && fin == 0 && !newresult && - result.slice(0, PageSize).map((formation) => ( -
- -
- ))} - - - {result && myApiResponse == "True" && fin == 0 && newresult && - newresult.slice(0, PageSize).map((formation) => ( -
- -
- - ))} - - - - {result && myApiResponse === "True" && fin === 1 && !newresult - && currentTableData2 - && currentTableData2.map((formation) => ( -
- -
- - ))} - - {result && myApiResponse === "True" && fin === 1 && newresult - && currentTableData2 - && currentTableData2.map((formation) => ( -
- -
- - ))} -
} - - - - - {result && !newresult &&
- - {String(userconnected) === String("1") && } - setCurrentPage2(page)} - /> -
- } - - {result && newresult &&
- - {String(userconnected) === String("1") && } - setCurrentPage2(page)} - /> -
- } -
- - - -
- - -
- -
-
Notre actualité - -
- -
- -
- -
- -
- -
- -
- 19 DECEMBRE 2022 -
- -
- Lorem ipsum dolor sit amet, consectetur adipiscing elit -
- -
- - -
- -
- -
- -
- -
- -
- 19 DECEMBRE 2022 -
- -
- Lorem ipsum dolor sit amet, consectetur adipiscing elit -
- -
- - -
- -
- -
- -
- -
- -
- 19 DECEMBRE 2022 -
- -
- Lorem ipsum dolor sit amet, consectetur adipiscing elit -
- -
- - -
- - - - -
- -
- - -
- -
-
- - -
- -
- - -
} - - {/******* FIN Gestion du THEME "MySy_Theme2" */} - - - - {/******* Gestion du THEME PAR DEFAULT " */} - {New_Get_Subdomain_Partner_Data_result && New_Get_Subdomain_Partner_Data_result.length > 0 - && String(my_theme_code) === "MySy_Theme_Default" &&
- - {New_Get_Subdomain_Partner_Data_result && New_Get_Subdomain_Partner_Data_result.length > 0 - && New_Get_Subdomain_Partner_Data_result[0].catalog_pub_banniere_img &&
- - -
} - -
- -
- {New_Get_Subdomain_Partner_Data_result[0].nom} -
- -
- - Contact
- Tel : {New_Get_Subdomain_Partner_Data_result[0].catalog_pub_contact_public_telephone}
- Email : {New_Get_Subdomain_Partner_Data_result[0].catalog_pub_contact_public_email} -
- -
- Indicateurs
- {New_Get_Subdomain_Partner_Data_result && New_Get_Subdomain_Partner_Data_result.length > 0 - && New_Get_Subdomain_Partner_Data_result[0].catalog_pub_indicateur_1_txt && -
{New_Get_Subdomain_Partner_Data_result[0].catalog_pub_indicateur_1_txt} -
} - - {New_Get_Subdomain_Partner_Data_result && New_Get_Subdomain_Partner_Data_result.length > 0 - && New_Get_Subdomain_Partner_Data_result[0].catalog_pub_indicateur_2_txt && -
{New_Get_Subdomain_Partner_Data_result[0].catalog_pub_indicateur_2_txt} -
} - - {New_Get_Subdomain_Partner_Data_result && New_Get_Subdomain_Partner_Data_result.length > 0 - && New_Get_Subdomain_Partner_Data_result[0].catalog_pub_indicateur_3_txt && -
{New_Get_Subdomain_Partner_Data_result[0].catalog_pub_indicateur_3_txt} -
} - - {New_Get_Subdomain_Partner_Data_result && New_Get_Subdomain_Partner_Data_result.length > 0 - && New_Get_Subdomain_Partner_Data_result[0].catalog_pub_indicateur_4_txt && -
{New_Get_Subdomain_Partner_Data_result[0].catalog_pub_indicateur_4_txt} -
} -
-
- - -
- -
- {New_Get_Subdomain_Partner_Data_result && New_Get_Subdomain_Partner_Data_result.length > 0 && - } - - - {New_Get_Subdomain_Partner_Data_result[0] && New_Get_Subdomain_Partner_Data_result[0].catalog_pub_message_2_txt && - } -
-
- -
-
- - -
-
-
- - -
-
- -
Nos Formations
- {showelement === "true" &&
- -
Masquer les Métiers & Filtres
-
- -
- } - - {showelement === "false" &&
-
Afficher les Métiers & Filtres
-
- -
- } - - {showelement === "true" &&
-
-
Les filtres
- - -
-
-
Eligible CPF -
-
-
- -
- - -
-
- -
-
- - -
-
- - {String(cpfchecked) === String("1") &&
-
- KO - -
-
} - -
-
- - -
-
Certification -
- -
-
-
- - -
-
- -
-
- - -
-
- {String(certifchecked) === String("1") &&
-
- KO - -
-
} -
-
- - -
-
Type -
- -
-
-
- - -
-
- -
-
- - -
-
- {String(typechecked) === String("1") &&
-
- KO - -
-
} -
-
- - - {/*
-
Support -
- -
-
-
- - -
-
- -
-
- - -
-
- {String(supportchecked) === String("1") &&
-
- KO - -
-
} -
-
*/} - - - -
-
Lieu -
- -
-
-
- - -
-
- -
-
- - -
-
- {String(lieuchecked) === String("1") &&
-
- KO - -
-
} -
-
- - - {trainingonsite && String(trainingonsite) === String("0") &&
-
Ville -
- -
- - {suggestioncities && suggestioncities.slice(0, 3).map((suggestion, id) => -
OnCitiesSuggestionHandler(JSON.parse(suggestion).ville)}> {JSON.parse(suggestion).ville}
- )} - -
- - -
 
-
} - - {trainingonsite && String(trainingonsite) === String("0") &&
-
Code postale -
- -
- -
- - -
 
-
} - -
-
Support -
- -
- - - - -
-
- -
-
Prix -
- -
- `${value} €`} - value={range_price} - step={500} - name="toto" - - onChange={value => setrange_price(value)} - //onChange={TrainingPriceHandle} - onChangeComplete={value => console.log(value)} - /> -
- - -
 
-
- - -
- - -
- - - - - -
- } - -
- -
Nos Formations
- {String(userconnected) === String("1") &&
- -
- } - - {myApiResponse == "False" &&
- - Impossible de contacter l'hote distant -
} - - {myApiResponse == "True" && String(besoinaiderecherche) === String("1") &&
- - Le resultat est vide, besoin d'aide ? - - -
} - - - {result && myApiResponse === "True" && !newresult && -
-
-
- setCurrentPage2(page)} - /> -
-
-
- Trier par - - - { - if (trier_par === "1") - settrier_par("-1"); - else - settrier_par("1"); - - trier(); - }} - - /> -
-
- - -
- - -
} - - {result && myApiResponse === "True" && newresult && -
- setCurrentPage2(page)} - /> - - -
} - - - {newresult && (newresult.length <= PageSize) &&
-   -
-   -
} - - - {result && myApiResponse == "True" && fin == 0 && !newresult && - result.slice(0, PageSize).map((formation) => ( -
- - -
- ))} - - {result && myApiResponse == "True" && fin == 0 && newresult && - newresult.slice(0, PageSize).map((formation) => ( -
- - -
- - ))} - - - - {result && myApiResponse === "True" && fin === 1 && !newresult - && currentTableData2 - && currentTableData2.map((formation) => ( -
- - -
- - ))} - - {result && myApiResponse === "True" && fin === 1 && newresult - && currentTableData2 - && currentTableData2.map((formation) => ( -
- - -
- - ))} - - - {result && !newresult &&
- - {String(userconnected) === String("1") && } - setCurrentPage2(page)} - /> -
- } - - {result && newresult &&
- - {String(userconnected) === String("1") && } - setCurrentPage2(page)} - /> -
- } -
- - - -
- - -
-
- - -
- -
} - {/******* FIN Gestion du THEME PAR DEFAULT " */} - - - - {/******* Gestion du THEME THEME SPECIAL JMJ Formation " */} - {New_Get_Subdomain_Partner_Data_result && New_Get_Subdomain_Partner_Data_result.length > 0 - && String(my_theme_code) === "MySy_Theme_JMJ" &&
- - {New_Get_Subdomain_Partner_Data_result && New_Get_Subdomain_Partner_Data_result.length > 0 - && New_Get_Subdomain_Partner_Data_result[0].catalog_pub_banniere_img &&
- - -
} - -
- -
- {New_Get_Subdomain_Partner_Data_result[0].nom} -
- -
- - Contact
- Tel : {New_Get_Subdomain_Partner_Data_result[0].catalog_pub_contact_public_telephone}
- Email : {New_Get_Subdomain_Partner_Data_result[0].catalog_pub_contact_public_email} -
- -
- Indicateurs
- {New_Get_Subdomain_Partner_Data_result && New_Get_Subdomain_Partner_Data_result.length > 0 - && New_Get_Subdomain_Partner_Data_result[0].catalog_pub_indicateur_1_txt && -
{New_Get_Subdomain_Partner_Data_result[0].catalog_pub_indicateur_1_txt} -
} - - {New_Get_Subdomain_Partner_Data_result && New_Get_Subdomain_Partner_Data_result.length > 0 - && New_Get_Subdomain_Partner_Data_result[0].catalog_pub_indicateur_2_txt && -
{New_Get_Subdomain_Partner_Data_result[0].catalog_pub_indicateur_2_txt} -
} - - {New_Get_Subdomain_Partner_Data_result && New_Get_Subdomain_Partner_Data_result.length > 0 - && New_Get_Subdomain_Partner_Data_result[0].catalog_pub_indicateur_3_txt && -
{New_Get_Subdomain_Partner_Data_result[0].catalog_pub_indicateur_3_txt} -
} - - {New_Get_Subdomain_Partner_Data_result && New_Get_Subdomain_Partner_Data_result.length > 0 - && New_Get_Subdomain_Partner_Data_result[0].catalog_pub_indicateur_4_txt && -
{New_Get_Subdomain_Partner_Data_result[0].catalog_pub_indicateur_4_txt} -
} -
-
- - -
- -
- {New_Get_Subdomain_Partner_Data_result && New_Get_Subdomain_Partner_Data_result.length > 0 && - } - - - {New_Get_Subdomain_Partner_Data_result[0] && New_Get_Subdomain_Partner_Data_result[0].catalog_pub_message_2_txt && - } -
-
- -
-
- - -
-
-
- - -
-
- -
Nos Formations JMJ Theme
- {showelement === "true" &&
- -
Masquer les Métiers & Filtres
-
- -
- } - - {showelement === "false" &&
-
Afficher les Métiers & Filtres
-
- -
- } - - {showelement === "true" &&
-
-
Les filtres
- - -
-
-
Eligible CPF -
-
-
- -
- - -
-
- -
-
- - -
-
- - {String(cpfchecked) === String("1") &&
-
- KO - -
-
} - -
-
- - -
-
Certification -
- -
-
-
- - -
-
- -
-
- - -
-
- {String(certifchecked) === String("1") &&
-
- KO - -
-
} -
-
- - -
-
Type -
- -
-
-
- - -
-
- -
-
- - -
-
- {String(typechecked) === String("1") &&
-
- KO - -
-
} -
-
- - -
-
Support -
- -
- - - - -
-
- -
-
Prix -
- -
- `${value} €`} - value={range_price} - step={500} - name="toto" - - onChange={value => setrange_price(value)} - //onChange={TrainingPriceHandle} - onChangeComplete={value => console.log(value)} - /> -
- - -
 
-
- - -
- - -
- - - - - -
- } - -
- -
Nos Formations Theme JMJ
- {String(userconnected) === String("1") &&
- -
- } - - {myApiResponse == "False" &&
- - Impossible de contacter l'hote distant -
} - - {myApiResponse == "True" && String(besoinaiderecherche) === String("1") &&
- - Le resultat est vide, besoin d'aide ? - - -
} - - - {result && myApiResponse === "True" && !newresult && -
-
-
- setCurrentPage2(page)} - /> -
-
-
- Trier par - - - { - if (trier_par === "1") - settrier_par("-1"); - else - settrier_par("1"); - - trier(); - }} - - /> -
-
- - -
- - -
} - - {result && myApiResponse === "True" && newresult && -
- setCurrentPage2(page)} - /> - - -
} - - - {newresult && (newresult.length <= PageSize) &&
-   -
-   -
} - - - -
- - {result && myApiResponse == "True" && fin == 0 && !newresult && - result.slice(0, PageSize).map((formation) => ( -
- -
- - ))} - - {result && myApiResponse == "True" && fin == 0 && newresult && - newresult.slice(0, PageSize).map((formation) => ( -
- -
- - ))} - - - - {result && myApiResponse === "True" && fin === 1 && !newresult - && currentTableData2 - && currentTableData2.map((formation) => ( -
- -
- - ))} - - {result && myApiResponse === "True" && fin === 1 && newresult - && currentTableData2 - && currentTableData2.map((formation) => ( -
- - -
- - ))} - -
- - - {result && !newresult &&
- - {String(userconnected) === String("1") && } - setCurrentPage2(page)} - /> -
- } - - {result && newresult &&
- - {String(userconnected) === String("1") && } - setCurrentPage2(page)} - /> -
- } -
- - - -
- - -
- {/*
- - -
*/} - -
} - {/******* FIN Gestion du THEME SPECIAL JMJ Formation " */} - -
- - ); -} - - -export default Jmjformation_Catalogue_Public_orig; \ No newline at end of file diff --git a/src/components/Jmj_Theme/Jmjformation_Catalogue_Public.js b/src/components/Jmj_Theme/Jmjformation_Catalogue_Public.js index bde5453..b496ef6 100644 --- a/src/components/Jmj_Theme/Jmjformation_Catalogue_Public.js +++ b/src/components/Jmj_Theme/Jmjformation_Catalogue_Public.js @@ -33,12 +33,11 @@ import img_header_jmg from "../../mysy_img2/img_jmj_modif.jpg" import { TbArrowsDownUp } from "react-icons/tb"; - + let PageSize = 10; const Jmjformation_Catalogue_Public = (props) => { - const { type, categorie } = useParams(); const { NewSearchText } = useParams(); const [v11, setv11] = useState(""); @@ -2630,6 +2629,20 @@ const Jmjformation_Catalogue_Public = (props) => { catalog_pub_contact_public_telephone = JSON.parse(x).catalog_pub_contact_public_telephone; + var catalog_pub_affiche_indicateur = "" + if (JSON.parse(x).affiche_indicateur) + catalog_pub_affiche_indicateur = JSON.parse(x).affiche_indicateur; + + + var catalog_pub_affiche_raison_sociale = "" + if (JSON.parse(x).affiche_raison_sociale) + catalog_pub_affiche_raison_sociale = JSON.parse(x).affiche_raison_sociale; + + var catalog_pub_affiche_contact = "" + if (JSON.parse(x).affiche_contact) + catalog_pub_affiche_contact = JSON.parse(x).affiche_contact; + + var catalog_pub_theme_id = JSON.parse(x).catalog_pub_theme_id; setmy_theme_code(theme_code); @@ -2695,6 +2708,11 @@ const Jmjformation_Catalogue_Public = (props) => { "catalog_pub_theme_id": catalog_pub_theme_id, "theme_code": theme_code, + "affiche_indicateur": catalog_pub_affiche_indicateur, + "affiche_raison_sociale": catalog_pub_affiche_raison_sociale, + "affiche_contact": catalog_pub_affiche_contact, + + }; // console.log(" --- node = ", node); new_data2.push(node); @@ -2757,7 +2775,7 @@ const Jmjformation_Catalogue_Public = (props) => { - {/******* Gestion du THEME "MySy_Theme2" */} + {/******* Gestion du THEME "MySy_Theme2" */} {New_Get_Subdomain_Partner_Data_result && New_Get_Subdomain_Partner_Data_result.length > 0 && String(my_theme_code) === "MySy_Theme2" &&
@@ -2772,7 +2790,7 @@ const Jmjformation_Catalogue_Public = (props) => {
- {New_Get_Subdomain_Partner_Data_result[0].nom} +
@@ -2790,7 +2808,7 @@ const Jmjformation_Catalogue_Public = (props) => {
-
+ {String(New_Get_Subdomain_Partner_Data_result[0].affiche_indicateur) === "1" &&
Indicateurs
{New_Get_Subdomain_Partner_Data_result && New_Get_Subdomain_Partner_Data_result.length > 0 && New_Get_Subdomain_Partner_Data_result[0].catalog_pub_indicateur_1_txt && @@ -2836,8 +2854,10 @@ const Jmjformation_Catalogue_Public = (props) => { }}> {New_Get_Subdomain_Partner_Data_result[0].catalog_pub_indicateur_4_txt}
} -
-
+
} + + + {String(New_Get_Subdomain_Partner_Data_result[0].affiche_raison_sociale) === "1" &&
{New_Get_Subdomain_Partner_Data_result && New_Get_Subdomain_Partner_Data_result.length > 0 && } -
-
+
} + + {String(New_Get_Subdomain_Partner_Data_result[0].affiche_contact) === "1" &&
Contact
Tel : {New_Get_Subdomain_Partner_Data_result[0].catalog_pub_contact_public_telephone}
Email : {New_Get_Subdomain_Partner_Data_result[0].catalog_pub_contact_public_email} -
+
}
@@ -3506,7 +3527,7 @@ const Jmjformation_Catalogue_Public = (props) => {
- {New_Get_Subdomain_Partner_Data_result[0].nom} +
@@ -4070,7 +4091,7 @@ const Jmjformation_Catalogue_Public = (props) => {
- {New_Get_Subdomain_Partner_Data_result[0].nom} +
@@ -4080,7 +4101,7 @@ const Jmjformation_Catalogue_Public = (props) => { Email : {New_Get_Subdomain_Partner_Data_result[0].catalog_pub_contact_public_email}
-
+ {String(New_Get_Subdomain_Partner_Data_result[0].affiche_indicateur) === "1" &&
Indicateurs
{New_Get_Subdomain_Partner_Data_result && New_Get_Subdomain_Partner_Data_result.length > 0 && New_Get_Subdomain_Partner_Data_result[0].catalog_pub_indicateur_1_txt && @@ -4125,20 +4146,20 @@ const Jmjformation_Catalogue_Public = (props) => { fontWeight: `${New_Get_Subdomain_Partner_Data_result[0].catalog_pub_indicateur_4_gras}`, }}> {New_Get_Subdomain_Partner_Data_result[0].catalog_pub_indicateur_4_txt}
} -
+
}
{New_Get_Subdomain_Partner_Data_result && New_Get_Subdomain_Partner_Data_result.length > 0 && -
} + {(!p_detail_event_id || String(p_detail_event_id) === "") && } + +
} + + + {/*** Si l'agenda d'un materiel, je dois etre autorisé à ecrire */} + {String(agenda_owner_name) !== "Mon Planning" && String(p_filtre1) === "ressource_materielle" && String(props.check_user_acces_right("agenda_materiel_salle", "write")) === "1" && +
+ {p_detail_event_id && String(p_detail_event_id) !== "" && } + {(!p_detail_event_id || String(p_detail_event_id) === "") && } + +
} + + {/*** Si c'est mon agenda, j'ai tous les droit */} + {String(agenda_owner_name) === "Mon Planning" && +
+ {p_detail_event_id && String(p_detail_event_id) !== "" && } + {(!p_detail_event_id || String(p_detail_event_id) === "") && } + +
} + + +
+ +
+
+ + + + + {/*
+ {String(setagenda_owner_name) !== "setagenda_owner_name" && String(props.write_access) === "1" && String(p_detail_sequence_session_id) === "" &&
{p_detail_event_id && String(p_detail_event_id) !== "" && } {(!p_detail_event_id || String(p_detail_event_id) === "") && } @@ -1499,12 +1593,15 @@ const Module_Agenda = (props) => {
-
+
*/} + + {String(props.write_access) === "1" && String(p_detail_sequence_session_id) === "" && p_detail_event_id && String(p_detail_event_id) !== "" && + String(agenda_owner_name) !== "Mon Planning" && String(p_filtre1) === "ressource_humaine" && String(props.check_user_acces_right("agenda_employes", "write")) === "1" &&
+
+ + +
} + + {String(props.write_access) === "1" && String(p_detail_sequence_session_id) === "" && p_detail_event_id && String(p_detail_event_id) !== "" && + String(agenda_owner_name) === "Mon Planning" && +
+ +
+ + +
} + + + + + + + {/*String(props.write_access) === "1" && String(p_detail_sequence_session_id) === "" && p_detail_event_id && String(p_detail_event_id) !== "" && + +
+ +
+ + +
*/} + {/*** FIn Dialog detail eventement */} @@ -1577,7 +1727,7 @@ const Module_Agenda = (props) => { {p_filtre1 && String(p_filtre1) === "ressource_humaine" &&
- + { onChange={(event, value) => { - // console.log(" ## settab_selected_users = ", tab_selected_users) + // console.log(" ## settab_selected_users = ", tab_selected_users) settab_selected_users([ ...fixedVal, ...value.filter((i) => fixedVal.indexOf(i) === -1), @@ -1661,7 +1811,7 @@ const Module_Agenda = (props) => {
 
- + {tab_selected_users.length <= 1 &&
{agenda_owner_name && String(agenda_owner_name) === "Mon Planning" &&
{agenda_owner_name}
} {agenda_owner_name && String(agenda_owner_name) !== "Mon Planning" && tab_selected_users.length === 1 &&
Vous êtes sur le planning de {agenda_owner_name} - ({agenda_owner_type})
} diff --git a/src/components/Module_Attestation_Formation.js b/src/components/Module_Attestation_Formation.js index 9a026d4..043e494 100644 --- a/src/components/Module_Attestation_Formation.js +++ b/src/components/Module_Attestation_Formation.js @@ -841,7 +841,7 @@ const Module_Attestation_Formation = (props) => {
-
+ {String(New_Get_Subdomain_Partner_Data_result[0].affiche_raison_sociale) === "1" &&
{New_Get_Subdomain_Partner_Data_result && New_Get_Subdomain_Partner_Data_result.length > 0 && @@ -3665,7 +3684,7 @@ const Mon_Catalogue_Public = (props) => {
-
+
}
@@ -4522,6 +4541,8 @@ const Mon_Catalogue_Public = (props) => {
} {/******* FIN Gestion du THEME PAR DEFAULT " */} + + {/******* Gestion du THEME THEME SPECIAL JMJ Formation " */} {New_Get_Subdomain_Partner_Data_result && New_Get_Subdomain_Partner_Data_result.length > 0 && String(my_theme_code) === "MySy_Theme_JMJ" && @@ -4542,17 +4563,17 @@ const Mon_Catalogue_Public = (props) => {
- {New_Get_Subdomain_Partner_Data_result[0].nom} +
-
+ {String(New_Get_Subdomain_Partner_Data_result[0].affiche_contact) === "1" &&
Contact
Tel : {New_Get_Subdomain_Partner_Data_result[0].catalog_pub_contact_public_telephone}
Email : {New_Get_Subdomain_Partner_Data_result[0].catalog_pub_contact_public_email} -
+
} -
+ {String(New_Get_Subdomain_Partner_Data_result[0].affiche_indicateur) === "1" &&
Indicateurs
{New_Get_Subdomain_Partner_Data_result && New_Get_Subdomain_Partner_Data_result.length > 0 && New_Get_Subdomain_Partner_Data_result[0].catalog_pub_indicateur_1_txt && @@ -4597,9 +4618,9 @@ const Mon_Catalogue_Public = (props) => { fontWeight: `${New_Get_Subdomain_Partner_Data_result[0].catalog_pub_indicateur_4_gras}`, }}> {New_Get_Subdomain_Partner_Data_result[0].catalog_pub_indicateur_4_txt}
} -
+
} -
+ {String(New_Get_Subdomain_Partner_Data_result[0].affiche_raison_sociale) === "1" &&
{New_Get_Subdomain_Partner_Data_result && New_Get_Subdomain_Partner_Data_result.length > 0 && @@ -4635,14 +4656,14 @@ const Mon_Catalogue_Public = (props) => { src={img_header_jmg} />
-
+
}
- + {/* */}  
diff --git a/src/components/Notes_Evaluation.js b/src/components/Notes_Evaluation.js index 63a3af4..3fa42ed 100644 --- a/src/components/Notes_Evaluation.js +++ b/src/components/Notes_Evaluation.js @@ -47,8 +47,45 @@ import Module_Selection_Evaluation_Apprenants from "./Module_Selection_Evaluatio import AttachFileIcon from '@mui/icons-material/AttachFile'; import { GoDuplicate } from "react-icons/go"; import Module_Alert_Confirmation from "./Module_Alert_Confirmation"; +import CancelPresentationIcon from '@mui/icons-material/CancelPresentation'; +import Paper from '@material-ui/core/Paper'; +import Draggable from 'react-draggable'; +import { makeStyles } from "@material-ui/core/styles"; +import { IconButton } from '@material-ui/core'; + +function PaperComponent(props) { + return ( + + + + ); +} + +const useStyles = makeStyles((theme) => ({ + + dialog: { + position: 'absolute', + // left: 10, + top: 400 + }, + + paper: { + overflowY: 'unset', + }, + customizedButton: { + position: 'absolute', + left: '98%', + top: '-3%', + backgroundColor: 'lightgray', + color: 'gray', + }, +})); const Notes_Evaluation = (props) => { + const classes = useStyles(); const history = useHistory(); const [submenu, setsubmenu] = useState(""); const [rowss, setRows] = useState([]); @@ -254,7 +291,7 @@ const Notes_Evaluation = (props) => {
@@ -1275,20 +1280,23 @@ const Partner_Client = (props) => { {String(Edite_Client) === "1" &&
-
Detail client / Financeur : {Client_email}
+
Detail client / Financeur {Client_email}
+ client_id={selected_id} check_user_acces_right={props.check_user_acces_right} + Get_List_Partner_Clients={Get_List_Partner_Clients}/>
} {String(Edite_Client) === "2" &&
-
Detail client / Financeur : {Client_email}
+
Nouveau client / financeur
 
+ check_user_acces_right={props.check_user_acces_right} + display_child_alert_success={display_child_alert_success} + />
} diff --git a/src/components/Partner_Commande.js b/src/components/Partner_Commande.js index 8a944ff..028e2e1 100644 --- a/src/components/Partner_Commande.js +++ b/src/components/Partner_Commande.js @@ -64,9 +64,23 @@ import { } from '@mui/x-data-grid'; import * as XLSX from 'xlsx'; +import Paper from '@material-ui/core/Paper'; +import Draggable from 'react-draggable'; import Module_Alert_Confirmation from "./Module_Alert_Confirmation"; +function PaperComponent(props) { + return ( + + + + ); +} + + const useStyles = makeStyles((theme) => ({ dialog: { @@ -81,7 +95,7 @@ const useStyles = makeStyles((theme) => ({ customizedButton: { position: 'absolute', left: '95%', - top: '-9%', + top: '-10px', backgroundColor: 'lightgray', color: 'gray', }, @@ -241,7 +255,7 @@ const Partner_Commande = (props) => {
@@ -6935,7 +7123,7 @@ const Partner_Commande = (props) => {
- {String(props.check_user_acces_right("commande", "write")) === "1" &&
+ {String(props.check_user_acces_right("commande", "write")) === "1" &&
{/*
- {String(props.check_user_acces_right("commande", "write")) === "1" && String(p_detail_header_statut_label).toLowerCase() === "brouillon" && + {String(props.check_user_acces_right("commande", "write")) === "1" && String(p_detail_header_statut_label).toLowerCase() === "brouillon" && String(p_detail_header_statut_label).toLowerCase() !== "facturé" && } - {String(props.check_user_acces_right("commande", "write")) === "1" && String(p_detail_header_statut_label).toLowerCase() === "en cours" && + {String(props.check_user_acces_right("commande", "write")) === "1" && String(p_detail_header_statut_label).toLowerCase() === "en cours" && String(p_detail_header_type).toLowerCase() === "commande" && } - {String(props.check_user_acces_right("commande", "write")) === "1" && String(selected_order_header_type) === "commande" && + {String(props.check_user_acces_right("commande", "write")) === "1" && String(selected_order_header_type) === "commande" && String(p_detail_header_statut_label).toLowerCase() === "traité" && { } - {String(props.check_user_acces_right("commande", "write")) === "1" && String(selected_order_header_type) === "devis" && + {String(props.check_user_acces_right("commande", "write")) === "1" && String(selected_order_header_type) === "devis" && (String(p_detail_header_statut_label).toLowerCase().trim() === "en cours" || String(p_detail_header_statut_label).toLowerCase().trim() === "gagné") && String(p_detail_header_order_header_ref_interne) === "" && @@ -8186,7 +8374,7 @@ const Partner_Commande = (props) => { } - {String(props.check_user_acces_right("commande", "write")) === "1" && String(selected_order_header_type) === "devis" && String(p_detail_header_statut_label).toLowerCase() === "en cours" && + {String(props.check_user_acces_right("commande", "write")) === "1" && String(selected_order_header_type) === "devis" && String(p_detail_header_statut_label).toLowerCase() === "en cours" && Valider et Reserver @@ -8235,10 +8423,10 @@ const Partner_Commande = (props) => { } - {String(props.check_user_acces_right("commande", "write")) === "1" && String(p_detail_header_statut_label).toLowerCase() !== "facturé" && } + {String(props.check_user_acces_right("commande", "write")) === "1" && String(p_detail_header_statut_label).toLowerCase() !== "facturé" && } - {String(props.check_user_acces_right("commande", "write")) === "1" && String(p_detail_header_statut_label).toLowerCase() !== "traité" && + {String(props.check_user_acces_right("commande", "write")) === "1" && String(p_detail_header_statut_label).toLowerCase() !== "traité" && String(p_detail_header_statut_label).toLowerCase() !== "facturé" && Supprimer } @@ -8300,8 +8488,8 @@ const Partner_Commande = (props) => { } - {String(props.check_user_acces_right("commande", "write")) === "1" && String(p_detail_header_statut_label).toLowerCase() !== "brouillon" && } - {String(props.check_user_acces_right("commande", "write")) === "1" && String(p_detail_header_statut_label).toLowerCase() !== "brouillon" && } + {String(props.check_user_acces_right("commande", "write")) === "1" && String(p_detail_header_statut_label).toLowerCase() !== "brouillon" && } + {String(props.check_user_acces_right("commande", "write")) === "1" && String(p_detail_header_statut_label).toLowerCase() !== "brouillon" && }

@@ -8342,7 +8530,7 @@ const Partner_Commande = (props) => {
- {String(props.check_user_acces_right("commande", "write")) === "1" && String(order_data_edit_mode) !== "1" && String(p_detail_header_statut_label).toLowerCase() !== "facturé" &&
+ {String(props.check_user_acces_right("commande", "write")) === "1" && String(order_data_edit_mode) !== "1" && String(p_detail_header_statut_label).toLowerCase() !== "facturé" &&
@@ -8357,7 +8545,7 @@ const Partner_Commande = (props) => {
- {String(props.check_user_acces_right("commande", "write")) === "1" &&
- {String(props.check_user_acces_right("commande", "write")) === "1" && String(order_data_edit_mode) !== "1" &&
+ {String(props.check_user_acces_right("commande", "write")) === "1" && String(order_data_edit_mode) !== "1" &&
diff --git a/src/components/Partner_Config_Formulaires.js b/src/components/Partner_Config_Formulaires.js index 71cc4b5..f8b3e48 100644 --- a/src/components/Partner_Config_Formulaires.js +++ b/src/components/Partner_Config_Formulaires.js @@ -6,7 +6,7 @@ import Button from '@mui/material/Button'; import axios from "axios"; import { getCookie, setCookie } from 'react-use-cookie'; import { useHistory } from "react-router-dom"; - +import TextareaAutosize from '@mui/material/TextareaAutosize'; import { DataGrid, GridToolbar, frFR } from '@mui/x-data-grid'; import "react-draft-wysiwyg/dist/react-draft-wysiwyg.css"; @@ -924,6 +924,11 @@ const Partner_Config_Formulaires = (props) => { top: divh, behavior: "smooth", }); + } else { + window.scrollTo({ + top: 0, + behavior: "smooth", + }); } } @@ -1817,7 +1822,7 @@ const Partner_Config_Formulaires = (props) => { {(String(question_type) === "bool" || String(question_type) === "entier") &&
@@ -2380,22 +2380,6 @@ const Partner_Config_Formulaires = (props) => { />
-
Message d'introduction
- -
-
Commentaire
{ { {
+
+
Message d'introduction
+ + + +
+ +
+
@@ -2701,27 +2707,7 @@ const Partner_Config_Formulaires = (props) => { />
-
Message d'introduction
- { - setp_detail_from_message_intro(e.target.value); - setconfig_data_changed("1"); - }} - multiline={true} - rows={2} - /> -
Commentaire
{ { @@ -2765,7 +2751,7 @@ const Partner_Config_Formulaires = (props) => { { @@ -2781,6 +2767,32 @@ const Partner_Config_Formulaires = (props) => {
+
+ +
Message d'introduction
+ + { + setp_detail_from_message_intro(e.target.value); + setconfig_data_changed("1"); + }} + + /> +
+ +
+
@@ -2795,7 +2807,7 @@ const Partner_Config_Formulaires = (props) => { {p_detail_from_list_question && p_detail_from_list_question.length > 0 &&
  - {
-
@@ -3017,25 +3029,7 @@ const Partner_Config_Formulaires = (props) => { />
-
Message d'introduction
- { - setp_detail_one_from_message_intro(e.target.value); - - }} - /> -
Commentaire
@@ -3063,7 +3057,7 @@ const Partner_Config_Formulaires = (props) => { name="detail_config_par_defaut" id="detail_config_par_defaut" - className="disabled_style" + // className="disabled_style" checked={false} onChange={(e) => { if (e.target.checked) { @@ -3075,6 +3069,31 @@ const Partner_Config_Formulaires = (props) => { // style={{ background: '#FFFFFF' }} />
+ + +
+
Message d'introduction
+ { + setp_detail_one_from_message_intro(e.target.value); + + }} + + /> +
+ +
diff --git a/src/components/Partner_Config_Technique.js b/src/components/Partner_Config_Technique.js index d875365..c35fcf2 100644 --- a/src/components/Partner_Config_Technique.js +++ b/src/components/Partner_Config_Technique.js @@ -5911,31 +5911,6 @@ const Partner_Configuration_Technique = (props) => { />
- -
Nb Jours
- { - setp_detail_doc_automatic_nb_jour_action(e.target.value); - setConfig_doc_automatic_data_changed("1"); - }} - - style={{ background: '#FFFFFF' }} - - /> -
- + {(String(p_detail_doc_automatic_action_target_date) === "start_session" || String(p_detail_doc_automatic_action_target_date) === "end_session") &&
Nb Jours
+ { + setp_detail_doc_automatic_nb_jour_action(e.target.value); + setConfig_doc_automatic_data_changed("1"); + }} + + style={{ background: '#FFFFFF' }} + + /> +
} +
} @@ -6116,25 +6114,6 @@ const Partner_Configuration_Technique = (props) => { />
- -
Nb Jours
- -
-
Cible
{String(p_detail_doc_automatic_nom) !== "EMARGEMENT" && String(p_detail_doc_automatic_nom) !== "QUESTION POSITIONNEMENT" && @@ -6196,6 +6175,26 @@ const Partner_Configuration_Technique = (props) => {
+ {(String(p_detail_doc_automatic_action_target_date) === "start_session" || String(p_detail_doc_automatic_action_target_date) === "end_session") &&
Nb Jours
+ +
} + + +
}
diff --git a/src/components/Partner_Facture.js b/src/components/Partner_Facture.js index ba5540b..133f65c 100644 --- a/src/components/Partner_Facture.js +++ b/src/components/Partner_Facture.js @@ -303,7 +303,7 @@ const Partner_Facture = (props) => {
} {String(is_partner_admin_account) === "1" && } @@ -3625,6 +3673,23 @@ function UpdateParnterInfo(props) {
}
+
Raison Sociale
+ +
+
Afficher la raison sociale ?   + { + setp_affiche_raison_sociale(e.target.checked); + }} + + /> +
+
+ +
Slogan & accroches
Text 1
@@ -3872,7 +3937,22 @@ function UpdateParnterInfo(props) {
-
Les indicateurs
+
Les indicateurs
+ +
+
Afficher les indicateur ?   + { + setp_affiche_indicateur(e.target.checked); + }} + + /> +
+
+
Text Indicateur 1
@@ -4199,6 +4279,19 @@ function UpdateParnterInfo(props) {
Contacts Publiques
+
+
Afficher les contacts ?   + { + setp_affiche_contact(e.target.checked); + }} + + /> +
+
Email
+
Raison Sociale
+
+
Afficher la raison sociale ?   + +
+
+ +
Slogan & accroches
Text 1
-
Les indicateurs
+
Les indicateurs
+ +
+
Afficher les indicateurs ?   + +
+
Text Indicateur 1
@@ -4729,6 +4846,18 @@ function UpdateParnterInfo(props) {
Contacts Publiques
+
+
Afficher les contacts ?   + +
+
+
Email
- {String(catalog_pub_config_edit) !== "1" &&
+ {String(catalog_pub_config_edit) !== "1" &&
@@ -4771,14 +4900,14 @@ function UpdateParnterInfo(props) {
- {String(catalog_pub_config_edit) === "1" &&
+ {String(catalog_pub_config_edit) === "1" &&
} - {String(catalog_pub_config_edit) === "1" &&
+ {String(catalog_pub_config_edit) === "1" &&
} @@ -4845,7 +4974,7 @@ function UpdateParnterInfo(props) { {""}

-
}
Import Bannière
@@ -4866,7 +4995,7 @@ function UpdateParnterInfo(props) { - Important : Taille de la bannière : longueur entre 1500px et 1930px et largeur entre 150px et 195px, au format PNG
+ Important : Taille de la bannière : longueur entre 1500px et 1930px et largeur entre 400px et 650px, au format PNG
Le nom du fichier ne contient que des caractères alphanumériques
diff --git a/src/components/detail_formation_automatic_files/new_detail_formation_2025.js b/src/components/detail_formation_automatic_files/new_detail_formation_2025.js index 8048d67..6138cb2 100644 --- a/src/components/detail_formation_automatic_files/new_detail_formation_2025.js +++ b/src/components/detail_formation_automatic_files/new_detail_formation_2025.js @@ -1441,7 +1441,7 @@ const New_C_Detail_Formation_2025 = (props) => { autre
}
- +
@@ -1654,7 +1654,7 @@ const New_C_Detail_Formation_2025 = (props) => {
- + < nav ref={myRef_informe} id="myRef_informe"> {(String(inscritpion) === "2" || String(inscritpion) === "1") && @@ -1890,7 +1890,7 @@ const New_C_Detail_Formation_2025 = (props) => {
-
+
{DetailTraining["pourqui"] &&
@@ -1908,6 +1908,27 @@ const New_C_Detail_Formation_2025 = (props) => {
+ + +
+
+ {DetailTraining["prerequis"] &&
+ +
+ Pré-requis +
+ + {DetailTraining["prerequis"] &&
+ {parse(String(DetailTraining["prerequis"]))} +
+ } + +
} + + +
+
+
@@ -2318,6 +2339,23 @@ const New_C_Detail_Formation_2025 = (props) => {
}
} + +
+ + {DetailTraining["prerequis"] && String(DetailTraining["prerequis"]).length > 2 &&
+
+ Pré-requis +
+ {DetailTraining["prerequis"] &&
+ {parse(String(DetailTraining["prerequis"]))} + + +
+ + } +
} + +
{DetailTraining["plus_produit"] && String(DetailTraining["plus_produit"]).length > 2 &&
diff --git a/src/styles/components/_inscription.scss b/src/styles/components/_inscription.scss index daffb43..a28d578 100644 --- a/src/styles/components/_inscription.scss +++ b/src/styles/components/_inscription.scss @@ -400,7 +400,7 @@ } .training_caract { - width: 48%; + width: 100%; padding: 5px; float: left; } @@ -833,13 +833,13 @@ } .training_caract { - width: 30%; + width: 50%; padding: 5px; float: left; } } - + // end media diff --git a/src/styles/components/_partnerclient.scss b/src/styles/components/_partnerclient.scss index c3ced61..e453ca3 100644 --- a/src/styles/components/_partnerclient.scss +++ b/src/styles/components/_partnerclient.scss @@ -2,2253 +2,2255 @@ .tooltip_css { background: #81BC3A; z-index: 9999; - font-family: "DM Sans", "sans-serif"; - font-size:"13px"; - } - - .loader-container { - width: 100%; - height: 100vh; - display: flex; - justify-content: center; - align-items: center; - position: fixed; - background: white; - background-color: transparent; - z-index: 1; - top: 0px; - opacity: 80%; + font-family: "DM Sans", "sans-serif"; + font-size: "13px"; } - + + .loader-container { + width: 100%; + height: 100vh; + display: flex; + justify-content: center; + align-items: center; + position: fixed; + background: white; + background-color: transparent; + z-index: 1; + top: 0px; + opacity: 80%; + } + .spinner { - width: 20rem; - height: 10rem; - border: 8px solid; - border-color: #3d5af1 transparent #3d5af1 transparent; - border-radius: 50%; - animation: spin-anim 1.2s linear infinite; - background-color: red; - color: black; + width: 20rem; + height: 10rem; + border: 8px solid; + border-color: #3d5af1 transparent #3d5af1 transparent; + border-radius: 50%; + animation: spin-anim 1.2s linear infinite; + background-color: red; + color: black; } - .mysy_spinner{ - border-radius: 5px; - border: 1px solid #d5d8dc; - opacity: 100%; + + .mysy_spinner { + border-radius: 5px; + border: 1px solid #d5d8dc; + opacity: 100%; } - - - - .Mui-disabled { - font-family:'DM Sans','Sans-serif'; - font-size: small !important; - padding: 0px !important; - padding-left: 5px !important; - } - - - - @media screen and (max-width: 600px) { - .okUpdateData { - font-size: small; - color: green; - font-style: italic; - } - - .koUpdateData { - font-size: small; - color: red; - font-style: italic; - } - - .div_row { - float: left; - //border: 1px solid #d5d8dc; - border-width: 0.01rem; - width: 100%; - margin-bottom: 1rem; - border-radius: 1rem; - } - - .div_row_gauche { - - width: 100%; - border-radius: 10rem !important; - text-align: left; - - margin: 0px !important; - margin-bottom: 0.5rem !important; - margin-top: 0.5rem !important; - } - - .div_row_droite { - width: 100%; - border-radius: 10rem !important; - text-align: left; - - margin: 0px !important; - margin-bottom: 0.5rem !important; - margin-top: 0.5rem !important; - } - - .selectsession { - width: 90%; - height: 3rem; - font-size: small; - border-radius: 0px !important; - } - - .titre1_aide_finance { - margin-top: 1rem; - font-family: "DM Sans", "sans-serif"; - font-size: medium; - text-align: center; - margin-bottom: 0.8rem; - color: white; - cursor: pointer; - font-style: italic; - background-color: gray; - font-weight: normal; - } - - .pieddepage { - z-index: 50; - width: 100%; - float: left; - margin-top: 12rem; - } - - .div_mobile { - position: absolute; - top: 8rem; - z-index: 1; - width: 100%; - } - - .zone_data { - width: 95%; - margin-left: auto; - margin-right: auto; - } - - .detail_class_submenu { - background: #d8edfc; - border-radius: 15px; - margin-right: 1rem; - padding: 0.3rem; - margin-bottom: 0.5rem; - width: 10.5rem; - text-align: center; - border: 1px solid #9cf; - color: #3b3e40; - font-family: "DM Sans", "sans-serif"; - font-size: small; - letter-spacing: 0.1rem; - font-weight: normal; - width: 100%; - } - - .detail_class_submenu:hover:active, - .detail_class_submenu:hover { - background-color: #107758; - color: white; - } - - .detail_class_submenu:focus { - //border: 3px dotted green; - background-color: #107758; - color: white; - } - - .detail_class_submenu_data { - width: 100%; - min-height: 10rem; - background-color: #d8edfc; - padding-left: 5px; - text-align: left; - padding: 0; - border: 0px; - color: #3b3e40; - padding-left: 5px; - font-family: "DM Sans", "sans-serif"; - font-size: small; - border-radius: 10px; - border: 1px solid; - } - - - .training_caract { - width: 100%; - padding: 5px; - float: left; - } - - .css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input .Mui-disabled { - font-family:'DM Sans','Sans-serif'; - font: inherit; - letter-spacing: inherit; - color: currentColor; - border: 0; - box-sizing: content-box; - background: none; - background-color: rgba(0, 0, 0, 0); - margin: 0; - -webkit-tap-highlight-color: transparent; - display: block; - min-width: 0; - width: 100%; - -webkit-animation-name: mui-auto-fill-cancel; - animation-name: mui-auto-fill-cancel; - -webkit-animation-duration: 10ms; - animation-duration: 10ms; - height: 3rem !important; - padding: 0 !important; - padding-left: 5px !important; - } - - .css-11u53oe-MuiSelect-select-MuiInputBase-input-MuiOutlinedInput-input { - padding: 1px !important; - } - - .selectsession { - width: 100%; - height: 3rem; - font-size: small; - border-radius: 0px !important; - } - - .session_data { - float: left; - width: 100%; - box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.5); - -webkit-box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.5); - border-radius: 10px; - margin-top: 10px; - margin-bottom: 10px; - - - } - - .session_caract { - font-family: DM Sans; - width: 100%; - padding: 5px; - float: left; - text-align: left; - font-size: small; - } - - .session_style { - //background-color: #ECEFF1; - font-size: small !important; - color: black; - width: 100% !important; - height: 2rem !important; - margin: 5px !important; - } - - .css-1x5jdm { - padding: 5px; - } - - .css-1x5jdmq { - padding: 6px !important; - } - - .css-qiwgdb { - padding: 6px !important; - font-size: small; - } - - .preview_certif { - display: block; - width: 100%; - height: 180px; - border-radius: 1rem !important; - margin-top: 1rem !important; - } - - .hr_break { - border: 2px solid grey; - } - - .icon_plus { - width: 6%; - } - - .bton_add_session { - background: #c8cfd5; - color: black; - width: 100%; - height: 2rem; - } - - .bton_import_excel { - background: #c8cfd5; - color: black; - width: 100% !important; - height: 2rem; - } - - .div_row_gauche_etendu { - width: 100%; - } - - .icon_excel { - width: 6%; - } - - - .bton_suppr { - background: transparent; - color: red; - border-radius: 5rem; - font-size: small; - text-align: center; - height: 2.5rem; - width: 100%; - margin-left: 10px; - margin-right: 10px; - } - - .bton_enreg { - font-family: DM sans; - border-radius: 5rem; - font-size: small; - background: #81BC3A !important; - text-align: center; - height: 2.5rem; - width: 100%; - color: white; - margin-left: 10px; - margin-right: 10px; - } - - .bton_edit { - border-radius: 5rem; - font-size: small; - background: black !important; - text-align: right; - height: 2.5rem; - width: 100%; - color: white; - margin-left: 10px; - margin-right: 10px; - } - - .bton_annule { - border-radius: 5rem; - font-size: small; - background: lightgray !important; - text-align: right; - height: 2.5rem; - width: 100%; - color: black; - margin-left: 10px; - margin-right: 10px; - } - - .div_row_gauche_image { - float: left; - //border:0px solid black; - border-width: 0.01rem; - border-radius: 1rem; - text-align: left; - } - - .div_row_droite_image { - float: left; - //border:0px solid black; - border-width: 0.01rem; - border-radius: 1rem; - text-align: left; - font-family: "DM Sans", "sans-serif"; - font-size: small; - padding-left: 0.2rem; - } - - .tips_img_class { - font-size: smaller; - font-style: italic; - margin-left: 1rem !important; - text-align: left; - float: left; - width: 100%; - padding-right: 10px; - } - - .img_class_logo { - display: block; - width: 128px; - height: 128px; - border-radius: 10px !important; - border: 1px solid #d5d8dc; - float: left; - } - - .bton_supprime_image_class { - font-size: small; - text-align: center; - margin-left: 0px; - box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%); - padding: 5px; - padding-left: 10px; - padding-right: 10px; - border: 1px solid rgb(194, 186, 186); - border-radius: 10px; - background: white; - color: red; - margin-top: 0.5rem; - width: 10rem; - cursor: pointer; - } - - .bton_supprime_image_class:hover { - box-shadow: 5px 1px 5px 1px rgb(0 0 0 / 25%); - } - - .bton_image_class { - font-size: small; - text-align: center; - margin-left: 0px; - box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%); - padding: 5px; - padding-left: 10px; - padding-right: 10px; - border: 1px solid rgb(194, 186, 186); - border-radius: 10px; - width: 10rem; - cursor: pointer; - } - - .bton_image_class:hover { - box-shadow: 5px 1px 5px 1px rgb(0 0 0 / 25%); - } - - .tick_ok_ko { - max-width: 3%; - cursor: pointer; - padding-top: 4px; - } - - .texte_area { - float: left; - width: 47% !important; - font-size: x-small !important; - font-family: "DM Sans", "sans-serif"; - margin: 0.4rem !important; - margin-top: 0px !important; - margin-bottom: 1.5rem !important; - } - - .texte_area_filter { - float: left; - width: 100% !important; - font-size: x-small !important; - font-family: "DM Sans", "sans-serif"; - margin-top: 0px !important; - margin-bottom: 2px !important; - } - - .texte_area_filter_value { - float: left !important; - width: 100% !important; - font-size: x-small !important; - font-family: "DM Sans", "sans-serif"; - margin: 0.4rem !important; - margin-top: 0px !important; - margin-bottom: 2px !important; - - } - - - .filter_bton_add { - float: left; - width: 40% !important; - font-size: xx-large !important; - margin: 0.4rem !important; - margin-top: 0px !important; - margin-bottom: 2px !important; - text-align: right; - cursor: pointer; - } - - - .div_row { - float: left; - border-width: 0.01rem; - width: 100%; - - border-radius: 1rem; - } - - .div_row_gauche { - float: left; - width: 90%; - border-radius: 1rem; - text-align: left; - } - - .div_row_droite { - float: left; - width: 90%; - border-radius: 1rem; - text-align: left; - - } - - .bton_suppr { - background: transparent; - color: red; - border-radius: 5rem; - font-size: small; - text-align: center; - height: 2.5rem; - width: 100%; - margin-left: 10px; - margin-right: 10px; - margin-bottom: 1rem !important; - } - - .bton_enreg { - font-family: DM sans; - border-radius: 5rem; - font-size: small; - background: #81BC3A !important; - text-align: center; - height: 2.5rem; - width: 100%; - color: white; - margin-bottom: 1rem !important; - } - - .bton_edit { - border-radius: 5rem; - font-size: small; - background: black !important; - text-align: right; - height: 2.5rem; - width: 100%; - color: white; - margin-bottom: 1rem !important; - } - - .bton_annule { - border-radius: 5rem; - font-size: small; - background: lightgray !important; - text-align: right; - height: 2.5rem; - width: 100%; - color: black; - margin-bottom: 1rem !important; - } - - - .css-1t10bd6-MuiFormControl-root-MuiTextField-root fieldset { - border-color: transparent !important; - border-radius: 20px !important; - } - - .disabled_style { - //background-color: #ECEFF1; - font-size: small !important; - color: black; - width: 95% !important; - height: 3.5rem !important; - - //border: none !important; - border-radius: 5px; - background: white; - border: solid gainsboro 1px; - - } - - .training_caract { - width: 100%; - - float: left; - } - - .css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input .Mui-disabled { - font-family:'DM Sans','Sans-serif'; - font: inherit; - letter-spacing: inherit; - color: currentColor; - border: 0; - box-sizing: content-box; - background: none; - background-color: rgba(0, 0, 0, 0); - margin: 0; - -webkit-tap-highlight-color: transparent; - display: block; - min-width: 0; - width: 100%; - -webkit-animation-name: mui-auto-fill-cancel; - animation-name: mui-auto-fill-cancel; - -webkit-animation-duration: 10ms; - animation-duration: 10ms; - height: 3rem !important; - padding: 0 !important; - padding-left: 5px !important; - } - - .css-11u53oe-MuiSelect-select-MuiInputBase-input-MuiOutlinedInput-input { - padding: 1px !important; - } - - .block_en_mass { - width: 100%; - float: left; - margin-bottom: 1rem; - } - - .block_en_mass_select { - width: 100%; - float: left; - margin-bottom: 1rem; - } - - .block_en_mass_bton_action { - width: 100%; - float: left; - margin-bottom: 1rem; - padding-top: 0.5rem !important; - } - } - - @media only screen and (min-width: 601px) and (max-width: 991px) { - .okUpdateData { - font-size: small; - color: green; - font-style: italic; - } - - .koUpdateData { - font-size: small; - color: red; - font-style: italic; - } - - .selectsession { - width: 90%; - height: 3rem; - font-size: small; - border-radius: 0px !important; - } - - .titre1_aide_finance { - margin-top: 1rem; - font-family: "DM Sans", "sans-serif"; - font-size: medium; - text-align: center; - margin-bottom: 0.8rem; - color: white; - cursor: pointer; - font-style: italic; - background-color: gray; - font-weight: normal; - } - - .pieddepage { - z-index: 50; - width: 100%; - float: left; - margin-top: 12rem; - } - - .div_mobile { - position: absolute; - top: 8rem; - z-index: 1; - width: 100%; - } - - .zone_data { - width: 95%; - margin-left: auto; - margin-right: auto; - } - - .detail_class_submenu { - background: #d8edfc; - border-radius: 15px; - margin-right: 1rem; - padding: 0.3rem; - margin-bottom: 0.5rem; - width: 11rem; - text-align: center; - border: 1px solid #9cf; - color: #3b3e40; - font-family: "DM Sans", "sans-serif"; - font-size: small; - letter-spacing: 0.1rem; - font-weight: normal; - } - - .detail_class_submenu:hover:active, - .detail_class_submenu:hover { - background-color: #107758; - color: white; - } - - .detail_class_submenu:focus { - //border: 3px dotted green; - background-color: #107758; - color: white; - } - - .detail_class_submenu_data { - width: 100%; - min-height: 10rem; - background-color: #d8edfc; - padding-left: 5px; - text-align: left; - padding: 0; - border: 0px; - color: #3b3e40; - padding-left: 5px; - font-family: "DM Sans", "sans-serif"; - font-size: small; - border-radius: 10px; - border: 1px solid; - } - - .disabled_style { - //background-color: #ECEFF1; - font-size: small !important; - color: black; - width: 90% !important; - height: 3.5rem !important; - margin: 5px !important; - //border: none !important; - border-radius: 5px; - background: white; - border: solid gainsboro 1px; - } - - .training_caract { - width: 48%; - padding: 5px; - float: left; - } - - .css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input .Mui-disabled { - font-family:'DM Sans','Sans-serif'; - font: inherit; - letter-spacing: inherit; - color: currentColor; - border: 0; - box-sizing: content-box; - background: none; - background-color: rgba(0, 0, 0, 0); - margin: 0; - -webkit-tap-highlight-color: transparent; - display: block; - min-width: 0; - width: 100%; - -webkit-animation-name: mui-auto-fill-cancel; - animation-name: mui-auto-fill-cancel; - -webkit-animation-duration: 10ms; - animation-duration: 10ms; - height: 3rem !important; - padding: 0 !important; - padding-left: 5px !important; - } - - .css-11u53oe-MuiSelect-select-MuiInputBase-input-MuiOutlinedInput-input { - padding: 1px !important; - } - - .selectsession { - width: 90%; - height: 3rem; - font-size: small; - border-radius: 0px !important; - } - - .session_data { - float: left; - width: 100%; - box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.5); - -webkit-box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.5); - border-radius: 10px; - margin-top: 10px; - margin-bottom: 10px; - - - } - - .session_caract { - font-family: DM Sans; - width: 50%; - padding: 5px; - float: left; - text-align: left; - font-size: small; - } - - .session_style { - //background-color: #ECEFF1; - font-size: small !important; - color: black; - width: 100% !important; - height: 2rem !important; - margin: 5px !important; - } - - .css-1x5jdm { - padding: 5px; - } - - - .css-1x5jdmq { - padding: 6px !important; - padding-bottom: 0px !important; - } - - .css-qiwgdb { - padding: 6px !important; - font-size: small; - } - - .preview_certif { - display: block; - width: 90%; - height: 200px; - border-radius: 1rem !important; - margin-top: 1rem !important; - } - - .preview_certif:hover { - transform: scale(1.3); - margin-left: 5rem; - } - - .hr_break { - border: 3px solid grey; - } - - .icon_plus { - width: 6%; - } - - .bton_add_session { - background: #c8cfd5; - color: black; - width: 50%; - height: 2rem; - } - - .bton_import_excel { - background: #c8cfd5; - color: black; - width: 65% !important; - height: 2rem; - } - - .div_row_gauche_etendu { - width: 80% !important; - } - - .icon_excel { - width: 6%; - } - - - .bton_suppr { - background: transparent; - color: red; - border-radius: 5rem; - font-size: small; - text-align: center; - height: 2.5rem; - width: 80%; - margin-left: 10px; - margin-right: 10px; - } - - .bton_enreg { - font-family: DM sans; - border-radius: 5rem; - font-size: small; - background: #81BC3A !important; - text-align: center; - height: 2.5rem; - width: 80%; - color: white; - margin-left: 10px; - margin-right: 10px; - } - - .bton_edit { - border-radius: 5rem; - font-size: small; - background: black !important; - text-align: right; - height: 2.5rem; - width: 80%; - color: white; - margin-left: 10px; - margin-right: 10px; - } - - .bton_annule { - border-radius: 5rem; - font-size: small; - background: lightgray !important; - text-align: right; - height: 2.5rem; - width: 80%; - color: black; - margin-left: 10px; - margin-right: 10px; - } - - .div_row_gauche_image { - float: left; - //border:0px solid black; - border-width: 0.01rem; - border-radius: 1rem; - text-align: left; - } - - .div_row_droite_image { - float: left; - //border:0px solid black; - border-width: 0.01rem; - border-radius: 1rem; - text-align: left; - font-family: "DM Sans", "sans-serif"; - font-size: small; - padding-left: 0.2rem; - } - - .tips_img_class { - font-size: small; - font-style: italic; - margin-left: 1rem !important; - text-align: left; - float: left; - width: 100%; - } - - .img_class_logo { - display: block; - width: 168px; - height: 168px; - border-radius: 10px !important; - border: 1px solid #d5d8dc; - float: left; - } - - .bton_supprime_image_class { - font-size: small; - text-align: center; - margin-left: 0px; - box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%); - padding: 5px; - padding-left: 10px; - padding-right: 10px; - border: 1px solid rgb(194, 186, 186); - border-radius: 10px; - background: white; - color: red; - margin-top: 0.5rem; - width: 15rem; - cursor: pointer; - } - - .bton_supprime_image_class:hover { - box-shadow: 5px 1px 5px 1px rgb(0 0 0 / 25%); - } - - .bton_image_class { - font-size: small; - text-align: center; - margin-left: 0px; - box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%); - padding: 5px; - padding-left: 10px; - padding-right: 10px; - border: 1px solid rgb(194, 186, 186); - border-radius: 10px; - width: 15rem; - cursor: pointer; - } - - .bton_image_class:hover { - box-shadow: 5px 1px 5px 1px rgb(0 0 0 / 25%); - } - - .tick_ok_ko { - max-width: 3%; - cursor: pointer; - padding-top: 4px; - } - - .texte_area { - float: left; - width: 47% !important; - font-size: x-small !important; - font-family: "DM Sans", "sans-serif"; - margin: 0.4rem !important; - margin-top: 0px !important; - margin-bottom: 1.5rem !important; - } - - .texte_area_filter { - float: left; - width: 40% !important; - font-size: x-small !important; - font-family: "DM Sans", "sans-serif"; - margin: 0.4rem !important; - margin-top: 0px !important; - margin-bottom: 2px !important; - } - - .texte_area_filter_value { - float: left !important; - width: 40% !important; - font-size: x-small !important; - font-family: "DM Sans", "sans-serif"; - margin: 0.4rem !important; - margin-top: 0px !important; - margin-bottom: 2px !important; - - } - - - .filter_bton_add { - float: left; - width: 5% !important; - font-size: large !important; - margin: 0.4rem !important; - margin-top: 0px !important; - margin-bottom: 2px !important; - text-align: right; - cursor: pointer; - margin-top: 1rem !important; - } - - .div_row { - float: left; - //border: 1px solid #d5d8dc; - border-width: 0.01rem; - width: 100%; - //margin-bottom: 1rem; - border-radius: 1rem; - } - - .div_row_gauche { - float: left; - // border:1px solid black; - // border-width:0.01rem; - width: 45%; - border-radius: 1rem; - text-align: left; - } - - .div_row_droite { - float: right; - //border:1px solid black; - //border-width:0.01rem; - width: 45%; - border-radius: 1rem; - text-align: right; - } - - .bton_suppr { - background: transparent; - color: red; - border-radius: 5rem; - font-size: small; - text-align: center; - height: 2.5rem; - width: 40%; - margin-left: 10px; - margin-right: 10px; - min-width: 15rem; - } - - .bton_enreg { - font-family: DM sans; - border-radius: 5rem; - font-size: small; - background: #81BC3A !important; - text-align: center; - height: 2.5rem; - width: 40%; - color: white; - margin-left: 10px; - margin-right: 10px; - min-width: 15rem; - } - - .bton_edit { - border-radius: 5rem; - font-size: small; - background: black !important; - text-align: right; - height: 2.5rem; - width: 40%; - color: white; - margin-left: 10px; - margin-right: 10px; - min-width: 15rem; - } - - .bton_annule { - border-radius: 5rem; - font-size: small; - background: lightgray !important; - text-align: right; - height: 2.5rem; - width: 40%; - color: black; - margin-left: 10px; - margin-right: 10px; - min-width: 15rem; - } - - - .css-1t10bd6-MuiFormControl-root-MuiTextField-root fieldset { - border-color: transparent !important; - border-radius: 20px !important; - } - - - .training_caract { - width: 30%; - padding: 5px; - float: left; - } - - .css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input .Mui-disabled { - font-family:'DM Sans','Sans-serif'; - font: inherit; - letter-spacing: inherit; - color: currentColor; - border: 0; - box-sizing: content-box; - background: none; - background-color: rgba(0, 0, 0, 0); - margin: 0; - -webkit-tap-highlight-color: transparent; - display: block; - min-width: 0; - width: 100%; - -webkit-animation-name: mui-auto-fill-cancel; - animation-name: mui-auto-fill-cancel; - -webkit-animation-duration: 10ms; - animation-duration: 10ms; - height: 3rem !important; - padding: 0 !important; - padding-left: 5px !important; - } - - .css-11u53oe-MuiSelect-select-MuiInputBase-input-MuiOutlinedInput-input { - padding: 1px !important; - } - - .block_en_mass { - width: 50%; - float: left; - margin-bottom: 1rem; - } - - .block_en_mass_select { - width: 45%; - float: left; - margin-bottom: 1rem; - } - - .block_en_mass_bton_action { - width: 45%; - float: left; - margin-bottom: 1rem; - padding-top: 0.5rem !important; - } - - } - - @media only screen and (min-width: 992px) and (max-width: 1199px) { - .okUpdateData { - font-size: small; - color: green; - font-style: italic; - } - - .koUpdateData { - font-size: small; - color: red; - font-style: italic; - } - - .div_row { - float: left; - //border: 1px solid #d5d8dc; - border-width: 0.01rem; - width: 100%; - margin-bottom: 1rem; - border-radius: 1rem; - } - - .div_row_gauche { - float: left; - // border:1px solid black; - // border-width:0.01rem; - width: 45%; - border-radius: 1rem; - } - - .div_row_droite { - float: right; - //border:1px solid black; - //border-width:0.01rem; - width: 45%; - border-radius: 1rem; - text-align: right; - } - - .selectsession { - width: 90%; - height: 3rem; - font-size: small; - border-radius: 0px !important; - } - - .titre1_aide_finance { - margin-top: 1rem; - font-family: "DM Sans", "sans-serif"; - font-size: medium; - text-align: center; - margin-bottom: 0.8rem; - color: white; - cursor: pointer; - font-style: italic; - background-color: gray; - font-weight: normal; - } - - .pieddepage { - z-index: 50; - width: 100%; - float: left; - margin-top: 12rem; - } - - .div_mobile { - position: absolute; - top: 8rem; - z-index: 1; - width: 100%; - } - - .zone_data { - width: 95%; - margin-left: auto; - margin-right: auto; - } - - .detail_class_submenu { - background: #d8edfc; - border-radius: 15px; - margin-right: 1rem; - padding: 0.3rem; - margin-bottom: 0.5rem; - width: 11rem; - text-align: center; - border: 1px solid #9cf; - color: #3b3e40; - font-family: "DM Sans", "sans-serif"; - font-size: small; - letter-spacing: 0.1rem; - font-weight: normal; - } - - .detail_class_submenu:hover:active, - .detail_class_submenu:hover { - background-color: #107758; - color: white; - } - - .detail_class_submenu:focus { - //border: 3px dotted green; - background-color: #107758; - color: white; - } - - .detail_class_submenu_data { - width: 100%; - min-height: 10rem; - background-color: #d8edfc; - padding-left: 5px; - text-align: left; - padding: 0; - border: 0px; - color: #3b3e40; - padding-left: 5px; - font-family: "DM Sans", "sans-serif"; - font-size: small; - border-radius: 10px; - border: 1px solid; - } - - .disabled_style { - //background-color: #ECEFF1; - font-size: small !important; - color: black; - width: 90% !important; - height: 3.5rem !important; - margin: 5px !important; - //border: none !important; - border-radius: 5px; - background: white; - border: solid gainsboro 1px; - } - - .training_caract { - width: 30%; - padding: 5px; - float: left; - } - - .css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input .Mui-disabled { - font-family:'DM Sans','Sans-serif'; - font: inherit; - letter-spacing: inherit; - color: currentColor; - border: 0; - box-sizing: content-box; - background: none; - background-color: rgba(0, 0, 0, 0); - margin: 0; - -webkit-tap-highlight-color: transparent; - display: block; - min-width: 0; - width: 100%; - -webkit-animation-name: mui-auto-fill-cancel; - animation-name: mui-auto-fill-cancel; - -webkit-animation-duration: 10ms; - animation-duration: 10ms; - height: 3rem !important; - padding: 0 !important; - padding-left: 5x !important; - } - - .css-11u53oe-MuiSelect-select-MuiInputBase-input-MuiOutlinedInput-input { - padding: 1px !important; - } - - .selectsession { - width: 90%; - height: 3rem; - font-size: small; - border-radius: 0px !important; - } - - .session_data { - float: left; - width: 100%; - box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.5); - -webkit-box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.5); - border-radius: 10px; - margin-top: 10px; - margin-bottom: 10px; - - - } - - .session_caract { - font-family: DM Sans; - width: 33%; - padding: 5px; - float: left; - text-align: left; - font-size: small; - } - - .session_style { - //background-color: #ECEFF1; - font-size: small !important; - color: black; - width: 100% !important; - height: 2rem !important; - margin: 5px !important; - } - - .css-1x5jdm { - padding: 5px; - } - - .css-1x5jdmq { - padding: 6px !important; - padding-bottom: 0px !important; - } - - .css-qiwgdb { - padding: 6px !important; - font-size: small; - } - - .preview_certif { - display: block; - width: 90%; - height: 180px; - border-radius: 1rem !important; - margin-top: 1rem !important; - } - - .preview_certif:hover { - transform: scale(1.3); - margin-left: 5rem; - } - - .hr_break { - border: 3px solid grey; - } - - .icon_plus { - width: 6%; - } - - .bton_add_session { - background: #c8cfd5; - color: black; - width: 40%; - height: 2rem; - } - - .bton_import_excel { - background: #c8cfd5; - color: black; - width: 50% !important; - height: 2rem; - } - - .div_row_gauche_etendu { - width: 80%; - } - - .icon_excel { - width: 6%; - } - - - .bton_suppr { - background: transparent; - color: red; - border-radius: 5rem; - font-size: small; - text-align: center; - height: 2.5rem; - width: 65%; - margin-left: 10px; - margin-right: 10px; - } - - .bton_enreg { - font-family: DM sans; - border-radius: 5rem; - font-size: small; - background: #81BC3A !important; - text-align: center; - height: 2.5rem; - width: 65%; - color: white; - margin-left: 10px; - margin-right: 10px; - } - - .bton_edit { - border-radius: 5rem; - font-size: small; - background: black !important; - text-align: right; - height: 2.5rem; - width: 65%; - color: white; - margin-left: 10px; - margin-right: 10px; - } - - .bton_annule { - border-radius: 5rem; - font-size: small; - background: lightgray !important; - text-align: right; - height: 2.5rem; - width: 65%; - color: black; - margin-left: 10px; - margin-right: 10px; - } - - - .div_row_gauche_image { - float: left; - //border:0px solid black; - border-width: 0.01rem; - border-radius: 1rem; - text-align: left; - } - - .div_row_droite_image { - float: left; - //border:0px solid black; - border-width: 0.01rem; - border-radius: 1rem; - text-align: left; - font-family: "DM Sans", "sans-serif"; - font-size: small; - padding-left: 0.2rem; - } - - .tips_img_class { - font-size: small; - font-style: italic; - margin-left: 1rem !important; - text-align: left; - float: left; - width: 100%; - } - - .img_class_logo { - display: block; - width: 168px; - height: 168px; - border-radius: 10px !important; - border: 1px solid #d5d8dc; - float: left; - } - - .bton_supprime_image_class { - font-size: small; - text-align: center; - margin-left: 0px; - box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%); - padding: 5px; - padding-left: 10px; - padding-right: 10px; - border: 1px solid rgb(194, 186, 186); - border-radius: 10px; - background: white; - color: red; - margin-top: 0.5rem; - width: 15rem; - cursor: pointer; - } - - .bton_supprime_image_class:hover { - box-shadow: 5px 1px 5px 1px rgb(0 0 0 / 25%); - } - - .bton_image_class { - font-size: small; - text-align: center; - margin-left: 0px; - box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%); - padding: 5px; - padding-left: 10px; - padding-right: 10px; - border: 1px solid rgb(194, 186, 186); - border-radius: 10px; - width: 15rem; - cursor: pointer; - } - - .bton_image_class:hover { - box-shadow: 5px 1px 5px 1px rgb(0 0 0 / 25%); - } - - .tick_ok_ko { - max-width: 3%; - cursor: pointer; - padding-top: 4px; - } - - .texte_area { - float: left; - width: 47% !important; - font-size: x-small !important; - font-family: "DM Sans", "sans-serif"; - margin: 0.4rem !important; - margin-top: 0px !important; - margin-bottom: 1.5rem !important; - } - - .texte_area_filter { - float: left; - width: 40% !important; - font-size: x-small !important; - font-family: "DM Sans", "sans-serif"; - margin: 0.4rem !important; - margin-top: 0px !important; - margin-bottom: 2px !important; - } - - .texte_area_filter_value { - float: left !important; - width: 40% !important; - font-size: x-small !important; - font-family: "DM Sans", "sans-serif"; - margin: 0.4rem !important; - margin-top: 0px !important; - margin-bottom: 2px !important; - - } - - - .filter_bton_add { - float: left; - width: 5% !important; - font-size: xx-large !important; - margin: 0.4rem !important; - margin-top: 0px !important; - margin-bottom: 2px !important; - text-align: right; - cursor: pointer; - } - - - .titre1 { - font-family: "DM Sans", "sans-serif"; - font-size: medium; - text-align: center; - margin-bottom: 0.8rem; - color: white; - cursor: pointer; - font-style: italic; - background-color: gray; - font-weight: normal; - } - - } - - @media only screen and (min-width: 1200px) { - .okUpdateData { - font-size: small; - color: green; - font-style: italic; - } - - .koUpdateData { - font-size: small; - color: red; - font-style: italic; - } - - .div_row { - float: left; - //border: 1px solid #d5d8dc; - border-width: 0.01rem; - width: 100%; - //margin-bottom: 1rem; - border-radius: 1rem; - } - - .div_row_gauche { - float: left; - // border:1px solid black; - // border-width:0.01rem; - width: 45%; - border-radius: 1rem; - } - - .div_row_droite { - float: right; - //border:1px solid black; - //border-width:0.01rem; - width: 45%; - border-radius: 1rem; - text-align: right; - } - - .selectsession { - width: 90%; - height: 3rem; - font-size: small; - border-radius: 0px !important; - } - - .titre1_aide_finance { - margin-top: 1rem; - font-family: "DM Sans", "sans-serif"; - font-size: medium; - text-align: center; - margin-bottom: 0.8rem; - color: white; - cursor: pointer; - font-style: italic; - background-color: gray; - font-weight: normal; - } - - .pieddepage { - z-index: 50; - width: 100%; - float: left; - margin-top: 12rem; - } - - .div_mobile { - position: absolute; - top: 8rem; - z-index: 1; - width: 100%; - } - - .zone_data { - width: 95%; - margin-left: auto; - margin-right: auto; - } - - .detail_class_submenu { - background: #d8edfc; - border-radius: 15px; - margin-right: 1rem; - padding: 0.3rem; - margin-bottom: 0.5rem; - min-width: 12rem; - text-align: center; - border: 1px solid #9cf; - color: #3b3e40; - font-family: "DM Sans", "sans-serif"; - font-size: small; - letter-spacing: 0.1rem; - font-weight: normal; - } - - .detail_class_submenu:hover:active, - .detail_class_submenu:hover { - background-color: #107758; - color: white; - } - - .detail_class_submenu:focus { - //border: 3px dotted green; - background-color: #107758; - color: white; - } - - .detail_class_submenu_data { - width: 100%; - min-height: 10rem; - background-color: #d8edfc; - padding-left: 5px; - text-align: left; - padding: 0; - border: 0px; - color: #3b3e40; - padding-left: 5px; - font-family: "DM Sans", "sans-serif"; - font-size: small; - border-radius: 10px; - border: 1px solid; - } - - .disabled_style { - //background-color: #ECEFF1; - font-size: small !important; - color: black; - width: 90% !important; - height: 3.5rem !important; - margin: 5px !important; - //border: none !important; - border-radius: 5px; - background: white; - border: solid gainsboro 1px; - } - - .training_caract { - width: 30%; - padding: 5px; - float: left; - } - - .css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input .Mui-disabled { - font-family:'DM Sans','Sans-serif'; - font: inherit; - letter-spacing: inherit; - color: currentColor; - border: 0; - box-sizing: content-box; - background: none; - background-color: rgba(0, 0, 0, 0); - margin: 0; - -webkit-tap-highlight-color: transparent; - display: block; - min-width: 0; - width: 100%; - -webkit-animation-name: mui-auto-fill-cancel; - animation-name: mui-auto-fill-cancel; - -webkit-animation-duration: 10ms; - animation-duration: 10ms; - height: 3rem !important; - padding: 0 !important; - padding-left: 5px !important; - } - - .css-11u53oe-MuiSelect-select-MuiInputBase-input-MuiOutlinedInput-input { - padding: 1px !important; - } - - .selectsession { - width: 90%; - height: 3rem; - font-size: small; - border-radius: 0px !important; - } - - .session_data { - float: left; - width: 100%; - box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.5); - -webkit-box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.5); - border-radius: 10px; - margin-top: 10px; - margin-bottom: 10px; - - - } - - .session_caract { - font-family: DM Sans; - width: 33%; - padding: 5px; - float: left; - text-align: left; - font-size: small; - } - - .session_style { - //background-color: #ECEFF1; - font-size: small !important; - color: black; - width: 100% !important; - height: 2rem !important; - margin: 5px !important; - } - - .preview_certif { - display: block; - width: 90%; - height: 200px; - border-radius: 1rem !important; - margin-top: 1rem !important; - } - - .preview_certif:hover { - transform: scale(1.4); - margin-left: 10rem; - } - - - .action_mass { - border-radius: 5px; - font-size: small; - padding: 0.3rem; - width: 40%; - background: #81BC3A; - height: 2.5rem; - } - - - - .block_en_mass { - width: 50%; - float: left; - margin-bottom: 1rem; - } - - .session_open_close { - cursor: pointer; - text-align: right; - font-size: small; - margin-right: 10px; - } - - .hr_break { - border: 5px solid grey; - } - - .icon_plus { - width: 6%; - } - - .bton_add_session { - background: #c8cfd5; - color: black; - width: 25% !important; - height: 2rem; - } - - .bton_import_excel { - background: #c8cfd5; - color: black; - width: 40% !important; - height: 2rem; - } - - .div_row_gauche_etendu { - width: 80%; - } - - .icon_excel { - width: 4%; - } - - .bton_envoyer { - border-radius: 5px; - font-size: small; - padding: 0.3rem; - width: 60%; - background: #81BC3A; - } - - - .bton_traiter_en_mass { - border-radius: 5px; - font-size: small; - padding: 0.3rem; - width: 40%; - background: #81BC3A; - margin-left: 5%; - height: 2.5rem; - color: white; - - } - - .bton_fermer { - border-radius: 5px; - font-size: small; - padding: 0.3rem; - width: 60%; - background-color: white; - color: #107758 !important; - } - - - .enable_style { - background-color: #FFFFFF; - } - - - - .css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input:invalid { - padding-top: 5px !important; - padding-bottom: 5px !important; - padding-left: 5px !important; - } - - .css-1t10bd6-MuiFormControl-root-MuiTextField-root fieldset { - border-color: transparent !important; - border-radius: 20px !important; - } - - .bton_emarge { - border-radius: 5rem; - font-size: small; - padding: 0.5rem; - background: rgb(129, 188, 58); - margin-left: 5px; - margin-right: 5px; - } - - .css-1x5jdm { - padding: 5px; - } - - - .css-1x5jdmq { - padding: 6px !important; - height: 3rem ! important; - padding-bottom: 0px !important; - } - - .css-qiwgdb { - padding: 6px !important; - font-size: small; - } - - - .bton_suppr { - background: transparent; - color: red; - border-radius: 5rem; - font-size: small; - text-align: center; - height: 2.5rem; - width: 40%; - margin-left: 10px; - margin-right: 10px; - } - - .bton_enreg { - font-family: DM sans; - border-radius: 5rem; - font-size: small; - background: #81BC3A !important; - text-align: center; - height: 2.5rem; - width: 40%; - color: white; - margin-left: 10px; - margin-right: 10px; - } - - .bton_edit { - border-radius: 5rem; - font-size: small; - background: black !important; - text-align: right; - height: 2.5rem; - width: 40%; - color: white; - margin-left: 10px; - margin-right: 10px; - } - - .bton_annule { - border-radius: 5rem; - font-size: small; - background: lightgray !important; - text-align: right; - height: 2.5rem; - width: 40%; - color: black; - margin-left: 10px; - margin-right: 10px; - } - - - - .div_row_gauche_image { - float: left; - //border:0px solid black; - border-width: 0.01rem; - border-radius: 1rem; - text-align: left; - } - - .div_row_droite_image { - float: left; - //border:0px solid black; - border-width: 0.01rem; - border-radius: 1rem; - text-align: left; - font-family: "DM Sans", "sans-serif"; - font-size: small; - padding-left: 0.2rem; - } - - .tips_img_class { - font-size: small; - font-style: italic; - margin-left: 1rem !important; - text-align: left; - float: left; - width: 100%; - } - - .img_class_logo { - display: block; - width: 170px; - height: 168px; - border-radius: 10px !important; - border: 1px solid #d5d8dc; - float: left; - } - - .bton_supprime_image_class { - font-size: small; - text-align: center; - margin-left: 0px; - box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%); - padding: 5px; - padding-left: 10px; - padding-right: 10px; - border: 1px solid rgb(194, 186, 186); - border-radius: 10px; - background: white; - color: red; - margin-top: 0.5rem; - width: 15rem; - cursor: pointer; - } - - .bton_supprime_image_class:hover { - box-shadow: 5px 1px 5px 1px rgb(0 0 0 / 25%); - } - - .bton_image_class { - font-size: small; - text-align: center; - margin-left: 0px; - box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%); - padding: 5px; - padding-left: 10px; - padding-right: 10px; - border: 1px solid rgb(194, 186, 186); - border-radius: 10px; - width: 15rem; - cursor: pointer; - } - - .bton_image_class:hover { - box-shadow: 5px 1px 5px 1px rgb(0 0 0 / 25%); - } - - .tick_ok_ko { - max-width: 3%; - cursor: pointer; - padding-top: 4px; - } - - .texte_area { - float: left; - width: 47% !important; - font-size: x-small !important; - font-family: "DM Sans", "sans-serif"; - margin: 0.4rem !important; - margin-top: 0px !important; - margin-bottom: 1.5rem !important; - } - - .texte_area_filter { - float: left; - width: 40% !important; - font-size: x-small !important; - font-family: "DM Sans", "sans-serif"; - margin: 0.4rem !important; - margin-top: 0px !important; - margin-bottom: 2px !important; - } - - .texte_area_filter_value { - float: left !important; - width: 40% !important; - font-size: x-small !important; - font-family: "DM Sans", "sans-serif"; - margin: 0.4rem !important; - margin-top: 0px !important; - margin-bottom: 2px !important; - - } - - - .filter_bton_add { - float: left; - width: 5% !important; - font-size: xx-large !important; - margin: 0.4rem !important; - margin-top: 0px !important; - margin-bottom: 2px !important; - text-align: right; - cursor: pointer; - } - - - .titre1 { - font-family: "DM Sans", "sans-serif"; - font-size: medium; - text-align: center; - margin-bottom: 0.8rem; - color: white; - cursor: pointer; - font-style: italic; - background-color: gray; - font-weight: normal; - } - - .file_ariane { - font-size: large; - font-weight: 600; - width: 100%; - text-align: center; - } - - - } - - // end media - - .datagridclass { + + + + .Mui-disabled { + font-family: 'DM Sans', 'Sans-serif'; + font-size: small !important; + padding: 0px !important; + padding-left: 5px !important; + height: 3.5rem !important; + } + + + + @media screen and (max-width: 600px) { + .okUpdateData { + font-size: small; + color: green; + font-style: italic; + } + + .koUpdateData { + font-size: small; + color: red; + font-style: italic; + } + + .div_row { + float: left; + //border: 1px solid #d5d8dc; + border-width: 0.01rem; + width: 100%; + margin-bottom: 1rem; + border-radius: 1rem; + } + + .div_row_gauche { + + width: 100%; + border-radius: 10rem !important; + text-align: left; + + margin: 0px !important; + margin-bottom: 0.5rem !important; + margin-top: 0.5rem !important; + } + + .div_row_droite { + width: 100%; + border-radius: 10rem !important; + text-align: left; + + margin: 0px !important; + margin-bottom: 0.5rem !important; + margin-top: 0.5rem !important; + } + + .selectsession { + width: 90%; + height: 3rem; + font-size: small; + border-radius: 0px !important; + } + + .titre1_aide_finance { + margin-top: 1rem; + font-family: "DM Sans", "sans-serif"; + font-size: medium; + text-align: center; + margin-bottom: 0.8rem; + color: white; + cursor: pointer; + font-style: italic; + background-color: gray; + font-weight: normal; + } + + .pieddepage { + z-index: 50; + width: 100%; + float: left; + margin-top: 12rem; + } + + .div_mobile { + position: absolute; + top: 8rem; + z-index: 1; + width: 100%; + } + + .zone_data { + width: 95%; + margin-left: auto; + margin-right: auto; + } + + .detail_class_submenu { + background: #d8edfc; + border-radius: 15px; + margin-right: 1rem; + padding: 0.3rem; + margin-bottom: 0.5rem; + width: 10.5rem; + text-align: center; + border: 1px solid #9cf; + color: #3b3e40; + font-family: "DM Sans", "sans-serif"; + font-size: small; + letter-spacing: 0.1rem; + font-weight: normal; + width: 100%; + } + + .detail_class_submenu:hover:active, + .detail_class_submenu:hover { + background-color: #107758; + color: white; + } + + .detail_class_submenu:focus { + //border: 3px dotted green; + background-color: #107758; + color: white; + } + + .detail_class_submenu_data { + width: 100%; + min-height: 10rem; + background-color: #d8edfc; + padding-left: 5px; + text-align: left; + padding: 0; + border: 0px; + color: #3b3e40; + padding-left: 5px; + font-family: "DM Sans", "sans-serif"; + font-size: small; + border-radius: 10px; + border: 1px solid; + } + + + .training_caract { + width: 100%; + padding: 5px; + float: left; + } + + .css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input .Mui-disabled { + font-family: 'DM Sans', 'Sans-serif'; + font: inherit; + letter-spacing: inherit; + color: currentColor; + border: 0; + box-sizing: content-box; + background: none; + background-color: rgba(0, 0, 0, 0); + margin: 0; + -webkit-tap-highlight-color: transparent; + display: block; + min-width: 0; + width: 100%; + -webkit-animation-name: mui-auto-fill-cancel; + animation-name: mui-auto-fill-cancel; + -webkit-animation-duration: 10ms; + animation-duration: 10ms; + height: 3rem !important; + padding: 0 !important; + padding-left: 5px !important; + } + + .css-11u53oe-MuiSelect-select-MuiInputBase-input-MuiOutlinedInput-input { + padding: 1px !important; + } + + .selectsession { + width: 100%; + height: 3rem; + font-size: small; + border-radius: 0px !important; + } + + .session_data { + float: left; + width: 100%; + box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.5); + -webkit-box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.5); + border-radius: 10px; + margin-top: 10px; + margin-bottom: 10px; + + + } + + .session_caract { + font-family: DM Sans; + width: 100%; + padding: 5px; + float: left; + text-align: left; + font-size: small; + } + + .session_style { + //background-color: #ECEFF1; + font-size: small !important; + color: black; + width: 100% !important; + height: 2rem !important; + margin: 5px !important; + } + + .css-1x5jdm { + padding: 5px; + } + + .css-1x5jdmq { + padding: 6px !important; + } + + .css-qiwgdb { + padding: 6px !important; + font-size: small; + } + + .preview_certif { + display: block; + width: 100%; + height: 180px; + border-radius: 1rem !important; + margin-top: 1rem !important; + } + + .hr_break { + border: 2px solid grey; + } + + .icon_plus { + width: 6%; + } + + .bton_add_session { + background: #c8cfd5; + color: black; + width: 100%; + height: 2rem; + } + + .bton_import_excel { + background: #c8cfd5; + color: black; + width: 100% !important; + height: 2rem; + } + + .div_row_gauche_etendu { + width: 100%; + } + + .icon_excel { + width: 6%; + } + + + .bton_suppr { + background: transparent; + color: red; + border-radius: 5rem; + font-size: small; + text-align: center; + height: 2.5rem; + width: 100%; + margin-left: 10px; + margin-right: 10px; + } + + .bton_enreg { + font-family: DM sans; + border-radius: 5rem; + font-size: small; + background: #81BC3A !important; + text-align: center; + height: 2.5rem; + width: 100%; + color: white; + margin-left: 10px; + margin-right: 10px; + } + + .bton_edit { + border-radius: 5rem; + font-size: small; + background: black !important; + text-align: right; + height: 2.5rem; + width: 100%; + color: white; + margin-left: 10px; + margin-right: 10px; + } + + .bton_annule { + border-radius: 5rem; + font-size: small; + background: lightgray !important; + text-align: right; + height: 2.5rem; + width: 100%; + color: black; + margin-left: 10px; + margin-right: 10px; + } + + .div_row_gauche_image { + float: left; + //border:0px solid black; + border-width: 0.01rem; + border-radius: 1rem; + text-align: left; + } + + .div_row_droite_image { + float: left; + //border:0px solid black; + border-width: 0.01rem; + border-radius: 1rem; + text-align: left; + font-family: "DM Sans", "sans-serif"; + font-size: small; + padding-left: 0.2rem; + } + + .tips_img_class { + font-size: smaller; + font-style: italic; + margin-left: 1rem !important; + text-align: left; + float: left; + width: 100%; + padding-right: 10px; + } + + .img_class_logo { + display: block; + width: 128px; + height: 128px; + border-radius: 10px !important; + border: 1px solid #d5d8dc; + float: left; + } + + .bton_supprime_image_class { + font-size: small; + text-align: center; + margin-left: 0px; + box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%); + padding: 5px; + padding-left: 10px; + padding-right: 10px; + border: 1px solid rgb(194, 186, 186); + border-radius: 10px; + background: white; + color: red; + margin-top: 0.5rem; + width: 10rem; + cursor: pointer; + } + + .bton_supprime_image_class:hover { + box-shadow: 5px 1px 5px 1px rgb(0 0 0 / 25%); + } + + .bton_image_class { + font-size: small; + text-align: center; + margin-left: 0px; + box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%); + padding: 5px; + padding-left: 10px; + padding-right: 10px; + border: 1px solid rgb(194, 186, 186); + border-radius: 10px; + width: 10rem; + cursor: pointer; + } + + .bton_image_class:hover { + box-shadow: 5px 1px 5px 1px rgb(0 0 0 / 25%); + } + + .tick_ok_ko { + max-width: 3%; + cursor: pointer; + padding-top: 4px; + } + + .texte_area { + float: left; + width: 47% !important; + font-size: x-small !important; + font-family: "DM Sans", "sans-serif"; + margin: 0.4rem !important; + margin-top: 0px !important; + margin-bottom: 1.5rem !important; + } + + .texte_area_filter { + float: left; + width: 100% !important; + font-size: x-small !important; + font-family: "DM Sans", "sans-serif"; + margin-top: 0px !important; + margin-bottom: 2px !important; + } + + .texte_area_filter_value { + float: left !important; + width: 100% !important; + font-size: x-small !important; + font-family: "DM Sans", "sans-serif"; + margin: 0.4rem !important; + margin-top: 0px !important; + margin-bottom: 2px !important; + + } + + + .filter_bton_add { + float: left; + width: 40% !important; + font-size: xx-large !important; + margin: 0.4rem !important; + margin-top: 0px !important; + margin-bottom: 2px !important; + text-align: right; + cursor: pointer; + } + + + .div_row { + float: left; + border-width: 0.01rem; + width: 100%; + + border-radius: 1rem; + } + + .div_row_gauche { + float: left; + width: 90%; + border-radius: 1rem; + text-align: left; + } + + .div_row_droite { + float: left; + width: 90%; + border-radius: 1rem; + text-align: left; + + } + + .bton_suppr { + background: transparent; + color: red; + border-radius: 5rem; + font-size: small; + text-align: center; + height: 2.5rem; + width: 100%; + margin-left: 10px; + margin-right: 10px; + margin-bottom: 1rem !important; + } + + .bton_enreg { + font-family: DM sans; + border-radius: 5rem; + font-size: small; + background: #81BC3A !important; + text-align: center; + height: 2.5rem; + width: 100%; + color: white; + margin-bottom: 1rem !important; + } + + .bton_edit { + border-radius: 5rem; + font-size: small; + background: black !important; + text-align: right; + height: 2.5rem; + width: 100%; + color: white; + margin-bottom: 1rem !important; + } + + .bton_annule { + border-radius: 5rem; + font-size: small; + background: lightgray !important; + text-align: right; + height: 2.5rem; + width: 100%; + color: black; + margin-bottom: 1rem !important; + } + + + .css-1t10bd6-MuiFormControl-root-MuiTextField-root fieldset { + border-color: transparent !important; + border-radius: 20px !important; + } + + .disabled_style { + //background-color: #ECEFF1; + font-size: small !important; + color: black; + width: 95% !important; + height: 3.5rem !important; + + //border: none !important; + border-radius: 5px; + background: white; + border: solid gainsboro 1px; + + } + + .training_caract { + width: 100%; + + float: left; + } + + .css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input .Mui-disabled { + font-family: 'DM Sans', 'Sans-serif'; + font: inherit; + letter-spacing: inherit; + color: currentColor; + border: 0; + box-sizing: content-box; + background: none; + background-color: rgba(0, 0, 0, 0); + margin: 0; + -webkit-tap-highlight-color: transparent; + display: block; + min-width: 0; + width: 100%; + -webkit-animation-name: mui-auto-fill-cancel; + animation-name: mui-auto-fill-cancel; + -webkit-animation-duration: 10ms; + animation-duration: 10ms; + height: 3rem !important; + padding: 0 !important; + padding-left: 5px !important; + } + + .css-11u53oe-MuiSelect-select-MuiInputBase-input-MuiOutlinedInput-input { + padding: 1px !important; + } + + .block_en_mass { + width: 100%; + float: left; + margin-bottom: 1rem; + } + + .block_en_mass_select { + width: 100%; + float: left; + margin-bottom: 1rem; + } + + .block_en_mass_bton_action { + width: 100%; + float: left; + margin-bottom: 1rem; + padding-top: 0.5rem !important; + } + } + + @media only screen and (min-width: 601px) and (max-width: 991px) { + .okUpdateData { + font-size: small; + color: green; + font-style: italic; + } + + .koUpdateData { + font-size: small; + color: red; + font-style: italic; + } + + .selectsession { + width: 90%; + height: 3rem; + font-size: small; + border-radius: 0px !important; + } + + .titre1_aide_finance { + margin-top: 1rem; + font-family: "DM Sans", "sans-serif"; + font-size: medium; + text-align: center; + margin-bottom: 0.8rem; + color: white; + cursor: pointer; + font-style: italic; + background-color: gray; + font-weight: normal; + } + + .pieddepage { + z-index: 50; + width: 100%; + float: left; + margin-top: 12rem; + } + + .div_mobile { + position: absolute; + top: 8rem; + z-index: 1; + width: 100%; + } + + .zone_data { + width: 95%; + margin-left: auto; + margin-right: auto; + } + + .detail_class_submenu { + background: #d8edfc; + border-radius: 15px; + margin-right: 1rem; + padding: 0.3rem; + margin-bottom: 0.5rem; + width: 11rem; + text-align: center; + border: 1px solid #9cf; + color: #3b3e40; + font-family: "DM Sans", "sans-serif"; + font-size: small; + letter-spacing: 0.1rem; + font-weight: normal; + } + + .detail_class_submenu:hover:active, + .detail_class_submenu:hover { + background-color: #107758; + color: white; + } + + .detail_class_submenu:focus { + //border: 3px dotted green; + background-color: #107758; + color: white; + } + + .detail_class_submenu_data { + width: 100%; + min-height: 10rem; + background-color: #d8edfc; + padding-left: 5px; + text-align: left; + padding: 0; + border: 0px; + color: #3b3e40; + padding-left: 5px; + font-family: "DM Sans", "sans-serif"; + font-size: small; + border-radius: 10px; + border: 1px solid; + } + + .disabled_style { + //background-color: #ECEFF1; + font-size: small !important; + color: black; + width: 90% !important; + height: 3.5rem !important; + margin: 5px !important; + //border: none !important; + border-radius: 5px; + background: white; + border: solid gainsboro 1px; + } + + .training_caract { + width: 48%; + padding: 5px; + float: left; + } + + .css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input .Mui-disabled { + font-family: 'DM Sans', 'Sans-serif'; + font: inherit; + letter-spacing: inherit; + color: currentColor; + border: 0; + box-sizing: content-box; + background: none; + background-color: rgba(0, 0, 0, 0); + margin: 0; + -webkit-tap-highlight-color: transparent; + display: block; + min-width: 0; + width: 100%; + -webkit-animation-name: mui-auto-fill-cancel; + animation-name: mui-auto-fill-cancel; + -webkit-animation-duration: 10ms; + animation-duration: 10ms; + height: 3rem !important; + padding: 0 !important; + padding-left: 5px !important; + } + + .css-11u53oe-MuiSelect-select-MuiInputBase-input-MuiOutlinedInput-input { + padding: 1px !important; + } + + .selectsession { + width: 90%; + height: 3rem; + font-size: small; + border-radius: 0px !important; + } + + .session_data { + float: left; + width: 100%; + box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.5); + -webkit-box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.5); + border-radius: 10px; + margin-top: 10px; + margin-bottom: 10px; + + + } + + .session_caract { + font-family: DM Sans; + width: 50%; + padding: 5px; + float: left; + text-align: left; + font-size: small; + } + + .session_style { + //background-color: #ECEFF1; + font-size: small !important; + color: black; + width: 100% !important; + height: 2rem !important; + margin: 5px !important; + } + + .css-1x5jdm { + padding: 5px; + } + + + .css-1x5jdmq { + padding: 6px !important; + padding-bottom: 0px !important; + } + + .css-qiwgdb { + padding: 6px !important; + font-size: small; + } + + .preview_certif { + display: block; + width: 90%; + height: 200px; + border-radius: 1rem !important; + margin-top: 1rem !important; + } + + .preview_certif:hover { + transform: scale(1.3); + margin-left: 5rem; + } + + .hr_break { + border: 3px solid grey; + } + + .icon_plus { + width: 6%; + } + + .bton_add_session { + background: #c8cfd5; + color: black; + width: 50%; + height: 2rem; + } + + .bton_import_excel { + background: #c8cfd5; + color: black; + width: 65% !important; + height: 2rem; + } + + .div_row_gauche_etendu { + width: 80% !important; + } + + .icon_excel { + width: 6%; + } + + + .bton_suppr { + background: transparent; + color: red; + border-radius: 5rem; + font-size: small; + text-align: center; + height: 2.5rem; + width: 80%; + margin-left: 10px; + margin-right: 10px; + } + + .bton_enreg { + font-family: DM sans; + border-radius: 5rem; + font-size: small; + background: #81BC3A !important; + text-align: center; + height: 2.5rem; + width: 80%; + color: white; + margin-left: 10px; + margin-right: 10px; + } + + .bton_edit { + border-radius: 5rem; + font-size: small; + background: black !important; + text-align: right; + height: 2.5rem; + width: 80%; + color: white; + margin-left: 10px; + margin-right: 10px; + } + + .bton_annule { + border-radius: 5rem; + font-size: small; + background: lightgray !important; + text-align: right; + height: 2.5rem; + width: 80%; + color: black; + margin-left: 10px; + margin-right: 10px; + } + + .div_row_gauche_image { + float: left; + //border:0px solid black; + border-width: 0.01rem; + border-radius: 1rem; + text-align: left; + } + + .div_row_droite_image { + float: left; + //border:0px solid black; + border-width: 0.01rem; + border-radius: 1rem; + text-align: left; + font-family: "DM Sans", "sans-serif"; + font-size: small; + padding-left: 0.2rem; + } + + .tips_img_class { + font-size: small; + font-style: italic; + margin-left: 1rem !important; + text-align: left; + float: left; + width: 100%; + } + + .img_class_logo { + display: block; + width: 168px; + height: 168px; + border-radius: 10px !important; + border: 1px solid #d5d8dc; + float: left; + } + + .bton_supprime_image_class { + font-size: small; + text-align: center; + margin-left: 0px; + box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%); + padding: 5px; + padding-left: 10px; + padding-right: 10px; + border: 1px solid rgb(194, 186, 186); + border-radius: 10px; + background: white; + color: red; + margin-top: 0.5rem; + width: 15rem; + cursor: pointer; + } + + .bton_supprime_image_class:hover { + box-shadow: 5px 1px 5px 1px rgb(0 0 0 / 25%); + } + + .bton_image_class { + font-size: small; + text-align: center; + margin-left: 0px; + box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%); + padding: 5px; + padding-left: 10px; + padding-right: 10px; + border: 1px solid rgb(194, 186, 186); + border-radius: 10px; + width: 15rem; + cursor: pointer; + } + + .bton_image_class:hover { + box-shadow: 5px 1px 5px 1px rgb(0 0 0 / 25%); + } + + .tick_ok_ko { + max-width: 3%; + cursor: pointer; + padding-top: 4px; + } + + .texte_area { + float: left; + width: 47% !important; + font-size: x-small !important; + font-family: "DM Sans", "sans-serif"; + margin: 0.4rem !important; + margin-top: 0px !important; + margin-bottom: 1.5rem !important; + } + + .texte_area_filter { + float: left; + width: 40% !important; + font-size: x-small !important; + font-family: "DM Sans", "sans-serif"; + margin: 0.4rem !important; + margin-top: 0px !important; + margin-bottom: 2px !important; + } + + .texte_area_filter_value { + float: left !important; + width: 40% !important; + font-size: x-small !important; + font-family: "DM Sans", "sans-serif"; + margin: 0.4rem !important; + margin-top: 0px !important; + margin-bottom: 2px !important; + + } + + + .filter_bton_add { + float: left; + width: 5% !important; + font-size: large !important; + margin: 0.4rem !important; + margin-top: 0px !important; + margin-bottom: 2px !important; + text-align: right; + cursor: pointer; + margin-top: 1rem !important; + } + + .div_row { + float: left; + //border: 1px solid #d5d8dc; + border-width: 0.01rem; + width: 100%; + //margin-bottom: 1rem; + border-radius: 1rem; + } + + .div_row_gauche { + float: left; + // border:1px solid black; + // border-width:0.01rem; + width: 45%; + border-radius: 1rem; + text-align: left; + } + + .div_row_droite { + float: right; + //border:1px solid black; + //border-width:0.01rem; + width: 45%; + border-radius: 1rem; + text-align: right; + } + + .bton_suppr { + background: transparent; + color: red; + border-radius: 5rem; + font-size: small; + text-align: center; + height: 2.5rem; + width: 40%; + margin-left: 10px; + margin-right: 10px; + min-width: 15rem; + } + + .bton_enreg { + font-family: DM sans; + border-radius: 5rem; + font-size: small; + background: #81BC3A !important; + text-align: center; + height: 2.5rem; + width: 40%; + color: white; + margin-left: 10px; + margin-right: 10px; + min-width: 15rem; + } + + .bton_edit { + border-radius: 5rem; + font-size: small; + background: black !important; + text-align: right; + height: 2.5rem; + width: 40%; + color: white; + margin-left: 10px; + margin-right: 10px; + min-width: 15rem; + } + + .bton_annule { + border-radius: 5rem; + font-size: small; + background: lightgray !important; + text-align: right; + height: 2.5rem; + width: 40%; + color: black; + margin-left: 10px; + margin-right: 10px; + min-width: 15rem; + } + + + .css-1t10bd6-MuiFormControl-root-MuiTextField-root fieldset { + border-color: transparent !important; + border-radius: 20px !important; + } + + + .training_caract { + width: 30%; + padding: 5px; + float: left; + } + + .css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input .Mui-disabled { + font-family: 'DM Sans', 'Sans-serif'; + font: inherit; + letter-spacing: inherit; + color: currentColor; + border: 0; + box-sizing: content-box; + background: none; + background-color: rgba(0, 0, 0, 0); + margin: 0; + -webkit-tap-highlight-color: transparent; + display: block; + min-width: 0; + width: 100%; + -webkit-animation-name: mui-auto-fill-cancel; + animation-name: mui-auto-fill-cancel; + -webkit-animation-duration: 10ms; + animation-duration: 10ms; + height: 3rem !important; + padding: 0 !important; + padding-left: 5px !important; + } + + .css-11u53oe-MuiSelect-select-MuiInputBase-input-MuiOutlinedInput-input { + padding: 1px !important; + } + + .block_en_mass { + width: 50%; + float: left; + margin-bottom: 1rem; + } + + .block_en_mass_select { + width: 45%; + float: left; + margin-bottom: 1rem; + } + + .block_en_mass_bton_action { + width: 45%; + float: left; + margin-bottom: 1rem; + padding-top: 0.5rem !important; + } + + } + + @media only screen and (min-width: 992px) and (max-width: 1199px) { + .okUpdateData { + font-size: small; + color: green; + font-style: italic; + } + + .koUpdateData { + font-size: small; + color: red; + font-style: italic; + } + + .div_row { + float: left; + //border: 1px solid #d5d8dc; + border-width: 0.01rem; + width: 100%; + margin-bottom: 1rem; + border-radius: 1rem; + } + + .div_row_gauche { + float: left; + // border:1px solid black; + // border-width:0.01rem; + width: 45%; + border-radius: 1rem; + } + + .div_row_droite { + float: right; + //border:1px solid black; + //border-width:0.01rem; + width: 45%; + border-radius: 1rem; + text-align: right; + } + + .selectsession { + width: 90%; + height: 3rem; + font-size: small; + border-radius: 0px !important; + } + + .titre1_aide_finance { + margin-top: 1rem; + font-family: "DM Sans", "sans-serif"; + font-size: medium; + text-align: center; + margin-bottom: 0.8rem; + color: white; + cursor: pointer; + font-style: italic; + background-color: gray; + font-weight: normal; + } + + .pieddepage { + z-index: 50; + width: 100%; + float: left; + margin-top: 12rem; + } + + .div_mobile { + position: absolute; + top: 8rem; + z-index: 1; + width: 100%; + } + + .zone_data { + width: 95%; + margin-left: auto; + margin-right: auto; + } + + .detail_class_submenu { + background: #d8edfc; + border-radius: 15px; + margin-right: 1rem; + padding: 0.3rem; + margin-bottom: 0.5rem; + width: 11rem; + text-align: center; + border: 1px solid #9cf; + color: #3b3e40; + font-family: "DM Sans", "sans-serif"; + font-size: small; + letter-spacing: 0.1rem; + font-weight: normal; + } + + .detail_class_submenu:hover:active, + .detail_class_submenu:hover { + background-color: #107758; + color: white; + } + + .detail_class_submenu:focus { + //border: 3px dotted green; + background-color: #107758; + color: white; + } + + .detail_class_submenu_data { + width: 100%; + min-height: 10rem; + background-color: #d8edfc; + padding-left: 5px; + text-align: left; + padding: 0; + border: 0px; + color: #3b3e40; + padding-left: 5px; + font-family: "DM Sans", "sans-serif"; + font-size: small; + border-radius: 10px; + border: 1px solid; + } + + .disabled_style { + //background-color: #ECEFF1; + font-size: small !important; + color: black; + width: 90% !important; + height: 3.5rem !important; + margin: 5px !important; + //border: none !important; + border-radius: 5px; + background: white; + border: solid gainsboro 1px; + } + + .training_caract { + width: 30%; + padding: 5px; + float: left; + } + + .css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input .Mui-disabled { + font-family: 'DM Sans', 'Sans-serif'; + font: inherit; + letter-spacing: inherit; + color: currentColor; + border: 0; + box-sizing: content-box; + background: none; + background-color: rgba(0, 0, 0, 0); + margin: 0; + -webkit-tap-highlight-color: transparent; + display: block; + min-width: 0; + width: 100%; + -webkit-animation-name: mui-auto-fill-cancel; + animation-name: mui-auto-fill-cancel; + -webkit-animation-duration: 10ms; + animation-duration: 10ms; + height: 3rem !important; + padding: 0 !important; + padding-left: 5x !important; + } + + .css-11u53oe-MuiSelect-select-MuiInputBase-input-MuiOutlinedInput-input { + padding: 1px !important; + } + + .selectsession { + width: 90%; + height: 3rem; + font-size: small; + border-radius: 0px !important; + } + + .session_data { + float: left; + width: 100%; + box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.5); + -webkit-box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.5); + border-radius: 10px; + margin-top: 10px; + margin-bottom: 10px; + + + } + + .session_caract { + font-family: DM Sans; + width: 33%; + padding: 5px; + float: left; + text-align: left; + font-size: small; + } + + .session_style { + //background-color: #ECEFF1; + font-size: small !important; + color: black; + width: 100% !important; + height: 2rem !important; + margin: 5px !important; + } + + .css-1x5jdm { + padding: 5px; + } + + .css-1x5jdmq { + padding: 6px !important; + padding-bottom: 0px !important; + } + + .css-qiwgdb { + padding: 6px !important; + font-size: small; + } + + .preview_certif { + display: block; + width: 90%; + height: 180px; + border-radius: 1rem !important; + margin-top: 1rem !important; + } + + .preview_certif:hover { + transform: scale(1.3); + margin-left: 5rem; + } + + .hr_break { + border: 3px solid grey; + } + + .icon_plus { + width: 6%; + } + + .bton_add_session { + background: #c8cfd5; + color: black; + width: 40%; + height: 2rem; + } + + .bton_import_excel { + background: #c8cfd5; + color: black; + width: 50% !important; + height: 2rem; + } + + .div_row_gauche_etendu { + width: 80%; + } + + .icon_excel { + width: 6%; + } + + + .bton_suppr { + background: transparent; + color: red; + border-radius: 5rem; + font-size: small; + text-align: center; + height: 2.5rem; + width: 65%; + margin-left: 10px; + margin-right: 10px; + } + + .bton_enreg { + font-family: DM sans; + border-radius: 5rem; + font-size: small; + background: #81BC3A !important; + text-align: center; + height: 2.5rem; + width: 65%; + color: white; + margin-left: 10px; + margin-right: 10px; + } + + .bton_edit { + border-radius: 5rem; + font-size: small; + background: black !important; + text-align: right; + height: 2.5rem; + width: 65%; + color: white; + margin-left: 10px; + margin-right: 10px; + } + + .bton_annule { + border-radius: 5rem; + font-size: small; + background: lightgray !important; + text-align: right; + height: 2.5rem; + width: 65%; + color: black; + margin-left: 10px; + margin-right: 10px; + } + + + .div_row_gauche_image { + float: left; + //border:0px solid black; + border-width: 0.01rem; + border-radius: 1rem; + text-align: left; + } + + .div_row_droite_image { + float: left; + //border:0px solid black; + border-width: 0.01rem; + border-radius: 1rem; + text-align: left; + font-family: "DM Sans", "sans-serif"; + font-size: small; + padding-left: 0.2rem; + } + + .tips_img_class { + font-size: small; + font-style: italic; + margin-left: 1rem !important; + text-align: left; + float: left; + width: 100%; + } + + .img_class_logo { + display: block; + width: 168px; + height: 168px; + border-radius: 10px !important; + border: 1px solid #d5d8dc; + float: left; + } + + .bton_supprime_image_class { + font-size: small; + text-align: center; + margin-left: 0px; + box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%); + padding: 5px; + padding-left: 10px; + padding-right: 10px; + border: 1px solid rgb(194, 186, 186); + border-radius: 10px; + background: white; + color: red; + margin-top: 0.5rem; + width: 15rem; + cursor: pointer; + } + + .bton_supprime_image_class:hover { + box-shadow: 5px 1px 5px 1px rgb(0 0 0 / 25%); + } + + .bton_image_class { + font-size: small; + text-align: center; + margin-left: 0px; + box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%); + padding: 5px; + padding-left: 10px; + padding-right: 10px; + border: 1px solid rgb(194, 186, 186); + border-radius: 10px; + width: 15rem; + cursor: pointer; + } + + .bton_image_class:hover { + box-shadow: 5px 1px 5px 1px rgb(0 0 0 / 25%); + } + + .tick_ok_ko { + max-width: 3%; + cursor: pointer; + padding-top: 4px; + } + + .texte_area { + float: left; + width: 47% !important; + font-size: x-small !important; + font-family: "DM Sans", "sans-serif"; + margin: 0.4rem !important; + margin-top: 0px !important; + margin-bottom: 1.5rem !important; + } + + .texte_area_filter { + float: left; + width: 40% !important; + font-size: x-small !important; + font-family: "DM Sans", "sans-serif"; + margin: 0.4rem !important; + margin-top: 0px !important; + margin-bottom: 2px !important; + } + + .texte_area_filter_value { + float: left !important; + width: 40% !important; + font-size: x-small !important; + font-family: "DM Sans", "sans-serif"; + margin: 0.4rem !important; + margin-top: 0px !important; + margin-bottom: 2px !important; + + } + + + .filter_bton_add { + float: left; + width: 5% !important; + font-size: xx-large !important; + margin: 0.4rem !important; + margin-top: 0px !important; + margin-bottom: 2px !important; + text-align: right; + cursor: pointer; + } + + + .titre1 { + font-family: "DM Sans", "sans-serif"; + font-size: medium; + text-align: center; + margin-bottom: 0.8rem; + color: white; + cursor: default; + font-style: italic; + background-color: gray; + font-weight: normal; + } + + } + + @media only screen and (min-width: 1200px) { + .okUpdateData { + font-size: small; + color: green; + font-style: italic; + } + + .koUpdateData { + font-size: small; + color: red; + font-style: italic; + } + + .div_row { + float: left; + //border: 1px solid #d5d8dc; + border-width: 0.01rem; + width: 100%; + //margin-bottom: 1rem; + border-radius: 1rem; + } + + .div_row_gauche { + float: left; + // border:1px solid black; + // border-width:0.01rem; + width: 45%; + border-radius: 1rem; + } + + .div_row_droite { + float: right; + //border:1px solid black; + //border-width:0.01rem; + width: 45%; + border-radius: 1rem; + text-align: right; + } + + .selectsession { + width: 90%; + height: 3rem; + font-size: small; + border-radius: 0px !important; + } + + .titre1_aide_finance { + margin-top: 1rem; + font-family: "DM Sans", "sans-serif"; + font-size: medium; + text-align: center; + margin-bottom: 0.8rem; + color: white; + cursor: pointer; + font-style: italic; + background-color: gray; + font-weight: normal; + } + + .pieddepage { + z-index: 50; + width: 100%; + float: left; + margin-top: 12rem; + } + + .div_mobile { + position: absolute; + top: 8rem; + z-index: 1; + width: 100%; + } + + .zone_data { + width: 95%; + margin-left: auto; + margin-right: auto; + } + + .detail_class_submenu { + background: #d8edfc; + border-radius: 15px; + margin-right: 1rem; + padding: 0.3rem; + margin-bottom: 0.5rem; + min-width: 12rem; + text-align: center; + border: 1px solid #9cf; + color: #3b3e40; + font-family: "DM Sans", "sans-serif"; + font-size: small; + letter-spacing: 0.1rem; + font-weight: normal; + } + + .detail_class_submenu:hover:active, + .detail_class_submenu:hover { + background-color: #107758; + color: white; + } + + .detail_class_submenu:focus { + //border: 3px dotted green; + background-color: #107758; + color: white; + } + + .detail_class_submenu_data { + width: 100%; + min-height: 10rem; + background-color: #d8edfc; + padding-left: 5px; + text-align: left; + padding: 0; + border: 0px; + color: #3b3e40; + padding-left: 5px; + font-family: "DM Sans", "sans-serif"; + font-size: small; + border-radius: 10px; + border: 1px solid; + } + + .disabled_style { + //background-color: #ECEFF1; + font-size: small !important; + color: black; + width: 90% !important; + height: 3.5rem !important; + margin: 5px !important; + //border: none !important; + border-radius: 5px; + background: white; + border: solid gainsboro 1px; + } + + .training_caract { + width: 30%; + padding: 5px; + float: left; + } + + .css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input .Mui-disabled { + font-family: 'DM Sans', 'Sans-serif'; + font: inherit; + letter-spacing: inherit; + color: currentColor; + border: 0; + box-sizing: content-box; + background: none; + background-color: rgba(0, 0, 0, 0); + margin: 0; + -webkit-tap-highlight-color: transparent; + display: block; + min-width: 0; + width: 100%; + -webkit-animation-name: mui-auto-fill-cancel; + animation-name: mui-auto-fill-cancel; + -webkit-animation-duration: 10ms; + animation-duration: 10ms; + height: 3rem !important; + padding: 0 !important; + padding-left: 5px !important; + } + + .css-11u53oe-MuiSelect-select-MuiInputBase-input-MuiOutlinedInput-input { + padding: 1px !important; + } + + .selectsession { + width: 90%; + height: 3rem; + font-size: small; + border-radius: 0px !important; + } + + .session_data { + float: left; + width: 100%; + box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.5); + -webkit-box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.5); + border-radius: 10px; + margin-top: 10px; + margin-bottom: 10px; + + + } + + .session_caract { + font-family: DM Sans; + width: 33%; + padding: 5px; + float: left; + text-align: left; + font-size: small; + } + + .session_style { + //background-color: #ECEFF1; + font-size: small !important; + color: black; + width: 100% !important; + height: 2rem !important; + margin: 5px !important; + } + + .preview_certif { + display: block; + width: 90%; + height: 200px; + border-radius: 1rem !important; + margin-top: 1rem !important; + } + + .preview_certif:hover { + transform: scale(1.4); + margin-left: 10rem; + } + + + .action_mass { + border-radius: 5px; + font-size: small; + padding: 0.3rem; + width: 40%; + background: #81BC3A; + height: 2.5rem; + } + + + + .block_en_mass { + width: 50%; + float: left; + margin-bottom: 1rem; + } + + .session_open_close { + cursor: pointer; + text-align: right; + font-size: small; + margin-right: 10px; + } + + .hr_break { + border: 5px solid grey; + } + + .icon_plus { + width: 6%; + } + + .bton_add_session { + background: #c8cfd5; + color: black; + width: 25% !important; + height: 2rem; + } + + .bton_import_excel { + background: #c8cfd5; + color: black; + width: 40% !important; + height: 2rem; + } + + .div_row_gauche_etendu { + width: 80%; + } + + .icon_excel { + width: 4%; + } + + .bton_envoyer { + border-radius: 5px; + font-size: small; + padding: 0.3rem; + width: 60%; + background: #81BC3A; + } + + + .bton_traiter_en_mass { + border-radius: 5px; + font-size: small; + padding: 0.3rem; + width: 40%; + background: #81BC3A; + margin-left: 5%; + height: 2.5rem; + color: white; + + } + + .bton_fermer { + border-radius: 5px; + font-size: small; + padding: 0.3rem; + width: 60%; + background-color: white; + color: #107758 !important; + } + + + .enable_style { + background-color: #FFFFFF; + } + + + + .css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input:invalid { + padding-top: 5px !important; + padding-bottom: 5px !important; + padding-left: 5px !important; + } + + .css-1t10bd6-MuiFormControl-root-MuiTextField-root fieldset { + border-color: transparent !important; + border-radius: 20px !important; + } + + .bton_emarge { + border-radius: 5rem; + font-size: small; + padding: 0.5rem; + background: rgb(129, 188, 58); + margin-left: 5px; + margin-right: 5px; + } + + .css-1x5jdm { + padding: 5px; + } + + + .css-1x5jdmq { + padding: 6px !important; + height: 3rem ! important; + padding-bottom: 0px !important; + } + + .css-qiwgdb { + padding: 6px !important; + font-size: small; + } + + + .bton_suppr { + background: transparent; + color: red; + border-radius: 5rem; + font-size: small; + text-align: center; + height: 2.5rem; + width: 40%; + margin-left: 10px; + margin-right: 10px; + } + + .bton_enreg { + font-family: DM sans; + border-radius: 5rem; + font-size: small; + background: #81BC3A !important; + text-align: center; + height: 2.5rem; + width: 40%; + color: white; + margin-left: 10px; + margin-right: 10px; + } + + .bton_edit { + border-radius: 5rem; + font-size: small; + background: black !important; + text-align: right; + height: 2.5rem; + width: 40%; + color: white; + margin-left: 10px; + margin-right: 10px; + } + + .bton_annule { + border-radius: 5rem; + font-size: small; + background: lightgray !important; + text-align: right; + height: 2.5rem; + width: 40%; + color: black; + margin-left: 10px; + margin-right: 10px; + } + + + + .div_row_gauche_image { + float: left; + //border:0px solid black; + border-width: 0.01rem; + border-radius: 1rem; + text-align: left; + } + + .div_row_droite_image { + float: left; + //border:0px solid black; + border-width: 0.01rem; + border-radius: 1rem; + text-align: left; + font-family: "DM Sans", "sans-serif"; + font-size: small; + padding-left: 0.2rem; + } + + .tips_img_class { + font-size: small; + font-style: italic; + margin-left: 1rem !important; + text-align: left; + float: left; + width: 100%; + } + + .img_class_logo { + display: block; + width: 170px; + height: 168px; + border-radius: 10px !important; + border: 1px solid #d5d8dc; + float: left; + } + + .bton_supprime_image_class { + font-size: small; + text-align: center; + margin-left: 0px; + box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%); + padding: 5px; + padding-left: 10px; + padding-right: 10px; + border: 1px solid rgb(194, 186, 186); + border-radius: 10px; + background: white; + color: red; + margin-top: 0.5rem; + width: 15rem; + cursor: pointer; + } + + .bton_supprime_image_class:hover { + box-shadow: 5px 1px 5px 1px rgb(0 0 0 / 25%); + } + + .bton_image_class { + font-size: small; + text-align: center; + margin-left: 0px; + box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%); + padding: 5px; + padding-left: 10px; + padding-right: 10px; + border: 1px solid rgb(194, 186, 186); + border-radius: 10px; + width: 15rem; + cursor: pointer; + } + + .bton_image_class:hover { + box-shadow: 5px 1px 5px 1px rgb(0 0 0 / 25%); + } + + .tick_ok_ko { + max-width: 3%; + cursor: pointer; + padding-top: 4px; + } + + .texte_area { + float: left; + width: 47% !important; + font-size: x-small !important; + font-family: "DM Sans", "sans-serif"; + margin: 0.4rem !important; + margin-top: 0px !important; + margin-bottom: 1.5rem !important; + } + + .texte_area_filter { + float: left; + width: 40% !important; + font-size: x-small !important; + font-family: "DM Sans", "sans-serif"; + margin: 0.4rem !important; + margin-top: 0px !important; + margin-bottom: 2px !important; + } + + .texte_area_filter_value { + float: left !important; + width: 40% !important; + font-size: x-small !important; + font-family: "DM Sans", "sans-serif"; + margin: 0.4rem !important; + margin-top: 0px !important; + margin-bottom: 2px !important; + + } + + + .filter_bton_add { + float: left; + width: 5% !important; + font-size: xx-large !important; + margin: 0.4rem !important; + margin-top: 0px !important; + margin-bottom: 2px !important; + text-align: right; + cursor: pointer; + } + + + .titre1 { + font-family: "DM Sans", "sans-serif"; + font-size: medium; + text-align: center; + margin-bottom: 0.8rem; + color: white; + cursor: default; + font-style: italic; + background-color: gray; + font-weight: normal; + } + + .file_ariane { + font-size: large; + font-weight: 600; + width: 100%; + text-align: center; + } + + + } + + // end media + + .datagridclass { font-size: small !important; padding: 5px !important; font-family: 'DM Sans'; } - - .css-1v4ccyo { - height: 3.5rem !important; - font-size: small; - } - option { - font-weight: normal; - display: block; - white-space-collapse: collapse; - text-wrap: nowrap; - padding: 0px !important; - } + .css-1v4ccyo { + height: 3.5rem !important; + font-size: small; + } - .mysy_hr_text { - border: none; - border-top: 3px double #333; - color: #333; - overflow: visible; - text-align: center; - height: 5px; - } + option { + font-weight: normal; + display: block; + white-space-collapse: collapse; + text-wrap: nowrap; + padding: 0px !important; + } - .mysy_hr_text:after { - background: #fff; - content: 'Détails'; - padding: 0 4px; - position: relative; - top: -13px; - } + .mysy_hr_text { + border: none; + border-top: 3px double #333; + color: #333; + overflow: visible; + text-align: center; + height: 5px; + } - .MuiMenu-paper { - max-width: 30% !important; - } + .mysy_hr_text:after { + background: #fff; + content: 'Détails'; + padding: 0 4px; + position: relative; + top: -13px; + } + + .MuiMenu-paper { + max-width: 30% !important; + } } .MuiMenu-paper { - max-width: 30% !important; + max-width: 30% !important; } .tox-statusbar { - display: none !important; + display: none !important; } .css-1x5jdmq { - height: 3rem !important; - font-size: small; + height: 3rem !important; + font-size: small; } .select_option_css { - border-radius: 0px !important; + border-radius: 0px !important; } .css-9ddj71-MuiInputBase-root-MuiOutlinedInput-root { -font-family: DM Sans !important; - height: 3.5rem !important; + font-family: DM Sans !important; + height: 3.5rem !important; } .react-datepicker__input-container { - width: 110%; + width: 110%; } .css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input { - padding-left: 5px !important; + padding-left: 5px !important; } \ No newline at end of file diff --git a/src/styles/components/_partnerinvoicingdata.scss b/src/styles/components/_partnerinvoicingdata.scss index 9e45ffa..19a3ff7 100644 --- a/src/styles/components/_partnerinvoicingdata.scss +++ b/src/styles/components/_partnerinvoicingdata.scss @@ -14,7 +14,7 @@ font-size: small; color: #F5BB04; font-style: italic; - } + } .koUpdateData { font-size: small; @@ -126,7 +126,7 @@ text-align: center; margin-bottom: 0.8rem; color: white; - cursor: pointer; + cursor: default; font-style: italic; background-color: gray; font-weight: normal; @@ -344,7 +344,7 @@ text-align: center; margin-bottom: 0.8rem; color: white; - cursor: pointer; + cursor: default; font-style: italic; background-color: gray; font-weight: normal; @@ -567,7 +567,7 @@ text-align: center; margin-bottom: 0.8rem; color: white; - cursor: pointer; + cursor: default; font-style: italic; background-color: gray; font-weight: normal; @@ -803,7 +803,7 @@ text-align: center; margin-bottom: 0.8rem; color: white; - cursor: pointer; + cursor: default; font-style: italic; background-color: gray; font-weight: normal;