11/04/23 - 18h
parent
cfa080f945
commit
df0be4dec4
|
@ -63,7 +63,6 @@ const TestUrl = (props) => {
|
||||||
const elements = useElements();
|
const elements = useElements();
|
||||||
|
|
||||||
const [message, setMessage] = useState(null);
|
const [message, setMessage] = useState(null);
|
||||||
const [isLoading, setIsLoading] = useState(false);
|
|
||||||
|
|
||||||
const options = {
|
const options = {
|
||||||
// passing the client secret obtained from the server
|
// passing the client secret obtained from the server
|
||||||
|
@ -224,6 +223,7 @@ const TestUrl = (props) => {
|
||||||
const [phoneNumber, setphoneNumber] = useState("")
|
const [phoneNumber, setphoneNumber] = useState("")
|
||||||
|
|
||||||
const { classId } = useParams();
|
const { classId } = useParams();
|
||||||
|
const [pokemon, setPokemon] = useState();
|
||||||
|
|
||||||
const location = useLocation();
|
const location = useLocation();
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
|
@ -850,11 +850,30 @@ Cette fonction recuperer les stats des TOP 5 formations sur la periode saisie pa
|
||||||
window.close();
|
window.close();
|
||||||
}
|
}
|
||||||
|
|
||||||
function finaliser(){
|
function finaliser() {
|
||||||
window.open(
|
window.open(
|
||||||
"/",
|
"/",
|
||||||
'_self'
|
'_self'
|
||||||
);
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
const [isLoading, setLoading] = useState();
|
||||||
|
|
||||||
|
|
||||||
|
function loading() {
|
||||||
|
|
||||||
|
setLoading(true);
|
||||||
|
setTimeout(() => { // simulate a delay
|
||||||
|
axios.get("https://pokeapi.co/api/v2/pokemon/1")
|
||||||
|
.then((response) => {
|
||||||
|
|
||||||
|
// Get pokemon data
|
||||||
|
setPokemon(response.data); //set pokemon state
|
||||||
|
setLoading(false); //set loading state
|
||||||
|
});
|
||||||
|
}, 5000);
|
||||||
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
return (
|
return (
|
||||||
|
@ -873,8 +892,13 @@ Cette fonction recuperer les stats des TOP 5 formations sur la periode saisie pa
|
||||||
<h2> cartouche formaion </h2>
|
<h2> cartouche formaion </h2>
|
||||||
|
|
||||||
|
|
||||||
|
<button onClick={loading} id="finalise"> loading .....</button>
|
||||||
<div>
|
<div>
|
||||||
|
|
||||||
|
{isLoading && <div className="loader-container">
|
||||||
|
<div className="spinner"> loading in processsss</div>
|
||||||
|
</div>}
|
||||||
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
<h2>payement strip</h2>
|
<h2>payement strip</h2>
|
||||||
|
@ -990,38 +1014,38 @@ Cette fonction recuperer les stats des TOP 5 formations sur la periode saisie pa
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div className="carte_visite">
|
<div className="carte_visite">
|
||||||
<div className="main_div">
|
<div className="main_div">
|
||||||
<div className="ch_div_gauche" style={{"borderRight":"5px solid gray", "borderRadius":"0px"}}>
|
<div className="ch_div_gauche" style={{ "borderRight": "5px solid gray", "borderRadius": "0px" }}>
|
||||||
<br />
|
<br />
|
||||||
<img classname="img" src="http://88.170.110.220/img/MYSY-LOGO-BLUE.png" alt="Mysy Training Logo"
|
<img classname="img" src="http://88.170.110.220/img/MYSY-LOGO-BLUE.png" alt="Mysy Training Logo"
|
||||||
style={{ "maxWidth": "30%", "marginTop":"2rem" }} />
|
style={{ "maxWidth": "30%", "marginTop": "2rem" }} />
|
||||||
<br />
|
<br />
|
||||||
|
|
||||||
<div className="div_nom">
|
<div className="div_nom">
|
||||||
Cherif BALDE<br />
|
Cherif BALDE<br />
|
||||||
|
</div>
|
||||||
|
<div className="div_function">
|
||||||
|
Directeur
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div className="div_function">
|
<div className="ch_div_centre">
|
||||||
Directeur
|
<hr className="myhr" />
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="ch_div_droite div_coordonnees" style={{ "paddingRight": "3rem" }}>
|
||||||
|
<div> <ImMobile2 /> +337 69 20 39 45</div>
|
||||||
|
<div> <ImOffice /> +331 77 00 38 57</div>
|
||||||
|
<div> <BsMailbox /> cbalde@mysy-training.com</div>
|
||||||
|
<div> <ImHome /> https://www.mysy-training.com/</div>
|
||||||
|
<div> <ImWhatsapp /> +337 69 20 39 45</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div className="ch_div_centre">
|
|
||||||
<hr className="myhr" />
|
|
||||||
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div className="ch_div_droite div_coordonnees" style={{"paddingRight":"3rem"}}>
|
|
||||||
<div> <ImMobile2 /> +337 69 20 39 45</div>
|
|
||||||
<div> <ImOffice /> +331 77 00 38 57</div>
|
|
||||||
<div> <BsMailbox /> cbalde@mysy-training.com</div>
|
|
||||||
<div> <ImHome /> https://www.mysy-training.com/</div>
|
|
||||||
<div> <ImWhatsapp /> +337 69 20 39 45</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
{/*
|
{/*
|
||||||
|
|
|
@ -2,6 +2,33 @@
|
||||||
.tox-statusbar__branding {
|
.tox-statusbar__branding {
|
||||||
display: none !important;
|
display: none !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.loader-container {
|
||||||
|
width: 100%;
|
||||||
|
height: 100vh;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
position: fixed;
|
||||||
|
background: rgba(0, 0, 0, 0.834);
|
||||||
|
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;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
@media only screen and (min-width: 1200px) {
|
@media only screen and (min-width: 1200px) {
|
||||||
|
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue