11/04/23 - 18h

recette2
cherif 2023-04-11 18:06:30 +02:00
parent cfa080f945
commit df0be4dec4
2 changed files with 79 additions and 28 deletions

View File

@ -63,7 +63,6 @@ const TestUrl = (props) => {
const elements = useElements();
const [message, setMessage] = useState(null);
const [isLoading, setIsLoading] = useState(false);
const options = {
// passing the client secret obtained from the server
@ -224,6 +223,7 @@ const TestUrl = (props) => {
const [phoneNumber, setphoneNumber] = useState("")
const { classId } = useParams();
const [pokemon, setPokemon] = useState();
const location = useLocation();
useEffect(() => {
@ -850,11 +850,30 @@ Cette fonction recuperer les stats des TOP 5 formations sur la periode saisie pa
window.close();
}
function finaliser(){
function finaliser() {
window.open(
"/",
'_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 (
@ -873,8 +892,13 @@ Cette fonction recuperer les stats des TOP 5 formations sur la periode saisie pa
<h2> cartouche formaion </h2>
<button onClick={loading} id="finalise"> loading .....</button>
<div>
{isLoading && <div className="loader-container">
<div className="spinner"> loading in processsss</div>
</div>}
</div>
<h2>payement strip</h2>
@ -990,38 +1014,38 @@ Cette fonction recuperer les stats des TOP 5 formations sur la periode saisie pa
</div>
<div className="carte_visite">
<div className="main_div">
<div className="ch_div_gauche" style={{"borderRight":"5px solid gray", "borderRadius":"0px"}}>
<br />
<img classname="img" src="http://88.170.110.220/img/MYSY-LOGO-BLUE.png" alt="Mysy Training Logo"
style={{ "maxWidth": "30%", "marginTop":"2rem" }} />
<br />
<div className="main_div">
<div className="ch_div_gauche" style={{ "borderRight": "5px solid gray", "borderRadius": "0px" }}>
<br />
<img classname="img" src="http://88.170.110.220/img/MYSY-LOGO-BLUE.png" alt="Mysy Training Logo"
style={{ "maxWidth": "30%", "marginTop": "2rem" }} />
<br />
<div className="div_nom">
Cherif BALDE<br />
<div className="div_nom">
Cherif BALDE<br />
</div>
<div className="div_function">
Directeur
</div>
</div>
<div className="div_function">
Directeur
<div className="ch_div_centre">
<hr className="myhr" />
</div>
<div className="ch_div_droite div_coordonnees" style={{ "paddingRight": "3rem" }}>
<div> <ImMobile2 /> &nbsp;+337 69 20 39 45</div>
<div> <ImOffice /> &nbsp;+331 77 00 38 57</div>
<div> <BsMailbox /> &nbsp;cbalde@mysy-training.com</div>
<div> <ImHome /> &nbsp;https://www.mysy-training.com/</div>
<div> <ImWhatsapp /> &nbsp;+337 69 20 39 45</div>
</div>
</div>
<div className="ch_div_centre">
<hr className="myhr" />
</div>
<div className="ch_div_droite div_coordonnees" style={{"paddingRight":"3rem"}}>
<div> <ImMobile2 /> &nbsp;+337 69 20 39 45</div>
<div> <ImOffice /> &nbsp;+331 77 00 38 57</div>
<div> <BsMailbox /> &nbsp;cbalde@mysy-training.com</div>
<div> <ImHome /> &nbsp;https://www.mysy-training.com/</div>
<div> <ImWhatsapp /> &nbsp;+337 69 20 39 45</div>
</div>
</div>
</div>
{/*

View File

@ -2,6 +2,33 @@
.tox-statusbar__branding {
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) {