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)
{
Model.NavigationItemsRight.Add(new PageNavigationItem("Log in", "/login", "user alternate"));
if (ServerSettings.Instance.RegistrationEnabled)
{
Model.NavigationItemsRight.Add(new PageNavigationItem("Register", "/register", "user alternate edit"));
}
Model.NavigationItemsRight.Add(new PageNavigationItem("Login / Register", "/login", "sign in"));
}
else
{

View file

@ -1,4 +1,5 @@
@page "/login"
@using LBPUnion.ProjectLighthouse.Types.Settings
@model LBPUnion.ProjectLighthouse.Pages.LoginForm
@{
@ -28,18 +29,33 @@
</div>
}
<form onsubmit="return onSubmit(this)" method="post">
<form class="ui form" onsubmit="return onSubmit(this)" method="post">
@Html.AntiForgeryToken()
<div class="ui left labeled input">
<label for="text" class="ui blue label">Username: </label>
<input type="text" name="username" id="text">
</div><br><br>
<div class="field">
<label>Username</label>
<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">
<label for="password" class="ui blue label">Password: </label>
<input type="password" name="password" id="password">
</div><br><br><br>
<div class="field">
<label>Password</label>
<div class="ui left icon input">
<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>

View file

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