24/04/23 - 21h
parent
ee3ab89b1e
commit
3758437c96
|
@ -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 (
|
||||
<div className="hebergementlms">
|
||||
|
@ -175,7 +206,7 @@ function HebergementLms(props) {
|
|||
|
||||
{String(RecordData_api) === "false" && <div className="koUpdateData"> {RecordData_message}</div>}
|
||||
|
||||
<div className="session_caract">Choisir un modèle d'attestation : <br />
|
||||
<div className="session_caract">Choisir un exemple de thème : <br />
|
||||
|
||||
<select id="lms_theme_liste" name="lms_theme_liste" value={selected_lms_theme} onChange={handleChangeselected_lms_theme} className="selectsession">
|
||||
<option value="">Choisir un modèle </option>
|
||||
|
@ -191,9 +222,7 @@ function HebergementLms(props) {
|
|||
</div>
|
||||
|
||||
<div className="session_caract">Le modèle d'attestation :
|
||||
|
||||
<img className="preview_certif" src={urlpreview_lms_theme} />
|
||||
|
||||
</div>
|
||||
|
||||
<div className="div_row">
|
||||
|
@ -221,6 +250,60 @@ function HebergementLms(props) {
|
|||
|
||||
</div>
|
||||
|
||||
<div className="div_row"> Import du background <br />
|
||||
<div className="div_row" style={{ "border": "None" }}>
|
||||
|
||||
</div>
|
||||
<Button variant="outlined" onClick={changeHandler2} className="detail_class_submenu" style={{
|
||||
"background": "#c8cfd5",
|
||||
"minWidth": "15rem", "color": "black", "width": "auto"
|
||||
}}
|
||||
id='menu_import_formation' name='menu_import_formation'>Choisir une image <br />
|
||||
<i> (Le logo doit être de taille 250 x 70 px et au format PNG) </i>
|
||||
</Button><br />
|
||||
{formation_file_name && <nav className="okUpdateData"><i>{formation_file_name}</i></nav>}
|
||||
<input type="file"
|
||||
accept=".png"
|
||||
ref={hiddenFileInput_formation}
|
||||
style={{ display: 'none' }}
|
||||
name="liste_formation_file"
|
||||
onChange={handleSubmission}
|
||||
/>
|
||||
|
||||
{img_logo_file && <nav> Fichier à importer : {img_logo_file.name} <br />
|
||||
<img src={img_logo_file} alt={""}/>
|
||||
|
||||
<br />
|
||||
</nav>}
|
||||
|
||||
<br />
|
||||
|
||||
<div className="div_row">
|
||||
<div className="div_row" style={{ "border": "None" }}>
|
||||
|
||||
</div>
|
||||
{<div className="div_row" style={{ "border": "None", "color": "orange", "textAlign": "center" }}>
|
||||
|
||||
<div className="div_row_gauche " style={{ "textAlign": 'left', 'marginLeft': '15px' }}>
|
||||
<Button variant="contained" className="btn_modif" onClick={"One_annuleSessionUpdate"}>Annuler le logo
|
||||
</Button>
|
||||
</div>
|
||||
|
||||
<div className="div_row_droite" style={{ "textAlign": 'right', 'marginRight': '15px' }}>
|
||||
<Button variant="contained" className="btn_enreg" onClick={"RecordData"}>Enregistrer le logo
|
||||
</Button>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</div>}
|
||||
<div className="div_row" style={{ "border": "None" }}>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>);
|
||||
|
||||
}
|
||||
|
|
|
@ -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 (
|
||||
|
||||
<div className="partner">
|
||||
|
@ -641,20 +651,33 @@ const Partner = (props) => {
|
|||
{String(menu) === "statistique" && <div className="sousmenu_selected" onClick={DisplayStat}> <FcBullish className="icone_menu" /> STATISTIQUES</div>}
|
||||
<hr className="my_hr" />
|
||||
|
||||
{String(has_partner_lms_url) === "1" && <div className="sousmenu_hebergement_lms" onClick={(e) => {
|
||||
e.preventDefault();
|
||||
window.open(
|
||||
partner_lms_url,
|
||||
'_blank'
|
||||
);
|
||||
|
||||
|
||||
}}> <FcVideoCall className="icone_menu" /> MON HEBERGEMENT </div>}
|
||||
{String(has_partner_lms_url) === "1" && <div>
|
||||
<hr className="my_hr" />
|
||||
{String(menu) !== "statistique" && <div className="sousmenu" onClick={DisplaySetUpLMS}> <FcSettings className="icone_menu" /> SetUp LMS</div>}
|
||||
{String(menu) === "statistique" && <div className="sousmenu_selected" onClick={DisplaySetUpLMS}> <FcSettings className="icone_menu" /> SetUp LMS</div>}
|
||||
<hr />
|
||||
{String(deplie_hebergement) === "1" && <div className="sousmenu" onClick={ftion_deplie_hebergement}>
|
||||
Espace Hébergement (++)
|
||||
</div>}
|
||||
|
||||
<hr className="my_hr" />
|
||||
|
||||
{String(deplie_hebergement) !== "1" && <div className="sousmenu" style={{"color":"white"}} onClick={ftion_deplie_hebergement}>
|
||||
Espace Hébergement (--)
|
||||
<hr className="my_hr" />
|
||||
|
||||
{String(has_partner_lms_url) === "1" && <div className="sousmenu" onClick={(e) => {
|
||||
e.preventDefault();
|
||||
window.open(
|
||||
partner_lms_url,
|
||||
'_blank'
|
||||
);
|
||||
}}> <FcVideoCall className="icone_menu" />MON HEBERGEMENT </div>}
|
||||
|
||||
{String(has_partner_lms_url) === "1" && <div>
|
||||
<hr className="my_hr" />
|
||||
{String(menu) !== "statistique" && <div className="sousmenu" onClick={DisplaySetUpLMS}> <FcSettings className="icone_menu" />CONFIGURATION</div>}
|
||||
{String(menu) === "statistique" && <div className="sousmenu_hebergement_lms" onClick={DisplaySetUpLMS}> <FcSettings className="icone_menu" />Configuration</div>}
|
||||
</div>}
|
||||
</div>}
|
||||
|
||||
|
||||
<hr className="my_hr" />
|
||||
</div>
|
||||
|
||||
|
|
Loading…
Reference in New Issue