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:
parent
2247031e11
commit
47e4849ac6
GPG key ID:
4B6F6A83178F595E
93
Components/Pages/Login.razor
Normal file
93
Components/Pages/Login.razor
Normal 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.";
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -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>
|
|
||||||
|
|
@ -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();
|
|
||||||
}
|
|
||||||
Loading…
Reference in a new issue