cartaid/shopping-assistant-web-client
1
0
Fork 0
mirror of https://github.com/Shchoholiev/shopping-assistant-web-client.git synced 2025-04-05 00:59:38 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add razor page for login

Browse Source
This commit is contained in:
AndriiSyrotenko 2023-12-20 10:02:28 +00:00
parent 9de4170b59
commit b523e6b989
3 changed files with 104 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

56
ShoppingAssistantWebClient.Web/Pages/Login.cshtml Normal file
View File

@ -0,0 +1,56 @@
@page "/loginrazor"
@model ShoppingAssistantWebClient.Web.Pages.LoginModel
<head>
<link rel="stylesheet" href="css/Login.css" />
</head>
<div class="login-container">
<div class="login-form">
@if (!string.IsNullOrWhiteSpace(Model.ErrorMessage))
{
<div class="error-message-container">
<span class="validation-message error">@Model.ErrorMessage</span>
</div>
}
<form method="post" onsubmit="return validateForm()">
<input type="tel" asp-for="Input.Phone" id="phone" placeholder="Phone Number" pattern="\+?[0-9]{10,15}" />
<span asp-validation-for="Input.Phone" class="validation-message" id="phoneValidationMessage"></span>
<div class="or">or</div>
<input type="email" asp-for="Input.Email" id="email" placeholder="Email"/>
<span asp-validation-for="Input.Email" class="validation-message" id="emailValidationMessage"></span>
<input type="password" asp-for="Input.Password" placeholder="Password" />
<button class="login-button" type="submit">Login</button>
<button class="back-button" type="button" onclick="location.href='/'">Back</button>
</form>
</div>
</div>
@section Scripts {
<script>
function validateForm() {
var phone = document.getElementById('phone').value;
var email = document.getElementById('email').value;
var phoneValidationMessage = '';
var emailValidationMessage = '';
var isPhoneInvalid = false;
var isEmailInvalid = false;
if (phone && !/^\+[0-9]{1,15}$/.test(phone)) {
phoneValidationMessage = 'Please enter a valid phone number';
isPhoneInvalid = true;
}
if (email) {
emailValidationMessage = 'Please enter a valid email address';
isEmailInvalid = true;
}
document.getElementById('phoneValidationMessage').innerText = phoneValidationMessage;
document.getElementById('emailValidationMessage').innerText = emailValidationMessage;
return !isPhoneInvalid && !isEmailInvalid;
}
</script>
}

47
ShoppingAssistantWebClient.Web/Pages/Login.cshtml.cs Normal file
View File

@ -0,0 +1,47 @@
using Microsoft.AspNetCore.Mvc;
using Microsoft.AspNetCore.Mvc.RazorPages;
using ShoppingAssistantWebClient.Web.Models.Input;
using ShoppingAssistantWebClient.Web.Network;
namespace ShoppingAssistantWebClient.Web.Pages;
public class LoginModel : PageModel
{
[BindProperty]
public LoginInputModel Input { get; set; }
public string ErrorMessage { get; set; }
public AuthenticationService AuthenticationService { get; set; }
public void OnGet()
{
}
public async Task<IActionResult> OnPostAsync()
{
if (!ModelState.IsValid)
{
return Page();
}
if (Input.IsEmailOrPhoneProvided)
{
try
{
await AuthenticationService.LoginAsync(Input);
return RedirectToPage("/");
}
catch (Exception ex)
{
ErrorMessage = "Login failed. Please try again.";
return Page();
}
}
else
{
ErrorMessage = "Please provide an email or phone number.";
return Page();
}
}
}

2
ShoppingAssistantWebClient.Web/Pages/Settings.razor
View File

@ -143,7 +143,7 @@
} }
private void RedirectToLogin() { private void RedirectToLogin() {
var url = $"/login"; var url = $"/loginrazor";
NavigationManager.NavigateTo(url); NavigationManager.NavigateTo(url);
} }