1
0
Fork 0
mirror of https://github.com/miawinter98/just-short-it.git synced 2024-11-22 00:09:54 +00:00

changed: migrated login to razor components

This commit is contained in:
Mia Rose Winter 2023-11-18 16:35:52 +01:00
parent 2247031e11
commit 47e4849ac6
Signed by: miawinter
GPG key ID: 4B6F6A83178F595E
3 changed files with 93 additions and 88 deletions

View file

@ -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.";
}
}
}

View file

@ -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>

View file

@ -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();
}