diff --git a/src/components/DisplayPartnerStagiaires.js b/src/components/DisplayPartnerStagiaires.js index d9dd4fa..01b405b 100644 --- a/src/components/DisplayPartnerStagiaires.js +++ b/src/components/DisplayPartnerStagiaires.js @@ -265,7 +265,7 @@ const DisplayPartnerStagiaires = (props) => { } - const [display_detail_stagaire, setdisplay_detail_stagaire] = useState(""); + const [display_detail_stagiaire, setdisplay_detail_stagiaire] = useState(""); function handleClick_edit_session_From_Line(selected_row_id) { @@ -278,12 +278,21 @@ const DisplayPartnerStagiaires = (props) => { var internal_url = line.class_internal_url; setselected_internal_url(line.class_internal_url); + var participant_email = line.email; + setselected_participant_email(line.email); + setselected_class_title(line.title); submenu_detail_stagaire(); - setdisplay_detail_stagaire("1"); + setdisplay_detail_stagiaire("1"); + + if (myRef.current) { + myRef.current.scrollIntoView({ behavior: "smooth" }); + } + + GetAttendee_Data(participant_email, code_session, internal_url); /* GetCurrentSession(line.code_session, line.class_internal_url); @@ -328,6 +337,7 @@ const DisplayPartnerStagiaires = (props) => { const [selected_code_session, setselected_code_session] = useState(); const [selected_internal_url, setselected_internal_url] = useState(); const [selected_class_title, setselected_class_title] = useState(); + const [selected_participant_email, setselected_participant_email] = useState(); const [one_selected_internal_url, setone_selected_internal_url] = useState(); @@ -643,7 +653,7 @@ const DisplayPartnerStagiaires = (props) => { } - + const [userimgclassprofil, setuserimgclassprofil] = useState(); const [userimgclassprofilchanged, setuserimgclassprofilchanged] = useState(""); @@ -741,7 +751,7 @@ const DisplayPartnerStagiaires = (props) => { const [isimgclassSaved, setisimgclassSaved] = useState(""); const [isimgclassSaved_message, setisimgclassSaved_message] = useState(""); - + function desableAttendeeDetailFields() { document.getElementsByName("date_evaluation")[0].disabled = true; document.getElementsByName("date_evaluation")[0].style.backgroundColor = "#ECEFF1"; @@ -761,7 +771,7 @@ const DisplayPartnerStagiaires = (props) => { const [detailuser_date_certification, setdetailuser_date_certification] = useState(); const [SessionstartDateInscription, setSessionstartDateInscription] = useState(); - + const [attendee_lms_pwd, setattendee_lms_pwd] = useState(); const [attendee_lms_login, setattendee_lms_login] = useState(); @@ -863,7 +873,7 @@ const DisplayPartnerStagiaires = (props) => { }) } - + const [record_Stagiaire_Image_api, setrecord_Stagiaire_Image_api] = useState(); const [record_Stagiaire_Image_message, setrecord_Stagiaire_Image_message] = useState(); const [record_Stagiaire_Image_result, setrecord_Stagiaire_Image_result] = useState(); @@ -1166,11 +1176,26 @@ const DisplayPartnerStagiaires = (props) => { ]; + + const [p_detail_nom, setp_detail_nom] = useState(); + const [p_detail_prenom, setp_detail_prenom] = useState(); + const [p_detail_mail, setp_detail_mail] = useState(); + const [p_detail_tel, setp_detail_tel] = useState(); + const [p_detail_adresse, setp_detail_adresse] = useState(); + const [p_detail_code_postal, setp_detail_code_postal] = useState(); + const [p_detail_ville, setp_detail_ville] = useState(); + const [p_detail_cout, setp_detail_cout] = useState(); + const [p_detail_mode_fin, setp_detail_mode_fin] = useState(); + const [p_detail_employeur, setp_detail_employeur] = useState(); + const [p_date_evaluation, setp_date_evaluation] = useState(); + const [p_note_eval, setp_note_eval] = useState(); + + // Cette fonction remplit la zone detail de la personne inscrite const [GetAttendee_api, setGetAttendee_api] = useState(); const [GetAttendee_message, setGetAttendee_message] = useState(); const [GetAttendee_result, setGetAttendee_result] = useState(); - function GetAttendee_Data(attendee_email, session_id) { + function GetAttendee_Data(attendee_email, session_id, internal_url) { clean_old_messages(); var form = new FormData(); @@ -1178,7 +1203,7 @@ const DisplayPartnerStagiaires = (props) => { form.append("token", stored_cookie); form.append("session_id", session_id); form.append("attendee_email", attendee_email); - form.append("internal_url", selected_internal_url); + form.append("internal_url", internal_url); var myurl = process.env.REACT_APP_API_URL + "myclass/api/GetAttendeeDetail_perSession/"; @@ -1201,55 +1226,55 @@ const DisplayPartnerStagiaires = (props) => { document.getElementsByName("detail_nom")[0].value = ""; if (mylocalattendee.nom) - document.getElementsByName("detail_nom")[0].value = mylocalattendee.nom; + setp_detail_nom(mylocalattendee.nom); document.getElementsByName("detail_prenom")[0].value = ""; if (mylocalattendee.prenom) - document.getElementsByName("detail_prenom")[0].value = mylocalattendee.prenom; + setp_detail_prenom(mylocalattendee.prenom); document.getElementsByName("detail_mail")[0].value = ""; if (mylocalattendee.email) { - document.getElementsByName("detail_mail")[0].value = mylocalattendee.email; + setp_detail_mail(mylocalattendee.email); setattendee_lms_login(mylocalattendee.email); } document.getElementsByName("detail_tel")[0].value = ""; if (mylocalattendee.telephone) { - document.getElementsByName("detail_tel")[0].value = mylocalattendee.telephone; + setp_detail_tel(mylocalattendee.telephone); } document.getElementsByName("detail_adresse")[0].value = ""; if (mylocalattendee.adresse) { - document.getElementsByName("detail_adresse")[0].value = mylocalattendee.adresse; + setp_detail_adresse(mylocalattendee.adresse); } document.getElementsByName("detail_code_postal")[0].value = ""; if (mylocalattendee.code_postal) { - document.getElementsByName("detail_code_postal")[0].value = mylocalattendee.code_postal; + setp_detail_code_postal(mylocalattendee.code_postal); } document.getElementsByName("detail_ville")[0].value = ""; if (mylocalattendee.ville) { - document.getElementsByName("detail_ville")[0].value = mylocalattendee.ville; + setp_detail_ville(mylocalattendee.ville); } document.getElementsByName("detail_cout")[0].value = ""; if (mylocalattendee.price) { - document.getElementsByName("detail_cout")[0].value = mylocalattendee.price; + setp_detail_cout(mylocalattendee.price); } document.getElementsByName("detail_mode_fin")[0].value = ""; if (mylocalattendee.modefinancement) { - document.getElementsByName("detail_mode_fin")[0].value = mylocalattendee.modefinancement; + setp_detail_mode_fin(mylocalattendee.modefinancement); } document.getElementsByName("detail_employeur")[0].value = ""; if (mylocalattendee.employeur) { - document.getElementsByName("detail_employeur")[0].value = mylocalattendee.employeur; + setp_detail_employeur(mylocalattendee.employeur); } document.getElementsByName("date_evaluation")[0].value = ""; @@ -1259,7 +1284,7 @@ const DisplayPartnerStagiaires = (props) => { setdetailuser_date_evaluation(date_eval); } - document.getElementsByName("date_evaluation")[0].value = ""; + document.getElementsByName("certif_date")[0].value = ""; if (mylocalattendee.certification_send_date) { //alert(" certification_send_date = ", mylocalattendee.certification_send_date); @@ -1271,7 +1296,7 @@ const DisplayPartnerStagiaires = (props) => { document.getElementsByName("note_eval")[0].value = ""; if (mylocalattendee.eval_note) { - document.getElementsByName("note_eval")[0].value = mylocalattendee.eval_note; + setp_note_eval(mylocalattendee.eval_note); } @@ -1314,6 +1339,8 @@ const DisplayPartnerStagiaires = (props) => { } let [sessionChanged, setsessionChanged] = useState(false); + let [participant_data_changed, setparticipant_data_changed] = useState(); + let [participant_data_edit_mode, setparticipant_data_edit_mode] = useState(); function IssessionChanged() { setsessionChanged(true); @@ -1322,7 +1349,7 @@ const DisplayPartnerStagiaires = (props) => { const [is_lms_class_code, setis_lms_class_code] = useState(); - + const [display_detail_insc, setdisplay_detail_insc] = React.useState(); const [selectedattendeeemail, setselectedattendeeemail] = useState([]) @@ -1770,14 +1797,14 @@ const DisplayPartnerStagiaires = (props) => {
@@ -1804,658 +1831,671 @@ const DisplayPartnerStagiaires = (props) => {
- {String(display_detail_stagaire) === "1" &&
- Affichier detail stagire + + + {String(addOneParticipant) === "1" &&
+
Ajout d'un nouveau participant
+ +
Nom *
+ +
+ + +
Prenom *
+ +
+ +
Email *
+ +
+ +
téléphone *
+ +
+ +
Status Inscription *
+ + {status_inscription.map((option) => ( + + {option.label}  
+
+ ))} +
+
+ + +
+   +
+ {
-
+
+ +
- - - - -
- {session_file_name && } - {String(liste_sessions_file_change_api) === String("true") && } - {String(liste_sessions_file_change_api) === String("false") && } - - - - Télécharger un fichier modèle
+ +
} +
+  
- {String(addOneParticipant) === "1" &&
-
Ajout d'un nouveau participant
- -
Nom *
- -
+
+ } -
Prenom *
- + + {String(GetAttendee_api) === "true" &&
- InputLabelProps={{ - shrink: true, - }} - disabled={false} - className="disabled_style enable_style" - - /> -
- -
Email *
- -
- -
téléphone *
- -
- -
Status Inscription *
- - {status_inscription.map((option) => ( - - {option.label}  
-
- ))} -
-
+ {String(Resend_LMS_Credentials_api) === "true" &&
+ Les identifiants de connexion ont été correctement envoyés
} + {String(Resend_LMS_Credentials_api) === "false" &&
+ {Resend_LMS_Credentials_message}
}
-   -
- {
- -
- -
- -
- - -
- -
} -
-   -
- -
- } -
} - - {String(display_detail_insc) === "1" && selected_code_session &&
- - {String(GetAttendee_api) === "true" &&
- - {String(Resend_LMS_Credentials_api) === "true" &&
- Les identifiants de connexion ont été correctement envoyés
} - - - {String(Resend_LMS_Credentials_api) === "false" &&
- {Resend_LMS_Credentials_message}
}
+
-
-
- -
-
-
- -
-
-
- {} - - {/*isimgclassSelected && */} - {isimgclassdeleted && String(isimgclassdeleted) === "1" && } - {isimgclassdeleted && String(isimgclassdeleted) === "0" && } - {isimgclassSelected && String(isimgclassSaved) === "0" && } -
+
+
+
-
-
  • - L'image doit etre carrée. -
  • -
  • - Les formats autorisés sont : ['jpg', 'jpeg', 'png', 'jpe', 'webp'] -
  • -
  • - Les dimensions recommandées: 128pixels X 128pixels -- 144pixels X 144pixels -- 168pixels X 168pixels
    - Les dimensions maximales sont de 256pixels X 256pixels -
  • -
  • - La taille de l'image ne doit pas depasser 1 mega octet -
  • +
    +
    + {} + + {/*isimgclassSelected && */} + {isimgclassdeleted && String(isimgclassdeleted) === "1" && } + {isimgclassdeleted && String(isimgclassdeleted) === "0" && } + {isimgclassSelected && String(isimgclassSaved) === "0" && }
    +
    +
  • + L'image doit etre carrée. +
  • +
  • + Les formats autorisés sont : ['jpg', 'jpeg', 'png', 'jpe', 'webp'] +
  • +
  • + Les dimensions recommandées: 128pixels X 128pixels -- 144pixels X 144pixels -- 168pixels X 168pixels
    + Les dimensions maximales sont de 256pixels X 256pixels +
  • +
  • + La taille de l'image ne doit pas depasser 1 mega octet +
  • +
    + +
    +
    + +
    + +
    Nom
    + setp_detail_nom(e.target.value)} + + />
    -
    +
    Prenom
    + Nom
    - setp_detail_prenom(e.target.value)} + /> +
    - InputLabelProps={{ - shrink: true, - }} - disabled={false} - className="disabled_style" +
    Email
    + setp_detail_mail(e.target.value)} + /> +
    + +
    Téléphone
    + setp_detail_tel(e.target.value)} + /> +
    + + +
    Adresse
    + setp_detail_adresse(e.target.value)} + /> +
    +
    Code postal
    + setp_detail_code_postal(e.target.value)} + /> +
    +
    Ville
    + setp_detail_ville(e.target.value)} + /> +
    + + +
    + Date Inscription + +
    + + +
    Cout
    + setp_detail_cout(e.target.value)} + /> +
    + + + +
    Mode Financement
    + setp_detail_mode_fin(e.target.value)} + /> +
    + + +
    Employeur
    + setp_detail_employeur(e.target.value)} + /> +
    + {is_lms_class_code &&
    +
    +
    +
    +
    + Acces LMS + +
    +
    +
    login LMS
    + setattendee_lms_login(e.target.value)} + /> +
    + +
    Mot de passe LMS
    + +
    +
    + + + +
    +
    +
    } + {String(participant_data_changed) === "1" &&
    + /!\ Pensez à enregistrer les modifications +
    } + + {String(participant_data_changed) === "1" &&
    + +
    + + - />
    -
    Prenom
    - + +
    +
    } - InputLabelProps={{ - shrink: true, - }} - disabled={false} - className="disabled_style" - /> + + {String(participant_data_edit_mode) !== "1" &&
    + +
    +  
    -
    Email
    - - InputLabelProps={{ - shrink: true, - }} - disabled={false} - className="disabled_style" - - /> +
    -
    Téléphone
    - -
    +
    } -
    Adresse
    - +
    +
    - InputLabelProps={{ - shrink: true, - }} - disabled={false} - className="disabled_style" - - /> -
    -
    Code postal
    - -
    -
    Ville
    - -
    +
    + Evaluation +
    +
    - Date Inscription + Date Evaluation +
    + +
    Note Evaluation
    + +
    + +
    Evaluation
    + editorRef_evaluation.current = editor} + initialValue={field_evaluation} + onKeyUp={editor_keyup} + disabled={true} + + 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:Helvetica,Arial,sans-serif; font-size:14px; }' + }} + /> + + + +
    + + +
    + + +
    +   +
    + + {
    + +
    + + {String(SendEvaluationEmail_api) === "false" &&
    + {SendEvaluationEmail_message}
    } + + + {String(SendEvaluationEmail_api) === "true" &&
    + La demande d'evaluation ete envoyée par email
    } + + + + +
    + +
    + + + +
    + +
    } +
    +
    +
    + +
    + Attestation + +
    +
    + {detailuser_date_certification &&
    + Attestation delivrée le + -
    - - -
    Cout
    - -
    - - - -
    Mode Financement
    - -
    - - -
    Employeur
    - -
    - {is_lms_class_code &&
    -
    -
    -
    -
    - Acces LMS - -
    -
    -
    login LMS
    - -
    - -
    Mot de passe LMS
    - -
    -
    - - - -
    -
    } -
    -
    -
    -
    - Evaluation + {!detailuser_date_certification &&
    + Attestation NON délivrée encore +
    } -
    -
    + +
    +
    +   +
    + + + + {
    + +
    + + + {String(SendAttendeeAttestation_api) === "true" && +
    + L'attestation a été bien envoyée par email +
    } + + {String(SendAttendeeAttestation_api) === "false" && +
    + {SendAttendeeAttestation_message} +
    } + + + {!detailuser_date_certification && }
    -
    - Attestation +
    + + + + +
    -
    - {detailuser_date_certification &&
    - Attestation delivrée le - -
    } - - {!detailuser_date_certification &&
    - Attestation NON délivrée encore - -
    } - -
    -
    -   -
    - - - - {
    - -
    - - - {String(SendAttendeeAttestation_api) === "true" && -
    - L'attestation a été bien envoyée par email -
    } - - {String(SendAttendeeAttestation_api) === "false" && -
    - {SendAttendeeAttestation_message} -
    } - - - {!detailuser_date_certification && } -
    - -
    - - - - - - -
    - -
    } -
    -   -
    - +
    } +
    +  
    -
    } - - {String(GetAttendee_api) === "false" &&
    - {GetAttendee_message} -
    } +
    } + {String(GetAttendee_api) === "false" &&
    + {GetAttendee_message} +
    } + + +
    } +
    -
    +
    ); } diff --git a/src/components/GestionAdministrative.js b/src/components/GestionAdministrative.js index fea252e..cf3ee6c 100644 --- a/src/components/GestionAdministrative.js +++ b/src/components/GestionAdministrative.js @@ -3097,7 +3097,7 @@ function GestionAdministrative(props) { setdetailuser_date_evaluation(date_eval); } - document.getElementsByName("date_evaluation")[0].value = ""; + document.getElementsByName("certif_date")[0].value = ""; if (mylocalattendee.certification_send_date) { //alert(" certification_send_date = ", mylocalattendee.certification_send_date); diff --git a/src/styles/components/_displaypartnersession.scss b/src/styles/components/_displaypartnersession.scss index 8ac8912..0f6f135 100644 --- a/src/styles/components/_displaypartnersession.scss +++ b/src/styles/components/_displaypartnersession.scss @@ -222,25 +222,6 @@ padding: 5px; } - .bton_envoyer { - border-radius: 5px; - font-size: small; - padding: 0.3rem; - width: 100%; - background: #81BC3A; - - } - - - .bton_fermer { - border-radius: 5px; - font-size: small; - padding: 0.3rem; - width: 100%; - background-color: white; - color: #104277 !important; - } - .css-1x5jdmq { padding: 6px !important; } @@ -286,17 +267,6 @@ } - .bton_envoyer { - border-radius: 5px; - font-size: small; - padding: 0.3rem; - width: 100%; - background: #81BC3A; - margin-top: 1rem; - - } - - .bton_suppr { background: transparent; color: red; @@ -793,23 +763,6 @@ padding: 5px; } - .bton_envoyer { - border-radius: 5px; - font-size: small; - padding: 0.3rem; - width: 80%; - background: #81BC3A; - } - - - .bton_fermer { - border-radius: 5px; - font-size: small; - padding: 0.3rem; - width: 80%; - background-color: white; - color: #104277 !important; - } .css-1x5jdmq { padding: 6px !important; @@ -1395,25 +1348,6 @@ padding: 5px; } - .bton_envoyer { - border-radius: 5px; - font-size: small; - padding: 0.3rem; - width: 60%; - background: #81BC3A; - - } - - - .bton_fermer { - border-radius: 5px; - font-size: small; - padding: 0.3rem; - width: 60%; - background-color: white; - color: #104277 !important; - } - .css-1x5jdmq { padding: 6px !important; } diff --git a/src/styles/components/_displaypartnerstagiaire.scss b/src/styles/components/_displaypartnerstagiaire.scss index 18f7ae4..74f6941 100644 --- a/src/styles/components/_displaypartnerstagiaire.scss +++ b/src/styles/components/_displaypartnerstagiaire.scss @@ -222,24 +222,7 @@ padding: 5px; } - .bton_envoyer { - border-radius: 5px; - font-size: small; - padding: 0.3rem; - width: 100%; - background: #81BC3A; - - } - - - .bton_fermer { - border-radius: 5px; - font-size: small; - padding: 0.3rem; - width: 100%; - background-color: white; - color: #104277 !important; - } + .css-1x5jdmq { padding: 6px !important; @@ -286,17 +269,6 @@ } - .bton_envoyer { - border-radius: 5px; - font-size: small; - padding: 0.3rem; - width: 100%; - background: #81BC3A; - margin-top: 1rem; - - } - - .bton_suppr { background: transparent; color: red;