mirror of
https://github.com/zoriya/Kyoo.git
synced 2025-07-09 03:04:20 -04:00
Remove the old login page
This commit is contained in:
Zoe Roux
parent
b5821b0d02
commit
b322b514fc
@ -1,90 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Kyoo - Login</title>
|
||||
<link rel="stylesheet" type="text/css" href="lib/bootstrap.min.css" />
|
||||
<link rel="stylesheet" type="text/css" href="login.css" />
|
||||
<link rel="stylesheet" type="text/css" href="material-icons.css" />
|
||||
<script src="lib/jquery.min.js"></script>
|
||||
<script src="lib/bootstrap.min.js"></script>
|
||||
</head>
|
||||
<body style="height: 100vh; align-items: center;" class="d-flex">
|
||||
<div class="container pb-5">
|
||||
<div class="card bg-dark mb-5">
|
||||
<div class="card-header bg-secondary text-white">
|
||||
<ul class="nav nav-tabs card-header-tabs navbar-dark" role="tablist" id="tabs">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link active" id="login-tab" data-toggle="tab" href="#login" role="tab" aria-selected="true">Login</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#register" role="tab" aria-selected="false">Register</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="card-body tab-content">
|
||||
<div class="tab-pane fade show active" id="login" role="tabpanel" aria-labelledby="login-tab">
|
||||
<div class="alert alert-danger" role="alert" id="login-error" style="display: none;"></div>
|
||||
<form>
|
||||
<div class="form-group">
|
||||
<label for="login-username">Username</label>
|
||||
<input autocomplete="username" class="form-control" id="login-username">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="login-password">Password</label>
|
||||
<div class="input-group">
|
||||
<input autocomplete="current-password" type="password" class="form-control" id="login-password">
|
||||
<div class="input-group-append password-visibility">
|
||||
<a class="input-group-text" href="#"><i class="material-icons">visibility</i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group form-check">
|
||||
<input type="checkbox" class="form-check-input" id="remember-me">
|
||||
<label class="form-check-label" for="remember-me">Remember me</label>
|
||||
</div>
|
||||
<button id="login-btn" type="submit" class="btn" style="background-color: #e23c00;">Login</button>
|
||||
</form>
|
||||
</div>
|
||||
<div class="tab-pane fade" id="register" role="tabpanel" aria-labelledby="register-tab">
|
||||
<div class="alert alert-danger" role="alert" id="register-error" style="display: none;"></div>
|
||||
<form>
|
||||
<div class="form-group">
|
||||
<label for="register-email">Email</label>
|
||||
<input type="email" class="form-control" id="register-email">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="register-username">Username</label>
|
||||
<input autocomplete="username" class="form-control" id="register-username">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="register-password">Password</label>
|
||||
<div class="input-group">
|
||||
<input autocomplete="new-password" type="password" class="form-control" id="register-password">
|
||||
<div class="input-group-append password-visibility">
|
||||
<a class="input-group-text" href="#"><i class="material-icons">visibility</i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="register-password-confirm">Confirm Password</label>
|
||||
<div class="input-group">
|
||||
<input autocomplete="new-password" type="password" class="form-control" id="register-password-confirm">
|
||||
<div class="input-group-append password-visibility">
|
||||
<a class="input-group-text" href="#"><i class="material-icons">visibility</i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group form-check">
|
||||
<input type="checkbox" class="form-check-input" id="stay-logged-in">
|
||||
<label class="form-check-label" for="stay-logged-in">Stay logged in</label>
|
||||
</div>
|
||||
<button id="register-btn" type="submit" class="btn" style="background-color: #e23c00;">Register</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<script src="login.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
1
src/Kyoo.WebLogin/lib/bootstrap.min.css
vendored
1
src/Kyoo.WebLogin/lib/bootstrap.min.css
vendored
File diff suppressed because one or more lines are too long
7
src/Kyoo.WebLogin/lib/bootstrap.min.js
vendored
7
src/Kyoo.WebLogin/lib/bootstrap.min.js
vendored
File diff suppressed because one or more lines are too long
2
src/Kyoo.WebLogin/lib/jquery.min.js
vendored
2
src/Kyoo.WebLogin/lib/jquery.min.js
vendored
File diff suppressed because one or more lines are too long
@ -1,16 +0,0 @@
|
||||
.nav-tabs .nav-link, a
|
||||
{
|
||||
color: white;
|
||||
}
|
||||
|
||||
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active
|
||||
{
|
||||
background-color: #343a40;
|
||||
color: white;
|
||||
border-color: #343a40;
|
||||
}
|
||||
|
||||
.form-control:focus
|
||||
{
|
||||
box-shadow: none;
|
||||
}
|
||||
@ -1,127 +0,0 @@
|
||||
$("#tabs a").on("click", function (e)
|
||||
{
|
||||
e.preventDefault();
|
||||
$(this).tab("show");
|
||||
});
|
||||
|
||||
$(".password-visibility a").on("click", function(e)
|
||||
{
|
||||
e.preventDefault();
|
||||
let password = $(this).parent().siblings("input");
|
||||
let toggle = $(this).children("i");
|
||||
|
||||
if (password.attr("type") === "text")
|
||||
{
|
||||
password.attr("type", "password");
|
||||
toggle.text("visibility");
|
||||
}
|
||||
else
|
||||
{
|
||||
toggle.text("visibility_off");
|
||||
password.attr("type", "text");
|
||||
}
|
||||
});
|
||||
|
||||
$("#login-btn").on("click", function (e)
|
||||
{
|
||||
e.preventDefault();
|
||||
|
||||
let user = {
|
||||
username: $("#login-username")[0].value,
|
||||
password: $("#login-password")[0].value,
|
||||
stayLoggedIn: $("#remember-me")[0].checked
|
||||
};
|
||||
|
||||
$.ajax(
|
||||
{
|
||||
url: "/api/account/login",
|
||||
type: "POST",
|
||||
contentType: 'application/json;charset=UTF-8',
|
||||
data: JSON.stringify(user),
|
||||
success: function ()
|
||||
{
|
||||
let returnUrl = new URLSearchParams(window.location.search).get("ReturnUrl");
|
||||
|
||||
if (returnUrl == null)
|
||||
window.location.href = "/unauthorized";
|
||||
else
|
||||
window.location.href = returnUrl;
|
||||
},
|
||||
error: function(xhr)
|
||||
{
|
||||
let error = $("#login-error");
|
||||
error.show();
|
||||
error.text(JSON.parse(xhr.responseText)[0].description);
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
$("#register-btn").on("click", function (e)
|
||||
{
|
||||
e.preventDefault();
|
||||
|
||||
let user = {
|
||||
email: $("#register-email")[0].value,
|
||||
username: $("#register-username")[0].value,
|
||||
password: $("#register-password")[0].value
|
||||
};
|
||||
|
||||
if (user.password !== $("#register-password-confirm")[0].value)
|
||||
{
|
||||
let error = $("#register-error");
|
||||
error.show();
|
||||
error.text("Passwords don't match.");
|
||||
return;
|
||||
}
|
||||
|
||||
$.ajax(
|
||||
{
|
||||
url: "/api/account/register",
|
||||
type: "POST",
|
||||
contentType: 'application/json;charset=UTF-8',
|
||||
dataType: 'json',
|
||||
data: JSON.stringify(user),
|
||||
success: function(res)
|
||||
{
|
||||
useOtac(res.otac);
|
||||
},
|
||||
error: function(xhr)
|
||||
{
|
||||
let error = $("#register-error");
|
||||
error.show();
|
||||
error.html(Object.values(JSON.parse(xhr.responseText).errors).map(x => x[0]).join("<br/>"));
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
function useOtac(otac)
|
||||
{
|
||||
$.ajax(
|
||||
{
|
||||
url: "/api/account/otac-login",
|
||||
type: "POST",
|
||||
contentType: 'application/json;charset=UTF-8',
|
||||
data: JSON.stringify({otac: otac, stayLoggedIn: $("#stay-logged-in")[0].checked}),
|
||||
success: function()
|
||||
{
|
||||
let returnUrl = new URLSearchParams(window.location.search).get("ReturnUrl");
|
||||
|
||||
if (returnUrl == null)
|
||||
window.location.href = "/unauthorized";
|
||||
else
|
||||
window.location.href = returnUrl;
|
||||
},
|
||||
error: function(xhr)
|
||||
{
|
||||
let error = $("#register-error");
|
||||
error.show();
|
||||
error.text(JSON.parse(xhr.responseText)[0].description);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
|
||||
let otac = new URLSearchParams(window.location.search).get("otac");
|
||||
if (otac != null)
|
||||
useOtac(otac);
|
||||
@ -1,36 +0,0 @@
|
||||
@font-face {
|
||||
font-family: 'Material Icons';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
src: url(/iconfont/MaterialIcons-Regular.eot); /* For IE6-8 */
|
||||
src: local('Material Icons'),
|
||||
local('MaterialIcons-Regular'),
|
||||
url(/iconfont/MaterialIcons-Regular.woff2) format('woff2'),
|
||||
url(/iconfont/MaterialIcons-Regular.woff) format('woff'),
|
||||
url(/iconfont/MaterialIcons-Regular.ttf) format('truetype');
|
||||
}
|
||||
|
||||
.material-icons {
|
||||
font-family: 'Material Icons';
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
font-size: 24px; /* Preferred icon size */
|
||||
display: inline-block;
|
||||
line-height: 1;
|
||||
text-transform: none;
|
||||
letter-spacing: normal;
|
||||
word-wrap: normal;
|
||||
white-space: nowrap;
|
||||
direction: ltr;
|
||||
|
||||
/* Support for all WebKit browsers. */
|
||||
-webkit-font-smoothing: antialiased;
|
||||
/* Support for Safari and Chrome. */
|
||||
text-rendering: optimizeLegibility;
|
||||
|
||||
/* Support for Firefox. */
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
|
||||
/* Support for IE. */
|
||||
font-feature-settings: 'liga';
|
||||
}
|
||||
Loading…
x
Reference in New Issue
Block a user