forked from damews/BlueApiFront
-
Notifications
You must be signed in to change notification settings - Fork 2
/
login.html
131 lines (106 loc) · 4.22 KB
/
login.html
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1,
shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<title>I Blue It - Login</title>
<!-- Custom fonts for this template-->
<script src="https://kit.fontawesome.com/6798529e7f.js" crossorigin="anonymous"></script>
<link
href="https://fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i"
rel="stylesheet">
<!-- Custom styles for this template-->
<link href="css/sb-admin-2.css" rel="stylesheet">
<!-- Favicon -->
<link rel="shortcut icon" href="img/favicon.png" />
</head>
<body class="bg-gradient-primary">
<div class="container">
<!-- Outer Row -->
<div class="row justify-content-center">
<div class="col-xl-10 col-lg-12 col-md-9">
<div class="card o-hidden border-0 shadow-lg my-5">
<div class="card-body p-0">
<!-- Nested Row within Card Body -->
<div class="row">
<div class="col-lg-6 d-none d-lg-block bg-login-image"></div>
<div class="col-lg-6">
<div class="p-5">
<div class="text-center">
<h1 class="h5 text-gray-900 mb-4">Bem-vindo ao I BLUE IT Analytics!</h1>
</div>
<div id="errorForm" class="alert alert-danger" role="alert" style="visibility:hidden">
</div>
<form class="user" name="loginForm" method="POST">
<div class="form-group">
<input type="text" class="form-control
form-control-user" required id="inputUsername" aria-describedby="usernameHelp"
placeholder="Usuário">
</div>
<div class="form-group">
<input type="password" class="form-control
form-control-user" required id="inputPassword" placeholder="Senha">
</div>
<button type="submit" class="btn btn-primary btn-user
btn-block">Entrar</button>
</form>
<hr>
<div class="text-center">
<a class="small" href="register.html">Criar Conta I BLUE IT!</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Footer -->
<div id="footer"></div>
<!-- End of Footer -->
<!-- Bootstrap core JavaScript-->
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.bundle.min.js"></script>
<!-- Core plugin JavaScript-->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.4.1/jquery.easing.min.js"></script>
<!-- Custom scripts for all pages-->
<script src="js/sb-admin-2.min.js"></script>
<!-- Block UI-->
<script type="text/javascript"
src="https://cdnjs.cloudflare.com/ajax/libs/jquery.blockUI/2.70/jquery.blockUI.min.js"></script>
</body>
<script>
$('form[name="loginForm"]').on('submit', function (e) {
e.preventDefault();
$('.container').block({ message: `Carregando...` });
$.ajax({
url: "https://iblueit.azurewebsites.net/api/" + "login",
data: JSON.stringify({
username: $("#inputUsername").val(),
password: $("#inputPassword").val()
}),
type: "POST",
dataType: "json",
success: function (d) {
$("#errorForm").append(d.message);
sessionStorage.setItem('userCredentials', JSON.stringify(d.data));
$('.container').unblock();
window.location.pathname = '/';
},
error: function (e) {
var alertDiv = document.getElementById("errorForm");
alertDiv.innerHTML = "";
var content = document.createTextNode(e.responseJSON.message);
alertDiv.appendChild(content);
document.getElementById("errorForm").style.visibility = "visible";
$('.container').unblock();
}
});
});
</script>
</html>