Subversion Repositories ALCASAR

Rev

Rev 2992 | Rev 3003 | Go to most recent revision | Details | Compare with Previous | Last modification | View Log

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