diff --git a/src/components/HebergementLms.js b/src/components/HebergementLms.js index bc03788..a6f720f 100644 --- a/src/components/HebergementLms.js +++ b/src/components/HebergementLms.js @@ -30,7 +30,7 @@ import { Elements } from '@stripe/react-stripe-js'; import { loadStripe } from '@stripe/stripe-js'; import { PaymentElement } from '@stripe/react-stripe-js'; import Popup from 'reactjs-popup'; - +import SendIcon from '@mui/icons-material/Send'; const stripePromise = loadStripe('pk_test_51LUUfAAbmaEugrFTI25uZBD3IFjbtaL6jUfRV83diDf7nco8worna4NGKhMHbPP71WCwT5EHFRdDNatxPrJWwgZ300kgH5EO4p'); //const stripePromise_PROD = loadStripe('pk_live_51LUUfAAbmaEugrFTyfNe4Dj0vbxc5qXQqNs0rztjAKy8oSlc5EEQyJGjA8Z5kXmP2gvUMcYLUBYCIyWWzLCw59RY00PtGInkVf'); @@ -155,6 +155,37 @@ function HebergementLms(props) { }, []) const [isLoading, setLoading] = useState(); + const [formation_file_name, setformation_file_name] = useState(); + const hiddenFileInput_formation = React.useRef(null); + const [handleSubmission_api, sethandleSubmission_api] = useState(); + const [handleSubmission_result, sethandleSubmission_result] = useState(); + const [handleSubmission_message, sethandleSubmission_message] = useState(); + + + const [img_logo_file, setimg_logo_file] = useState(); + + const handleSubmission = event => { + + const fileUploaded = event.target.files[0]; + let file_size = event.target.files[0].size; + let file_type = event.target.files[0].type; + + //console.log("file_size = ",file_size," file_type = ",file_type); + if (file_size > 1000000) { + alert("Le fichier ne doit pas depasser un 1 Méga octets"); + return; + } + + setformation_file_name(event.target.files[0].name); + setimg_logo_file(URL.createObjectURL(event.target.files[0])); + + }; + + + const changeHandler2 = (event) => { + hiddenFileInput_formation.current.click(); + }; + return (
@@ -175,7 +206,7 @@ function HebergementLms(props) { {String(RecordData_api) === "false" &&
{RecordData_message}
} -
Choisir un modèle d'attestation :
+
Choisir un exemple de thème :
+ + {img_logo_file && } + +
+ +
+
+   +
+ {
+ +
+ +
+ +
+ + + +
+ +
} +
+   +
+ +
+
+
); } diff --git a/src/components/Partner.js b/src/components/Partner.js index da2f88a..a539dc3 100644 --- a/src/components/Partner.js +++ b/src/components/Partner.js @@ -577,6 +577,16 @@ const Partner = (props) => { }) } + const [deplie_hebergement, setdeplie_hebergement] = useState(); + function ftion_deplie_hebergement() { + if (String(deplie_hebergement) === "1") { + setdeplie_hebergement(); + } else { + setdeplie_hebergement("1"); + } + + } + return (
@@ -641,20 +651,33 @@ const Partner = (props) => { {String(menu) === "statistique" &&
STATISTIQUES
}
- {String(has_partner_lms_url) === "1" &&
{ - e.preventDefault(); - window.open( - partner_lms_url, - '_blank' - ); - - - }}> MON HEBERGEMENT
} - {String(has_partner_lms_url) === "1" &&
-
- {String(menu) !== "statistique" &&
SetUp LMS
} - {String(menu) === "statistique" &&
SetUp LMS
} +
+ {String(deplie_hebergement) === "1" &&
+ Espace Hébergement (++)
} + +
+ + {String(deplie_hebergement) !== "1" &&
+ Espace Hébergement (--) +
+ + {String(has_partner_lms_url) === "1" &&
{ + e.preventDefault(); + window.open( + partner_lms_url, + '_blank' + ); + }}>  MON HEBERGEMENT
} + + {String(has_partner_lms_url) === "1" &&
+
+ {String(menu) !== "statistique" &&
  CONFIGURATION
} + {String(menu) === "statistique" &&
   Configuration
} +
} +
} + +