From 47e4849ac65a246b44517c2f57e69bbf2417bf83 Mon Sep 17 00:00:00 2001
From: Mia Winter <mia@miawinter.de>
Date: Sat, 18 Nov 2023 16:35:52 +0100
Subject: [PATCH] changed: migrated login to razor components

---
 Components/Pages/Login.razor | 93 ++++++++++++++++++++++++++++++++++++
 Pages/Login.cshtml           | 34 -------------
 Pages/Login.cshtml.cs        | 54 ---------------------
 3 files changed, 93 insertions(+), 88 deletions(-)
 create mode 100644 Components/Pages/Login.razor
 delete mode 100644 Pages/Login.cshtml
 delete mode 100644 Pages/Login.cshtml.cs

diff --git a/Components/Pages/Login.razor b/Components/Pages/Login.razor
new file mode 100644
index 0000000..ebbd97c
--- /dev/null
+++ b/Components/Pages/Login.razor
@@ -0,0 +1,93 @@
+@page "/login"
+@using System.ComponentModel.DataAnnotations
+@using System.Security.Claims
+@using Microsoft.AspNetCore.Authentication
+@using Microsoft.AspNetCore.Authentication.Cookies
+@using AuthenticationService = JustShortIt.Service.AuthenticationService
+
+@inject AuthenticationService Authentication
+@inject IHttpContextAccessor HttpContextAccessor
+@inject NavigationManager Navigation
+
+<PageTitle>Login - Just Short It</PageTitle>
+
+<section class="grid place-items-center h-full">
+    <EditForm id="login-form" FormName="login" class="text-primary-content w-full md:max-w-md"
+              method="post" Model="Model" OnValidSubmit="Submit">
+        <h1 class="text-2xl lg:text-4xl mb-6">Login</h1>
+        <MessageComponent Message="@Message" Type="MessageComponent.AlertType.Error" />
+
+        <div class="form-control w-full">
+            <span class="label">
+                <label class="label-text text-primary-content">Username</label>
+            </span>
+            <InputText class="input input-bordered w-full" @bind-Value="Model.Username"
+                       autocomplete="username" required/>
+            <span class="label">
+                <ValidationMessage class="label-text-alt text-error" For="() => Model.Username"/>
+            </span>
+        </div>
+        <div class="form-control w-full">
+            <span class="label">
+                <label class="label-text text-primary-content">Password</label>
+            </span>
+            <InputText class="input input-bordered w-full" @bind-Value="Model.Password"
+                       type="password" autocomplete="password" required/>
+            <span class="label">
+                <ValidationMessage class="label-text-alt text-error" For="() => Model.Password"/>
+            </span>
+        </div>
+
+        <button class="btn btn-primary w-full" type="submit">Login</button>
+    </EditForm>
+</section>
+
+@code {
+    [SupplyParameterFromForm]
+    public LoginModel Model { get; set; } = default!;
+
+    public string? Message { get; set; }
+
+    protected override void OnInitialized() {
+        // ReSharper disable once NullCoalescingConditionIsAlwaysNotNullAccordingToAPIContract
+        Model ??= new LoginModel();
+    }
+
+    public sealed class LoginModel {
+        [Required(AllowEmptyStrings = false, ErrorMessage = "User name is required.")]
+        public string? Username { get; set; }
+        [Required(AllowEmptyStrings = false, ErrorMessage = "Password is required.")]
+        public string? Password { get; set; }
+    }
+
+    private async Task Submit() {
+        if (Model.Username is null || Model.Password is null) return;
+        var context = HttpContextAccessor.HttpContext;
+        if (context is null) throw new ArgumentNullException("context");
+
+        if (Authentication.IsUser(Model.Username, Model.Password)) {
+            var claims = new List<Claim> {
+                new(ClaimTypes.Name, Model.Username),
+                new(ClaimTypes.Role, "Administrator")
+            };
+            var identity = new ClaimsIdentity(claims, CookieAuthenticationDefaults.AuthenticationScheme);
+
+            var properties = new AuthenticationProperties{
+                AllowRefresh = true,
+                IsPersistent = true,
+                ExpiresUtc = DateTimeOffset.UtcNow.AddDays(1),
+                IssuedUtc = DateTimeOffset.UtcNow,
+                RedirectUri = "/"
+            };
+
+            await context.SignInAsync(
+                CookieAuthenticationDefaults.AuthenticationScheme,
+                new ClaimsPrincipal(identity),
+                properties);
+
+            Navigation.NavigateTo("/urls", true);
+        } else {
+            Message = "Invalid user name or password.";
+        }
+    }
+}
diff --git a/Pages/Login.cshtml b/Pages/Login.cshtml
deleted file mode 100644
index 5c58ee8..0000000
--- a/Pages/Login.cshtml
+++ /dev/null
@@ -1,34 +0,0 @@
-@page
-@model JustShortIt.Pages.LoginModel
-@{
-    ViewData["Title"] = "Login";
-}
-
-<div class="grid place-items-center h-full">
-    <form class="text-primary-content w-full md:max-w-md" method="post">
-        <h1 class="text-2xl lg:text-4xl mb-6">Login</h1>
-
-        <div class="form-control w-full">
-            <span class="label">
-                <label class="label-text text-primary-content" asp-for="UserModel!.Username">Username</label>
-            </span>
-            <input required class="input input-bordered w-full" type="text" asp-for="UserModel!.Username" autocomplete="username" />
-            <span class="label">
-                <span class="label-text-alt text-error" asp-validation-for="UserModel!.Username"></span>
-            </span>
-        </div>
-        <div class="form-control w-full">
-            <span class="label">
-                <label class="label-text text-primary-content" asp-for="UserModel!.Password">Password</label>
-            </span>
-            <input required class="input input-bordered w-full" type="password" asp-for="UserModel!.Password" autocomplete="current-password" />
-            <span class="label">
-                <span class="label-text-alt text-error" asp-validation-for="UserModel!.Password"></span>
-            </span>
-        </div>
-
-        <div class="text-error pb-3" asp-validation-summary="ModelOnly" class="text-danger"></div>
-        
-        <button class="btn btn-primary w-full" type="submit">Login</button>
-    </form>
-</div>
diff --git a/Pages/Login.cshtml.cs b/Pages/Login.cshtml.cs
deleted file mode 100644
index 4daba60..0000000
--- a/Pages/Login.cshtml.cs
+++ /dev/null
@@ -1,54 +0,0 @@
-
-using System.Security.Claims;
-using JustShortIt.Model;
-using Microsoft.AspNetCore.Authentication;
-using Microsoft.AspNetCore.Authentication.Cookies;
-using Microsoft.AspNetCore.Mvc;
-using Microsoft.AspNetCore.Mvc.RazorPages;
-using AuthenticationService = JustShortIt.Service.AuthenticationService;
-
-namespace JustShortIt.Pages; 
-
-public class LoginModel : PageModel {
-    [BindProperty]
-    public User? UserModel { get; set; }
-
-    private AuthenticationService Authentication { get; }
-
-    public LoginModel(AuthenticationService authentication) {
-        Authentication = authentication;
-    }
-
-    public async Task<IActionResult> OnPostAsync() {
-        if (!ModelState.IsValid) return Page();
-
-        if (Authentication.IsUser(UserModel!.Username, UserModel!.Password)) {
-
-            var claims = new List<Claim> {
-                new(ClaimTypes.Name, UserModel.Username),
-                new(ClaimTypes.Role, "Administrator")
-            };
-            var identity = new ClaimsIdentity(claims, CookieAuthenticationDefaults.AuthenticationScheme);
-
-            var properties = new AuthenticationProperties {
-                AllowRefresh = true,
-                IsPersistent = true,
-                ExpiresUtc = DateTimeOffset.UtcNow.AddDays(1),
-                IssuedUtc = DateTimeOffset.UtcNow,
-                RedirectUri = "/"
-            };
-
-            await HttpContext.SignInAsync(
-                CookieAuthenticationDefaults.AuthenticationScheme,
-                new ClaimsPrincipal(identity), 
-                properties);
-
-            return LocalRedirect("~/urls");
-        }
-
-        ModelState.AddModelError(string.Empty, "Invalid Username or Password");
-        return Page();
-    }
-
-    public IActionResult OnGet() => Page();
-}
\ No newline at end of file