Rev 3027 | Rev 3038 | Go to most recent revision | Blame | Compare with Previous | Last modification | View Log
<?php
/********************************************************************
* *
* ALCASAR EMAIL INSCRIPTION *
* *
* By K@M3L & T3RRY @ La Plateforme_ *
* *
* Partie front de la page d'inscription des utilisateurs *
* elle envoi les infos à traiter à la page de traitement *
* via AJAX (email_registration_back) *
* *
/********************************************************************/
$page = "email_registration";
$Language = 'en';
if (isset($_SERVER['HTTP_ACCEPT_LANGUAGE'])) {
$Langue = explode(',', $_SERVER['HTTP_ACCEPT_LANGUAGE']);
$Language = strtolower(substr(chop($Langue[0]), 0, 2));
}
if ($Language === 'fr') {
$l_home = " Accueil";
$l_title = "Inscription par Email";
$l_login = "Connexion";
$l_Email = "Adresse électronique: *";
$l_mandatory = "* Remplir tous les champs obligatoires";
} else {
$l_home = " Home";
$l_title = "Email inscription";
$l_login = "Login";
$l_Email = "Email address: *";
$l_mandatory = "* Fill in all mandatory fields";
}
?>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>ALCASAR - <?=$l_title ?></title>
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="css/pass.css">
<link rel="icon" href="images/favicon-48.ico" type="image/ico">
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
</head>
<body>
<div class="col-12 col-lg-10 offset-lg-1">
<?php require_once(__DIR__.'/header.php'); ?>
<section id="inscription" class="row">
<form name="master" id="contenu_acces" onsubmit="return false;" class="col-12 offset-lg-1 col-lg-10">
<div class="row input_row">
<div class="label_name col-3 col-lg-4"><?=$l_Email?></div>
<div class="col-6 col-lg-4">
<input type="email" placeholder="User@exemple.com" id="email" name="email" required class="form-control"/>
</div>
<small id="output_email" class="row"></small>
</div>
<div id="status">
<?=$l_mandatory?>
</div>
<div class="row input_row">
<div class="col-5 offset-xs-1 col-md-4 offset-md-2">
<input id="buttons" class="btn btn-default" value="Annuler" onclick="window.location.href = 'index.php';">
</div>
<div class="col-5 col-md-4">
<button type="submit" class="btn btn-primary btn-lg" id="buttons" >Inscription</button>
</div>
</div>
</form>
</section>
<script>
$(document).ready(function(){
$("#contenu_acces input").focus(function(){
$("#status").fadeOut(800);
});
//Traitement du formulaire d'inscription
$("#contenu_acces").submit(function(){
var status = $("#status");
var Fmail = $("#email").val();
$.ajax({
type: "post",
url: "email_registration_back.php",
data: {
'Fmail' : Fmail,
},
beforeSend: function(){
$("#status").attr("value", "Traitement en cours...");
},
success: function(data){
if (data.match("success")) {
status.html(data).fadeIn(400);
alert("Encore une dernière étape!\n\nUn mot de passe temporaire vient d'être envoyé à votre adresse électronique.\n\nVérifier vos spams ou courriers indésirables, si vous ne voyez pas ce mail dans votre boîte de réception.\n\nSi vous ne recevez pas le mail dans les 24 heures contactez votre administrateur.")
document.location.href="index.php";
} else {
console.log(data);
alert("Une erreur s'est produite.\n\nVeuillez renouveler votre inscription ou contacter votre administrateur.");
status.css("color", "red").html(data).fadeIn(400);
}
}
});
});
});
</script>
</div>
</body>
</html>