-
Notifications
You must be signed in to change notification settings - Fork 0
/
login.php
149 lines (125 loc) · 5.87 KB
/
login.php
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
<?php
session_start();
include('./db_connect.php');
?>
<?php
if(isset($_SESSION['login_id']))
header("location:index.php?page=home");
?>
<head>
<meta charset="utf-8" />
<title>EXE</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta content="monexpe mon experience client" name="description" />
<meta content="Coderthemes" name="author" />
<!-- App favicon -->
<link rel="shortcut icon" href="assets/img/favicon.png">
<!-- App css -->
<link href="pj/assets/css/icons.min.css" rel="stylesheet" type="text/css" />
<link href="pj/assets/css/app.min.css" rel="stylesheet" type="text/css" id="light-style" />
<link href="pj/assets/css/app-dark.min.css" rel="stylesheet" type="text/css" id="dark-style" />
</head>
<body class="authentication-bg pb-0" data-layout-config='{"darkMode":false}'>
<div class="auth-fluid">
<!--Auth fluid left content -->
<div class="auth-fluid-form-box">
<div class="align-items-center d-flex h-100">
<div class="card-body">
<!-- Logo -->
<div class="auth-brand text-center text-lg-start">
<a href="/" class="logo d-flex align-items-center">
<img src="assets/img/logo.png" alt="">
<span style=" font-size: 30px;
font-weight: 700;
letter-spacing: 1px;
color: #012970;
font-family: "Nunito", sans-serif;
margin-top: 3
px
;">MONEXPE</span>
</a>
</div>
<!-- title-->
<h4 class="mt-0">S'identifier</h4>
<p class="text-muted mb-4">Entrez votre adresse e-mail et votre mot de passe pour accéder à votre espace.</p>
<!-- form -->
<form class="user" role="form" id="login-form">
<div class="form-group mb-3">
<label for="emailaddress" class="form-label">Email</label>
<input type="email" class="form-control form-control-user"
id="exampleInputEmail" name="email" aria-describedby="emailHelp"
placeholder="Enter Email ...">
</div>
<div class="form-group mb-3">
<label for="password" class="form-label">Mot de passe</label>
<input type="password" class="form-control form-control-user"
id="exampleInputPassword" name="password" placeholder="Entrer mot de passe">
</div>
<div class="mb-3">
<div class="form-check">
<input type="checkbox" class="form-check-input" id="checkbox-signin">
<label class="form-check-label" for="checkbox-signin"> Se souvenir de moi</label>
</div>
</div>
<div class="d-grid mb-0 text-center">
<button class="btn btn-primary" type="submit"><i class="mdi mdi-login"></i> Connexion</button>
</div>
<!-- social-->
</form>
<!-- end form-->
<!-- Footer-->
<footer class="footer footer-alt">
<p class="text-muted">Vous n'avez pas de compte ? <a href="https://localhost/" class="text-muted ms-1"><b>contactez nous</b></a></p>
</footer>
</div> <!-- end .card-body -->
</div> <!-- end .align-items-center.d-flex.h-100-->
</div>
<!-- end auth-fluid-form-box-->
<!-- Auth fluid right content -->
<div class="auth-fluid-right text-center">
<div class="auth-user-testimonial">
<h2 class="mb-3">VALEXPE</h2>
<p class="lead"><i class="mdi mdi-format-quote-open"></i> Better cx, Better world. <i class="mdi mdi-format-quote-close"></i>
</p>
<p>
</p>
</div> <!-- end auth-user-testimonial-->
</div>
<!-- end Auth fluid right content -->
</div>
<!-- end auth-fluid-->
<!-- bundle -->
<script src="pj/assets/js/vendor.min.js"></script>
<script src="pj/assets/js/app.min.js"></script>
</body>
<script>
$('#login-form').submit(function(e){
e.preventDefault()
$('#login-form button[type="button"]').attr('disabled',true).html('Logging in...');
if($(this).find('.alert-danger').length > 0 )
$(this).find('.alert-danger').remove();
$.ajax({
url:'ajax.php?action=login',
method:'POST',
data:$(this).serialize(),
error:err=>{
console.log(err)
$('#login-form button[type="button"]').removeAttr('disabled').html('Login');
},
success:function(resp){
if(resp == 1){
location.href ='index.php?page=home';
}else{
$('#login-form').prepend('<div class="alert alert-danger">Email ou le mot de passe est incorrect.</div>')
$('#login-form button[type="button"]').removeAttr('disabled').html('Login');
}
}
})
})
$('.number').on('input',function(){
var val = $(this).val()
val = val.replace(/[^0-9 \,]/, '');
$(this).val(val)
})
</script>
</html>