Added automatic token refresh feature and login page

HopFrame.Web/Pages/Login.razor

@@ -0,0 +1,61 @@
+@page "/login"
+@using HopFrame.Security.Models
+@using HopFrame.Web.Services
+@using Microsoft.AspNetCore.Components.Forms
+@using Microsoft.AspNetCore.Components.Routing
+@using Microsoft.AspNetCore.Components.Web
+
+<PageTitle>Login</PageTitle>
+
+<div class="login-wrapper">
+    <EditForm Model="LoginData" FormName="login-form" OnSubmit="OnLogin">
+        <div class="field-wrapper">
+            <h2>Login</h2>
+            <div class="mb-3">
+                <label for="email" class="form-label">Email address</label>
+                <InputText type="email" class="form-control" id="email" required @bind-Value="LoginData.Email"/>
+                @*<ValidationMessage For="() => RegisterData.Email"/>*@
+            </div>
+            <div class="mb-3">
+                <label for="password" class="form-label">Password</label>
+                <InputText type="password" class="form-control" id="password" aria-describedby="passwordHelp" required @bind-Value="LoginData.Password"/>
+                @*<ValidationMessage For="() => RegisterData.Password"/>*@
+            </div>
+            <div class="mb-3">
+                <span>Don't have an account? <NavLink href="register">Register</NavLink></span>
+            </div>
+            <button type="submit" class="btn btn-primary">Login</button>
+            
+            @if (_loginError) {
+                <div class="alert alert-danger" role="alert" style="margin-top: 16px; margin-bottom: 0px">
+                    Email or password does not match any account!
+                </div>
+            }
+        </div>
+    </EditForm>
+</div>
+
+@inject IAuthService Auth
+@inject NavigationManager Navigator
+
+@code {
+    [SupplyParameterFromForm]
+    private UserLogin LoginData { get; set; }
+
+    private bool _loginError;
+
+    protected override void OnInitialized() {
+        LoginData ??= new();
+    }
+
+    private async Task OnLogin() {
+        var result = await Auth.Login(LoginData);
+
+        if (!result) {
+            _loginError = true;
+            return;
+        }
+        
+        Navigator.NavigateTo(Register.RedirectAfterRegister, true);
+    }
+}

HopFrame.Web/Pages/Login.razor.css

@@ -0,0 +1,15 @@
+.login-wrapper {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+
+.field-wrapper {
+    margin-top: 25vh;
+    min-width: 30vw;
+
+    padding: 30px;
+    border: 2px solid #ced4da;
+    border-radius: 10px;
+    position: relative;
+}

HopFrame.Web/Pages/Register.razor

@@ -3,13 +3,18 @@
 @using HopFrame.Web.Model
 @using HopFrame.Web.Services
 @using Microsoft.AspNetCore.Components.Forms
+@using Microsoft.AspNetCore.Components.Routing
+@using Microsoft.AspNetCore.Components.Web
 
 @implements IDisposable
 
+<PageTitle>Register</PageTitle>
+
 <div class="register-wrapper">
     <EditForm EditContext="_context" OnValidSubmit="OnRegister" FormName="register-form">
         @*<AntiforgeryToken/>*@
         <div class="field-wrapper">
+            <h2>Register</h2>
             <div class="mb-3">
                 <label for="email" class="form-label">Email address</label>
                 <InputText type="email" class="form-control" id="email" required @bind-Value="RegisterData.Email"/>
@@ -31,18 +36,20 @@
                 <InputText type="password" class="form-control" id="passwordRepeat" aria-describedby="passwordHelp" required @bind-Value="RegisterData.RepeatedPassword"/>
                 <ValidationMessage For="() => RegisterData.RepeatedPassword"/>
             </div>
+            <div class="mb-3">
+                <span>Already have an account? <NavLink href="login">Login</NavLink></span>
+            </div>
             <button type="submit" class="btn btn-primary">Register</button>
         </div>
     </EditForm>
 </div>
 
-@inject NavigationManager Navigation
+@inject NavigationManager Navigator
 @inject IUserService Users
 @inject IAuthService Auth
 
 @code {
     public static string RedirectAfterRegister { get; set; } = "/";
-    private const string RefreshTokenType = "HopFrame.Security.RefreshToken";
 
     [SupplyParameterFromForm]
     private RegisterData RegisterData { get; set; }
@@ -74,7 +81,7 @@
         if (hasConflict) return;
 
         await Auth.Register(RegisterData);
-        Navigation.NavigateTo(RedirectAfterRegister, true);
+        Navigator.NavigateTo(RedirectAfterRegister, true);
     }
 
     private void ValidateForm(object sender, ValidationRequestedEventArgs e) {

HopFrame.Web/Pages/Register.razor.css

@@ -11,4 +11,5 @@
     padding: 30px;
     border: 2px solid #ced4da;
     border-radius: 10px;
+    position: relative;
 }