2021-05-04 01:32:34 -04:00
|
|
|
<html>
|
2022-01-16 20:35:24 -05:00
|
|
|
{% with title="Sign In"%}
|
|
|
|
|
{% include "header.html"%}
|
|
|
|
|
{% endwith %}
|
|
|
|
|
<style>
|
|
|
|
|
.login-container-fluid{
|
|
|
|
|
display: flex;
|
|
|
|
|
height: calc( 100% - 240px );
|
|
|
|
|
align-items: center;
|
|
|
|
|
}
|
|
|
|
|
</style>
|
2021-05-04 01:32:34 -04:00
|
|
|
<body>
|
|
|
|
|
{% include "navbar.html" %}
|
2022-01-16 20:35:24 -05:00
|
|
|
<div class="container-fluid login-container-fluid">
|
2021-05-04 01:32:34 -04:00
|
|
|
<main role="main" class="container login-container">
|
|
|
|
|
<div class="login-box" style="margin: auto !important;">
|
2021-08-24 20:15:28 -04:00
|
|
|
<h1 class="text-center">Sign In</h1>
|
2021-05-04 01:32:34 -04:00
|
|
|
<form style="margin-left: auto !important; margin-right: auto !important; max-width: 500px;" action="/auth" method="post">
|
|
|
|
|
{% if message != ""%}
|
|
|
|
|
<div class="alert alert-danger" role="alert">
|
|
|
|
|
{{ message }}
|
|
|
|
|
</div>
|
|
|
|
|
{% endif %}
|
|
|
|
|
<div class="form-group">
|
2022-01-16 20:35:24 -05:00
|
|
|
<label for="username" class="text-left" style="font-size: 1rem"><i class="bi bi-person-circle"></i> Username</label>
|
|
|
|
|
<input type="text" class="form-control" id="username" name="username" required>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="form-group">
|
|
|
|
|
<label for="password" class="text-left" style="font-size: 1rem"><i class="bi bi-key-fill"></i> Password</label>
|
|
|
|
|
<input type="password" class="form-control" id="password" name="password" required>
|
|
|
|
|
</div>
|
2021-05-04 01:32:34 -04:00
|
|
|
<button type="submit" class="btn btn-dark" style="width: 100%;">Sign In</button>
|
|
|
|
|
</form>
|
|
|
|
|
</div>
|
|
|
|
|
</main>
|
|
|
|
|
</div>
|
|
|
|
|
</body>
|
|
|
|
|
{% include "footer.html" %}
|
2021-09-08 12:39:25 -04:00
|
|
|
<script>
|
2022-01-12 19:53:36 -05:00
|
|
|
$("button").on("click", function(){
|
2022-01-16 20:35:24 -05:00
|
|
|
let req = $("input[required]");
|
|
|
|
|
let check = true
|
|
|
|
|
for (let i = 0; i < req.length; i++){
|
|
|
|
|
if ($(req[i]).val().length === 0){
|
|
|
|
|
$("button").html("Sign In");
|
|
|
|
|
check = false;
|
|
|
|
|
break;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
if (check){
|
|
|
|
|
$(this).html("Signing In...");
|
|
|
|
|
}
|
|
|
|
|
|
2021-09-08 12:39:25 -04:00
|
|
|
})
|
|
|
|
|
</script>
|
2021-05-04 01:32:34 -04:00
|
|
|
</html>
|
