Subversion Repositories ALCASAR

Rev

Rev 3009 | Rev 3026 | Go to most recent revision | Only display areas with differences | Ignore whitespace | Details | Blame | Last modification | View Log

Rev 3009 Rev 3011
1 
<?php
 1 
<?php
2 
 
 2 
 
3 
/********************************************************************
 3 
/********************************************************************
4 
*																	*
 4 
*																	*
5 
*			ALCASAR EMAIL INSCRIPTION								*
 5 
*			ALCASAR EMAIL INSCRIPTION								*
6 
*																	*
 6 
*																	*
7 
*	By K@M3L 1101130512.1901090409 & T3RRY @ La Plateforme_			*
 7 
*	By K@M3L & T3RRY @ La Plateforme_								*
8 
*	V 1.0 June 2021.												*
 - 
 
9 
*																	*
 8 
*																	*
10 
*	Partie front de la page d'inscription des utilisateurs			*
 9 
*	Partie front de la page d'inscription des utilisateurs			*
11 
*	elle envoi les infos à traiter à la page de traitement			*
 10 
*	elle envoi les infos à traiter à la page de traitement			*
12 
*	via AJAX (email_registration_back)								*
 11 
*	via AJAX (email_registration_back)								*
13 
*																	*
 12 
*																	*
14 
/********************************************************************/
 13 
/********************************************************************/
15 
 
 14 
 
16 
$Language = 'en';
 15 
$Language = 'en';
17 
if (isset($_SERVER['HTTP_ACCEPT_LANGUAGE'])) {
 16 
if (isset($_SERVER['HTTP_ACCEPT_LANGUAGE'])) {
18 
	$Langue = explode(',', $_SERVER['HTTP_ACCEPT_LANGUAGE']);
 17 
	$Langue = explode(',', $_SERVER['HTTP_ACCEPT_LANGUAGE']);
19 
	$Language = strtolower(substr(chop($Langue[0]), 0, 2));
 18 
	$Language = strtolower(substr(chop($Langue[0]), 0, 2));
20 
}
 19 
}
21 
if ($Language === 'fr') {		// French
 20 
if ($Language === 'fr') {
22 
	$l_home = " Accueil";
 21 
	$l_home = " Accueil";
23 
	$l_title = "Inscription par Email";
 22 
	$l_title = "Inscription par Email";
24 
	$l_login = "Connexion";
 23 
	$l_login = "Connexion";
25 
	$l_Email = "Adresse électronique: *";
 24 
	$l_Email = "Adresse électronique: *";
26 
	$l_mandatory = "* Remplir tous les champs obligatoires";
 25 
	$l_mandatory = "* Remplir tous les champs obligatoires";
27 
} else {	// English
 26 
} else {
28 
	$l_home = " Home";
 27 
	$l_home = " Home";
29 
	$l_title = "Email inscription";
 28 
	$l_title = "Email inscription";
30 
	$l_login = "Login";
 29 
	$l_login = "Login";
31 
	$l_Email = "Email address: *";
 30 
	$l_Email = "Email address: *";
32 
	$l_mandatory = "* Fill in all mandatory fields";
 31 
	$l_mandatory = "* Fill in all mandatory fields";
33 
}
 32 
}
34 
?>
 33 
?>
35 
<!DOCTYPE html>
 34 
<!DOCTYPE html>
36 
<html>
 35 
<html>
37 
<head>
 36 
<head>
38 
	<meta charset="UTF-8">
 37 
	<meta charset="UTF-8">
39 
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
 38 
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
40 
	<title>ALCASAR - <?=$l_title ?></title>
 39 
	<title>ALCASAR - <?=$l_title ?></title>
41 
	<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
 40 
	<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
42 
	<link rel="stylesheet" type="text/css" href="css/pass.css">
 41 
	<link rel="stylesheet" type="text/css" href="css/pass.css">
43 
	<link rel="icon" href="images/favicon-48.ico" type="image/ico">
 42 
	<link rel="icon" href="images/favicon-48.ico" type="image/ico">
44 
	<script type="text/javascript" src="js/jquery.min.js"></script>
 43 
	<script type="text/javascript" src="js/jquery.min.js"></script>
45 
	<script type="text/javascript" src="js/bootstrap.min.js"></script>
 44 
	<script type="text/javascript" src="js/bootstrap.min.js"></script>
46 
</head>
 45 
</head>
47 
<body>
 46 
<body>
48 
<nav class="navbar navbar navbar-inverse" style="margin-bottom:0px;">
 47 
<nav class="navbar navbar navbar-inverse" style="margin-bottom:0px;">
49 
	<div class="container-fluid">
 48 
	<div class="container-fluid">
50 
		<div class="navbar-header">
 49 
		<div class="navbar-header">
51 
			<a href="index.php"><img src="images/logo-alcasar_70.png" width="50" ><font color=red><b><?=$l_home ?></b></font></a>
 50 
			<a href="index.php"><img src="images/logo-alcasar_70.png" width="50" ><font color=red><b><?=$l_home ?></b></font></a>
52 
			<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
 51 
			<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
53 
				<span class="sr-only">Toggle navigation</span>
 52 
				<span class="sr-only">Toggle navigation</span>
54 
				<span class="icon-bar"></span>
 53 
				<span class="icon-bar"></span>
55 
				<span class="icon-bar"></span>
 54 
				<span class="icon-bar"></span>
56 
				<span class="icon-bar"></span>
 55 
				<span class="icon-bar"></span>
57 
			</button>
 56 
			</button>
58 
		</div>
 57 
		</div>
59 
		<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
 58 
		<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
60 
			<ul class="nav navbar-nav">
 59 
			<ul class="nav navbar-nav">
61 
				<li>
 60 
				<li>
62 
					<a href="index.php?url=www.euronews.com"><?=$l_login ?></a>
 61 
					<a href="index.php?url=www.euronews.com"><?=$l_login ?></a>
63 
				</li>
 62 
				</li>
64 
				<li>
 63 
				<li>
65 
					<a href="email_registration_front.php"><?=$l_title ?></a>
 64 
					<a href="email_registration_front.php"><?=$l_title ?></a>
66 
				</li>
 65 
				</li>
67 
			</ul>
 66 
			</ul>
68 
			<ul class="nav navbar-nav navbar-right">
 67 
			<ul class="nav navbar-nav navbar-right">
69 
				<a href="contact.php" class="navbar-brand">Contact</a>
 68 
				<a href="contact.php" class="navbar-brand">Contact</a>
70 
				<a href="contact.php"><img src="images/organisme.png" width="40"></a>
 69 
				<a href="contact.php"><img src="images/organisme.png" width="40"></a>
71 
			</ul>
 70 
			</ul>
72 
		</div>
 71 
		</div>
73 
	</div>
 72 
	</div>
74 
</nav>
 73 
</nav>
75 
	<div class="col-xs-12 col-md-10 col-md-offset-1">
74 
	<div class="col-xs-12 col-md-10 col-md-offset-1">
76 
		<!-- HeaderBox -->
 75 
		<!-- HeaderBox -->
77 
		<div class="row banner">
 76 
		<div class="row banner">
78 
			<!-- Logo box -->
 77 
			<!-- Logo box -->
79 
			<div class="hidden-xs col-sm-3 col-md-2 col-lg-2">
78 
			<div class="hidden-xs col-sm-3 col-md-2 col-lg-2">
80 
				<img class="img-responsive img-A" src="images/organisme.png">
 79 
				<img class="img-responsive img-A" src="images/organisme.png">
81 
			</div>
 80 
			</div>
82 
			<!-- Title -->
 81 
			<!-- Title -->
83 
			<div id="cadre_titre" class="titre_banner col-xs-12 col-sm-8">
 82 
			<div id="cadre_titre" class="titre_banner col-xs-12 col-sm-8">
84 
				<div class="row">
 83 
				<div class="row">
85 
					<p id="acces_controle" class="titre_controle"><?= $l_title ?></p>
 84 
					<p id="acces_controle" class="titre_controle"><?= $l_title ?></p>
86 
				</div>
 85 
				</div>
87 
<!--				<div class="row">
 86 
<!--				<div class="row">
88 
				<?php if (isset($changePasswordMessage)): ?>
 87 
				<?php if (isset($changePasswordMessage)): ?>
89 
					<?= $changePasswordMessage ?>
 88 
					<?= $changePasswordMessage ?>
90 
				<?php endif; ?>
 89 
				<?php endif; ?>
91 
				</div>-->
 90 
				</div>-->
92 
			</div>
 91 
			</div>
93 
			<!-- Logo box -->
 92 
			<!-- Logo box -->
94 
			<div class="img_banner hidden-xs col-sm-3 col-md-2 col-lg-2">
 93 
			<div class="img_banner hidden-xs col-sm-3 col-md-2 col-lg-2">
95 
				<img class="img-responsive img-organisme" src="images/logo-alcasar_70.png">
 94 
				<img class="img-responsive img-organisme" src="images/logo-alcasar_70.png">
96 
			</div>
 95 
			</div>
97 
		</div>
 96 
		</div>
98 
 
 97 
 
99 
		<section id="inscription" class="row">
 98 
		<section id="inscription" class="row">
100 
			<form name="master" id="contenu_acces" onsubmit="return false;" class="col-xs-12 col-sm-12 col-md-offset-1 col-md-10">
 99 
			<form name="master" id="contenu_acces" onsubmit="return false;" class="col-xs-12 col-sm-12 col-md-offset-1 col-md-10">
101 
				<div class="row input_row">
 100 
				<div class="row input_row">
102 
					<div class="label_name col-xs-3 col-sm-3 col-md-4"><?=$l_Email?></div>
 101 
					<div class="label_name col-xs-3 col-sm-3 col-md-4"><?=$l_Email?></div>
103 
					<div class="col-xs-6 col-sm-6 col-md-4">
 102 
					<div class="col-xs-6 col-sm-6 col-md-4">
104 
					<input type="email" placeholder="User@exemple.com" id="email" name="email" required class="form-control"/>
 103 
					<input type="email" placeholder="User@exemple.com" id="email" name="email" required class="form-control"/>
105 
					</div>
 104 
					</div>
106 
					<small id="output_email" class="row"></small>
 105 
					<small id="output_email" class="row"></small>
107 
				</div>
 106 
				</div>
108 
				<div id="status">
 107 
				<div id="status">
109 
					<?=$l_mandatory?>
 108 
					<?=$l_mandatory?>
110 
				</div>
 109 
				</div>
111 
				<div class="row input_row">
 110 
				<div class="row input_row">
112 
					<div class="col-xs-5 col-xs-offset-1 col-sm-4 col-sm-offset-2">
 111 
					<div class="col-xs-5 col-xs-offset-1 col-sm-4 col-sm-offset-2">
113 
						<input id="buttons" class="btn btn-default" value="Annuler" onclick="window.location.href = 'index.php';">
 112 
						<input id="buttons" class="btn btn-default" value="Annuler" onclick="window.location.href = 'index.php';">
114 
					</div>
 113 
					</div>
115 
					<div class="col-xs-5 col-sm-4">
 114 
					<div class="col-xs-5 col-sm-4">
116 
						<button type="submit" class="btn btn-primary btn-lg" id="buttons" >Inscription</button>
 115 
						<button type="submit" class="btn btn-primary btn-lg" id="buttons" >Inscription</button>
117 
					</div>
 116 
					</div>
118 
				</div>
 117 
				</div>
119 
			</form>
 118 
			</form>
120 
		</section>
 119 
		</section>
121 
 
 120 
 
122 
		<script type="text/javascript" src="js/jquery.min.js"></script>
 121 
		<script type="text/javascript" src="js/jquery.min.js"></script>
123 
		<script>
 122 
		<script>
124 
			$(document).ready(function(){
 123 
			$(document).ready(function(){
125 
				$("#contenu_acces input").focus(function(){
 124 
				$("#contenu_acces input").focus(function(){
126 
					$("#status").fadeOut(800);
 125 
					$("#status").fadeOut(800);
127 
				});
 126 
				});
128 
 
 127 
 
129 
				//Traitement du formulaire d'inscription
 128 
				//Traitement du formulaire d'inscription
130 
				$("#contenu_acces").submit(function(){
 129 
				$("#contenu_acces").submit(function(){
131 
					var status = $("#status");
 130 
					var status = $("#status");
132 
					var Fmail = $("#email").val();
 131 
					var Fmail = $("#email").val();
133 
 
 132 
 
134 
					$.ajax({
 133 
					$.ajax({
135 
						type: "post",
 134 
						type: "post",
136 
						url:  "email_registration_back.php",
 135 
						url:  "email_registration_back.php",
137 
						data: {
 136 
						data: {
138 
							'Fmail' : Fmail,
 137 
							'Fmail' : Fmail,
139 
						},
 138 
						},
140 
						beforeSend: function(){
 139 
						beforeSend: function(){
141 
							$("#status").attr("value", "Traitement en cours...");
 140 
							$("#status").attr("value", "Traitement en cours...");
142 
						},
 141 
						},
143 
						success: function(data){
 142 
						success: function(data){
144 
							if (data.match("success")) {
 143 
							if (data.match("success")) {
145 
								status.html(data).fadeIn(400);
 144 
								status.html(data).fadeIn(400);
146 
								alert("Encore une dernière étape!\n\nUn mot de passe temporaire vient de vous être envoyé à votre adresse électronique.\n Veuillez changer votre mot de passe.\n\n(Pensez à vé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.")
 145 
								alert("Encore une dernière étape!\n\nUn mot de passe temporaire vient de vous être envoyé à votre adresse électronique.\n Veuillez changer votre mot de passe.\n\n(Pensez à vé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.")
147 
								 document.location.href="index.php";
 146 
								 document.location.href="index.php";
148 
							} else {
 147 
							} else {
149 
							console.log(data);
 148 
							console.log(data);
150 
								alert("Une erreur s'est produite.\n\nVeuillez renouveler votre inscription ou contactez votre administrateur.");
 149 
								alert("Une erreur s'est produite.\n\nVeuillez renouveler votre inscription ou contactez votre administrateur.");
151 
								status.css("color", "red").html(data).fadeIn(400);
 150 
								status.css("color", "red").html(data).fadeIn(400);
152 
							}
 151 
							}
153 
						}
 152 
						}
154 
					});
 153 
					});
155 
				});
 154 
				});
156 
			});
 155 
			});
157 
		</script>
 156 
		</script>
158 
	</div>
 157 
	</div>
159 
</body>
 158 
</body>
160 
</html>
 159 
</html>
161 
 
 160