diff --git a/src/components/DisplayPartnerSession.js b/src/components/DisplayPartnerSession.js index db6fd94..920c9e4 100644 --- a/src/components/DisplayPartnerSession.js +++ b/src/components/DisplayPartnerSession.js @@ -47,6 +47,8 @@ import "react-datepicker/dist/react-datepicker.css"; import ToggleSwitch from "./ToggleSwitch"; import { format } from 'date-fns' import moment from "moment"; +import Select from 'react-select' +import tick_ko from "../mysy_img/tick_KO.png"; const DisplayPartnerSession = (props) => { const history = useHistory(); @@ -60,6 +62,49 @@ const DisplayPartnerSession = (props) => { const [one_urlpreview_certif, setone_urlpreview_certif] = useState(); const [one_field_contenu_ftion, setone_field_contenu_ftion] = useState(""); + const filters = [ + { value: 'code_session', label: 'Code Session' }, + { value: 'class_title', label: 'Titre Formation' }, + { value: 'certif', label: 'Certification' } + ] + + const [selectedfilt1, setselectedfilt1] = useState(""); + const [selectedfilt2, setselectedfilt2] = useState(""); + const [selectedfilt3, setselectedfilt3] = useState(""); + const [reftrainingtoupdate, setreftrainingtoupdate] = useState(); + const [externalcodetraining_toupdate, setexternalcodetraining_toupdate] = useState(); + const [updatetraining, setupdatetraining] = useState(false); + + function Clearselectedfilt1() { + setselectedfilt1(""); + } + + function selectedFilter1(event) { + setselectedfilt1(event.value); + } + + function selectedFilter2(event) { + setselectedfilt2(event.value); + } + + function selectedFilter3(event) { + setselectedfilt3(event.value); + } + + function CancelFiltre2(event) { + setselectedfilt2(""); + } + + function CancelFiltre3(event) { + setselectedfilt3(""); + } + + function closeTrainingForm() { + setupdatetraining(false); + } + + const [selectedtraining, setselectedtraining] = useState([]) + const columns = [ { field: 'id', headerName: 'id', hide: true }, { field: 'class_internal_url', headerName: 'class_internal_url', hide: true }, @@ -78,42 +123,42 @@ const DisplayPartnerSession = (props) => { { field: 'duration_unit', headerName: 'unité', width: 100, align: "center", flex: 1 }, - /* { - field: "management", headerName: 'Gestion', - renderCell: (cellValues) => { - return ( - - - - ); - } - }, - { - field: "Print", headerName: 'Editer', - renderCell: (cellValues) => { - return ( - - - - ); - } - },*/ + /* { + field: "management", headerName: 'Gestion', + renderCell: (cellValues) => { + return ( + + + + ); + } + }, + { + field: "Print", headerName: 'Editer', + renderCell: (cellValues) => { + return ( + + + + ); + } + },*/ @@ -152,7 +197,7 @@ const DisplayPartnerSession = (props) => { -
MySy Info
+
MySy Information
{' '} @@ -161,7 +206,7 @@ const DisplayPartnerSession = (props) => {
@@ -285,7 +330,7 @@ const DisplayPartnerSession = (props) => {
@@ -332,7 +377,7 @@ const DisplayPartnerSession = (props) => { */} + {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
    + +
    + +
    Prenom
    + +
    + +
    Email
    + +
    + +
    Téléphone
    + +
    + + +
    Adresse
    + +
    +
    Code postal
    + +
    +
    Ville
    + +
    + + +
    + Date Inscription + +
    + + +
    Cout
    + +
    + + + +
    Mode Financement
    + +
    + + +
    Employeur
    + +
    + {is_lms_class_code &&
    +
    +
    +
    +
    + Acces LMS + +
    +
    +
    login LMS
    + +
    + +
    Mot de passe LMS
    + +
    +
    + + + +
    +
    +
    } +
    +
    +
    + +
    + Evaluation + +
    + +
    +
    + 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 + +
    } + + {!detailuser_date_certification &&
    + Attestation NON délivrée encore + +
    } + +
    +
    +   +
    + + {sessionChanged &&
    + /!\ Pensez à enregistrer les modifications +
    } + + {!sessionChanged && String(CreateSessionFormation_api) === "true" && +
    + La session de formation à été bien mise à jour. +
    } + + {!sessionChanged && String(CreateSessionFormation_api) === "false" && +
    + {CreateSessionFormation_message} +
    } + + + {
    + +
    + + + {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} +
    } + + + } + } - - diff --git a/src/components/DisplayPartnerTrainingsPagination.js b/src/components/DisplayPartnerTrainingsPagination.js index 500b130..fb479c7 100644 --- a/src/components/DisplayPartnerTrainingsPagination.js +++ b/src/components/DisplayPartnerTrainingsPagination.js @@ -7,7 +7,7 @@ import Button from '@mui/material/Button'; import Select from 'react-select' import { getCookie } from 'react-use-cookie'; import { DataGrid, GridToolbar, frFR } from '@mui/x-data-grid'; -import Footer from "./Fotter"; +import Footer from "./Fotter"; import tick_ko from "../mysy_img/tick_KO.png"; import Popup from 'reactjs-popup'; import 'reactjs-popup/dist/index.css'; diff --git a/src/components/GestionAdministrative.js b/src/components/GestionAdministrative.js index 1fcfe30..2b30330 100644 --- a/src/components/GestionAdministrative.js +++ b/src/components/GestionAdministrative.js @@ -2893,6 +2893,7 @@ function GestionAdministrative(props) { form.append("token", stored_cookie); form.append("session_id", session_id); form.append("attendee_email", attendee_email); + form.append("internal_url", internal_url); var myurl = process.env.REACT_APP_API_URL + "myclass/api/GetAttendeeDetail_perSession/"; diff --git a/src/styles/components/_displaypartnersession.scss b/src/styles/components/_displaypartnersession.scss index 9614c5c..0d51cfd 100644 --- a/src/styles/components/_displaypartnersession.scss +++ b/src/styles/components/_displaypartnersession.scss @@ -147,7 +147,7 @@ height: 3.5rem !important; background: white; border: solid gainsboro 1px; - + } .training_caract { @@ -345,6 +345,81 @@ 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: "verdana", "Quicksand", "Signika", 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 black; + 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; + } + + .bton_image_class:hover { + box-shadow: 5px 1px 5px 1px rgb(0 0 0 / 25%); + } } @@ -672,6 +747,80 @@ 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: "verdana", "Quicksand", "Signika", 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 black; + 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; + } + + .bton_image_class:hover { + box-shadow: 5px 1px 5px 1px rgb(0 0 0 / 25%); + } } @@ -1001,6 +1150,80 @@ } + .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: "verdana", "Quicksand", "Signika", 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 black; + 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; + } + + .bton_image_class:hover { + box-shadow: 5px 1px 5px 1px rgb(0 0 0 / 25%); + } } @media only screen and (min-width: 1200px) { @@ -1308,7 +1531,7 @@ background-color: #FFFFFF; } - + .css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input:invalid { padding-top: 5px !important; @@ -1392,10 +1615,94 @@ 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: "verdana", "Quicksand", "Signika", 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 black; + 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; + } + + .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; + } + + } -// end media + // end media option { font-weight: normal; display: block; @@ -1425,6 +1732,7 @@ max-width: 30% !important; } + } .MuiMenu-paper { @@ -1456,6 +1764,6 @@ width: 110%; } -.css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input{ +.css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input { padding-left: 5px !important; } \ No newline at end of file diff --git a/src/styles/components/_displaypartnertrainingpagination.scss b/src/styles/components/_displaypartnertrainingpagination.scss index 9fd3b03..1bb58e7 100644 --- a/src/styles/components/_displaypartnertrainingpagination.scss +++ b/src/styles/components/_displaypartnertrainingpagination.scss @@ -774,7 +774,7 @@ } .tick_ok_ko { - max-width: 5%; + max-width: 4%; cursor: pointer; padding-top: 4px; }