Skip to content
Snippets Groups Projects
Select Git revision
  • 83f1ad6481c24a42acd02e4519339c9670ce5099
  • main default protected
2 results

protecZoneScripte.cs.meta

Blame
    • login.php 3.82 KiB 
    <!DOCTYPE html>
<html>
    
<head>
	<meta charset="UTF-8">
	<title>Connexion</title>

    <!-- Embed -->
	<meta content="Connexion" property="og:title" />
	<meta content="Retrouvez des milliers de recettes toutes plus délicieuses les unes des autres. Rejoignez la communauté des Marmiutons et  partagez vos recettes de grand-mère!" property="og:description" />
	<meta content="https://marmiuton.sl-projects.com/" property="og:url" />
	<meta content="https://marmiuton.sl-projects.com/data/images/logo/favicon.png" property="og:image" />
	<meta content="#ed8930" data-react-helmet="true" name="theme-color" />

    <!-- Dépendances -->
    <?=getDepedencies()?>
    <link rel="stylesheet" href="pages/assets/css/connexion.css">

	<!-- Recaptcha -->
    <script src="https://www.google.com/recaptcha/api.js?onload=onloadCallback&render=explicit" async defer></script>
</head>
<body>
	<div class="container h-100">
		<div class="d-flex justify-content-center h-100">
			<div class="user_card">
				<div class="d-flex justify-content-center">
					<div class="brand_logo_container">
						<img src="https://marmiuton.sl-projects.com/data/images/logo/favicon.png" class="brand_logo" alt="Logo">
					</div>
				</div>
				<div class="d-flex justify-content-center form_container">

                    <!-- Formulaire de connexion -->
                    <form method="post" class="mt-3 needs-validation" novalidate id="loginForm">
						<div class="form-group">
							<label>Nom d'utilisateur/Email</label>
							<input type="text" class="form-control" name="loginUsernameEmail" placeholder="gordon.freeman@blackmesa.us" required>
							<div class="invalid-feedback">
								Il paraît qu'avec un identifiant ça serait pas mal :p
							</div>
							<div class="valid-feedback">
								Nickel 👌
							</div>
						</div>
						<div class="form-group">
							<label>Mot de passe</label>
							<input type="password" class="form-control" name="loginPassword" placeholder="tut@p3str0v1te!" required>
							<div class="invalid-feedback">
								T'as un compte sans mot de passe toi? 🤔
							</div>
							<div class="valid-feedback">
								Nickel 👌
							</div>
						</div>

						<div class="g-recaptcha" data-sitekey="6Ld3jukdAAAAAFLO9t2Uyc3c9bru4kTcwffcG3mE"></div>
      					<br/>
						<button type="button" name="submit" id="loginBtn" class="btn btn-orange">Se connecter</button>
						<a href="/register" class="text-orange">Pas encore inscrit? 😢</a>
					</form>
				</div>
			</div>
		</div>
	</div>

    <script type="text/javascript">
		(function() {
		  'use strict';
		  window.addEventListener('load', function() {
		    // Fetch all the forms we want to apply custom Bootstrap validation styles to
    		    var forms = document.getElementsByClassName('needs-validation');
		    // Loop over them and prevent submission
			var validation = Array.prototype.filter.call(forms, function(form) {
				document.getElementById("loginBtn").addEventListener("click", function() {
					if(form.checkValidity() === false){

					}else{
						sendFormData();
					}
					form.classList.add('was-validated');
				});
		    });
		  }, false);
		})();

		function sendFormData(){
			$.post( "/backTasks/?handleLoginAndRegisterForm", $( "#loginForm" ).serialize() )
            .done(function( data ) {
				console.log(data);
				if(isJson(data)){
					let json = JSON.parse(data);
					if(json.success){
						SnackBar({
							message: json.success,
							status: "success"
						});
					}else{
						SnackBar({
							message: json.error,
							status: "danger",
							timeout: false
						});
					}
				}else{
					SnackBar({
						message: data,
						status: "danger",
						timeout: false
					});
				}
            });
		}

		function isJson(str) {
			try {
				JSON.parse(str);
			} catch (e) {
				return false;
			}
			return true;
		}

	</script>
</body>
</html>
</html>