From b62117669dc1c2ecb62c91afd2e3a9fa7348adc6 Mon Sep 17 00:00:00 2001
From: jvyden <jvyden@jvyden.xyz>
Date: Wed, 19 Jan 2022 08:43:44 -0500
Subject: [PATCH] Revamp login and signup pages

---
 .../Pages/Layouts/BaseLayout.cshtml           |  6 +--
 ProjectLighthouse/Pages/LoginForm.cshtml      | 36 ++++++++++++-----
 ProjectLighthouse/Pages/RegisterForm.cshtml   | 39 ++++++++++++-------
 3 files changed, 51 insertions(+), 30 deletions(-)

diff --git a/ProjectLighthouse/Pages/Layouts/BaseLayout.cshtml b/ProjectLighthouse/Pages/Layouts/BaseLayout.cshtml
index 85b4ec24..b2c9cd9a 100644
--- a/ProjectLighthouse/Pages/Layouts/BaseLayout.cshtml
+++ b/ProjectLighthouse/Pages/Layouts/BaseLayout.cshtml
@@ -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
     {
diff --git a/ProjectLighthouse/Pages/LoginForm.cshtml b/ProjectLighthouse/Pages/LoginForm.cshtml
index f89075af..ede86b66 100644
--- a/ProjectLighthouse/Pages/LoginForm.cshtml
+++ b/ProjectLighthouse/Pages/LoginForm.cshtml
@@ -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>
\ No newline at end of file
diff --git a/ProjectLighthouse/Pages/RegisterForm.cshtml b/ProjectLighthouse/Pages/RegisterForm.cshtml
index e7c670ae..2b0d05ba 100644
--- a/ProjectLighthouse/Pages/RegisterForm.cshtml
+++ b/ProjectLighthouse/Pages/RegisterForm.cshtml
@@ -30,23 +30,32 @@
     </div>
 }
 
-<form onsubmit="return onSubmit(this)" method="post">
-    <div class="ui left labeled input">
-        @Html.AntiForgeryToken()
+<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>
\ No newline at end of file