Revamp login and signup pages

This commit is contained in:
jvyden 2022-01-19 08:43:44 -05:00
commit b62117669d
No known key found for this signature in database
GPG key ID: 18BCF2BE0262B278
3 changed files with 51 additions and 30 deletions

View file

@ -7,11 +7,7 @@
@{ @{
if (Model!.User == null) if (Model!.User == null)
{ {
Model.NavigationItemsRight.Add(new PageNavigationItem("Log in", "/login", "user alternate")); Model.NavigationItemsRight.Add(new PageNavigationItem("Login / Register", "/login", "sign in"));
if (ServerSettings.Instance.RegistrationEnabled)
{
Model.NavigationItemsRight.Add(new PageNavigationItem("Register", "/register", "user alternate edit"));
}
} }
else else
{ {

View file

@ -1,4 +1,5 @@
@page "/login" @page "/login"
@using LBPUnion.ProjectLighthouse.Types.Settings
@model LBPUnion.ProjectLighthouse.Pages.LoginForm @model LBPUnion.ProjectLighthouse.Pages.LoginForm
@{ @{
@ -28,18 +29,33 @@
</div> </div>
} }
<form onsubmit="return onSubmit(this)" method="post"> <form class="ui form" onsubmit="return onSubmit(this)" method="post">
@Html.AntiForgeryToken() @Html.AntiForgeryToken()
<div class="ui left labeled input"> <div class="field">
<label for="text" class="ui blue label">Username: </label> <label>Username</label>
<input type="text" name="username" id="text"> <div class="ui left icon input">
</div><br><br> <input type="text" name="username" id="text" placeholder="Username">
<i class="user icon"></i>
</div>
</div>
<div class="ui left labeled input"> <div class="field">
<label for="password" class="ui blue label">Password: </label> <label>Password</label>
<input type="password" name="password" id="password"> <div class="ui left icon input">
</div><br><br><br> <input type="password" name="password" id="password" placeholder="Password">
<i class="lock icon"></i>
</div>
</div>
<input type="submit" value="Log in" id="submit" class="ui green button"><br> <input type="submit" value="Log in" id="submit" class="ui blue button">
@if (ServerSettings.Instance.RegistrationEnabled)
{
<a href="/register">
<div class="ui button">
<i class="user alternate add icon"></i>
Register
</div>
</a>
}
</form> </form>

View file

@ -30,23 +30,32 @@
</div> </div>
} }
<form onsubmit="return onSubmit(this)" method="post"> <form class="ui form" onsubmit="return onSubmit(this)" method="post">
<div class="ui left labeled input"> @Html.AntiForgeryToken()
@Html.AntiForgeryToken()
<label for="text" class="ui blue label">Username: </label> <div class="field">
<input type="text" name="username" id="text"> <label>Username</label>
</div><br><br> <div class="ui left icon input">
<input type="text" name="username" id="text" placeholder="Username">
<i class="user icon"></i>
</div>
</div>
<div class="ui left labeled input"> <div class="field">
<label for="password" class="ui blue label">Password: </label> <label>Password</label>
<input type="password" name="password" id="password"> <div class="ui left icon input">
</div><br><br> <input type="password" name="password" id="password" placeholder="Password">
<i class="lock icon"></i>
</div>
</div>
<div class="ui left labeled input"> <div class="field">
<label for="password" class="ui blue label">Confirm Password: </label> <label>Confirm Password</label>
<input type="password" name="confirmPassword" id="confirmPassword"> <div class="ui left icon input">
</div><br><br><br> <input type="password" name="confirmPassword" id="confirmPassword" placeholder="Confirm Password">
<i class="lock icon"></i>
</div>
</div>
<input type="submit" value="Register" id="submit" class="ui green button"><br> <input type="submit" value="Register" id="submit" class="ui green button">
</form> </form>