initial commit
This commit is contained in:
@@ -0,0 +1,63 @@
|
||||
@page "/account/access-denied"
|
||||
@using Indotalent.Features.Root
|
||||
@using MudBlazor
|
||||
@layout MainLayout
|
||||
|
||||
<PageTitle>Access Denied - Insufficient Permissions</PageTitle>
|
||||
|
||||
<MudContainer MaxWidth="MaxWidth.Medium" Class="d-flex align-center justify-center" Style="height: calc(100vh - 64px);">
|
||||
|
||||
<div class="text-center">
|
||||
|
||||
<MudIcon Icon="@Icons.Material.Filled.GppBad"
|
||||
Size="Size.Large"
|
||||
Color="Color.Error"
|
||||
Class="mb-6"
|
||||
Style="font-size: 120px;" />
|
||||
|
||||
<MudText Typo="Typo.h3" Class="mb-4" Style="font-weight: 800; color: #1a1a1a;">Access Denied</MudText>
|
||||
|
||||
<MudText Typo="Typo.body1" Class="mb-6" Style="color: #64748b;">
|
||||
Sorry, you do not have the required permissions to access this module.<br />
|
||||
This area is restricted to authorized administrative personnel only.
|
||||
</MudText>
|
||||
|
||||
<MudPaper Elevation="1" Class="pa-4 mb-8 d-inline-block" Style="border-radius: 4px; border: 1px solid #DCEBFA;">
|
||||
<MudText Typo="Typo.subtitle2" Class="mb-1">
|
||||
<strong>Error Code:</strong> <code>AGS_AUTH_INSUFFICIENT_PERMISSIONS</code>
|
||||
</MudText>
|
||||
<MudText Typo="Typo.caption" Style="color: #94a3b8; font-family: 'Consolas', monospace;">
|
||||
Verification failed for the current security context.
|
||||
</MudText>
|
||||
</MudPaper>
|
||||
|
||||
<div class="d-flex align-center justify-center gap-4">
|
||||
<MudButton Variant="Variant.Filled"
|
||||
Color="Color.Primary"
|
||||
Size="Size.Large"
|
||||
OnClick="GoHome"
|
||||
StartIcon="@Icons.Material.Filled.Home"
|
||||
Style="border-radius: 4px; font-weight: 700;">
|
||||
Back to Home
|
||||
</MudButton>
|
||||
|
||||
<MudButton Variant="Variant.Outlined"
|
||||
Color="Color.Default"
|
||||
Size="Size.Large"
|
||||
OnClick="Logout"
|
||||
StartIcon="@Icons.Material.Filled.Logout"
|
||||
Style="border-radius: 4px; font-weight: 700; border: 2px solid #e2e8f0;">
|
||||
Logout & Switch Account
|
||||
</MudButton>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</MudContainer>
|
||||
|
||||
@code {
|
||||
[Inject] private NavigationManager Nav { get; set; } = default!;
|
||||
|
||||
private void GoHome() => Nav.NavigateTo("/");
|
||||
private void Logout() => Nav.NavigateTo("/account/logout");
|
||||
}
|
||||
@@ -0,0 +1,19 @@
|
||||
@inject NavigationManager Navigation
|
||||
@using Microsoft.AspNetCore.Authorization
|
||||
@using Microsoft.AspNetCore.Components.Authorization
|
||||
@attribute [AllowAnonymous]
|
||||
|
||||
<AuthorizeView>
|
||||
<NotAuthorized>
|
||||
@{
|
||||
var returnUrl = Navigation.ToBaseRelativePath(Navigation.Uri);
|
||||
Navigation.NavigateTo($"/account/login?returnUrl={Uri.EscapeDataString(returnUrl)}", forceLoad: false);
|
||||
}
|
||||
</NotAuthorized>
|
||||
<Authorized>
|
||||
@{
|
||||
Navigation.NavigateTo("/account/access-denied");
|
||||
}
|
||||
</Authorized>
|
||||
</AuthorizeView>
|
||||
|
||||
@@ -0,0 +1,217 @@
|
||||
using Indotalent.ConfigFrontEnd.Service;
|
||||
using Indotalent.Data.Entities;
|
||||
using Indotalent.Features.Account.ForgotPassword.Cqrs;
|
||||
using Indotalent.Features.Account.Login.Cqrs;
|
||||
using Indotalent.Features.Account.Register.Cqrs;
|
||||
using Indotalent.Features.Account.ResetPassword.Cqrs;
|
||||
using Indotalent.Infrastructure.Authentication.Identity;
|
||||
using MediatR;
|
||||
using Microsoft.AspNetCore.Identity;
|
||||
using Microsoft.AspNetCore.Mvc;
|
||||
using Microsoft.EntityFrameworkCore;
|
||||
using Microsoft.Extensions.Options;
|
||||
using System.Security.Claims;
|
||||
|
||||
namespace Indotalent.Features.Account;
|
||||
|
||||
public static class AccountEndPoint
|
||||
{
|
||||
public static IEndpointConventionBuilder MapAccountEndpoints(this IEndpointRouteBuilder endpoints)
|
||||
{
|
||||
var group = endpoints.MapGroup("/account").WithTags("Account");
|
||||
|
||||
group.MapPost("/signin-sso", async ([FromQuery] string email, UserManager<ApplicationUser> userManager, SignInManager<ApplicationUser> signInManager, IOptions<JwtSettingsModel> jwtOptions, HttpContext context) =>
|
||||
{
|
||||
if (string.IsNullOrWhiteSpace(email)) return Results.Json(new { status = 401, title = "Email is required" }, statusCode: 401);
|
||||
|
||||
var user = await userManager.FindByEmailAsync(email);
|
||||
|
||||
if (user == null || !user.IsActive)
|
||||
{
|
||||
return Results.Json(new { status = 401, title = "Account not found or inactive" }, statusCode: 401);
|
||||
}
|
||||
|
||||
var jwtSettings = jwtOptions.Value;
|
||||
var token = JwtService.GenerateNewJwt(user, jwtSettings);
|
||||
var refreshToken = Guid.NewGuid().ToString().Replace("-", "");
|
||||
|
||||
user.RefreshToken = refreshToken;
|
||||
user.LastLoginAt = DateTime.Now;
|
||||
await userManager.UpdateAsync(user);
|
||||
|
||||
await signInManager.SignInAsync(user, isPersistent: true);
|
||||
|
||||
context.Response.Cookies.Append("X-Auth-Token", token, new CookieOptions
|
||||
{
|
||||
HttpOnly = true,
|
||||
Secure = true,
|
||||
SameSite = SameSiteMode.Strict,
|
||||
Expires = DateTimeOffset.UtcNow.AddDays(1)
|
||||
});
|
||||
|
||||
context.Response.Cookies.Append("X-Refresh-Token", refreshToken, new CookieOptions
|
||||
{
|
||||
HttpOnly = true,
|
||||
Secure = true,
|
||||
SameSite = SameSiteMode.Strict,
|
||||
Expires = DateTimeOffset.UtcNow.AddDays(7)
|
||||
});
|
||||
|
||||
return Results.Ok(new { status = 200, title = "SSO Login successful" });
|
||||
});
|
||||
|
||||
group.MapGet("/active-user-exists", async ([FromQuery] string email, UserManager<ApplicationUser> userManager) =>
|
||||
{
|
||||
if (string.IsNullOrWhiteSpace(email))
|
||||
{
|
||||
return Results.Ok(new { exists = false, isActive = false });
|
||||
}
|
||||
|
||||
var user = await userManager.FindByEmailAsync(email);
|
||||
|
||||
if (user == null)
|
||||
{
|
||||
return Results.Ok(new { exists = false, isActive = false });
|
||||
}
|
||||
|
||||
return Results.Ok(new { exists = true, isActive = user.IsActive });
|
||||
});
|
||||
|
||||
group.MapPost("/signin", async ([FromBody] LoginRequest request, IMediator mediator, HttpContext context, UserManager<ApplicationUser> userManager) =>
|
||||
{
|
||||
var command = new LoginCommand(request);
|
||||
var response = await mediator.Send(command);
|
||||
|
||||
if (response.Succeeded)
|
||||
{
|
||||
var user = await userManager.FindByEmailAsync(request.Email);
|
||||
|
||||
if (user != null)
|
||||
{
|
||||
context.Response.Cookies.Append("X-Auth-Token", response.Token!, new CookieOptions
|
||||
{
|
||||
HttpOnly = true,
|
||||
Secure = true,
|
||||
SameSite = SameSiteMode.Strict,
|
||||
Expires = DateTimeOffset.UtcNow.AddDays(1)
|
||||
});
|
||||
|
||||
context.Response.Cookies.Append("X-Refresh-Token", user.RefreshToken!, new CookieOptions
|
||||
{
|
||||
HttpOnly = true,
|
||||
Secure = true,
|
||||
SameSite = SameSiteMode.Strict,
|
||||
Expires = DateTimeOffset.UtcNow.AddDays(7)
|
||||
});
|
||||
}
|
||||
|
||||
return Results.Ok(new { status = 200, title = response.Message });
|
||||
}
|
||||
return Results.Json(new { status = 401, title = response.Message }, statusCode: 401);
|
||||
});
|
||||
|
||||
|
||||
|
||||
group.MapPost("/refresh-token", async (HttpContext context) =>
|
||||
{
|
||||
var userManager = context.RequestServices.GetRequiredService<UserManager<ApplicationUser>>();
|
||||
var jwtSettings = context.RequestServices.GetRequiredService<IOptions<JwtSettingsModel>>().Value;
|
||||
|
||||
var refreshToken = context.Request.Headers["X-Refresh-Token"].ToString();
|
||||
|
||||
if (string.IsNullOrEmpty(refreshToken)) return Results.Unauthorized();
|
||||
|
||||
var user = await userManager.Users.FirstOrDefaultAsync(u => u.RefreshToken == refreshToken);
|
||||
|
||||
if (user == null || !user.IsActive) return Results.Unauthorized();
|
||||
|
||||
var newToken = JwtService.GenerateNewJwt(user, jwtSettings);
|
||||
|
||||
context.Response.Cookies.Append("X-Auth-Token", newToken, new CookieOptions
|
||||
{
|
||||
HttpOnly = true,
|
||||
Secure = true,
|
||||
SameSite = SameSiteMode.Strict,
|
||||
Expires = DateTimeOffset.UtcNow.AddDays(1)
|
||||
});
|
||||
|
||||
return Results.Ok(new LoginResponse { Succeeded = true, Token = newToken });
|
||||
});
|
||||
|
||||
group.MapPost("/signup", async ([FromBody] CreateUserRequest request, IMediator mediator) =>
|
||||
{
|
||||
try
|
||||
{
|
||||
var command = new CreateUserCommand(request);
|
||||
var response = await mediator.Send(command);
|
||||
return Results.Ok(response);
|
||||
}
|
||||
catch (Exception ex)
|
||||
{
|
||||
return Results.BadRequest(new { errors = new[] { ex.Message } });
|
||||
}
|
||||
});
|
||||
|
||||
group.MapPost("/signout", async (
|
||||
SignInManager<ApplicationUser> signInManager,
|
||||
UserManager<ApplicationUser> userManager,
|
||||
HttpContext context) =>
|
||||
{
|
||||
var userId = context.User.FindFirstValue(ClaimTypes.NameIdentifier);
|
||||
|
||||
if (!string.IsNullOrEmpty(userId))
|
||||
{
|
||||
var user = await userManager.FindByIdAsync(userId);
|
||||
if (user != null)
|
||||
{
|
||||
user.RefreshToken = null;
|
||||
await userManager.UpdateAsync(user);
|
||||
}
|
||||
}
|
||||
|
||||
await signInManager.SignOutAsync();
|
||||
|
||||
context.Response.Cookies.Delete("X-Auth-Token");
|
||||
context.Response.Cookies.Delete("X-Refresh-Token");
|
||||
|
||||
return Results.Ok(new { status = 200, title = "Successfully signed out" });
|
||||
|
||||
});
|
||||
|
||||
group.MapPost("/forgot-password", async ([FromBody] ForgotPasswordRequest request, IMediator mediator) =>
|
||||
{
|
||||
try
|
||||
{
|
||||
var command = new ForgotPasswordCommand(request);
|
||||
var response = await mediator.Send(command);
|
||||
return Results.Ok(response);
|
||||
}
|
||||
catch (Exception ex)
|
||||
{
|
||||
return Results.BadRequest(new { errors = new[] { ex.Message } });
|
||||
}
|
||||
});
|
||||
|
||||
group.MapPost("/logout", async (SignInManager<ApplicationUser> signInManager) =>
|
||||
{
|
||||
await signInManager.SignOutAsync();
|
||||
return Results.Ok(new { title = "Success user logout" });
|
||||
}).RequireAuthorization();
|
||||
|
||||
group.MapPost("/reset-password", async ([FromBody] ResetPasswordRequest request, IMediator mediator) =>
|
||||
{
|
||||
try
|
||||
{
|
||||
var command = new ResetPasswordCommand(request);
|
||||
var response = await mediator.Send(command);
|
||||
return Results.Ok(response);
|
||||
}
|
||||
catch (Exception ex)
|
||||
{
|
||||
return Results.BadRequest(new { errors = new[] { ex.Message } });
|
||||
}
|
||||
});
|
||||
|
||||
return group;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,516 @@
|
||||
@using Indotalent.Shared.Consts
|
||||
@inherits LayoutComponentBase
|
||||
@inject NavigationManager Navigation
|
||||
|
||||
<MudThemeProvider />
|
||||
<MudDialogProvider />
|
||||
<MudSnackbarProvider />
|
||||
<MudPopoverProvider />
|
||||
|
||||
<style>
|
||||
* { margin: 0; padding: 0; box-sizing: border-box; }
|
||||
html { scroll-behavior: smooth; }
|
||||
|
||||
.auth-split-container {
|
||||
display: flex;
|
||||
min-height: 100vh;
|
||||
width: 100%;
|
||||
font-family: "Poppins", sans-serif;
|
||||
}
|
||||
|
||||
.auth-left-panel {
|
||||
display: none;
|
||||
width: 50%;
|
||||
background: linear-gradient(135deg, #10B981 0%, #059669 50%, #047857 100%);
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
padding: 3rem;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.auth-left-panel::before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
width: 400px;
|
||||
height: 400px;
|
||||
background: rgba(255,255,255,0.05);
|
||||
border-radius: 50%;
|
||||
top: -100px;
|
||||
right: -100px;
|
||||
}
|
||||
|
||||
.auth-left-panel::after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
width: 300px;
|
||||
height: 300px;
|
||||
background: rgba(255,255,255,0.04);
|
||||
border-radius: 50%;
|
||||
bottom: -80px;
|
||||
left: -80px;
|
||||
}
|
||||
|
||||
.auth-left-content {
|
||||
max-width: 28rem;
|
||||
z-index: 1;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.auth-brand-row {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.75rem;
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
|
||||
.auth-brand-icon {
|
||||
width: 3.5rem;
|
||||
height: 3.5rem;
|
||||
background: rgba(255,255,255,0.2);
|
||||
backdrop-filter: blur(8px);
|
||||
border-radius: 0.75rem;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.auth-brand-icon svg {
|
||||
width: 2rem;
|
||||
height: 2rem;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.auth-brand-name {
|
||||
font-size: 1.5rem;
|
||||
font-weight: 700;
|
||||
color: #ffffff;
|
||||
line-height: 1.2;
|
||||
}
|
||||
|
||||
.auth-brand-sub {
|
||||
font-size: 0.8125rem;
|
||||
color: rgba(255,255,255,0.7);
|
||||
}
|
||||
|
||||
.auth-welcome-title {
|
||||
font-size: 1.875rem;
|
||||
font-weight: 700;
|
||||
line-height: 1.3;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.auth-welcome-desc {
|
||||
color: rgba(255,255,255,0.8);
|
||||
line-height: 1.6;
|
||||
margin-bottom: 2rem;
|
||||
font-size: 0.9375rem;
|
||||
}
|
||||
|
||||
.auth-feature-list {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 1rem;
|
||||
margin-bottom: 2.5rem;
|
||||
}
|
||||
|
||||
.auth-feature-item {
|
||||
display: flex;
|
||||
align-items: flex-start;
|
||||
gap: 0.75rem;
|
||||
}
|
||||
|
||||
.auth-feature-check {
|
||||
width: 1.25rem;
|
||||
height: 1.25rem;
|
||||
background: rgba(255,255,255,0.2);
|
||||
border-radius: 0.25rem;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
flex-shrink: 0;
|
||||
margin-top: 0.125rem;
|
||||
}
|
||||
|
||||
.auth-feature-check svg {
|
||||
width: 0.75rem;
|
||||
height: 0.75rem;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.auth-feature-label {
|
||||
font-weight: 600;
|
||||
font-size: 0.875rem;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.auth-feature-sub {
|
||||
font-size: 0.75rem;
|
||||
color: rgba(255,255,255,0.7);
|
||||
margin-top: 0.125rem;
|
||||
}
|
||||
|
||||
.auth-support-card {
|
||||
background: rgba(255,255,255,0.1);
|
||||
backdrop-filter: blur(8px);
|
||||
border: 1px solid rgba(255,255,255,0.2);
|
||||
border-radius: 0.75rem;
|
||||
padding: 1rem;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.75rem;
|
||||
}
|
||||
|
||||
.auth-support-icon {
|
||||
width: 2.5rem;
|
||||
height: 2.5rem;
|
||||
background: rgba(255,255,255,0.2);
|
||||
border-radius: 50%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.auth-support-icon svg {
|
||||
width: 1.25rem;
|
||||
height: 1.25rem;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.auth-support-title {
|
||||
font-size: 0.875rem;
|
||||
font-weight: 600;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.auth-support-sub {
|
||||
font-size: 0.75rem;
|
||||
color: rgba(255,255,255,0.7);
|
||||
}
|
||||
|
||||
.auth-right-panel {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
padding: 1.5rem;
|
||||
background: #ffffff;
|
||||
}
|
||||
|
||||
.auth-form-wrapper {
|
||||
width: 100%;
|
||||
max-width: 28rem;
|
||||
}
|
||||
|
||||
.auth-card {
|
||||
background: #ffffff;
|
||||
border-radius: 1rem;
|
||||
border: 1px solid #e2e8f0;
|
||||
box-shadow: 0 1px 3px rgba(0,0,0,0.06), 0 1px 2px rgba(0,0,0,0.04);
|
||||
padding: 2rem;
|
||||
}
|
||||
|
||||
.auth-card-footer {
|
||||
text-align: center;
|
||||
margin-top: 1.5rem;
|
||||
font-size: 0.75rem;
|
||||
color: #94a3b8;
|
||||
font-weight: 600;
|
||||
letter-spacing: 0.025em;
|
||||
}
|
||||
|
||||
.auth-mobile-brand {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.5rem;
|
||||
padding: 1rem 1.5rem;
|
||||
background: linear-gradient(135deg, #10B981 0%, #059669 100%);
|
||||
color: #ffffff;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.auth-mobile-brand svg {
|
||||
width: 1.75rem;
|
||||
height: 1.75rem;
|
||||
}
|
||||
|
||||
.auth-mobile-brand span {
|
||||
font-weight: 700;
|
||||
font-size: 1.125rem;
|
||||
}
|
||||
|
||||
/* Form styles used by child components */
|
||||
.page-header {
|
||||
text-align: center;
|
||||
margin-bottom: 1.5rem;
|
||||
}
|
||||
|
||||
.page-header h2 {
|
||||
font-size: 1.5rem;
|
||||
font-weight: 700;
|
||||
color: #1e293b;
|
||||
}
|
||||
|
||||
.page-header p {
|
||||
font-size: 0.875rem;
|
||||
color: #64748b;
|
||||
margin-top: 0.25rem;
|
||||
}
|
||||
|
||||
.form-label {
|
||||
display: block;
|
||||
font-size: 0.8125rem;
|
||||
font-weight: 600;
|
||||
color: #475569;
|
||||
margin-bottom: 0.375rem;
|
||||
}
|
||||
|
||||
.form-label-row {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
margin-bottom: 0.375rem;
|
||||
}
|
||||
|
||||
.forgot-link {
|
||||
font-size: 0.75rem;
|
||||
color: #64748b;
|
||||
text-decoration: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.forgot-link:hover {
|
||||
color: #10B981;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.remember-row {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.5rem;
|
||||
margin-bottom: 1.5rem;
|
||||
}
|
||||
|
||||
.divider-or {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 1rem;
|
||||
margin: 1.5rem 0;
|
||||
}
|
||||
|
||||
.divider-or::before,
|
||||
.divider-or::after {
|
||||
content: '';
|
||||
flex: 1;
|
||||
height: 1px;
|
||||
background: #e2e8f0;
|
||||
}
|
||||
|
||||
.divider-or span {
|
||||
font-size: 0.75rem;
|
||||
color: #94a3b8;
|
||||
font-weight: 500;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.05em;
|
||||
}
|
||||
|
||||
.auth-link {
|
||||
color: #10B981;
|
||||
font-size: 0.875rem;
|
||||
font-weight: 600;
|
||||
text-decoration: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.auth-link:hover {
|
||||
color: #059669;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.btn-google {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
gap: 0.5rem;
|
||||
padding: 0.625rem 1rem;
|
||||
width: 100%;
|
||||
background: #ffffff;
|
||||
color: #475569;
|
||||
font-size: 0.875rem;
|
||||
font-weight: 500;
|
||||
border-radius: 0.5rem;
|
||||
border: 1.5px solid #e2e8f0;
|
||||
cursor: pointer;
|
||||
transition: all 0.2s;
|
||||
}
|
||||
|
||||
.btn-google:hover {
|
||||
border-color: #10B981;
|
||||
background: #ecfdf5;
|
||||
}
|
||||
|
||||
.logout-container,
|
||||
.confirm-container {
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.logout-icon-wrapper,
|
||||
.confirm-icon-wrapper {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
margin-bottom: 1.5rem;
|
||||
}
|
||||
|
||||
.logout-icon-circle,
|
||||
.confirm-icon-circle {
|
||||
width: 5rem;
|
||||
height: 5rem;
|
||||
background: #ecfdf5;
|
||||
border-radius: 50%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.logout-icon-circle svg,
|
||||
.confirm-icon-circle svg {
|
||||
width: 2.5rem;
|
||||
height: 2.5rem;
|
||||
color: #10B981;
|
||||
}
|
||||
|
||||
.logout-title,
|
||||
.confirm-title {
|
||||
font-size: 1.5rem;
|
||||
font-weight: 700;
|
||||
color: #1e293b;
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
|
||||
.logout-desc,
|
||||
.confirm-desc {
|
||||
font-size: 0.875rem;
|
||||
color: #64748b;
|
||||
margin-bottom: 1.5rem;
|
||||
}
|
||||
|
||||
@@media (min-width: 1024px) {
|
||||
.auth-left-panel {
|
||||
display: flex;
|
||||
}
|
||||
.auth-right-panel {
|
||||
width: 50%;
|
||||
padding: 3rem;
|
||||
}
|
||||
.auth-mobile-brand {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@@media (max-width: 1023px) {
|
||||
.auth-right-panel {
|
||||
padding: 1rem;
|
||||
}
|
||||
.auth-card {
|
||||
border-radius: 0.75rem;
|
||||
padding: 1.5rem;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
<div class="auth-split-container">
|
||||
<!-- Left Panel - Branding (hidden on mobile) -->
|
||||
<div class="auth-left-panel">
|
||||
<div class="auth-left-content">
|
||||
<div class="auth-brand-row" @onclick="NavigateToHome" style="cursor: pointer;">
|
||||
<div class="auth-brand-icon">
|
||||
<svg fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M2.25 3h1.386c.51 0 .955.343 1.087.835l.383 1.437M7.5 14.25a3 3 0 00-3 3h15.75m-12.75-3h11.218c1.121-2.3 2.1-4.684 2.924-7.138a60.114 60.114 0 00-16.536-1.84M7.5 14.25L5.106 5.272M6 20.25a.75.75 0 11-1.5 0 .75.75 0 011.5 0zm12.75 0a.75.75 0 11-1.5 0 .75.75 0 011.5 0z"/></svg>
|
||||
</div>
|
||||
<div>
|
||||
<div class="auth-brand-name">@GlobalConsts.AppName</div>
|
||||
<div class="auth-brand-sub">@GlobalConsts.AppTagline</div>
|
||||
</div>
|
||||
</div>
|
||||
<h2 class="auth-welcome-title">Welcome Back to<br/>Your SCM Platform</h2>
|
||||
<p class="auth-welcome-desc">A complete supply chain solution—seamless procurement to bill, streamlined sales to invoice.</p>
|
||||
<div class="auth-feature-list">
|
||||
<div class="auth-feature-item">
|
||||
<div class="auth-feature-check">
|
||||
<svg fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="3"><path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l6 6 9-13.5"/></svg>
|
||||
</div>
|
||||
<div>
|
||||
<div class="auth-feature-label">Sales & Purchase</div>
|
||||
<div class="auth-feature-sub">Quotation to payment, requisition to bill</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="auth-feature-item">
|
||||
<div class="auth-feature-check">
|
||||
<svg fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="3"><path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l6 6 9-13.5"/></svg>
|
||||
</div>
|
||||
<div>
|
||||
<div class="auth-feature-label">Inventory & Warehouse</div>
|
||||
<div class="auth-feature-sub">Product catalog, stock management, transfers</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="auth-feature-item">
|
||||
<div class="auth-feature-check">
|
||||
<svg fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="3"><path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l6 6 9-13.5"/></svg>
|
||||
</div>
|
||||
<div>
|
||||
<div class="auth-feature-label">Customer & Vendor</div>
|
||||
<div class="auth-feature-sub">Groups, categories, contacts, relationship tracking</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="auth-feature-item">
|
||||
<div class="auth-feature-check">
|
||||
<svg fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="3"><path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l6 6 9-13.5"/></svg>
|
||||
</div>
|
||||
<div>
|
||||
<div class="auth-feature-label">Reports & Analytics</div>
|
||||
<div class="auth-feature-sub">Sales, purchase, delivery and return reports</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Right Panel - Form Area -->
|
||||
<div class="auth-right-panel">
|
||||
<div class="auth-form-wrapper">
|
||||
<!-- Mobile Brand Strip -->
|
||||
<div class="auth-mobile-brand" @onclick="NavigateToHome" style="cursor: pointer;">
|
||||
<svg fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M2.25 3h1.386c.51 0 .955.343 1.087.835l.383 1.437M7.5 14.25a3 3 0 00-3 3h15.75m-12.75-3h11.218c1.121-2.3 2.1-4.684 2.924-7.138a60.114 60.114 0 00-16.536-1.84M7.5 14.25L5.106 5.272M6 20.25a.75.75 0 11-1.5 0 .75.75 0 011.5 0zm12.75 0a.75.75 0 11-1.5 0 .75.75 0 011.5 0z"/></svg>
|
||||
<span>@GlobalConsts.AppName</span>
|
||||
</div>
|
||||
|
||||
<!-- Form Card -->
|
||||
<div class="auth-card">
|
||||
@Body
|
||||
</div>
|
||||
|
||||
<!-- Footer Copyright -->
|
||||
<div class="auth-card-footer">
|
||||
© @DateTime.Now.Year @GlobalConsts.AppInitial. ALL RIGHTS RESERVED.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@code {
|
||||
protected override void OnInitialized()
|
||||
{
|
||||
// Set MudTheme for emerald primary color
|
||||
var theme = new MudBlazor.MudTheme();
|
||||
theme.PaletteLight.Primary = "#10B981";
|
||||
theme.PaletteLight.Secondary = "#059669";
|
||||
theme.PaletteLight.AppbarBackground = "#10B981";
|
||||
theme.Typography.Default.FontFamily = new[] { "Poppins", "sans-serif" };
|
||||
}
|
||||
|
||||
private void NavigateToHome()
|
||||
{
|
||||
Navigation.NavigateTo("/", forceLoad: true);
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,69 @@
|
||||
@page "/account/confirm-email"
|
||||
@layout AuthenticationLayout
|
||||
@using Indotalent.Shared.Consts
|
||||
@using Microsoft.AspNetCore.Identity
|
||||
@using Microsoft.AspNetCore.WebUtilities
|
||||
@using System.Text
|
||||
@using Indotalent.Data.Entities
|
||||
@inject UserManager<ApplicationUser> UserManager
|
||||
@inject NavigationManager Navigation
|
||||
@inject ISnackbar Snackbar
|
||||
|
||||
<PageTitle>Confirming Email - @GlobalConsts.AppInitial</PageTitle>
|
||||
|
||||
<div class="confirm-container">
|
||||
<div class="confirm-icon-wrapper">
|
||||
<div class="confirm-icon-circle">
|
||||
<svg fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5"><path stroke-linecap="round" stroke-linejoin="round" d="M21.75 6.75v10.5a2.25 2.25 0 01-2.25 2.25h-15a2.25 2.25 0 01-2.25-2.25V6.75m19.5 0A2.25 2.25 0 0019.5 4.5h-15a2.25 2.25 0 00-2.25 2.25m19.5 0v.243a2.25 2.25 0 01-1.07 1.916l-7.5 4.615a2.25 2.25 0 01-2.36 0L3.32 8.91a2.25 2.25 0 01-1.07-1.916V6.75"/></svg>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<h2 class="confirm-title">Verifying Your Account</h2>
|
||||
<p class="confirm-desc">Please wait while we validate your email address...</p>
|
||||
|
||||
<MudProgressCircular Color="Color.Primary" Indeterminate="true" Size="Size.Large" />
|
||||
</div>
|
||||
|
||||
@code {
|
||||
[SupplyParameterFromQuery] public string? userId { get; set; }
|
||||
[SupplyParameterFromQuery] public string? code { get; set; }
|
||||
|
||||
protected override async Task OnInitializedAsync()
|
||||
{
|
||||
if (string.IsNullOrEmpty(userId) || string.IsNullOrEmpty(code))
|
||||
{
|
||||
Snackbar.Add("Invalid or expired confirmation link.", Severity.Error);
|
||||
Navigation.NavigateTo("/account/login");
|
||||
return;
|
||||
}
|
||||
|
||||
var user = await UserManager.FindByIdAsync(userId);
|
||||
if (user == null)
|
||||
{
|
||||
Snackbar.Add("User record not found.", Severity.Error);
|
||||
Navigation.NavigateTo("/account/login");
|
||||
return;
|
||||
}
|
||||
|
||||
try
|
||||
{
|
||||
var decodedCode = Encoding.UTF8.GetString(WebEncoders.Base64UrlDecode(code));
|
||||
var result = await UserManager.ConfirmEmailAsync(user, decodedCode);
|
||||
await Task.Delay(500);
|
||||
if (result.Succeeded)
|
||||
{
|
||||
Snackbar.Add("Email verified successfully! You can now sign in.", Severity.Success);
|
||||
}
|
||||
else
|
||||
{
|
||||
Snackbar.Add("Verification failed. The link may have expired.", Severity.Error);
|
||||
}
|
||||
}
|
||||
catch
|
||||
{
|
||||
Snackbar.Add("An error occurred during verification.", Severity.Error);
|
||||
}
|
||||
|
||||
Navigation.NavigateTo("/account/login");
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,123 @@
|
||||
@page "/account/forgot-password"
|
||||
@layout AuthenticationLayout
|
||||
@using System.ComponentModel.DataAnnotations
|
||||
@using Indotalent.Shared.Consts
|
||||
@using Microsoft.JSInterop
|
||||
@inject IJSRuntime JSRuntime
|
||||
@inject ISnackbar Snackbar
|
||||
@inject NavigationManager Navigation
|
||||
|
||||
<PageTitle>Forgot Password - @GlobalConsts.AppInitial</PageTitle>
|
||||
|
||||
<div class="page-header">
|
||||
<h2>Forgot Password?</h2>
|
||||
<p>Enter your email address below and we'll send you a link to reset your password.</p>
|
||||
</div>
|
||||
|
||||
<MudForm @ref="form" @bind-IsValid="@success">
|
||||
|
||||
<div style="margin-bottom: 1.5rem;">
|
||||
<label class="form-label">Email Address</label>
|
||||
<MudTextField T="string"
|
||||
@bind-Value="model.Email"
|
||||
Variant="Variant.Outlined"
|
||||
Placeholder="name@example.com"
|
||||
Margin="Margin.Dense"
|
||||
Adornment="Adornment.Start"
|
||||
AdornmentIcon="@Icons.Material.Filled.Email"
|
||||
Required="true"
|
||||
Validation="@(new EmailAddressAttribute() { ErrorMessage = "Invalid email address format" })"
|
||||
For="@(() => model.Email)" />
|
||||
</div>
|
||||
|
||||
<MudButton Variant="Variant.Filled"
|
||||
Color="Color.Primary"
|
||||
Size="Size.Large"
|
||||
FullWidth="true"
|
||||
Disabled="!success || isProcessing"
|
||||
OnClick="HandleForgotPassword"
|
||||
Style="text-transform:none; border-radius: 0.5rem; height: 48px; font-weight: 600;">
|
||||
@if (isProcessing)
|
||||
{
|
||||
<MudProgressCircular Class="ms-n1" Size="Size.Small" Indeterminate="true" />
|
||||
<span class="ms-2">Sending link...</span>
|
||||
}
|
||||
else
|
||||
{
|
||||
<span>Send Reset Link</span>
|
||||
}
|
||||
</MudButton>
|
||||
</MudForm>
|
||||
|
||||
<div class="text-center mt-6">
|
||||
<MudText Typo="Typo.body2" Style="color: #64748b;">
|
||||
Remember your password?
|
||||
<a class="auth-link ml-1" href="/account/login">Back to Sign In</a>
|
||||
</MudText>
|
||||
</div>
|
||||
|
||||
@code {
|
||||
private MudForm form = default!;
|
||||
private bool success;
|
||||
private bool isProcessing;
|
||||
private ForgotPasswordModel model = new();
|
||||
|
||||
private class ForgotPasswordModel
|
||||
{
|
||||
public string Email { get; set; } = "";
|
||||
}
|
||||
|
||||
private async Task HandleForgotPassword()
|
||||
{
|
||||
await form.Validate();
|
||||
if (!success) return;
|
||||
|
||||
isProcessing = true;
|
||||
StateHasChanged();
|
||||
|
||||
var result = await JSRuntime.InvokeAsync<ApiResponse>("apiForgotPassword", model.Email);
|
||||
|
||||
if (result.Status == 200)
|
||||
{
|
||||
Snackbar.Add("If your email is registered, a reset link has been sent.", Severity.Success);
|
||||
await Task.Delay(500);
|
||||
Navigation.NavigateTo("/account/login");
|
||||
}
|
||||
else
|
||||
{
|
||||
Snackbar.Add(result.Title ?? "Failed to send reset link", Severity.Error);
|
||||
}
|
||||
|
||||
isProcessing = false;
|
||||
StateHasChanged();
|
||||
}
|
||||
|
||||
private class ApiResponse
|
||||
{
|
||||
public int Status { get; set; }
|
||||
public string? Title { get; set; }
|
||||
}
|
||||
}
|
||||
|
||||
<script>
|
||||
window.apiForgotPassword = async (email) => {
|
||||
try {
|
||||
const response = await fetch('/api/account/forgot-password', {
|
||||
method: 'POST',
|
||||
headers: { 'Content-Type': 'application/json' },
|
||||
body: JSON.stringify({ email })
|
||||
});
|
||||
|
||||
if (response.ok) {
|
||||
return { status: 200, title: 'Success' };
|
||||
} else {
|
||||
const data = await response.json();
|
||||
let msg = 'Error processing request';
|
||||
if (data.errors && data.errors.length > 0) msg = data.errors[0];
|
||||
return { status: response.status, title: msg };
|
||||
}
|
||||
} catch (error) {
|
||||
return { status: 500, title: 'Network error' };
|
||||
}
|
||||
};
|
||||
</script>
|
||||
@@ -0,0 +1,70 @@
|
||||
using Indotalent.Data.Entities;
|
||||
using MediatR;
|
||||
using Microsoft.AspNetCore.Identity;
|
||||
using Microsoft.AspNetCore.WebUtilities;
|
||||
using System.Text;
|
||||
|
||||
namespace Indotalent.Features.Account.ForgotPassword.Cqrs;
|
||||
|
||||
public class ForgotPasswordRequest
|
||||
{
|
||||
public string Email { get; set; } = string.Empty;
|
||||
}
|
||||
|
||||
public class ForgotPasswordResponse
|
||||
{
|
||||
public string Message { get; set; } = string.Empty;
|
||||
}
|
||||
|
||||
public record ForgotPasswordCommand(ForgotPasswordRequest Data) : IRequest<ForgotPasswordResponse>;
|
||||
|
||||
public class ForgotPasswordHandler : IRequestHandler<ForgotPasswordCommand, ForgotPasswordResponse>
|
||||
{
|
||||
private readonly UserManager<ApplicationUser> _userManager;
|
||||
private readonly IEmailSender<ApplicationUser> _emailSender;
|
||||
private readonly IHttpContextAccessor _httpContextAccessor;
|
||||
|
||||
public ForgotPasswordHandler(
|
||||
UserManager<ApplicationUser> userManager,
|
||||
IEmailSender<ApplicationUser> emailSender,
|
||||
IHttpContextAccessor httpContextAccessor)
|
||||
{
|
||||
_userManager = userManager;
|
||||
_emailSender = emailSender;
|
||||
_httpContextAccessor = httpContextAccessor;
|
||||
}
|
||||
|
||||
public async Task<ForgotPasswordResponse> Handle(ForgotPasswordCommand request, CancellationToken cancellationToken)
|
||||
{
|
||||
var user = await _userManager.FindByEmailAsync(request.Data.Email);
|
||||
|
||||
if (user == null || !(await _userManager.IsEmailConfirmedAsync(user)))
|
||||
{
|
||||
return new ForgotPasswordResponse { Message = "If your email is registered, you will receive a reset link." };
|
||||
}
|
||||
|
||||
var code = await _userManager.GeneratePasswordResetTokenAsync(user);
|
||||
code = WebEncoders.Base64UrlEncode(Encoding.UTF8.GetBytes(code));
|
||||
|
||||
var requestHttp = _httpContextAccessor.HttpContext?.Request;
|
||||
var scheme = requestHttp?.Scheme ?? "https";
|
||||
var host = requestHttp?.Host.Value ?? "localhost:8080";
|
||||
|
||||
var callbackUrl = $"{scheme}://{host}/account/reset-password?userId={user.Id}&code={code}";
|
||||
|
||||
var message = $@"
|
||||
<div style=""font-family: Arial, sans-serif;"">
|
||||
<h3>Password Reset Request</h3>
|
||||
<p>Hello, {user.FullName}!</p>
|
||||
<p>We received a request to reset your password. Click the link below to proceed:</p>
|
||||
<p><a href=""{callbackUrl}"" style=""color: #2196F3; font-weight: bold;"">Reset Password</a></p>
|
||||
<br/>
|
||||
<p style=""font-size: 0.8em; color: #666;"">If you didn't request this, you can safely ignore this email.</p>
|
||||
<p style=""font-size: 0.8em; color: #666;"">{callbackUrl}</p>
|
||||
</div>";
|
||||
|
||||
await _emailSender.SendPasswordResetLinkAsync(user, user.Email!, message);
|
||||
|
||||
return new ForgotPasswordResponse { Message = "Reset link has been sent." };
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,271 @@
|
||||
@page "/account/login"
|
||||
@layout AuthenticationLayout
|
||||
@using Indotalent.Shared.Consts
|
||||
@using Microsoft.JSInterop
|
||||
@using Indotalent.Infrastructure.Authentication.Identity
|
||||
@using Microsoft.Extensions.Options
|
||||
@inject IJSRuntime JSRuntime
|
||||
@inject IOptions<IdentitySettingsModel> IdentityOptions
|
||||
@inject NavigationManager Navigation
|
||||
@inject ISnackbar Snackbar
|
||||
|
||||
<PageTitle>Sign In - @GlobalConsts.AppInitial</PageTitle>
|
||||
|
||||
<div class="page-header">
|
||||
<h2>Sign In</h2>
|
||||
<p>Enter your credentials to access your account</p>
|
||||
</div>
|
||||
|
||||
<MudForm @ref="form" @bind-IsValid="@success" Validation="@(new Func<EditContext, Task<bool>>(ValidateForm))" Class="w-100">
|
||||
|
||||
<div style="margin-bottom: 1rem;">
|
||||
<label class="form-label">Email Address</label>
|
||||
<MudTextField T="string"
|
||||
@bind-Value="model.Email"
|
||||
Variant="Variant.Outlined"
|
||||
Placeholder="you@company.com"
|
||||
Margin="Margin.Dense"
|
||||
Adornment="Adornment.Start"
|
||||
AdornmentIcon="@Icons.Material.Filled.Email"
|
||||
Required="true"
|
||||
For="@(() => model.Email)"
|
||||
Style="margin-bottom: 1rem;" />
|
||||
</div>
|
||||
|
||||
<div style="margin-bottom: 1rem;">
|
||||
<div class="form-label-row">
|
||||
<label class="form-label" style="margin-bottom: 0;">Password</label>
|
||||
<a class="forgot-link" href="/account/forgot-password">Forgot password?</a>
|
||||
</div>
|
||||
<MudTextField T="string"
|
||||
@bind-Value="model.Password"
|
||||
Variant="Variant.Outlined"
|
||||
Placeholder="Enter your password"
|
||||
Margin="Margin.Dense"
|
||||
Adornment="Adornment.Start"
|
||||
AdornmentIcon="@Icons.Material.Filled.Lock"
|
||||
InputType="@(showPassword ? InputType.Text : InputType.Password)"
|
||||
AdornmentEndIcon="@(showPassword? Icons.Material.Filled.Visibility : Icons.Material.Filled.VisibilityOff)"
|
||||
OnAdornmentEndClick="() => showPassword = !showPassword"
|
||||
Required="true"
|
||||
For="@(() => model.Password)" />
|
||||
</div>
|
||||
|
||||
<div class="remember-row">
|
||||
<MudCheckBox T="bool"
|
||||
@bind-Value="rememberMe"
|
||||
Label="Remember me"
|
||||
Color="Color.Primary"
|
||||
Dense="true" />
|
||||
</div>
|
||||
|
||||
<MudButton Variant="Variant.Filled"
|
||||
Color="Color.Primary"
|
||||
Size="Size.Large"
|
||||
FullWidth="true"
|
||||
Disabled="!success || isProcessing"
|
||||
OnClick="HandleLogin"
|
||||
Style="text-transform:none; border-radius: 0.5rem; height: 48px; font-weight: 600;">
|
||||
@if (isProcessing)
|
||||
{
|
||||
<MudProgressCircular Class="ms-n1" Size="Size.Small" Indeterminate="true" />
|
||||
<span class="ms-2">Signing in...</span>
|
||||
}
|
||||
else
|
||||
{
|
||||
<span>Sign In</span>
|
||||
}
|
||||
</MudButton>
|
||||
|
||||
@if (IdentityOptions.Value.SsoFirebase.IsUsed)
|
||||
{
|
||||
<div class="divider-or"><span>Or continue with</span></div>
|
||||
|
||||
<MudButton Variant="Variant.Outlined"
|
||||
FullWidth="true"
|
||||
Size="Size.Large"
|
||||
Disabled="isProcessing"
|
||||
OnClick="HandleFirebaseGoogleLogin"
|
||||
StartIcon="@Icons.Custom.Brands.Google"
|
||||
Style="text-transform:none; border-radius: 0.5rem; background-color: white; height: 44px; border: 1.5px solid #e2e8f0; color: #475569; font-weight: 500;">
|
||||
Sign in with Google
|
||||
</MudButton>
|
||||
}
|
||||
</MudForm>
|
||||
|
||||
<div class="text-center mt-6">
|
||||
<MudText Typo="Typo.body2" Style="color: #64748b;">
|
||||
Don't have an account?
|
||||
<a class="auth-link ml-1" href="/account/register">Create one</a>
|
||||
</MudText>
|
||||
</div>
|
||||
|
||||
@code {
|
||||
private MudForm form = default!;
|
||||
private bool success;
|
||||
private bool isProcessing;
|
||||
private bool showPassword;
|
||||
private bool rememberMe;
|
||||
private LoginModel model = new();
|
||||
|
||||
private async Task<bool> ValidateForm(EditContext context) => await Task.FromResult(true);
|
||||
|
||||
private async Task HandleLogin()
|
||||
{
|
||||
await form.Validate();
|
||||
if (!success) return;
|
||||
isProcessing = true;
|
||||
StateHasChanged();
|
||||
|
||||
var result = await JSRuntime.InvokeAsync<ApiJSRuntimeResponse>("apiAccountSignIn", model.Email, model.Password, rememberMe);
|
||||
ProcessLoginResult(result);
|
||||
}
|
||||
|
||||
private async Task HandleFirebaseGoogleLogin()
|
||||
{
|
||||
isProcessing = true;
|
||||
StateHasChanged();
|
||||
|
||||
var firebaseUser = await JSRuntime.InvokeAsync<FirebaseUserResponse>("signInWithGoogle");
|
||||
|
||||
if (firebaseUser == null || string.IsNullOrEmpty(firebaseUser.Email))
|
||||
{
|
||||
Snackbar.Add("Google Sign-In failed or cancelled.", Severity.Error);
|
||||
isProcessing = false;
|
||||
return;
|
||||
}
|
||||
|
||||
var checkResult = await JSRuntime.InvokeAsync<ActiveCheckResponse>("apiCheckActiveUser", firebaseUser.Email);
|
||||
bool openForPublic = IdentityOptions.Value.SsoFirebase.OpenForPublic;
|
||||
|
||||
if (checkResult.Exists)
|
||||
{
|
||||
if (checkResult.IsActive)
|
||||
{
|
||||
await ExecuteSsoSignIn(firebaseUser.Email);
|
||||
}
|
||||
else
|
||||
{
|
||||
Snackbar.Add("Account is registered but not active.", Severity.Warning);
|
||||
isProcessing = false;
|
||||
}
|
||||
}
|
||||
else
|
||||
{
|
||||
var registerResult = await JSRuntime.InvokeAsync<ApiJSRuntimeResponse>(
|
||||
"apiAccountSignUpSso",
|
||||
firebaseUser.Email,
|
||||
firebaseUser.Email,
|
||||
openForPublic
|
||||
);
|
||||
|
||||
if (registerResult.Status == 200)
|
||||
{
|
||||
if (openForPublic)
|
||||
{
|
||||
await ExecuteSsoSignIn(firebaseUser.Email);
|
||||
}
|
||||
else
|
||||
{
|
||||
Snackbar.Add("Registration successful. Please wait for admin approval.", Severity.Info);
|
||||
isProcessing = false;
|
||||
}
|
||||
}
|
||||
else
|
||||
{
|
||||
Snackbar.Add("Failed to auto-register account.", Severity.Error);
|
||||
isProcessing = false;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
private async Task ExecuteSsoSignIn(string email)
|
||||
{
|
||||
var result = await JSRuntime.InvokeAsync<ApiJSRuntimeResponse>("apiAccountSsoSignIn", email);
|
||||
ProcessLoginResult(result);
|
||||
}
|
||||
|
||||
private void ProcessLoginResult(ApiJSRuntimeResponse result)
|
||||
{
|
||||
if (result.Status == 200)
|
||||
{
|
||||
Snackbar.Add(result.Title ?? "Login successful!", Severity.Success);
|
||||
Task.Run(async () =>
|
||||
{
|
||||
await Task.Delay(500);
|
||||
Navigation.NavigateTo("/home", forceLoad: true);
|
||||
});
|
||||
}
|
||||
else
|
||||
{
|
||||
Snackbar.Add(result.Title ?? "Sign in failed.", Severity.Error);
|
||||
isProcessing = false;
|
||||
}
|
||||
StateHasChanged();
|
||||
}
|
||||
|
||||
private class ApiJSRuntimeResponse { public int? Status { get; set; } public string? Title { get; set; } public string? Message { get; set; } }
|
||||
private class FirebaseUserResponse { public string? Email { get; set; } }
|
||||
private class ActiveCheckResponse { public bool Exists { get; set; } public bool IsActive { get; set; } }
|
||||
private class LoginModel { public string Email { get; set; } = ""; public string Password { get; set; } = ""; }
|
||||
}
|
||||
|
||||
<script>
|
||||
window.apiAccountSignIn = async (email, password, rememberMe) => {
|
||||
try {
|
||||
const response = await fetch('/api/account/signin', {
|
||||
method: 'POST',
|
||||
headers: { 'Content-Type': 'application/json' },
|
||||
body: JSON.stringify({ email, password, rememberMe }),
|
||||
credentials: 'include'
|
||||
});
|
||||
const result = await response.json();
|
||||
return { status: response.status, title: result.title };
|
||||
} catch (error) {
|
||||
return { status: 500, title: 'Network error' };
|
||||
}
|
||||
};
|
||||
|
||||
window.apiCheckActiveUser = async (email) => {
|
||||
try {
|
||||
const response = await fetch(`/api/account/active-user-exists?email=${encodeURIComponent(email)}`);
|
||||
return await response.json();
|
||||
} catch (error) {
|
||||
return { exists: false, isActive: false };
|
||||
}
|
||||
};
|
||||
|
||||
window.apiAccountSignUpSso = async (email, fullName, isOpenForPublic) => {
|
||||
try {
|
||||
const response = await fetch('/api/account/signup', {
|
||||
method: 'POST',
|
||||
headers: { 'Content-Type': 'application/json' },
|
||||
body: JSON.stringify({
|
||||
email: email,
|
||||
fullName: fullName,
|
||||
password: 'SSO_AUTO_GENERATED_PASSWORD_123!',
|
||||
isActive: isOpenForPublic,
|
||||
emailConfirmed: isOpenForPublic
|
||||
})
|
||||
});
|
||||
const result = await response.json();
|
||||
return { status: response.status, message: result.message };
|
||||
} catch (error) {
|
||||
return { status: 500 };
|
||||
}
|
||||
};
|
||||
|
||||
window.apiAccountSsoSignIn = async (email) => {
|
||||
try {
|
||||
const response = await fetch(`/api/account/signin-sso?email=${encodeURIComponent(email)}`, {
|
||||
method: 'POST',
|
||||
headers: { 'Content-Type': 'application/json' },
|
||||
credentials: 'include'
|
||||
});
|
||||
const result = await response.json();
|
||||
return { status: response.status, title: result.title };
|
||||
} catch (error) {
|
||||
return { status: 500, title: 'SSO Network error' };
|
||||
}
|
||||
};
|
||||
</script>
|
||||
@@ -0,0 +1,74 @@
|
||||
using Indotalent.ConfigFrontEnd.Service;
|
||||
using Indotalent.Data.Entities;
|
||||
using Indotalent.Infrastructure.Authentication.Identity;
|
||||
using MediatR;
|
||||
using Microsoft.AspNetCore.Identity;
|
||||
using Microsoft.Extensions.Options;
|
||||
|
||||
namespace Indotalent.Features.Account.Login.Cqrs;
|
||||
|
||||
public class LoginRequest
|
||||
{
|
||||
public string Email { get; set; } = string.Empty;
|
||||
public string Password { get; set; } = string.Empty;
|
||||
public bool RememberMe { get; set; }
|
||||
}
|
||||
|
||||
public class LoginResponse
|
||||
{
|
||||
public bool Succeeded { get; set; }
|
||||
public string Message { get; set; } = string.Empty;
|
||||
public bool IsNotAllowed { get; set; }
|
||||
public string? Token { get; set; }
|
||||
public string? RefreshToken { get; set; }
|
||||
}
|
||||
|
||||
public record LoginCommand(LoginRequest Data) : IRequest<LoginResponse>;
|
||||
|
||||
public class LoginHandler : IRequestHandler<LoginCommand, LoginResponse>
|
||||
{
|
||||
private readonly SignInManager<ApplicationUser> _signInManager;
|
||||
private readonly UserManager<ApplicationUser> _userManager;
|
||||
private readonly JwtSettingsModel _jwtSettings;
|
||||
|
||||
public LoginHandler(
|
||||
SignInManager<ApplicationUser> signInManager,
|
||||
UserManager<ApplicationUser> userManager,
|
||||
IOptions<JwtSettingsModel> jwtSettings)
|
||||
{
|
||||
_signInManager = signInManager;
|
||||
_userManager = userManager;
|
||||
_jwtSettings = jwtSettings.Value;
|
||||
}
|
||||
|
||||
public async Task<LoginResponse> Handle(LoginCommand request, CancellationToken cancellationToken)
|
||||
{
|
||||
var user = await _userManager.FindByEmailAsync(request.Data.Email);
|
||||
if (user == null) return new LoginResponse { Succeeded = false, Message = "Invalid credentials" };
|
||||
|
||||
var result = await _signInManager.PasswordSignInAsync(user, request.Data.Password, request.Data.RememberMe, false);
|
||||
|
||||
if (result.Succeeded)
|
||||
{
|
||||
var token = JwtService.GenerateNewJwt(user, _jwtSettings);
|
||||
|
||||
var refreshToken = Guid.NewGuid().ToString().Replace("-", "");
|
||||
|
||||
user.RefreshToken = refreshToken;
|
||||
user.LastLoginAt = DateTime.Now;
|
||||
await _userManager.UpdateAsync(user);
|
||||
|
||||
return new LoginResponse
|
||||
{
|
||||
Succeeded = true,
|
||||
Message = "Login successful",
|
||||
Token = token,
|
||||
RefreshToken = refreshToken
|
||||
};
|
||||
}
|
||||
|
||||
return new LoginResponse { Succeeded = false, Message = "Invalid credentials" };
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
@@ -0,0 +1,100 @@
|
||||
@page "/account/logout"
|
||||
@layout AuthenticationLayout
|
||||
|
||||
@using Indotalent.Shared.Consts
|
||||
@using Microsoft.JSInterop
|
||||
@inject IJSRuntime JSRuntime
|
||||
@inject ISnackbar Snackbar
|
||||
@inject NavigationManager Navigation
|
||||
|
||||
<PageTitle>Sign Out - @GlobalConsts.AppInitial</PageTitle>
|
||||
|
||||
<div class="logout-container">
|
||||
<div class="logout-icon-wrapper">
|
||||
<div class="logout-icon-circle">
|
||||
<svg fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5"><path stroke-linecap="round" stroke-linejoin="round" d="M15.75 9V5.25A2.25 2.25 0 0013.5 3h-6a2.25 2.25 0 00-2.25 2.25v13.5A2.25 2.25 0 007.5 21h6a2.25 2.25 0 002.25-2.25V15m3 0l3-3m0 0l-3-3m3 3H9"/></svg>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<h2 class="logout-title">Sign Out</h2>
|
||||
<p class="logout-desc">Are you sure you want to sign out of your account?</p>
|
||||
|
||||
<MudButton Variant="Variant.Filled"
|
||||
Size="Size.Large"
|
||||
FullWidth="true"
|
||||
Disabled="@isLoggingOut"
|
||||
OnClick="Logout"
|
||||
Style="text-transform:none; border-radius: 0.5rem; background-color: #10B981; color: white; height: 48px; font-weight: 700;">
|
||||
@if (isLoggingOut)
|
||||
{
|
||||
<MudProgressCircular Class="ms-n1" Size="Size.Small" Indeterminate="true" Color="Color.Inherit" />
|
||||
<span class="ms-2">Processing...</span>
|
||||
}
|
||||
else
|
||||
{
|
||||
<span>Sign Out</span>
|
||||
}
|
||||
</MudButton>
|
||||
|
||||
<MudButton Variant="Variant.Text"
|
||||
Class="mt-4"
|
||||
FullWidth="true"
|
||||
Href="/"
|
||||
Disabled="@isLoggingOut"
|
||||
Style="text-transform:none; color: #94A3B8; font-weight: 600;">
|
||||
Cancel
|
||||
</MudButton>
|
||||
</div>
|
||||
|
||||
@code {
|
||||
private bool isLoggingOut;
|
||||
|
||||
private async Task Logout()
|
||||
{
|
||||
isLoggingOut = true;
|
||||
StateHasChanged();
|
||||
|
||||
var result = await JSRuntime.InvokeAsync<ApiJSRuntimeResponse>("apiAccountLogout");
|
||||
|
||||
if (result.Status == 200)
|
||||
{
|
||||
Snackbar.Add("Successfully signed out!", Severity.Success);
|
||||
await Task.Delay(500);
|
||||
Navigation.NavigateTo("/", forceLoad: true);
|
||||
}
|
||||
else
|
||||
{
|
||||
Snackbar.Add(result.Title ?? "Failed to logout.", Severity.Error);
|
||||
await Task.Delay(500);
|
||||
}
|
||||
|
||||
isLoggingOut = false;
|
||||
StateHasChanged();
|
||||
}
|
||||
|
||||
private class ApiJSRuntimeResponse
|
||||
{
|
||||
public int? Status { get; set; }
|
||||
public string? Title { get; set; }
|
||||
}
|
||||
}
|
||||
|
||||
<script>
|
||||
window.apiAccountLogout = async () => {
|
||||
try {
|
||||
const response = await fetch('/api/account/signout', {
|
||||
method: 'POST',
|
||||
headers: {
|
||||
'Content-Type': 'application/json'
|
||||
},
|
||||
credentials: 'include'
|
||||
});
|
||||
if (!response.ok) {
|
||||
throw new Error('Unknown error occurred');
|
||||
}
|
||||
return { status: 200, title: 'Success user logout' };
|
||||
} catch (error) {
|
||||
return { status: 500, title: 'Server / Network error' };
|
||||
}
|
||||
};
|
||||
</script>
|
||||
@@ -0,0 +1,188 @@
|
||||
@page "/account/register"
|
||||
@layout AuthenticationLayout
|
||||
|
||||
@using Indotalent.Shared.Consts
|
||||
@using Microsoft.JSInterop
|
||||
@inject IJSRuntime JSRuntime
|
||||
@inject ISnackbar Snackbar
|
||||
@inject NavigationManager Navigation
|
||||
@inject IConfiguration Configuration
|
||||
|
||||
<PageTitle>Sign Up - @GlobalConsts.AppInitial</PageTitle>
|
||||
|
||||
<div class="page-header">
|
||||
<h2>Sign Up</h2>
|
||||
<p>Please register your account</p>
|
||||
</div>
|
||||
|
||||
<MudForm @ref="form" @bind-IsValid="@success" Validation="@(new Func<EditContext, Task<bool>>(ValidateForm))">
|
||||
|
||||
<div style="margin-bottom: 1rem;">
|
||||
<label class="form-label">Full Name</label>
|
||||
<MudTextField T="string"
|
||||
@bind-Value="model.FullName"
|
||||
Variant="Variant.Outlined"
|
||||
Placeholder="Enter your full name"
|
||||
Margin="Margin.Dense"
|
||||
Adornment="Adornment.Start"
|
||||
AdornmentIcon="@Icons.Material.Filled.Person"
|
||||
Required="true"
|
||||
For="@(() => model.FullName)"
|
||||
Style="margin-bottom: 1rem;" />
|
||||
</div>
|
||||
|
||||
<div style="margin-bottom: 1rem;">
|
||||
<label class="form-label">Email Address</label>
|
||||
<MudTextField T="string"
|
||||
@bind-Value="model.Email"
|
||||
Variant="Variant.Outlined"
|
||||
Placeholder="Enter your email"
|
||||
Margin="Margin.Dense"
|
||||
Adornment="Adornment.Start"
|
||||
AdornmentIcon="@Icons.Material.Filled.Email"
|
||||
Required="true"
|
||||
For="@(() => model.Email)"
|
||||
Style="margin-bottom: 1rem;" />
|
||||
</div>
|
||||
|
||||
<div style="margin-bottom: 1.5rem;">
|
||||
<label class="form-label">Password</label>
|
||||
<MudTextField T="string"
|
||||
@bind-Value="model.Password"
|
||||
Variant="Variant.Outlined"
|
||||
Placeholder="Create a password"
|
||||
Margin="Margin.Dense"
|
||||
InputType="@(showPassword ? InputType.Text : InputType.Password)"
|
||||
Adornment="Adornment.Start"
|
||||
AdornmentIcon="@Icons.Material.Filled.Lock"
|
||||
AdornmentEndIcon="@(showPassword? Icons.Material.Filled.Visibility : Icons.Material.Filled.VisibilityOff)"
|
||||
OnAdornmentEndClick="() => showPassword = !showPassword"
|
||||
Required="true"
|
||||
For="@(() => model.Password)" />
|
||||
</div>
|
||||
|
||||
<MudButton Variant="Variant.Filled"
|
||||
Color="Color.Primary"
|
||||
Size="Size.Large"
|
||||
FullWidth="true"
|
||||
Disabled="!success || isProcessing"
|
||||
OnClick="HandleRegister"
|
||||
Style="text-transform:none; border-radius: 0.5rem; height: 48px; font-weight: 600;">
|
||||
@if (isProcessing)
|
||||
{
|
||||
<MudProgressCircular Class="ms-n1" Size="Size.Small" Indeterminate="true" />
|
||||
<span class="ms-2">Processing...</span>
|
||||
}
|
||||
else
|
||||
{
|
||||
<span>Create Account</span>
|
||||
}
|
||||
</MudButton>
|
||||
</MudForm>
|
||||
|
||||
<div class="text-center mt-6">
|
||||
<MudText Typo="Typo.body2" Style="color: #64748b;">
|
||||
Already have an account?
|
||||
<a class="auth-link ml-1" href="/account/login">Sign In</a>
|
||||
</MudText>
|
||||
</div>
|
||||
|
||||
@code {
|
||||
private MudForm form = default!;
|
||||
private bool success;
|
||||
private bool isProcessing;
|
||||
private bool showPassword;
|
||||
|
||||
private RegisterModel model = new();
|
||||
|
||||
private class RegisterModel
|
||||
{
|
||||
public string FullName { get; set; } = "";
|
||||
public string Email { get; set; } = "";
|
||||
public string Password { get; set; } = "";
|
||||
}
|
||||
|
||||
private async Task<bool> ValidateForm(EditContext context)
|
||||
{
|
||||
return await Task.FromResult(true);
|
||||
}
|
||||
|
||||
private async Task HandleRegister()
|
||||
{
|
||||
await form.Validate();
|
||||
|
||||
if (!success) return;
|
||||
|
||||
isProcessing = true;
|
||||
StateHasChanged();
|
||||
|
||||
var result = await JSRuntime.InvokeAsync<ApiJSRuntimeResponse>("apiAccountRegister", model.FullName, model.Email, model.Password);
|
||||
|
||||
if (result.Status == 200)
|
||||
{
|
||||
var requireConfirmation = Configuration.GetValue<bool>("IdentitySettings:SignIn:RequireConfirmedAccount");
|
||||
|
||||
if (requireConfirmation)
|
||||
{
|
||||
Snackbar.Add("Registration successful! Please check your email to confirm your account.", Severity.Info);
|
||||
}
|
||||
else
|
||||
{
|
||||
Snackbar.Add("Registration successful! You can now sign in.", Severity.Success);
|
||||
}
|
||||
|
||||
await Task.Delay(500);
|
||||
Navigation.NavigateTo("/account/login");
|
||||
}
|
||||
else
|
||||
{
|
||||
Snackbar.Add(result.Title ?? "Registration failed", Severity.Error);
|
||||
}
|
||||
|
||||
isProcessing = false;
|
||||
StateHasChanged();
|
||||
}
|
||||
|
||||
private class ApiJSRuntimeResponse
|
||||
{
|
||||
public int? Status { get; set; }
|
||||
public string? Title { get; set; }
|
||||
}
|
||||
}
|
||||
|
||||
<script>
|
||||
window.apiAccountRegister = async (fullName, email, password) => {
|
||||
try {
|
||||
const response = await fetch('/api/account/signup', {
|
||||
method: 'POST',
|
||||
headers: {
|
||||
'Content-Type': 'application/json'
|
||||
},
|
||||
body: JSON.stringify({ fullName, email, password })
|
||||
});
|
||||
|
||||
const data = await response.json();
|
||||
|
||||
if (response.ok) {
|
||||
return { status: 200, title: 'Success account registration' };
|
||||
} else {
|
||||
let errorMessage = data.title || data.message || 'Registration failed';
|
||||
|
||||
if (data.errors) {
|
||||
if (Array.isArray(data.errors) && data.errors.length > 0) {
|
||||
errorMessage = data.errors[0];
|
||||
} else if (typeof data.errors === 'object') {
|
||||
const firstKey = Object.keys(data.errors)[0];
|
||||
if (firstKey) {
|
||||
errorMessage = data.errors[firstKey][0];
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
return { status: response.status, title: errorMessage };
|
||||
}
|
||||
} catch (error) {
|
||||
return { status: 500, title: 'Server / Network error' };
|
||||
}
|
||||
};
|
||||
</script>
|
||||
@@ -0,0 +1,106 @@
|
||||
using Indotalent.Data.Entities;
|
||||
using Indotalent.Infrastructure.Authorization.Identity;
|
||||
using MediatR;
|
||||
using Microsoft.AspNetCore.Identity;
|
||||
using Microsoft.AspNetCore.WebUtilities;
|
||||
using System.Text;
|
||||
|
||||
namespace Indotalent.Features.Account.Register.Cqrs;
|
||||
|
||||
public class CreateUserRequest
|
||||
{
|
||||
public string FullName { get; set; } = string.Empty;
|
||||
public string Email { get; set; } = string.Empty;
|
||||
public string Password { get; set; } = string.Empty;
|
||||
public bool IsActive { get; set; } = true;
|
||||
public bool EmailConfirmed { get; set; } = false;
|
||||
}
|
||||
|
||||
public class CreateUserResponse
|
||||
{
|
||||
public string? Id { get; set; }
|
||||
public string? Email { get; set; }
|
||||
}
|
||||
|
||||
public record CreateUserCommand(CreateUserRequest Data) : IRequest<CreateUserResponse>;
|
||||
|
||||
public class RegisterHandler : IRequestHandler<CreateUserCommand, CreateUserResponse>
|
||||
{
|
||||
private readonly UserManager<ApplicationUser> _userManager;
|
||||
private readonly IEmailSender<ApplicationUser> _emailSender;
|
||||
private readonly IConfiguration _configuration;
|
||||
private readonly IHttpContextAccessor _httpContextAccessor;
|
||||
|
||||
public RegisterHandler(
|
||||
UserManager<ApplicationUser> userManager,
|
||||
IEmailSender<ApplicationUser> emailSender,
|
||||
IConfiguration configuration,
|
||||
IHttpContextAccessor httpContextAccessor)
|
||||
{
|
||||
_userManager = userManager;
|
||||
_emailSender = emailSender;
|
||||
_configuration = configuration;
|
||||
_httpContextAccessor = httpContextAccessor;
|
||||
}
|
||||
|
||||
public async Task<CreateUserResponse> Handle(CreateUserCommand request, CancellationToken cancellationToken)
|
||||
{
|
||||
var user = new ApplicationUser
|
||||
{
|
||||
UserName = request.Data.Email,
|
||||
Email = request.Data.Email,
|
||||
FullName = request.Data.FullName,
|
||||
IsActive = request.Data.IsActive,
|
||||
EmailConfirmed = request.Data.EmailConfirmed,
|
||||
};
|
||||
|
||||
var result = await _userManager.CreateAsync(user, request.Data.Password);
|
||||
|
||||
if (!result.Succeeded)
|
||||
{
|
||||
var errors = result.Errors.Select(x => x.Description).ToList();
|
||||
throw new Exception(string.Join(", ", errors));
|
||||
}
|
||||
|
||||
var rolesToAdd = ApplicationRoles.AllRoles
|
||||
.Where(role => role != ApplicationRoles.Admin)
|
||||
.ToList();
|
||||
|
||||
if (rolesToAdd.Any())
|
||||
{
|
||||
await _userManager.AddToRolesAsync(user, rolesToAdd);
|
||||
}
|
||||
|
||||
var requireConfirmation = _configuration.GetValue<bool>("IdentitySettings:SignIn:RequireConfirmedAccount");
|
||||
|
||||
if (requireConfirmation)
|
||||
{
|
||||
var code = await _userManager.GenerateEmailConfirmationTokenAsync(user);
|
||||
code = WebEncoders.Base64UrlEncode(Encoding.UTF8.GetBytes(code));
|
||||
|
||||
var requestHttp = _httpContextAccessor.HttpContext?.Request;
|
||||
var scheme = requestHttp?.Scheme ?? "https";
|
||||
var host = requestHttp?.Host.Value ?? "localhost:8080";
|
||||
|
||||
var callbackUrl = $"{scheme}://{host}/account/confirm-email?userId={user.Id}&code={code}";
|
||||
|
||||
var message = $@"
|
||||
<div style=""font-family: Arial, sans-serif;"">
|
||||
<h3>Welcome, {user.FullName}!</h3>
|
||||
<p>Please confirm your account by clicking the link below:</p>
|
||||
<p><a href=""{callbackUrl}"" style=""color: #2196F3; font-weight: bold; text-decoration: underline;"">Confirm Account</a></p>
|
||||
<br/>
|
||||
<p style=""font-size: 0.8em; color: #666;"">If the link doesn't work, copy and paste this URL into your browser:</p>
|
||||
<p style=""font-size: 0.8em; color: #666;"">{callbackUrl}</p>
|
||||
</div>";
|
||||
|
||||
await _emailSender.SendConfirmationLinkAsync(user, user.Email!, message);
|
||||
}
|
||||
|
||||
return new CreateUserResponse
|
||||
{
|
||||
Id = user.Id,
|
||||
Email = user.Email
|
||||
};
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,147 @@
|
||||
@page "/account/reset-password"
|
||||
@layout AuthenticationLayout
|
||||
@using Indotalent.Shared.Consts
|
||||
@using Microsoft.JSInterop
|
||||
@inject IJSRuntime JSRuntime
|
||||
@inject ISnackbar Snackbar
|
||||
@inject NavigationManager Navigation
|
||||
|
||||
<PageTitle>Reset Password - @GlobalConsts.AppInitial</PageTitle>
|
||||
|
||||
<div class="page-header">
|
||||
<h2>Create New Password</h2>
|
||||
<p>Please enter your new password below.</p>
|
||||
</div>
|
||||
|
||||
<MudForm @ref="form" @bind-IsValid="@success">
|
||||
|
||||
<div style="margin-bottom: 1rem;">
|
||||
<label class="form-label">New Password</label>
|
||||
<MudTextField T="string"
|
||||
@bind-Value="model.NewPassword"
|
||||
Variant="Variant.Outlined"
|
||||
Placeholder="Enter new password"
|
||||
Margin="Margin.Dense"
|
||||
InputType="@(showPassword ? InputType.Text : InputType.Password)"
|
||||
Adornment="Adornment.Start"
|
||||
AdornmentIcon="@Icons.Material.Filled.Lock"
|
||||
AdornmentEndIcon="@(showPassword? Icons.Material.Filled.Visibility : Icons.Material.Filled.VisibilityOff)"
|
||||
OnAdornmentEndClick="() => showPassword = !showPassword"
|
||||
Required="true"
|
||||
Style="margin-bottom: 1rem;" />
|
||||
|
||||
<label class="form-label">Confirm New Password</label>
|
||||
<MudTextField T="string"
|
||||
@bind-Value="model.ConfirmPassword"
|
||||
Variant="Variant.Outlined"
|
||||
Placeholder="Repeat new password"
|
||||
Margin="Margin.Dense"
|
||||
InputType="@(showPassword ? InputType.Text : InputType.Password)"
|
||||
Adornment="Adornment.Start"
|
||||
AdornmentIcon="@Icons.Material.Filled.Lock"
|
||||
Required="true"
|
||||
Validation="@(new Func<string, string?>(PasswordMatch))"
|
||||
Style="margin-bottom: 1.5rem;" />
|
||||
</div>
|
||||
|
||||
<MudButton Variant="Variant.Filled"
|
||||
Color="Color.Primary"
|
||||
Size="Size.Large"
|
||||
FullWidth="true"
|
||||
Disabled="!success || isProcessing"
|
||||
OnClick="HandleResetPassword"
|
||||
Style="text-transform:none; border-radius: 0.5rem; height: 48px; font-weight: 600;">
|
||||
@if (isProcessing)
|
||||
{
|
||||
<MudProgressCircular Class="ms-n1" Size="Size.Small" Indeterminate="true" />
|
||||
<span class="ms-2">Resetting...</span>
|
||||
}
|
||||
else
|
||||
{
|
||||
<span>Reset Password</span>
|
||||
}
|
||||
</MudButton>
|
||||
</MudForm>
|
||||
|
||||
@code {
|
||||
[SupplyParameterFromQuery] public string? userId { get; set; }
|
||||
[SupplyParameterFromQuery] public string? code { get; set; }
|
||||
|
||||
private MudForm form = default!;
|
||||
private bool success;
|
||||
private bool isProcessing;
|
||||
private bool showPassword;
|
||||
private ResetModel model = new();
|
||||
|
||||
private class ResetModel
|
||||
{
|
||||
public string NewPassword { get; set; } = "";
|
||||
public string ConfirmPassword { get; set; } = "";
|
||||
}
|
||||
|
||||
private string? PasswordMatch(string arg)
|
||||
{
|
||||
if (model.NewPassword != arg) return "Passwords do not match";
|
||||
return null;
|
||||
}
|
||||
|
||||
private async Task HandleResetPassword()
|
||||
{
|
||||
await form.Validate();
|
||||
if (!success) return;
|
||||
|
||||
if (string.IsNullOrEmpty(userId) || string.IsNullOrEmpty(code))
|
||||
{
|
||||
Snackbar.Add("Invalid reset token or user ID.", Severity.Error);
|
||||
return;
|
||||
}
|
||||
|
||||
isProcessing = true;
|
||||
StateHasChanged();
|
||||
|
||||
var result = await JSRuntime.InvokeAsync<ApiResponse>("apiResetPassword", userId, code, model.NewPassword);
|
||||
|
||||
if (result.Status == 200)
|
||||
{
|
||||
Snackbar.Add("Password reset successful! You can now sign in.", Severity.Success);
|
||||
await Task.Delay(500);
|
||||
Navigation.NavigateTo("/account/login");
|
||||
}
|
||||
else
|
||||
{
|
||||
Snackbar.Add(result.Title ?? "Failed to reset password", Severity.Error);
|
||||
}
|
||||
|
||||
isProcessing = false;
|
||||
StateHasChanged();
|
||||
}
|
||||
|
||||
private class ApiResponse
|
||||
{
|
||||
public int Status { get; set; }
|
||||
public string? Title { get; set; }
|
||||
}
|
||||
}
|
||||
|
||||
<script>
|
||||
window.apiResetPassword = async (userId, code, newPassword) => {
|
||||
try {
|
||||
const response = await fetch('/api/account/reset-password', {
|
||||
method: 'POST',
|
||||
headers: { 'Content-Type': 'application/json' },
|
||||
body: JSON.stringify({ userId, code, newPassword })
|
||||
});
|
||||
|
||||
if (response.ok) {
|
||||
return { status: 200, title: 'Success' };
|
||||
} else {
|
||||
const data = await response.json();
|
||||
let msg = 'Failed to reset password';
|
||||
if (data.errors && data.errors.length > 0) msg = data.errors[0];
|
||||
return { status: response.status, title: msg };
|
||||
}
|
||||
} catch (error) {
|
||||
return { status: 500, title: 'Network error' };
|
||||
}
|
||||
};
|
||||
</script>
|
||||
@@ -0,0 +1,51 @@
|
||||
using Indotalent.Data.Entities;
|
||||
using MediatR;
|
||||
using Microsoft.AspNetCore.Identity;
|
||||
using Microsoft.AspNetCore.WebUtilities;
|
||||
using System.Text;
|
||||
|
||||
namespace Indotalent.Features.Account.ResetPassword.Cqrs;
|
||||
|
||||
public class ResetPasswordRequest
|
||||
{
|
||||
public string UserId { get; set; } = string.Empty;
|
||||
public string Code { get; set; } = string.Empty;
|
||||
public string NewPassword { get; set; } = string.Empty;
|
||||
}
|
||||
|
||||
public class ResetPasswordResponse
|
||||
{
|
||||
public string Message { get; set; } = string.Empty;
|
||||
}
|
||||
|
||||
public record ResetPasswordCommand(ResetPasswordRequest Data) : IRequest<ResetPasswordResponse>;
|
||||
|
||||
public class ResetPasswordHandler : IRequestHandler<ResetPasswordCommand, ResetPasswordResponse>
|
||||
{
|
||||
private readonly UserManager<ApplicationUser> _userManager;
|
||||
|
||||
public ResetPasswordHandler(UserManager<ApplicationUser> userManager)
|
||||
{
|
||||
_userManager = userManager;
|
||||
}
|
||||
|
||||
public async Task<ResetPasswordResponse> Handle(ResetPasswordCommand request, CancellationToken cancellationToken)
|
||||
{
|
||||
var user = await _userManager.FindByIdAsync(request.Data.UserId);
|
||||
if (user == null)
|
||||
{
|
||||
throw new Exception("User not found.");
|
||||
}
|
||||
|
||||
var decodedCode = Encoding.UTF8.GetString(WebEncoders.Base64UrlDecode(request.Data.Code));
|
||||
var result = await _userManager.ResetPasswordAsync(user, decodedCode, request.Data.NewPassword);
|
||||
|
||||
if (!result.Succeeded)
|
||||
{
|
||||
var errors = result.Errors.Select(x => x.Description).ToList();
|
||||
throw new Exception(string.Join(", ", errors));
|
||||
}
|
||||
|
||||
return new ResetPasswordResponse { Message = "Password has been reset successfully." };
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,7 @@
|
||||
@using MudBlazor
|
||||
@using Microsoft.AspNetCore.Components.Forms
|
||||
@using Microsoft.AspNetCore.Components.Web
|
||||
@using System.ComponentModel.DataAnnotations
|
||||
|
||||
@inject NavigationManager Navigation
|
||||
@inject ISnackbar Snackbar
|
||||
@@ -0,0 +1,259 @@
|
||||
@page "/appsettings/json"
|
||||
@using Indotalent.Infrastructure.Authentication.Firebase
|
||||
@using Indotalent.Infrastructure.Authentication.Keycloak
|
||||
@using Microsoft.AspNetCore.Authorization
|
||||
@using Indotalent.Infrastructure.Authorization.Identity
|
||||
@attribute [Authorize(Roles = ApplicationRoles.Admin)]
|
||||
@using Indotalent.Infrastructure.Authentication.Identity
|
||||
@using Indotalent.Infrastructure.Database
|
||||
@using Indotalent.Infrastructure.BackgroundJob
|
||||
@using Indotalent.Infrastructure.Email
|
||||
@using Indotalent.Infrastructure.File
|
||||
@using Indotalent.Infrastructure.Logging
|
||||
@using Indotalent.Infrastructure.Authentication
|
||||
@using MudBlazor
|
||||
@using System.Reflection
|
||||
@inject IdentityService IdentitySvc
|
||||
@inject DatabaseService DbSvc
|
||||
@inject BackgroundJobService JobSvc
|
||||
@inject EmailService EmailSvc
|
||||
@inject FileStorageService StorageSvc
|
||||
@inject LoggingService LogSvc
|
||||
@inject FirebaseService FirebaseSvc
|
||||
@inject KeycloakService KeycloakSvc
|
||||
|
||||
<style>
|
||||
.clean-white-tabs .mud-tabs-toolbar {
|
||||
background-color: white !important;
|
||||
border-bottom: 2px solid #DCEBFA;
|
||||
border-radius: 4px !important;
|
||||
}
|
||||
|
||||
.clean-white-tabs .mud-tab {
|
||||
color: #94a3b8 !important;
|
||||
text-transform: none;
|
||||
font-weight: 500;
|
||||
min-width: 140px;
|
||||
border-radius: 4px !important;
|
||||
}
|
||||
|
||||
.clean-white-tabs .mud-tab-active {
|
||||
color: var(--mud-palette-primary) !important;
|
||||
font-weight: 800;
|
||||
}
|
||||
|
||||
.clean-white-tabs .mud-tabs-slider {
|
||||
background-color: var(--mud-palette-primary) !important;
|
||||
height: 3px !important;
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
.soltemp-info-card {
|
||||
border: 1px solid #DCEBFA !important;
|
||||
border-radius: 4px !important;
|
||||
background-color: #ffffff;
|
||||
margin-bottom: 24px;
|
||||
}
|
||||
|
||||
.soltemp-info-header {
|
||||
padding: 12px 16px !important;
|
||||
background-color: #F0F7FF;
|
||||
border-bottom: 1px solid #DCEBFA;
|
||||
}
|
||||
|
||||
.soltemp-row-compact {
|
||||
display: flex;
|
||||
padding: 10px 16px;
|
||||
align-items: center;
|
||||
border-bottom: 1px solid #F0F7FF;
|
||||
}
|
||||
|
||||
.soltemp-label-text {
|
||||
width: 30%;
|
||||
font-weight: 800;
|
||||
color: #1a1a1a;
|
||||
font-size: 0.75rem;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.5px;
|
||||
}
|
||||
|
||||
.soltemp-value-text {
|
||||
width: 70%;
|
||||
color: #4A5D75;
|
||||
font-size: 0.85rem;
|
||||
font-weight: 500;
|
||||
font-family: 'Consolas', monospace;
|
||||
word-break: break-all;
|
||||
}
|
||||
|
||||
.status-chip {
|
||||
font-weight: 900;
|
||||
font-size: 10px;
|
||||
border-radius: 4px !important;
|
||||
}
|
||||
</style>
|
||||
|
||||
<MudContainer MaxWidth="MaxWidth.ExtraLarge" Class="mt-2 mb-8">
|
||||
<div class="clean-white-tabs">
|
||||
<MudTabs Elevation="0" TabPanelsClass="pt-4" Rounded="false" ApplyEffectsToContainer="true">
|
||||
|
||||
<MudTabPanel Text="Identity" Icon="@Icons.Material.Outlined.AdminPanelSettings">
|
||||
@RenderIdentityProperties(IdentitySvc.GetConfiguration(), "Security & Identity")
|
||||
</MudTabPanel>
|
||||
|
||||
<MudTabPanel Text="Database" Icon="@Icons.Material.Outlined.Storage">
|
||||
@RenderObjectProperties(DbSvc.GetConfiguration(), "Database Engine")
|
||||
</MudTabPanel>
|
||||
|
||||
<MudTabPanel Text="Jobs" Icon="@Icons.Material.Outlined.Schedule">
|
||||
@RenderObjectProperties(JobSvc.GetConfiguration(), "Background Job Services")
|
||||
</MudTabPanel>
|
||||
|
||||
<MudTabPanel Text="Email" Icon="@Icons.Material.Outlined.Email">
|
||||
@RenderObjectProperties(EmailSvc.GetConfiguration(), "Email Providers")
|
||||
</MudTabPanel>
|
||||
|
||||
<MudTabPanel Text="Storage" Icon="@Icons.Material.Outlined.CloudUpload">
|
||||
@RenderObjectProperties(StorageSvc.GetConfiguration(), "File Storage Systems")
|
||||
</MudTabPanel>
|
||||
|
||||
<MudTabPanel Text="Logging" Icon="@Icons.Material.Outlined.ListAlt">
|
||||
@RenderObjectProperties(LogSvc.GetConfiguration(), "Diagnostic Logging")
|
||||
</MudTabPanel>
|
||||
|
||||
</MudTabs>
|
||||
</div>
|
||||
</MudContainer>
|
||||
|
||||
@code {
|
||||
private RenderFragment RenderIdentityProperties(IdentitySettingsModel settings, string sectionTitle)
|
||||
{
|
||||
return __builder =>
|
||||
{
|
||||
<MudPaper Elevation="0" Square="true" Class="pa-6 mb-6 d-flex align-center justify-space-between" Style="border: 1px solid #DCEBFA;">
|
||||
<div>
|
||||
<MudText Typo="Typo.h5" Style="font-weight: 900; color: #1a1a1a;">@sectionTitle</MudText>
|
||||
<MudText Typo="Typo.body2" Style="color: #64748b;">Security Policy & Default Credentials</MudText>
|
||||
</div>
|
||||
<div class="d-flex align-center gap-2">
|
||||
<MudIcon Icon="@Icons.Material.Filled.Home" Size="Size.Small" Color="Color.Default" />
|
||||
<MudText Typo="Typo.caption" Style="color: #94a3b8;">/</MudText>
|
||||
<MudText Typo="Typo.caption" Style="color: #94a3b8;">System</MudText>
|
||||
<MudText Typo="Typo.caption" Style="color: #94a3b8;">/</MudText>
|
||||
<MudText Typo="Typo.caption" Style="font-weight: 600; color: #1a1a1a;">@sectionTitle</MudText>
|
||||
</div>
|
||||
</MudPaper>
|
||||
|
||||
if (settings != null)
|
||||
{
|
||||
@RenderSectionCard("Password Policy", settings.Password)
|
||||
@RenderSectionCard("Cookie Settings", settings.Cookies)
|
||||
@RenderSectionCard("Default Admin", settings.DefaultAdmin)
|
||||
@RenderSectionCard("SignIn Policy", settings.SignIn)
|
||||
@RenderSectionCard("SSO Firebase", settings.SsoFirebase)
|
||||
@RenderSectionCard("SSO Keycloak", settings.SsoKeycloak)
|
||||
}
|
||||
};
|
||||
}
|
||||
|
||||
private RenderFragment RenderSectionCard(string title, object sectionValue)
|
||||
{
|
||||
return __builder =>
|
||||
{
|
||||
if (sectionValue == null) return;
|
||||
|
||||
<MudCard Elevation="0" Class="soltemp-info-card">
|
||||
<div class="soltemp-info-header d-flex align-center justify-space-between">
|
||||
<MudText Typo="Typo.body1" Style="font-weight: 900; color: #1a1a1a;">@title</MudText>
|
||||
<MudChip T="string" Color="Color.Primary" Size="Size.Small" Variant="Variant.Filled" Class="status-chip">CONFIGURED</MudChip>
|
||||
</div>
|
||||
<MudCardContent Style="padding: 0;">
|
||||
@{
|
||||
var props = sectionValue.GetType().GetProperties();
|
||||
int i = 0;
|
||||
}
|
||||
@foreach (var p in props)
|
||||
{
|
||||
var val = p.GetValue(sectionValue);
|
||||
<div class="soltemp-row-compact" style="background-color: @(i++ % 2 == 0 ? "#ffffff" : "#F9FCFF");">
|
||||
<div class="soltemp-label-text">@p.Name</div>
|
||||
<div class="soltemp-value-text">
|
||||
@(MaskIfSensitive(p.Name, val?.ToString()))
|
||||
</div>
|
||||
</div>
|
||||
}
|
||||
</MudCardContent>
|
||||
</MudCard>
|
||||
};
|
||||
}
|
||||
|
||||
private RenderFragment RenderObjectProperties(object settingsObj, string sectionTitle)
|
||||
{
|
||||
return __builder =>
|
||||
{
|
||||
<MudPaper Elevation="0" Square="true" Class="pa-6 mb-6 d-flex align-center justify-space-between" Style="border: 1px solid #DCEBFA;">
|
||||
<div>
|
||||
<MudText Typo="Typo.h5" Style="font-weight: 900; color: #1a1a1a;">@sectionTitle</MudText>
|
||||
<MudText Typo="Typo.body2" Style="color: #64748b;">Configuration discovery (Full Inspection Mode)</MudText>
|
||||
</div>
|
||||
<div class="d-flex align-center gap-2">
|
||||
<MudIcon Icon="@Icons.Material.Filled.Home" Size="Size.Small" Color="Color.Default" />
|
||||
<MudText Typo="Typo.caption" Style="color: #94a3b8;">/</MudText>
|
||||
<MudText Typo="Typo.caption" Style="color: #94a3b8;">System</MudText>
|
||||
<MudText Typo="Typo.caption" Style="color: #94a3b8;">/</MudText>
|
||||
<MudText Typo="Typo.caption" Style="font-weight: 600; color: #1a1a1a;">@sectionTitle</MudText>
|
||||
</div>
|
||||
</MudPaper>
|
||||
|
||||
if (settingsObj != null)
|
||||
{
|
||||
var providers = settingsObj.GetType().GetProperties();
|
||||
foreach (var provider in providers)
|
||||
{
|
||||
var providerValue = provider.GetValue(settingsObj);
|
||||
if (providerValue == null) continue;
|
||||
|
||||
<MudCard Elevation="0" Class="soltemp-info-card">
|
||||
<div class="soltemp-info-header d-flex align-center justify-space-between">
|
||||
<MudText Typo="Typo.body1" Style="font-weight: 900; color: #1a1a1a;">@provider.Name</MudText>
|
||||
@{
|
||||
var isUsedProp = providerValue.GetType().GetProperty("IsUsed");
|
||||
bool isUsed = (bool)(isUsedProp?.GetValue(providerValue) ?? false);
|
||||
}
|
||||
<MudChip T="string" Color="@(isUsed? Color.Success: Color.Default)" Size="Size.Small" Variant="Variant.Filled" Class="status-chip">
|
||||
@(isUsed ? "ACTIVE" : "DISABLED")
|
||||
</MudChip>
|
||||
</div>
|
||||
<MudCardContent Style="padding: 0;">
|
||||
@{
|
||||
var props = providerValue.GetType().GetProperties();
|
||||
int i = 0;
|
||||
}
|
||||
@foreach (var p in props)
|
||||
{
|
||||
if (p.Name == "IsUsed") continue;
|
||||
<div class="soltemp-row-compact" style="background-color: @(i++ % 2 == 0 ? "#ffffff" : "#F9FCFF");">
|
||||
<div class="soltemp-label-text">@p.Name</div>
|
||||
<div class="soltemp-value-text">
|
||||
@(MaskIfSensitive(p.Name, p.GetValue(providerValue)?.ToString()))
|
||||
</div>
|
||||
</div>
|
||||
}
|
||||
</MudCardContent>
|
||||
</MudCard>
|
||||
}
|
||||
}
|
||||
};
|
||||
}
|
||||
|
||||
private string MaskIfSensitive(string propertyName, string value)
|
||||
{
|
||||
if (string.IsNullOrEmpty(value)) return "-";
|
||||
var sensitiveKeys = new[] { "Password", "Secret", "Key", "Token", "ApiKey" };
|
||||
if (sensitiveKeys.Any(k => propertyName.Contains(k, StringComparison.OrdinalIgnoreCase)))
|
||||
{
|
||||
return "•••••••••••••••• (Encrypted)";
|
||||
}
|
||||
return value;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,135 @@
|
||||
using Indotalent.Features.Inventory.Product;
|
||||
using Indotalent.Features.Inventory.ProductGroup;
|
||||
using Indotalent.Features.Inventory.UnitMeasure;
|
||||
using Indotalent.Features.Inventory.Warehouse;
|
||||
using Indotalent.Features.Profile.Avatar;
|
||||
using Indotalent.Features.Profile.Password;
|
||||
using Indotalent.Features.Profile.PersonalInformation;
|
||||
using Indotalent.Features.Purchase.Bill;
|
||||
using Indotalent.Features.Purchase.BillReport;
|
||||
using Indotalent.Features.Purchase.DebitNote;
|
||||
using Indotalent.Features.Purchase.GoodsReceive;
|
||||
using Indotalent.Features.Purchase.PaymentDisburse;
|
||||
using Indotalent.Features.Purchase.PaymentDisburseReport;
|
||||
using Indotalent.Features.Purchase.PurchaseOrder;
|
||||
using Indotalent.Features.Purchase.PurchaseReport;
|
||||
using Indotalent.Features.Purchase.PurchaseRequisition;
|
||||
using Indotalent.Features.Purchase.PurchaseReturn;
|
||||
using Indotalent.Features.Purchase.PurchaseReturnReport;
|
||||
using Indotalent.Features.Purchase.ReceiveReport;
|
||||
using Indotalent.Features.Root.Home;
|
||||
using Indotalent.Features.Sales.CreditNote;
|
||||
using Indotalent.Features.Sales.DeliveryOrder;
|
||||
using Indotalent.Features.Sales.DeliveryReport;
|
||||
using Indotalent.Features.Sales.Invoice;
|
||||
using Indotalent.Features.Sales.InvoiceReport;
|
||||
using Indotalent.Features.Sales.PaymentReceive;
|
||||
using Indotalent.Features.Sales.PaymentReceiveReport;
|
||||
using Indotalent.Features.Sales.SalesOrder;
|
||||
using Indotalent.Features.Sales.SalesQuotation;
|
||||
using Indotalent.Features.Sales.SalesReport;
|
||||
using Indotalent.Features.Sales.SalesReturn;
|
||||
using Indotalent.Features.Sales.SalesReturnReport;
|
||||
using Indotalent.Features.Serilogs;
|
||||
using Indotalent.Features.Setting.AutoNumberSequence;
|
||||
using Indotalent.Features.Setting.Company;
|
||||
using Indotalent.Features.Setting.Currency;
|
||||
using Indotalent.Features.Setting.SystemUser;
|
||||
using Indotalent.Features.Setting.Tax;
|
||||
using Indotalent.Features.Thirdparty.Customer;
|
||||
using Indotalent.Features.Thirdparty.CustomerCategory;
|
||||
using Indotalent.Features.Thirdparty.CustomerContact;
|
||||
using Indotalent.Features.Thirdparty.CustomerGroup;
|
||||
using Indotalent.Features.Thirdparty.Vendor;
|
||||
using Indotalent.Features.Thirdparty.VendorCategory;
|
||||
using Indotalent.Features.Thirdparty.VendorContact;
|
||||
using Indotalent.Features.Thirdparty.VendorGroup;
|
||||
using Indotalent.Features.Utilities.BookingGroup;
|
||||
using Indotalent.Features.Utilities.BookingManager;
|
||||
using Indotalent.Features.Utilities.BookingResource;
|
||||
using Indotalent.Features.Utilities.BookingScheduler;
|
||||
using Indotalent.Features.Utilities.ProgramManager;
|
||||
using Indotalent.Features.Utilities.ProgramResource;
|
||||
using Indotalent.Features.Utilities.Todo;
|
||||
|
||||
namespace Indotalent.Features;
|
||||
|
||||
public static class FeaturesDI
|
||||
{
|
||||
public static IServiceCollection AddFeaturesDI(this IServiceCollection services)
|
||||
{
|
||||
//Setting
|
||||
services.AddScoped<SerilogsService>();
|
||||
services.AddScoped<CurrencyService>();
|
||||
services.AddScoped<AutoNumberSequenceService>();
|
||||
services.AddScoped<SystemUserService>();
|
||||
services.AddScoped<CompanyService>();
|
||||
services.AddScoped<TaxService>();
|
||||
|
||||
//profile
|
||||
services.AddScoped<PersonalInformationService>();
|
||||
services.AddScoped<PasswordService>();
|
||||
services.AddScoped<AvatarService>();
|
||||
|
||||
|
||||
//root
|
||||
services.AddScoped<HomeService>();
|
||||
|
||||
//inventory
|
||||
services.AddScoped<UnitMeasureService>();
|
||||
services.AddScoped<ProductGroupService>();
|
||||
services.AddScoped<WarehouseService>();
|
||||
services.AddScoped<ProductService>();
|
||||
|
||||
//thridparty
|
||||
services.AddScoped<CustomerGroupService>();
|
||||
services.AddScoped<CustomerCategoryService>();
|
||||
services.AddScoped<CustomerService>();
|
||||
services.AddScoped<CustomerContactService>();
|
||||
services.AddScoped<VendorCategoryService>();
|
||||
services.AddScoped<VendorGroupService>();
|
||||
services.AddScoped<VendorService>();
|
||||
services.AddScoped<VendorContactService>();
|
||||
|
||||
|
||||
//utilities
|
||||
services.AddScoped<TodoService>();
|
||||
services.AddScoped<BookingGroupService>();
|
||||
services.AddScoped<BookingResourceService>();
|
||||
services.AddScoped<BookingManagerService>();
|
||||
services.AddScoped<BookingSchedulerService>();
|
||||
services.AddScoped<ProgramResourceService>();
|
||||
services.AddScoped<ProgramManagerService>();
|
||||
|
||||
//purchase
|
||||
services.AddScoped<PurchaseRequisitionService>();
|
||||
services.AddScoped<PurchaseOrderService>();
|
||||
services.AddScoped<GoodsReceiveService>();
|
||||
services.AddScoped<PurchaseReturnService>();
|
||||
services.AddScoped<PurchaseReportService>();
|
||||
services.AddScoped<ReceiveReportService>();
|
||||
services.AddScoped<PurchaseReturnReportService>();
|
||||
services.AddScoped<BillReportService>();
|
||||
services.AddScoped<PaymentDisburseReportService>();
|
||||
services.AddScoped<BillService>();
|
||||
services.AddScoped<DebitNoteService>();
|
||||
services.AddScoped<PaymentDisburseService>();
|
||||
|
||||
//sales
|
||||
services.AddScoped<SalesQuotationService>();
|
||||
services.AddScoped<SalesOrderService>();
|
||||
services.AddScoped<DeliveryOrderService>();
|
||||
services.AddScoped<SalesReturnService>();
|
||||
services.AddScoped<SalesReportService>();
|
||||
services.AddScoped<DeliveryReportService>();
|
||||
services.AddScoped<SalesReturnReportService>();
|
||||
services.AddScoped<InvoiceReportService>();
|
||||
services.AddScoped<PaymentReceiveReportService>();
|
||||
services.AddScoped<InvoiceService>();
|
||||
services.AddScoped<CreditNoteService>();
|
||||
services.AddScoped<PaymentReceiveService>();
|
||||
|
||||
|
||||
return services;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,133 @@
|
||||
using Indotalent.Features.Inventory.Product;
|
||||
using Indotalent.Features.Inventory.ProductGroup;
|
||||
using Indotalent.Features.Inventory.UnitMeasure;
|
||||
using Indotalent.Features.Inventory.Warehouse;
|
||||
using Indotalent.Features.Profile.Avatar;
|
||||
using Indotalent.Features.Profile.Password;
|
||||
using Indotalent.Features.Profile.PersonalInformation;
|
||||
using Indotalent.Features.Purchase.Bill;
|
||||
using Indotalent.Features.Purchase.BillReport;
|
||||
using Indotalent.Features.Purchase.DebitNote;
|
||||
using Indotalent.Features.Purchase.GoodsReceive;
|
||||
using Indotalent.Features.Purchase.PaymentDisburse;
|
||||
using Indotalent.Features.Purchase.PaymentDisburseReport;
|
||||
using Indotalent.Features.Purchase.PurchaseOrder;
|
||||
using Indotalent.Features.Purchase.PurchaseReport;
|
||||
using Indotalent.Features.Purchase.PurchaseRequisition;
|
||||
using Indotalent.Features.Purchase.PurchaseReturn;
|
||||
using Indotalent.Features.Purchase.PurchaseReturnReport;
|
||||
using Indotalent.Features.Purchase.ReceiveReport;
|
||||
using Indotalent.Features.Root.Home;
|
||||
using Indotalent.Features.Sales.CreditNote;
|
||||
using Indotalent.Features.Sales.DeliveryOrder;
|
||||
using Indotalent.Features.Sales.DeliveryReport;
|
||||
using Indotalent.Features.Sales.Invoice;
|
||||
using Indotalent.Features.Sales.InvoiceReport;
|
||||
using Indotalent.Features.Sales.PaymentReceive;
|
||||
using Indotalent.Features.Sales.PaymentReceiveReport;
|
||||
using Indotalent.Features.Sales.SalesOrder;
|
||||
using Indotalent.Features.Sales.SalesQuotation;
|
||||
using Indotalent.Features.Sales.SalesReport;
|
||||
using Indotalent.Features.Sales.SalesReturn;
|
||||
using Indotalent.Features.Sales.SalesReturnReport;
|
||||
using Indotalent.Features.Serilogs;
|
||||
using Indotalent.Features.Setting.AutoNumberSequence;
|
||||
using Indotalent.Features.Setting.Company;
|
||||
using Indotalent.Features.Setting.Currency;
|
||||
using Indotalent.Features.Setting.SystemUser;
|
||||
using Indotalent.Features.Setting.Tax;
|
||||
using Indotalent.Features.Thirdparty.Customer;
|
||||
using Indotalent.Features.Thirdparty.CustomerCategory;
|
||||
using Indotalent.Features.Thirdparty.CustomerContact;
|
||||
using Indotalent.Features.Thirdparty.CustomerGroup;
|
||||
using Indotalent.Features.Thirdparty.Vendor;
|
||||
using Indotalent.Features.Thirdparty.VendorCategory;
|
||||
using Indotalent.Features.Thirdparty.VendorContact;
|
||||
using Indotalent.Features.Thirdparty.VendorGroup;
|
||||
using Indotalent.Features.Utilities.BookingGroup;
|
||||
using Indotalent.Features.Utilities.BookingManager;
|
||||
using Indotalent.Features.Utilities.BookingResource;
|
||||
using Indotalent.Features.Utilities.BookingScheduler;
|
||||
using Indotalent.Features.Utilities.ProgramManager;
|
||||
using Indotalent.Features.Utilities.ProgramResource;
|
||||
using Indotalent.Features.Utilities.Todo;
|
||||
|
||||
namespace Indotalent.Features;
|
||||
|
||||
public static class FeaturesEndpointMap
|
||||
{
|
||||
public static IEndpointRouteBuilder MapFeaturesEndpoint(this IEndpointRouteBuilder app)
|
||||
{
|
||||
//setting
|
||||
app.MapSerilogsEndpoints();
|
||||
app.MapCurrencyEndpoints();
|
||||
app.MapAutoNumberSequenceEndpoints();
|
||||
app.MapSystemUserEndpoints();
|
||||
app.MapCompanyEndpoints();
|
||||
app.MapTaxEndpoints();
|
||||
|
||||
//profile
|
||||
app.MapPersonalInformationEndpoints();
|
||||
app.MapPasswordEndpoints();
|
||||
app.MapAvatarEndpoints();
|
||||
|
||||
//root
|
||||
app.MapHomeEndpoints();
|
||||
|
||||
//inventory
|
||||
app.MapUnitMeasureEndpoints();
|
||||
app.MapProductGroupEndpoints();
|
||||
app.MapWarehouseEndpoints();
|
||||
app.MapProductEndpoints();
|
||||
|
||||
//thirdparty
|
||||
app.MapCustomerGroupEndpoints();
|
||||
app.MapCustomerCategoryEndpoints();
|
||||
app.MapCustomerEndpoints();
|
||||
app.MapCustomerContactEndpoints();
|
||||
app.MapVendorCategoryEndpoints();
|
||||
app.MapVendorGroupEndpoints();
|
||||
app.MapVendorEndpoints();
|
||||
app.MapVendorContactEndpoints();
|
||||
|
||||
|
||||
//utilities
|
||||
app.MapTodoEndpoints();
|
||||
app.MapBookingGroupEndpoints();
|
||||
app.MapBookingResourceEndpoints();
|
||||
app.MapBookingManagerEndpoints();
|
||||
app.MapBookingSchedulerEndpoints();
|
||||
app.MapProgramResourceEndpoints();
|
||||
app.MapProgramManagerEndpoints();
|
||||
|
||||
//purchase
|
||||
app.MapPurchaseRequisitionEndpoints();
|
||||
app.MapPurchaseOrderEndpoints();
|
||||
app.MapGoodsReceiveEndpoints();
|
||||
app.MapPurchaseReturnEndpoints();
|
||||
app.MapPurchaseReportEndpoints();
|
||||
app.MapReceiveReportEndpoints();
|
||||
app.MapPurchaseReturnReportEndpoints();
|
||||
app.MapBillReportEndpoints();
|
||||
app.MapPaymentDisburseReportEndpoints();
|
||||
app.MapBillEndpoints();
|
||||
app.MapDebitNoteEndpoints();
|
||||
app.MapPaymentDisburseEndpoints();
|
||||
|
||||
//sales
|
||||
app.MapSalesQuotationEndpoints();
|
||||
app.MapSalesOrderEndpoints();
|
||||
app.MapDeliveryOrderEndpoints();
|
||||
app.MapSalesReturnEndpoints();
|
||||
app.MapSalesReportEndpoints();
|
||||
app.MapDeliveryReportEndpoints();
|
||||
app.MapSalesReturnReportEndpoints();
|
||||
app.MapInvoiceReportEndpoints();
|
||||
app.MapPaymentReceiveReportEndpoints();
|
||||
app.MapInvoiceEndpoints();
|
||||
app.MapCreditNoteEndpoints();
|
||||
app.MapPaymentReceiveEndpoints();
|
||||
|
||||
return app;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,101 @@
|
||||
@page "/inventory"
|
||||
@using Indotalent.Features.Inventory.Product.Components
|
||||
@using Indotalent.Features.Inventory.ProductGroup.Components
|
||||
@using Indotalent.Features.Inventory.UnitMeasure.Components
|
||||
@using Indotalent.Features.Inventory.Warehouse.Components
|
||||
@using Microsoft.AspNetCore.Authorization
|
||||
@using Indotalent.Infrastructure.Authorization.Identity
|
||||
@using MudBlazor
|
||||
@inject NavigationManager NavigationManager
|
||||
|
||||
|
||||
@attribute [Authorize(Roles = $"{ApplicationRoles.Admin},{ApplicationRoles.Member}")]
|
||||
|
||||
<style>
|
||||
.clean-white-tabs .mud-tabs-toolbar {
|
||||
background-color: white !important;
|
||||
border-bottom: 2px solid #DCEBFA;
|
||||
border-radius: 4px !important;
|
||||
}
|
||||
|
||||
.clean-white-tabs .mud-tab {
|
||||
color: #94a3b8 !important;
|
||||
text-transform: none;
|
||||
font-weight: 500;
|
||||
min-width: 120px;
|
||||
border-radius: 4px !important;
|
||||
}
|
||||
|
||||
.clean-white-tabs .mud-tab-active {
|
||||
color: var(--mud-palette-primary) !important;
|
||||
font-weight: 800;
|
||||
}
|
||||
|
||||
.clean-white-tabs .mud-tabs-slider {
|
||||
background-color: var(--mud-palette-primary) !important;
|
||||
height: 3px !important;
|
||||
bottom: 0;
|
||||
}
|
||||
</style>
|
||||
|
||||
<MudContainer MaxWidth="MaxWidth.ExtraLarge" Class="mt-2 mb-8">
|
||||
<div class="clean-white-tabs">
|
||||
<MudTabs Elevation="0"
|
||||
ActivePanelIndex="@_activeTabIndex"
|
||||
ActivePanelIndexChanged="OnTabChanged"
|
||||
ApplyEffectsToContainer="true"
|
||||
TabPanelsClass="pt-4"
|
||||
ScrollButtons="ScrollButtons.Always">
|
||||
|
||||
<MudTabPanel Text="Unit Measure" Icon="@Icons.Material.Outlined.Straighten">
|
||||
<UnitMeasurePage />
|
||||
</MudTabPanel>
|
||||
|
||||
<MudTabPanel Text="Product Group" Icon="@Icons.Material.Outlined.Category">
|
||||
<ProductGroupPage />
|
||||
</MudTabPanel>
|
||||
|
||||
<MudTabPanel Text="Product" Icon="@Icons.Material.Outlined.Inventory2">
|
||||
<ProductPage />
|
||||
</MudTabPanel>
|
||||
|
||||
<MudTabPanel Text="Warehouse" Icon="@Icons.Material.Outlined.Warehouse">
|
||||
<WarehousePage />
|
||||
</MudTabPanel>
|
||||
|
||||
|
||||
</MudTabs>
|
||||
</div>
|
||||
</MudContainer>
|
||||
|
||||
@code {
|
||||
private int _activeTabIndex = 0;
|
||||
|
||||
private readonly Dictionary<int, string> _tabMapping = new()
|
||||
{
|
||||
{ 0, "unit-measure" },
|
||||
{ 1, "product-group" },
|
||||
{ 2, "product" },
|
||||
{ 3, "warehouse" }
|
||||
};
|
||||
|
||||
protected override void OnInitialized()
|
||||
{
|
||||
var uri = NavigationManager.ToAbsoluteUri(NavigationManager.Uri);
|
||||
if (Microsoft.AspNetCore.WebUtilities.QueryHelpers.ParseQuery(uri.Query).TryGetValue("tab", out var tabValue))
|
||||
{
|
||||
var tabStr = tabValue.ToString().ToLower();
|
||||
var match = _tabMapping.FirstOrDefault(x => x.Value == tabStr);
|
||||
|
||||
_activeTabIndex = match.Value != null ? match.Key : 0;
|
||||
}
|
||||
}
|
||||
|
||||
private void OnTabChanged(int index)
|
||||
{
|
||||
_activeTabIndex = index;
|
||||
_tabMapping.TryGetValue(index, out var tabName);
|
||||
|
||||
NavigationManager.NavigateTo($"/inventory?tab={tabName ?? "unit-measure"}", replace: false);
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,28 @@
|
||||
@page "/inventory/product"
|
||||
@using Indotalent.Features.Inventory.Product
|
||||
@using Indotalent.Features.Inventory.Product.Cqrs
|
||||
@using Indotalent.Features.Inventory.Product.Components
|
||||
@using MudBlazor
|
||||
|
||||
@if (_currentView == ViewMode.Create)
|
||||
{
|
||||
<_ProductCreateForm OnCancel="BackToTable" OnSuccess="HandleSuccess" />
|
||||
}
|
||||
else if (_currentView == ViewMode.Update || _currentView == ViewMode.View)
|
||||
{
|
||||
<_ProductUpdateForm Data="_selectedData!" ReadOnly="@(_currentView == ViewMode.View)" OnCancel="BackToTable" OnSuccess="HandleSuccess" />
|
||||
}
|
||||
else
|
||||
{
|
||||
<_ProductDataTable OnAdd="() => ShowCreate()" OnEdit="(item) => ShowUpdate(item, false)" OnView="(item) => ShowUpdate(item, true)" />
|
||||
}
|
||||
|
||||
@code {
|
||||
private enum ViewMode { Table, Create, Update, View }
|
||||
private ViewMode _currentView = ViewMode.Table;
|
||||
private UpdateProductRequest? _selectedData;
|
||||
private void ShowCreate() => _currentView = ViewMode.Create;
|
||||
private void ShowUpdate(UpdateProductRequest data, bool isReadOnly) { _selectedData = data; _currentView = isReadOnly ? ViewMode.View : ViewMode.Update; }
|
||||
private void BackToTable() { _currentView = ViewMode.Table; _selectedData = null; }
|
||||
private void HandleSuccess() { _currentView = ViewMode.Table; _selectedData = null; }
|
||||
}
|
||||
@@ -0,0 +1,114 @@
|
||||
@using Indotalent.Features.Inventory.Product
|
||||
@using Indotalent.Features.Inventory.Product.Cqrs
|
||||
@using Indotalent.Shared.Utils
|
||||
@using MudBlazor
|
||||
@inject ProductService ProductService
|
||||
@inject ISnackbar Snackbar
|
||||
|
||||
<MudPaper Elevation="0" Square="true" Class="pa-6 mb-3 d-flex align-center justify-space-between" Style="border: 1px solid #DCEBFA;">
|
||||
<div class="d-flex align-center gap-4">
|
||||
<MudIconButton Icon="@Icons.Material.Filled.ArrowBack" OnClick="() => OnCancel.InvokeAsync()" />
|
||||
<div>
|
||||
<MudText Typo="Typo.h5" Style="font-weight: 900; color: #1a1a1a;">Add New Product</MudText>
|
||||
<MudText Typo="Typo.body2" Style="color: #64748b;">Define item specification, pricing, and category.</MudText>
|
||||
</div>
|
||||
</div>
|
||||
</MudPaper>
|
||||
|
||||
<MudPaper Elevation="0" Outlined="true" Class="pa-8" Style="border-radius: 4px; border: 1px solid #DCEBFA;">
|
||||
<MudForm @ref="_form" Model="_model">
|
||||
<MudGrid Spacing="3">
|
||||
<MudItem xs="12" sm="6">
|
||||
<MudText Typo="Typo.subtitle2" Class="mb-1">Product Name</MudText>
|
||||
<MudTextField @bind-Value="_model.Name" For="@(() => _model.Name)" Validation="@(_validator.ValidateValue())" Variant="Variant.Outlined" Margin="Margin.Dense" FullWidth="true" />
|
||||
</MudItem>
|
||||
<MudItem xs="12" sm="6">
|
||||
<MudText Typo="Typo.subtitle2" Class="mb-1">Unit Price</MudText>
|
||||
<MudNumericField @bind-Value="_model.UnitPrice" For="@(() => _model.UnitPrice)" Variant="Variant.Outlined" Margin="Margin.Dense" FullWidth="true" HideSpinButtons="true" />
|
||||
</MudItem>
|
||||
<MudItem xs="12" sm="6">
|
||||
<MudText Typo="Typo.subtitle2" Class="mb-1">Product Group</MudText>
|
||||
<MudSelect @bind-Value="_model.ProductGroupId"
|
||||
For="@(() => _model.ProductGroupId)"
|
||||
Variant="Variant.Outlined"
|
||||
Margin="Margin.Dense"
|
||||
FullWidth="true"
|
||||
Dense="true"
|
||||
AnchorOrigin="Origin.BottomCenter"
|
||||
TransformOrigin="Origin.TopCenter">
|
||||
@foreach (var item in _lookupData.ProductGroups)
|
||||
{
|
||||
<MudSelectItem Value="@item.Id">@item.Name</MudSelectItem>
|
||||
}
|
||||
</MudSelect>
|
||||
</MudItem>
|
||||
<MudItem xs="12" sm="6">
|
||||
<MudText Typo="Typo.subtitle2" Class="mb-1">Unit of Measure</MudText>
|
||||
<MudSelect @bind-Value="_model.UnitMeasureId"
|
||||
For="@(() => _model.UnitMeasureId)"
|
||||
Variant="Variant.Outlined"
|
||||
Margin="Margin.Dense"
|
||||
FullWidth="true"
|
||||
Dense="true"
|
||||
AnchorOrigin="Origin.BottomCenter"
|
||||
TransformOrigin="Origin.TopCenter">
|
||||
@foreach (var item in _lookupData.UnitMeasures)
|
||||
{
|
||||
<MudSelectItem Value="@item.Id">@item.Name</MudSelectItem>
|
||||
}
|
||||
</MudSelect>
|
||||
</MudItem>
|
||||
<MudItem xs="12" sm="6">
|
||||
<MudCheckBox @bind-Value="_model.Physical" Label="Physical Product" Color="Color.Primary" Dense="true" Style="font-weight: 700;" />
|
||||
</MudItem>
|
||||
<MudItem xs="12">
|
||||
<MudText Typo="Typo.subtitle2" Class="mb-1">Description</MudText>
|
||||
<MudTextField @bind-Value="_model.Description" For="@(() => _model.Description)" Variant="Variant.Outlined" Margin="Margin.Dense" Lines="3" FullWidth="true" />
|
||||
</MudItem>
|
||||
</MudGrid>
|
||||
<div class="d-flex justify-end gap-2 mt-8">
|
||||
<MudButton OnClick="() => OnCancel.InvokeAsync()" Variant="Variant.Outlined" Disabled="_processing" Style="border-radius: 4px; text-transform: none; font-weight: 700;border: 1px solid #e0e0e0;">Cancel</MudButton>
|
||||
<MudButton Color="Color.Primary" Variant="Variant.Filled" OnClick="Submit" Disabled="_processing" Style="border-radius: 4px; text-transform: none; font-weight: 700;">
|
||||
@if (_processing)
|
||||
{
|
||||
<MudProgressCircular Class="ms-n1" Size="Size.Small" Indeterminate="true" />
|
||||
<MudText Class="ms-2" Typo="Typo.button" Style="text-transform: none !important;">Processing...</MudText>
|
||||
}
|
||||
else
|
||||
{
|
||||
<MudText>Create Product</MudText>
|
||||
}
|
||||
</MudButton>
|
||||
</div>
|
||||
</MudForm>
|
||||
</MudPaper>
|
||||
|
||||
@code {
|
||||
[Parameter] public EventCallback OnCancel { get; set; }
|
||||
[Parameter] public EventCallback OnSuccess { get; set; }
|
||||
private MudForm _form = default!;
|
||||
private CreateProductValidator _validator = new();
|
||||
private CreateProductRequest _model = new();
|
||||
private LookupProductResponse _lookupData = new();
|
||||
private bool _processing = false;
|
||||
|
||||
protected override async Task OnInitializedAsync()
|
||||
{
|
||||
var response = await ProductService.GetProductLookupAsync();
|
||||
if (response != null && response.IsSuccess) { _lookupData = response.Value!; }
|
||||
}
|
||||
|
||||
private async Task Submit()
|
||||
{
|
||||
await _form.Validate();
|
||||
if (!_form.IsValid) return;
|
||||
_processing = true;
|
||||
try
|
||||
{
|
||||
var response = await ProductService.CreateProductAsync(_model);
|
||||
await Task.Delay(500);
|
||||
if (response != null && response.IsSuccess) { Snackbar.Add("Product created successfully", Severity.Success); await OnSuccess.InvokeAsync(); }
|
||||
}
|
||||
finally { _processing = false; }
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,301 @@
|
||||
@using Indotalent.ConfigBackEnd.Extensions
|
||||
@using Indotalent.Features.Inventory.Product
|
||||
@using Indotalent.Features.Inventory.Product.Cqrs
|
||||
@using Microsoft.AspNetCore.Components.Web
|
||||
@using Microsoft.JSInterop
|
||||
@using MudBlazor
|
||||
@using Features.Root.Shared
|
||||
@using ClosedXML.Excel
|
||||
@using System.IO
|
||||
@inject ProductService ProductService
|
||||
@inject IDialogService DialogService
|
||||
@inject ISnackbar Snackbar
|
||||
@inject IJSRuntime JSRuntime
|
||||
|
||||
<MudPaper Elevation="0" Square="true" Class="pa-6 mb-3 d-flex align-center justify-space-between" Style="border: 1px solid #E5E7EB; border-radius: 12px;">
|
||||
<div>
|
||||
<MudText Typo="Typo.h5" Style="font-weight: 600; color: #111827;">Product Management</MudText>
|
||||
<MudText Typo="Typo.body2" Style="color: #9CA3AF;">Manage your goods, services, and inventory items.</MudText>
|
||||
</div>
|
||||
<div class="d-flex align-center gap-2">
|
||||
<MudIcon Icon="@Icons.Material.Filled.Home" Size="Size.Small" Color="Color.Default" />
|
||||
<MudText Typo="Typo.caption" Style="color: #9CA3AF;">/</MudText>
|
||||
<MudText Typo="Typo.caption" Style="color: #9CA3AF;">Inventory</MudText>
|
||||
<MudText Typo="Typo.caption" Style="color: #9CA3AF;">/</MudText>
|
||||
<MudText Typo="Typo.caption" Style="font-weight: 600; color: #111827;">Product</MudText>
|
||||
</div>
|
||||
</MudPaper>
|
||||
|
||||
<MudPaper Elevation="0" Outlined="true" Style="border-radius: 12px; overflow: hidden; background-color: #ffffff; border: 1px solid #E5E7EB;">
|
||||
|
||||
<div style="padding: 20px 24px; border-bottom: 1px solid #E5E7EB; display: flex; justify-content: space-between; align-items: center; background-color: #ffffff; min-height: 80px;">
|
||||
<div style="display: flex; align-items: center; gap: 8px;">
|
||||
<MudTextField @bind-Value="_searchString"
|
||||
Placeholder="Search..."
|
||||
Adornment="Adornment.Start"
|
||||
AdornmentIcon="@Icons.Material.Filled.Search"
|
||||
IconSize="Size.Small"
|
||||
Class="mt-0"
|
||||
Variant="Variant.Outlined"
|
||||
Margin="Margin.Dense"
|
||||
Style="background-color: white; width: 280px; border-radius: 8px;"
|
||||
OnKeyDown="@HandleSearchKeyDown" />
|
||||
|
||||
<MudButton Variant="Variant.Filled"
|
||||
Color="Color.Primary"
|
||||
OnClick="OnSearchClick"
|
||||
Size="Size.Small"
|
||||
Style="text-transform: none; font-weight: 500; border-radius: 6px; height: 34px; box-shadow: none;">
|
||||
Search
|
||||
</MudButton>
|
||||
</div>
|
||||
|
||||
<div style="display: flex; gap: 8px; align-items: center;">
|
||||
<MudButton Variant="Variant.Outlined" Color="Color.Success" OnClick="ExportToExcel" Size="Size.Small" Disabled="_isExporting" StartIcon="@(_isExporting ? null : Icons.Custom.FileFormats.FileExcel)" Style="background: white; font-weight: 500; border-radius: 6px; text-transform: none; height: 34px; border: 1px solid #D1D5DB; color: #6B7280;">
|
||||
@if (_isExporting)
|
||||
{
|
||||
<MudProgressCircular Class="ms-n1" Size="Size.Small" Indeterminate="true" />
|
||||
<MudText Class="ms-2" Typo="Typo.button" Style="text-transform: none !important;">Processing...</MudText>
|
||||
}
|
||||
else
|
||||
{
|
||||
<MudText Typo="Typo.button" Style="text-transform: none !important;">Excel</MudText>
|
||||
}
|
||||
</MudButton>
|
||||
|
||||
<MudButton Variant="Variant.Outlined" Color="Color.Primary" OnClick="LoadData" Size="Size.Small" StartIcon="@(_isRefreshing ? null : Icons.Material.Filled.Refresh)" Disabled="_isRefreshing" Style="background: white; font-weight: 500; border-radius: 6px; text-transform: none; height: 34px; border: 1px solid #D1D5DB; color: #6B7280;">
|
||||
@if (_isRefreshing)
|
||||
{
|
||||
<MudProgressCircular Class="ms-n1" Size="Size.Small" Indeterminate="true" />
|
||||
<MudText Class="ms-2" Typo="Typo.button" Style="text-transform: none !important;">Refreshing...</MudText>
|
||||
}
|
||||
else
|
||||
{
|
||||
<MudText Typo="Typo.button" Style="text-transform: none !important;">Refresh</MudText>
|
||||
}
|
||||
</MudButton>
|
||||
|
||||
@if (_selectedProduct != null)
|
||||
{
|
||||
<MudButton Variant="Variant.Outlined" Color="Color.Info" StartIcon="@Icons.Material.Filled.Visibility" OnClick="InvokeView" Size="Size.Small" Style="text-transform: none; font-weight: 500; border-radius: 6px; background-color: white; border: 1px solid #D1D5DB; color: #6B7280;">View</MudButton>
|
||||
<MudButton Variant="Variant.Outlined" Color="Color.Primary" StartIcon="@Icons.Material.Filled.Edit" OnClick="InvokeEdit" Size="Size.Small" Style="text-transform: none; font-weight: 500; border-radius: 6px; background-color: white; border: 1px solid #D1D5DB; color: #6B7280;">Edit</MudButton>
|
||||
<MudButton Variant="Variant.Outlined" Color="Color.Error" StartIcon="@Icons.Material.Filled.Delete" OnClick="OnDelete" Size="Size.Small" Style="text-transform: none; font-weight: 500; border-radius: 6px; background: white; border: 1px solid #FCA5A5; color: #EF4444;">Remove</MudButton>
|
||||
<MudIconButton Icon="@Icons.Material.Filled.Close" Size="Size.Small" OnClick="() => _selectedProduct = null" />
|
||||
}
|
||||
else
|
||||
{
|
||||
<MudButton Variant="Variant.Filled" Color="Color.Primary" StartIcon="@Icons.Material.Filled.Add" OnClick="() => OnAdd.InvokeAsync()" Size="Size.Small" Style="text-transform: none; font-weight: 500; border-radius: 6px; height: 34px;">
|
||||
Add New Product
|
||||
</MudButton>
|
||||
}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<MudTable Items="@GetPagedData()" Striped="true" Class="mud-table-styled" Hover="true" Elevation="0" CustomHeader="true" Dense="true" T="GetProductListResponse" OnRowClick="@((args) => _selectedProduct = args.Item)" Loading="@_isRefreshing">
|
||||
<HeaderContent>
|
||||
<MudTh Style="width: 50px; background-color: #ffffff; border-bottom: 1px solid #E5E7EB;"></MudTh>
|
||||
<MudTh Style="font-weight: 600; color: #6B7280; text-transform: uppercase; font-size: 0.6875rem; letter-spacing: 0.05em; background-color: #F9FAFB; border-bottom: 1px solid #E5E7EB;">
|
||||
<MudTableSortLabel SortBy="new Func<GetProductListResponse, object>(x => x.Name!)">Product</MudTableSortLabel>
|
||||
</MudTh>
|
||||
<MudTh Style="font-weight: 600; color: #6B7280; text-transform: uppercase; font-size: 0.6875rem; letter-spacing: 0.05em; background-color: #F9FAFB; border-bottom: 1px solid #E5E7EB;">
|
||||
<MudTableSortLabel SortBy="new Func<GetProductListResponse, object>(x => x.ProductGroupName!)">Group</MudTableSortLabel>
|
||||
</MudTh>
|
||||
<MudTh Style="font-weight: 600; color: #6B7280; text-transform: uppercase; font-size: 0.6875rem; letter-spacing: 0.05em; background-color: #F9FAFB; border-bottom: 1px solid #E5E7EB;">
|
||||
<MudTableSortLabel SortBy="new Func<GetProductListResponse, object>(x => x.UnitMeasureName!)">UoM</MudTableSortLabel>
|
||||
</MudTh>
|
||||
<MudTh Style="font-weight: 600; color: #6B7280; text-transform: uppercase; font-size: 0.6875rem; letter-spacing: 0.05em; background-color: #F9FAFB; border-bottom: 1px solid #E5E7EB;">
|
||||
<MudTableSortLabel SortBy="new Func<GetProductListResponse, object>(x => x.UnitPrice!)">Unit Price</MudTableSortLabel>
|
||||
</MudTh>
|
||||
<MudTh Style="font-weight: 600; color: #6B7280; text-transform: uppercase; font-size: 0.6875rem; letter-spacing: 0.05em; background-color: #F9FAFB; border-bottom: 1px solid #E5E7EB;">Type</MudTh>
|
||||
</HeaderContent>
|
||||
<RowTemplate>
|
||||
<MudTd>
|
||||
<MudCheckBox T="bool" Value="@(_selectedProduct?.Id == context.Id)" Color="Color.Primary" Dense="true" Size="Size.Small" ReadOnly="true" />
|
||||
</MudTd>
|
||||
<MudTd>
|
||||
<div class="d-flex flex-column">
|
||||
<MudText Typo="Typo.body2" Style="font-weight: 600; color: #374151;">@context.Name</MudText>
|
||||
<MudText Typo="Typo.caption" Style="color: #9CA3AF;">@context.AutoNumber</MudText>
|
||||
</div>
|
||||
</MudTd>
|
||||
<MudTd Style="padding-top: 0.75rem; padding-bottom: 0.75rem; color: #374151; font-size: 0.875rem;">@context.ProductGroupName</MudTd>
|
||||
<MudTd Style="padding-top: 0.75rem; padding-bottom: 0.75rem; color: #374151; font-size: 0.875rem;">@context.UnitMeasureName</MudTd>
|
||||
<MudTd Style="text-align: right;">@context.UnitPrice?.ToString("N2")</MudTd>
|
||||
<MudTd Style="padding-top: 0.75rem; padding-bottom: 0.75rem; color: #374151; font-size: 0.875rem;">
|
||||
<MudChip T="string" Color="@(context.Physical == true ? Color.Info : Color.Warning)" Size="Size.Small" Variant="Variant.Text" Style="font-weight: 600; ">
|
||||
@(context.Physical == true ? "PHYSICAL" : "SERVICE")
|
||||
</MudChip>
|
||||
</MudTd>
|
||||
</RowTemplate>
|
||||
</MudTable>
|
||||
|
||||
<div style="display: flex; justify-content: space-between; align-items: center; padding: 12px 24px; background-color: #F9FAFB; border-top: 1px solid #E5E7EB;">
|
||||
<div style="display: flex; align-items: center; gap: 12px;">
|
||||
<MudText Typo="Typo.caption" Style="font-weight: 500; color: #9CA3AF; font-size: 0.75rem;">Rows per page:</MudText>
|
||||
<MudSelect T="int" Value="@_top" ValueChanged="OnPageSizeChanged" Dense="true" Margin="Margin.Dense" Style="width: 80px; background-color: white; font-size: 12px; font-weight: 600;" Variant="Variant.Outlined" Class="mt-0 custom-select-dense">
|
||||
<MudSelectItem Value="5" />
|
||||
<MudSelectItem Value="10" />
|
||||
<MudSelectItem Value="50" />
|
||||
<MudSelectItem Value="500" />
|
||||
<MudSelectItem Value="1000" />
|
||||
</MudSelect>
|
||||
<MudText Typo="Typo.caption" Style="color: #9CA3AF; margin-left: 12px; font-size: 0.75rem; font-weight: 500;">
|
||||
Showing @(GetFilteredData().Count() == 0 ? 0 : _skip + 1)-@Math.Min(_skip + _top, GetFilteredData().Count()) of @GetFilteredData().Count()
|
||||
</MudText>
|
||||
</div>
|
||||
<div style="display: flex; gap: 8px; align-items: center;">
|
||||
<MudIconButton Icon="@Icons.Material.Filled.FirstPage" Size="Size.Small" OnClick="@(() => OnPageChanged(1))" Disabled="@(_currentPage == 1)" Style="@(_currentPage == 1 ? "color: #D1D5DB; background: transparent;" : "color: #6B7280; background: white; border: 1px solid #D1D5DB; border-radius: 6px;")" />
|
||||
<MudButton OnClick="@(() => OnPageChanged(_currentPage - 1))" Disabled="@(_currentPage == 1)" Variant="Variant.Text" StartIcon="@Icons.Material.Filled.ChevronLeft" Size="Size.Small" Style="@(_currentPage == 1 ? "text-transform: none; font-weight: 500; color: #D1D5DB;" : "text-transform: none; font-weight: 500; color: #374151; border: 1px solid #D1D5DB; border-radius: 6px; background: white;")">Prev</MudButton>
|
||||
@{
|
||||
var totalPages = _totalPage == 0 ? 1 : _totalPage;
|
||||
var maxVisible = 5;
|
||||
var startPage = Math.Max(1, _currentPage - maxVisible / 2);
|
||||
var endPage = Math.Min(totalPages, startPage + maxVisible - 1);
|
||||
if (endPage - startPage < maxVisible - 1) { startPage = Math.Max(1, endPage - maxVisible + 1); }
|
||||
}
|
||||
@for (int i = startPage; i <= endPage; i++)
|
||||
{
|
||||
var pageNum = i;
|
||||
var isActive = pageNum == _currentPage;
|
||||
<MudButton OnClick="@(() => OnPageChanged(pageNum))"
|
||||
Variant="Variant.Text" Size="Size.Small"
|
||||
Style="@(isActive ? "min-width: 34px; padding: 4px 8px; font-size: 0.75rem; font-weight: 600; background: #3B82F6; color: white; border: 1px solid #3B82F6; border-radius: 6px; text-transform: none;" : "min-width: 34px; padding: 4px 8px; font-size: 0.75rem; font-weight: 500; color: #374151; background: white; border: 1px solid #D1D5DB; border-radius: 6px; text-transform: none;")">@pageNum</MudButton>
|
||||
}
|
||||
<MudButton OnClick="@(() => OnPageChanged(_currentPage + 1))" Disabled="@(_currentPage == _totalPage || _totalPage == 0)" Variant="Variant.Text" EndIcon="@Icons.Material.Filled.ChevronRight" Size="Size.Small" Style="@(_currentPage == _totalPage || _totalPage == 0 ? "text-transform: none; font-weight: 500; color: #D1D5DB;" : "text-transform: none; font-weight: 500; color: #374151; border: 1px solid #D1D5DB; border-radius: 6px; background: white;")">Next</MudButton>
|
||||
<MudIconButton Icon="@Icons.Material.Filled.LastPage" Size="Size.Small" OnClick="@(() => OnPageChanged(_totalPage))" Disabled="@(_currentPage == _totalPage || _totalPage == 0)" Style="@(_currentPage == _totalPage || _totalPage == 0 ? "color: #D1D5DB; background: transparent;" : "background-color: white; border: 1px solid #D1D5DB; color: #6B7280;")" />
|
||||
</div>
|
||||
</div>
|
||||
</MudPaper>
|
||||
|
||||
|
||||
<style>
|
||||
.mud-table-styled .mud-table-row:hover { background-color: #F9FAFB !important; }
|
||||
.mud-input-outlined-border { border-radius: 8px !important; }
|
||||
.custom-select-dense .mud-input-control { margin-top: 0 !important; }
|
||||
.custom-select-dense .mud-input-slot { padding-top: 4px !important; padding-bottom: 4px !important; padding-left: 8px !important; font-size: 12px !important; }
|
||||
</style>
|
||||
|
||||
@code {
|
||||
[Parameter] public EventCallback OnAdd { get; set; }
|
||||
[Parameter] public EventCallback<UpdateProductRequest> OnEdit { get; set; }
|
||||
[Parameter] public EventCallback<UpdateProductRequest> OnView { get; set; }
|
||||
|
||||
private List<GetProductListResponse> _products = new();
|
||||
private GetProductListResponse? _selectedProduct;
|
||||
private string _searchString = "";
|
||||
private bool _isRefreshing = false;
|
||||
private bool _isExporting = false;
|
||||
private int _skip = 0;
|
||||
private int _top = 5;
|
||||
private int _totalPage => GetFilteredData().Count() == 0 ? 0 : (int)Math.Ceiling((double)GetFilteredData().Count() / (_top == 0 ? 1 : _top));
|
||||
private int _currentPage => (_top >= GetFilteredData().Count() || _top == 0) ? 1 : (_skip / _top) + 1;
|
||||
|
||||
protected override async Task OnInitializedAsync() => await LoadData();
|
||||
|
||||
private async Task LoadData()
|
||||
{
|
||||
_isRefreshing = true;
|
||||
_selectedProduct = null;
|
||||
StateHasChanged();
|
||||
try
|
||||
{
|
||||
var response = await ProductService.GetProductListAsync();
|
||||
await Task.Delay(500);
|
||||
if (response != null && response.IsSuccess)
|
||||
{
|
||||
_products = response.Value ?? new List<GetProductListResponse>();
|
||||
}
|
||||
}
|
||||
finally
|
||||
{
|
||||
_isRefreshing = false;
|
||||
StateHasChanged();
|
||||
}
|
||||
}
|
||||
|
||||
private IEnumerable<GetProductListResponse> GetFilteredData()
|
||||
{
|
||||
if (string.IsNullOrWhiteSpace(_searchString)) return _products;
|
||||
return _products.Where(x =>
|
||||
(x.Name?.Contains(_searchString, StringComparison.OrdinalIgnoreCase) ?? false) ||
|
||||
(x.AutoNumber?.Contains(_searchString, StringComparison.OrdinalIgnoreCase) ?? false)
|
||||
);
|
||||
}
|
||||
|
||||
private IEnumerable<GetProductListResponse> GetPagedData() => GetFilteredData().Skip(_skip).Take(_top);
|
||||
|
||||
private void OnSearchClick() { _skip = 0; _selectedProduct = null; StateHasChanged(); }
|
||||
private void HandleSearchKeyDown(KeyboardEventArgs e) { if (e.Key == "Enter") OnSearchClick(); }
|
||||
|
||||
private async Task ExportToExcel()
|
||||
{
|
||||
_isExporting = true;
|
||||
try
|
||||
{
|
||||
using (var workbook = new XLWorkbook())
|
||||
{
|
||||
var worksheet = workbook.Worksheets.Add("Products");
|
||||
worksheet.Cell(1, 1).Value = "Product Name";
|
||||
worksheet.Cell(1, 2).Value = "Number";
|
||||
worksheet.Cell(1, 3).Value = "Group";
|
||||
worksheet.Cell(1, 4).Value = "UoM";
|
||||
worksheet.Cell(1, 5).Value = "Unit Price";
|
||||
|
||||
var headerRange = worksheet.Range(1, 1, 1, 5);
|
||||
headerRange.Style.Font.Bold = true;
|
||||
headerRange.Style.Fill.BackgroundColor = XLColor.FromHtml("#0D47A1");
|
||||
headerRange.Style.Font.FontColor = XLColor.White;
|
||||
|
||||
var currentRow = 1;
|
||||
foreach (var item in GetFilteredData())
|
||||
{
|
||||
currentRow++;
|
||||
worksheet.Cell(currentRow, 1).Value = item.Name;
|
||||
worksheet.Cell(currentRow, 2).Value = item.AutoNumber;
|
||||
worksheet.Cell(currentRow, 3).Value = item.ProductGroupName;
|
||||
worksheet.Cell(currentRow, 4).Value = item.UnitMeasureName;
|
||||
worksheet.Cell(currentRow, 5).Value = item.UnitPrice;
|
||||
}
|
||||
worksheet.Columns().AdjustToContents();
|
||||
using (var stream = new MemoryStream())
|
||||
{
|
||||
workbook.SaveAs(stream);
|
||||
var content = Convert.ToBase64String(stream.ToArray());
|
||||
await JSRuntime.InvokeVoidAsync("downloadFile", "Product_List.xlsx", "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet", content);
|
||||
}
|
||||
}
|
||||
}
|
||||
finally { _isExporting = false; StateHasChanged(); }
|
||||
}
|
||||
|
||||
private void OnPageChanged(int page) { if (page >= 1 && page <= _totalPage) { _skip = (page - 1) * _top; _selectedProduct = null; StateHasChanged(); } }
|
||||
private void OnPageSizeChanged(int size) { _top = size; _skip = 0; _selectedProduct = null; StateHasChanged(); }
|
||||
|
||||
private async Task InvokeEdit() { if (_selectedProduct != null) { var req = await MapToUpdateRequest(_selectedProduct.Id); if (req != null) await OnEdit.InvokeAsync(req); } }
|
||||
private async Task InvokeView() { if (_selectedProduct != null) { var req = await MapToUpdateRequest(_selectedProduct.Id); if (req != null) await OnView.InvokeAsync(req); } }
|
||||
|
||||
private async Task<UpdateProductRequest?> MapToUpdateRequest(string id)
|
||||
{
|
||||
var response = await ProductService.GetProductByIdAsync(id);
|
||||
if (response != null && response.IsSuccess && response.Value != null)
|
||||
{
|
||||
var d = response.Value;
|
||||
return new UpdateProductRequest { Id = d.Id, Name = d.Name, Description = d.Description, UnitPrice = d.UnitPrice, Physical = d.Physical, UnitMeasureId = d.UnitMeasureId, ProductGroupId = d.ProductGroupId, CreatedAt = d.CreatedAt, CreatedBy = d.CreatedBy, UpdatedAt = d.UpdatedAt, UpdatedBy = d.UpdatedBy };
|
||||
}
|
||||
return null;
|
||||
}
|
||||
|
||||
private async Task OnDelete()
|
||||
{
|
||||
if (_selectedProduct == null) return;
|
||||
var parameters = new DialogParameters<_DeleteConfirmation> { { x => x.ContentText, _selectedProduct.Name } };
|
||||
var options = new DialogOptions { CloseButton = false, MaxWidth = MaxWidth.ExtraSmall, FullWidth = true };
|
||||
var dialog = await DialogService.ShowAsync<_DeleteConfirmation>("", parameters, options);
|
||||
var result = await dialog.Result;
|
||||
if (result != null && !result.Canceled)
|
||||
{
|
||||
var isSuccess = await ProductService.DeleteProductByIdAsync(_selectedProduct.Id);
|
||||
if (isSuccess) { _selectedProduct = null; await LoadData(); Snackbar.Add("Product deleted successfully", Severity.Success); }
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,187 @@
|
||||
@using Indotalent.ConfigBackEnd.Extensions
|
||||
@using Indotalent.Features.Inventory.Product
|
||||
@using Indotalent.Features.Inventory.Product.Cqrs
|
||||
@using Indotalent.Shared.Utils
|
||||
@using MudBlazor
|
||||
@inject ProductService ProductService
|
||||
@inject ISnackbar Snackbar
|
||||
|
||||
<MudPaper Elevation="0" Square="true" Class="pa-6 mb-3 d-flex align-center justify-space-between" Style="border: 1px solid #DCEBFA;">
|
||||
<div class="d-flex align-center gap-4">
|
||||
<MudIconButton Icon="@Icons.Material.Filled.ArrowBack" OnClick="() => OnCancel.InvokeAsync()" />
|
||||
<div>
|
||||
<MudText Typo="Typo.h5" Style="font-weight: 900; color: #1a1a1a;">@(ReadOnly ? "Product Details" : "Edit Product")</MudText>
|
||||
<MudText Typo="Typo.body2" Style="color: #64748b;">@(ReadOnly ? "Viewing product specification." : "Modify existing product information.")</MudText>
|
||||
</div>
|
||||
</div>
|
||||
</MudPaper>
|
||||
|
||||
<MudPaper Elevation="0" Outlined="true" Class="pa-8" Style="border-radius: 4px; border: 1px solid #DCEBFA;">
|
||||
@if (_isDataLoading)
|
||||
{
|
||||
<div class="d-flex justify-center pa-10">
|
||||
<MudProgressCircular Color="Color.Primary" Indeterminate="true" />
|
||||
</div>
|
||||
}
|
||||
else
|
||||
{
|
||||
<MudForm @ref="_form" Model="_model">
|
||||
<MudGrid Spacing="3">
|
||||
<MudItem xs="12" sm="6">
|
||||
<MudText Typo="Typo.subtitle2" Class="mb-1">Product Name</MudText>
|
||||
<MudTextField @bind-Value="_model.Name" For="@(() => _model.Name)" Validation="@(_validator.ValidateValue())" ReadOnly="ReadOnly" Variant="Variant.Outlined" Margin="Margin.Dense" FullWidth="true" />
|
||||
</MudItem>
|
||||
<MudItem xs="12" sm="6">
|
||||
<MudText Typo="Typo.subtitle2" Class="mb-1">Unit Price</MudText>
|
||||
<MudNumericField @bind-Value="_model.UnitPrice" For="@(() => _model.UnitPrice)" ReadOnly="ReadOnly" Variant="Variant.Outlined" Margin="Margin.Dense" FullWidth="true" HideSpinButtons="true" />
|
||||
</MudItem>
|
||||
<MudItem xs="12" sm="6">
|
||||
<MudText Typo="Typo.subtitle2" Class="mb-1">Product Group</MudText>
|
||||
<MudSelect @bind-Value="_model.ProductGroupId"
|
||||
For="@(() => _model.ProductGroupId)"
|
||||
ReadOnly="ReadOnly"
|
||||
Variant="Variant.Outlined"
|
||||
Margin="Margin.Dense"
|
||||
FullWidth="true"
|
||||
Dense="true"
|
||||
AnchorOrigin="Origin.BottomCenter"
|
||||
TransformOrigin="Origin.TopCenter">
|
||||
@foreach (var item in _lookupData.ProductGroups)
|
||||
{
|
||||
<MudSelectItem Value="@item.Id">@item.Name</MudSelectItem>
|
||||
}
|
||||
</MudSelect>
|
||||
</MudItem>
|
||||
<MudItem xs="12" sm="6">
|
||||
<MudText Typo="Typo.subtitle2" Class="mb-1">Unit of Measure</MudText>
|
||||
<MudSelect @bind-Value="_model.UnitMeasureId"
|
||||
For="@(() => _model.UnitMeasureId)"
|
||||
ReadOnly="ReadOnly"
|
||||
Variant="Variant.Outlined"
|
||||
Margin="Margin.Dense"
|
||||
FullWidth="true"
|
||||
Dense="true"
|
||||
AnchorOrigin="Origin.BottomCenter"
|
||||
TransformOrigin="Origin.TopCenter">
|
||||
@foreach (var item in _lookupData.UnitMeasures)
|
||||
{
|
||||
<MudSelectItem Value="@item.Id">@item.Name</MudSelectItem>
|
||||
}
|
||||
</MudSelect>
|
||||
</MudItem>
|
||||
<MudItem xs="12" sm="6">
|
||||
<MudCheckBox @bind-Value="_model.Physical" Label="Physical Product" Color="Color.Primary" Dense="true" ReadOnly="ReadOnly" Style="font-weight: 700;" />
|
||||
</MudItem>
|
||||
<MudItem xs="12">
|
||||
<MudText Typo="Typo.subtitle2" Class="mb-1">Description</MudText>
|
||||
<MudTextField @bind-Value="_model.Description" For="@(() => _model.Description)" ReadOnly="ReadOnly" Variant="Variant.Outlined" Margin="Margin.Dense" Lines="3" FullWidth="true" />
|
||||
</MudItem>
|
||||
|
||||
<MudItem xs="12" Class="mt-4">
|
||||
<MudText Typo="Typo.button" Color="Color.Primary" Style="font-weight: 800;">Audit History</MudText>
|
||||
<MudDivider Class="mt-2 mb-4" />
|
||||
</MudItem>
|
||||
<MudItem xs="12" sm="6">
|
||||
<MudText Typo="Typo.subtitle2">Created At</MudText>
|
||||
<MudText Typo="Typo.body2" Style="color: #1a1a1a; font-weight: 600;">@DateTimeExtensions.ToString(_model.CreatedAt)</MudText>
|
||||
</MudItem>
|
||||
<MudItem xs="12" sm="6">
|
||||
<MudText Typo="Typo.subtitle2">Created By</MudText>
|
||||
<MudText Typo="Typo.body2" Style="color: #1a1a1a; font-weight: 600;">@(!string.IsNullOrEmpty(_model.CreatedBy) ? _model.CreatedBy : "System")</MudText>
|
||||
</MudItem>
|
||||
<MudItem xs="12" sm="6">
|
||||
<MudText Typo="Typo.subtitle2">Last Updated At</MudText>
|
||||
<MudText Typo="Typo.body2" Style="color: #1a1a1a; font-weight: 600;">@DateTimeExtensions.ToString(_model.UpdatedAt)</MudText>
|
||||
</MudItem>
|
||||
<MudItem xs="12" sm="6">
|
||||
<MudText Typo="Typo.subtitle2">Last Updated By</MudText>
|
||||
<MudText Typo="Typo.body2" Style="color: #1a1a1a; font-weight: 600;">@(!string.IsNullOrEmpty(_model.UpdatedBy) ? _model.UpdatedBy : "System")</MudText>
|
||||
</MudItem>
|
||||
</MudGrid>
|
||||
<div class="d-flex justify-end gap-2 mt-10">
|
||||
<MudButton OnClick="() => OnCancel.InvokeAsync()" Variant="Variant.Outlined" Disabled="_processing" Style="border-radius: 4px; text-transform: none; font-weight: 700;border: 1px solid #e0e0e0;">@(ReadOnly ? "Back to List" : "Cancel")</MudButton>
|
||||
@if (!ReadOnly)
|
||||
{
|
||||
<MudButton Color="Color.Primary" Variant="Variant.Filled" OnClick="Submit" Disabled="_processing" Style="border-radius: 4px; text-transform: none; font-weight: 700;">
|
||||
@if (_processing)
|
||||
{
|
||||
<MudProgressCircular Class="ms-n1" Size="Size.Small" Indeterminate="true" />
|
||||
<MudText Class="ms-2">Updating...</MudText>
|
||||
}
|
||||
else
|
||||
{
|
||||
<MudText>Save Changes</MudText>
|
||||
}
|
||||
</MudButton>
|
||||
}
|
||||
</div>
|
||||
</MudForm>
|
||||
}
|
||||
</MudPaper>
|
||||
|
||||
@code {
|
||||
[Parameter] public UpdateProductRequest Data { get; set; } = new();
|
||||
[Parameter] public bool ReadOnly { get; set; } = false;
|
||||
[Parameter] public EventCallback OnCancel { get; set; }
|
||||
[Parameter] public EventCallback OnSuccess { get; set; }
|
||||
private MudForm _form = default!;
|
||||
private UpdateProductValidator _validator = new();
|
||||
private UpdateProductRequest _model = new();
|
||||
private LookupProductResponse _lookupData = new();
|
||||
private bool _processing = false;
|
||||
private bool _isDataLoading = true;
|
||||
|
||||
protected override async Task OnInitializedAsync()
|
||||
{
|
||||
_isDataLoading = true;
|
||||
try
|
||||
{
|
||||
var response = await ProductService.GetProductLookupAsync();
|
||||
if (response != null && response.IsSuccess)
|
||||
{
|
||||
_lookupData = response.Value!;
|
||||
}
|
||||
|
||||
_model = new UpdateProductRequest
|
||||
{
|
||||
Id = Data.Id,
|
||||
Name = Data.Name,
|
||||
Description = Data.Description,
|
||||
UnitPrice = Data.UnitPrice,
|
||||
Physical = Data.Physical,
|
||||
UnitMeasureId = Data.UnitMeasureId,
|
||||
ProductGroupId = Data.ProductGroupId,
|
||||
CreatedAt = Data.CreatedAt,
|
||||
CreatedBy = Data.CreatedBy,
|
||||
UpdatedAt = Data.UpdatedAt,
|
||||
UpdatedBy = Data.UpdatedBy
|
||||
};
|
||||
}
|
||||
finally
|
||||
{
|
||||
_isDataLoading = false;
|
||||
}
|
||||
}
|
||||
|
||||
private async Task Submit()
|
||||
{
|
||||
if (ReadOnly) return;
|
||||
await _form.Validate();
|
||||
if (!_form.IsValid) return;
|
||||
_processing = true;
|
||||
try
|
||||
{
|
||||
var response = await ProductService.UpdateProductAsync(_model);
|
||||
await Task.Delay(500);
|
||||
if (response != null && response.IsSuccess)
|
||||
{
|
||||
Snackbar.Add("Product updated successfully", Severity.Success);
|
||||
await OnSuccess.InvokeAsync();
|
||||
}
|
||||
}
|
||||
finally
|
||||
{
|
||||
_processing = false;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,71 @@
|
||||
using Indotalent.ConfigBackEnd.Exceptions;
|
||||
using Indotalent.ConfigBackEnd.Extensions;
|
||||
using Indotalent.Infrastructure.Database;
|
||||
using MediatR;
|
||||
using Microsoft.EntityFrameworkCore;
|
||||
|
||||
namespace Indotalent.Features.Inventory.Product.Cqrs;
|
||||
|
||||
public class CreateProductRequest
|
||||
{
|
||||
public string? Name { get; set; }
|
||||
public string? Description { get; set; }
|
||||
public decimal? UnitPrice { get; set; }
|
||||
public bool? Physical { get; set; } = true;
|
||||
public string? UnitMeasureId { get; set; }
|
||||
public string? ProductGroupId { get; set; }
|
||||
}
|
||||
|
||||
public class CreateProductResponse
|
||||
{
|
||||
public string? Id { get; set; }
|
||||
public string? Name { get; set; }
|
||||
}
|
||||
|
||||
public record CreateProductCommand(CreateProductRequest Data) : IRequest<CreateProductResponse>;
|
||||
|
||||
public class CreateProductHandler : IRequestHandler<CreateProductCommand, CreateProductResponse>
|
||||
{
|
||||
private readonly AppDbContext _context;
|
||||
|
||||
public CreateProductHandler(AppDbContext context) => _context = context;
|
||||
|
||||
public async Task<CreateProductResponse> Handle(CreateProductCommand request, CancellationToken cancellationToken)
|
||||
{
|
||||
var isExists = await _context.Product
|
||||
.AnyAsync(x => x.Name == request.Data.Name, cancellationToken);
|
||||
|
||||
if (isExists)
|
||||
{
|
||||
throw new AlreadyExistsException("Product", request.Data.Name ?? string.Empty);
|
||||
}
|
||||
|
||||
var entityName = nameof(Data.Entities.Product);
|
||||
|
||||
var autoNo = await _context.GenerateAutoNumberAsync(
|
||||
entityName: entityName,
|
||||
prefixTemplate: $"{entityName.ToShortNameConsonant(3)}/{{Year}}/",
|
||||
ct: cancellationToken
|
||||
);
|
||||
|
||||
var entity = new Data.Entities.Product
|
||||
{
|
||||
AutoNumber = autoNo,
|
||||
Name = request.Data.Name,
|
||||
Description = request.Data.Description,
|
||||
UnitPrice = request.Data.UnitPrice,
|
||||
Physical = request.Data.Physical,
|
||||
UnitMeasureId = request.Data.UnitMeasureId,
|
||||
ProductGroupId = request.Data.ProductGroupId
|
||||
};
|
||||
|
||||
_context.Product.Add(entity);
|
||||
await _context.SaveChangesAsync(cancellationToken);
|
||||
|
||||
return new CreateProductResponse
|
||||
{
|
||||
Id = entity.Id,
|
||||
Name = entity.Name
|
||||
};
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,23 @@
|
||||
using FluentValidation;
|
||||
using Indotalent.Shared.Consts;
|
||||
|
||||
namespace Indotalent.Features.Inventory.Product.Cqrs;
|
||||
|
||||
public class CreateProductValidator : AbstractValidator<CreateProductRequest>
|
||||
{
|
||||
public CreateProductValidator()
|
||||
{
|
||||
RuleFor(x => x.Name)
|
||||
.NotEmpty().WithMessage("Product Name is required")
|
||||
.MaximumLength(GlobalConsts.StringLengthShort);
|
||||
|
||||
RuleFor(x => x.UnitMeasureId)
|
||||
.NotEmpty().WithMessage("Unit of Measure is required");
|
||||
|
||||
RuleFor(x => x.ProductGroupId)
|
||||
.NotEmpty().WithMessage("Product Group is required");
|
||||
|
||||
RuleFor(x => x.UnitPrice)
|
||||
.GreaterThanOrEqualTo(0).WithMessage("Unit Price cannot be negative");
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,27 @@
|
||||
using Indotalent.Infrastructure.Database;
|
||||
using MediatR;
|
||||
using Microsoft.EntityFrameworkCore;
|
||||
|
||||
namespace Indotalent.Features.Inventory.Product.Cqrs;
|
||||
|
||||
public record DeleteProductByIdRequest(string Id);
|
||||
|
||||
public record DeleteProductByIdCommand(DeleteProductByIdRequest Data) : IRequest<bool>;
|
||||
|
||||
public class DeleteProductByIdHandler : IRequestHandler<DeleteProductByIdCommand, bool>
|
||||
{
|
||||
private readonly AppDbContext _context;
|
||||
|
||||
public DeleteProductByIdHandler(AppDbContext context) => _context = context;
|
||||
|
||||
public async Task<bool> Handle(DeleteProductByIdCommand request, CancellationToken cancellationToken)
|
||||
{
|
||||
var entity = await _context.Product
|
||||
.FirstOrDefaultAsync(x => x.Id == request.Data.Id, cancellationToken);
|
||||
|
||||
if (entity == null) return false;
|
||||
|
||||
_context.Product.Remove(entity);
|
||||
return await _context.SaveChangesAsync(cancellationToken) > 0;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,53 @@
|
||||
using Indotalent.Infrastructure.Database;
|
||||
using MediatR;
|
||||
using Microsoft.EntityFrameworkCore;
|
||||
|
||||
namespace Indotalent.Features.Inventory.Product.Cqrs;
|
||||
|
||||
public class GetProductByIdResponse
|
||||
{
|
||||
public string? Id { get; set; }
|
||||
public string? AutoNumber { get; set; }
|
||||
public string? Name { get; set; }
|
||||
public string? Description { get; set; }
|
||||
public decimal? UnitPrice { get; set; }
|
||||
public bool? Physical { get; set; }
|
||||
public string? UnitMeasureId { get; set; }
|
||||
public string? ProductGroupId { get; set; }
|
||||
public DateTimeOffset? CreatedAt { get; set; }
|
||||
public string? CreatedBy { get; set; }
|
||||
public DateTimeOffset? UpdatedAt { get; set; }
|
||||
public string? UpdatedBy { get; set; }
|
||||
}
|
||||
|
||||
public record GetProductByIdQuery(string Id) : IRequest<GetProductByIdResponse?>;
|
||||
|
||||
public class GetProductByIdHandler : IRequestHandler<GetProductByIdQuery, GetProductByIdResponse?>
|
||||
{
|
||||
private readonly AppDbContext _context;
|
||||
|
||||
public GetProductByIdHandler(AppDbContext context) => _context = context;
|
||||
|
||||
public async Task<GetProductByIdResponse?> Handle(GetProductByIdQuery request, CancellationToken cancellationToken)
|
||||
{
|
||||
return await _context.Product
|
||||
.AsNoTracking()
|
||||
.Where(x => x.Id == request.Id)
|
||||
.Select(x => new GetProductByIdResponse
|
||||
{
|
||||
Id = x.Id,
|
||||
AutoNumber = x.AutoNumber,
|
||||
Name = x.Name,
|
||||
Description = x.Description,
|
||||
UnitPrice = x.UnitPrice,
|
||||
Physical = x.Physical,
|
||||
UnitMeasureId = x.UnitMeasureId,
|
||||
ProductGroupId = x.ProductGroupId,
|
||||
CreatedAt = x.CreatedAt,
|
||||
CreatedBy = x.CreatedBy,
|
||||
UpdatedAt = x.UpdatedAt,
|
||||
UpdatedBy = x.UpdatedBy,
|
||||
})
|
||||
.FirstOrDefaultAsync(cancellationToken);
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,47 @@
|
||||
using Indotalent.Infrastructure.Database;
|
||||
using MediatR;
|
||||
using Microsoft.EntityFrameworkCore;
|
||||
|
||||
namespace Indotalent.Features.Inventory.Product.Cqrs;
|
||||
|
||||
public class GetProductListResponse
|
||||
{
|
||||
public string? Id { get; set; }
|
||||
public string? AutoNumber { get; set; }
|
||||
public string? Name { get; set; }
|
||||
public decimal? UnitPrice { get; set; }
|
||||
public bool? Physical { get; set; }
|
||||
public string? UnitMeasureName { get; set; }
|
||||
public string? ProductGroupName { get; set; }
|
||||
public DateTimeOffset? CreatedAt { get; set; }
|
||||
}
|
||||
|
||||
public record GetProductListQuery() : IRequest<List<GetProductListResponse>>;
|
||||
|
||||
public class GetProductListHandler : IRequestHandler<GetProductListQuery, List<GetProductListResponse>>
|
||||
{
|
||||
private readonly AppDbContext _context;
|
||||
|
||||
public GetProductListHandler(AppDbContext context) => _context = context;
|
||||
|
||||
public async Task<List<GetProductListResponse>> Handle(GetProductListQuery request, CancellationToken cancellationToken)
|
||||
{
|
||||
return await _context.Product
|
||||
.AsNoTracking()
|
||||
.Include(x => x.UnitMeasure)
|
||||
.Include(x => x.ProductGroup)
|
||||
.OrderByDescending(x => x.CreatedAt)
|
||||
.Select(x => new GetProductListResponse
|
||||
{
|
||||
Id = x.Id,
|
||||
AutoNumber = x.AutoNumber,
|
||||
Name = x.Name,
|
||||
UnitPrice = x.UnitPrice,
|
||||
Physical = x.Physical,
|
||||
UnitMeasureName = x.UnitMeasure != null ? x.UnitMeasure.Name : string.Empty,
|
||||
ProductGroupName = x.ProductGroup != null ? x.ProductGroup.Name : string.Empty,
|
||||
CreatedAt = x.CreatedAt
|
||||
})
|
||||
.ToListAsync(cancellationToken);
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,45 @@
|
||||
using Indotalent.Infrastructure.Database;
|
||||
using MediatR;
|
||||
using Microsoft.EntityFrameworkCore;
|
||||
|
||||
namespace Indotalent.Features.Inventory.Product.Cqrs;
|
||||
|
||||
public class LookupProductResponse
|
||||
{
|
||||
public List<LookupItem> UnitMeasures { get; set; } = new();
|
||||
public List<LookupItem> ProductGroups { get; set; } = new();
|
||||
}
|
||||
|
||||
public class LookupItem
|
||||
{
|
||||
public string? Id { get; set; }
|
||||
public string? Name { get; set; }
|
||||
}
|
||||
|
||||
public record LookupProductQuery() : IRequest<LookupProductResponse>;
|
||||
|
||||
public class LookupProductHandler : IRequestHandler<LookupProductQuery, LookupProductResponse>
|
||||
{
|
||||
private readonly AppDbContext _context;
|
||||
|
||||
public LookupProductHandler(AppDbContext context) => _context = context;
|
||||
|
||||
public async Task<LookupProductResponse> Handle(LookupProductQuery request, CancellationToken cancellationToken)
|
||||
{
|
||||
var result = new LookupProductResponse();
|
||||
|
||||
result.UnitMeasures = await _context.UnitMeasure
|
||||
.AsNoTracking()
|
||||
.OrderBy(x => x.Name)
|
||||
.Select(x => new LookupItem { Id = x.Id, Name = x.Name })
|
||||
.ToListAsync(cancellationToken);
|
||||
|
||||
result.ProductGroups = await _context.ProductGroup
|
||||
.AsNoTracking()
|
||||
.OrderBy(x => x.Name)
|
||||
.Select(x => new LookupItem { Id = x.Id, Name = x.Name })
|
||||
.ToListAsync(cancellationToken);
|
||||
|
||||
return result;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,70 @@
|
||||
using Indotalent.ConfigBackEnd.Exceptions;
|
||||
using Indotalent.Infrastructure.Database;
|
||||
using MediatR;
|
||||
using Microsoft.EntityFrameworkCore;
|
||||
|
||||
namespace Indotalent.Features.Inventory.Product.Cqrs;
|
||||
|
||||
public class UpdateProductRequest
|
||||
{
|
||||
public string? Id { get; set; }
|
||||
public string? Name { get; set; }
|
||||
public string? Description { get; set; }
|
||||
public decimal? UnitPrice { get; set; }
|
||||
public bool? Physical { get; set; }
|
||||
public string? UnitMeasureId { get; set; }
|
||||
public string? ProductGroupId { get; set; }
|
||||
public DateTimeOffset? CreatedAt { get; set; }
|
||||
public string? CreatedBy { get; set; }
|
||||
public DateTimeOffset? UpdatedAt { get; set; }
|
||||
public string? UpdatedBy { get; set; }
|
||||
}
|
||||
|
||||
public class UpdateProductResponse
|
||||
{
|
||||
public string? Id { get; set; }
|
||||
public bool Success { get; set; }
|
||||
}
|
||||
|
||||
public record UpdateProductCommand(UpdateProductRequest Data) : IRequest<UpdateProductResponse>;
|
||||
|
||||
public class UpdateProductHandler : IRequestHandler<UpdateProductCommand, UpdateProductResponse>
|
||||
{
|
||||
private readonly AppDbContext _context;
|
||||
|
||||
public UpdateProductHandler(AppDbContext context) => _context = context;
|
||||
|
||||
public async Task<UpdateProductResponse> Handle(UpdateProductCommand request, CancellationToken cancellationToken)
|
||||
{
|
||||
var isExists = await _context.Product
|
||||
.AnyAsync(x => x.Name == request.Data.Name && x.Id != request.Data.Id, cancellationToken);
|
||||
|
||||
if (isExists)
|
||||
{
|
||||
throw new AlreadyExistsException("Product", request.Data.Name ?? string.Empty);
|
||||
}
|
||||
|
||||
var entity = await _context.Product
|
||||
.FirstOrDefaultAsync(x => x.Id == request.Data.Id, cancellationToken);
|
||||
|
||||
if (entity == null)
|
||||
{
|
||||
return new UpdateProductResponse { Id = request.Data.Id, Success = false };
|
||||
}
|
||||
|
||||
entity.Name = request.Data.Name;
|
||||
entity.Description = request.Data.Description;
|
||||
entity.UnitPrice = request.Data.UnitPrice;
|
||||
entity.Physical = request.Data.Physical;
|
||||
entity.UnitMeasureId = request.Data.UnitMeasureId;
|
||||
entity.ProductGroupId = request.Data.ProductGroupId;
|
||||
|
||||
await _context.SaveChangesAsync(cancellationToken);
|
||||
|
||||
return new UpdateProductResponse
|
||||
{
|
||||
Id = entity.Id,
|
||||
Success = true
|
||||
};
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,26 @@
|
||||
using FluentValidation;
|
||||
using Indotalent.Shared.Consts;
|
||||
|
||||
namespace Indotalent.Features.Inventory.Product.Cqrs;
|
||||
|
||||
public class UpdateProductValidator : AbstractValidator<UpdateProductRequest>
|
||||
{
|
||||
public UpdateProductValidator()
|
||||
{
|
||||
RuleFor(x => x.Id)
|
||||
.NotEmpty().WithMessage("ID is required for update");
|
||||
|
||||
RuleFor(x => x.Name)
|
||||
.NotEmpty().WithMessage("Product Name is required")
|
||||
.MaximumLength(GlobalConsts.StringLengthShort);
|
||||
|
||||
RuleFor(x => x.UnitMeasureId)
|
||||
.NotEmpty().WithMessage("Unit of Measure is required");
|
||||
|
||||
RuleFor(x => x.ProductGroupId)
|
||||
.NotEmpty().WithMessage("Product Group is required");
|
||||
|
||||
RuleFor(x => x.UnitPrice)
|
||||
.GreaterThanOrEqualTo(0).WithMessage("Unit Price cannot be negative");
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,82 @@
|
||||
using Indotalent.ConfigBackEnd.Extensions;
|
||||
using Indotalent.Features.Inventory.Product.Cqrs;
|
||||
using MediatR;
|
||||
using Microsoft.AspNetCore.Authentication.JwtBearer;
|
||||
|
||||
namespace Indotalent.Features.Inventory.Product;
|
||||
|
||||
public static class ProductEndpoint
|
||||
{
|
||||
public static void MapProductEndpoints(this IEndpointRouteBuilder app)
|
||||
{
|
||||
var group = app.MapGroup("/product").WithTags("Products")
|
||||
.RequireAuthorization(policy => policy.AddAuthenticationSchemes(JwtBearerDefaults.AuthenticationScheme)
|
||||
.RequireAuthenticatedUser());
|
||||
|
||||
group.MapGet("/", async (IMediator mediator) =>
|
||||
{
|
||||
var result = await mediator.Send(new GetProductListQuery());
|
||||
|
||||
return result.ToApiResponse("Product list retrieved successfully");
|
||||
})
|
||||
.WithName("GetProductList")
|
||||
.WithTags("Products");
|
||||
|
||||
group.MapGet("/{id}", async (string id, IMediator mediator) =>
|
||||
{
|
||||
var result = await mediator.Send(new GetProductByIdQuery(id));
|
||||
|
||||
return result.ToApiResponse(result is not null
|
||||
? "Product detail retrieved successfully"
|
||||
: $"Product with ID {id} not found");
|
||||
})
|
||||
.WithName("GetProductById")
|
||||
.WithTags("Products");
|
||||
|
||||
group.MapGet("/lookup", async (IMediator mediator) =>
|
||||
{
|
||||
var result = await mediator.Send(new LookupProductQuery());
|
||||
|
||||
return result.ToApiResponse("Product lookup data retrieved successfully");
|
||||
})
|
||||
.WithName("GetProductLookup")
|
||||
.WithTags("Products");
|
||||
|
||||
group.MapPost("/", async (CreateProductRequest request, IMediator mediator) =>
|
||||
{
|
||||
var result = await mediator.Send(new CreateProductCommand(request));
|
||||
|
||||
return result.ToApiResponse("Product has been created successfully", StatusCodes.Status201Created);
|
||||
})
|
||||
.WithName("CreateProduct")
|
||||
.WithTags("Products");
|
||||
|
||||
group.MapPost("/update", async (UpdateProductRequest request, IMediator mediator) =>
|
||||
{
|
||||
var result = await mediator.Send(new UpdateProductCommand(request));
|
||||
|
||||
if (!result.Success)
|
||||
{
|
||||
return ((object?)null).ToApiResponse("Update failed. The product data could not be found.");
|
||||
}
|
||||
|
||||
return result.ToApiResponse("Product has been updated successfully");
|
||||
})
|
||||
.WithName("UpdateProduct")
|
||||
.WithTags("Products");
|
||||
|
||||
group.MapPost("/delete/{id}", async (string id, IMediator mediator) =>
|
||||
{
|
||||
var result = await mediator.Send(new DeleteProductByIdCommand(new DeleteProductByIdRequest(id)));
|
||||
|
||||
if (!result)
|
||||
{
|
||||
return ((object?)null).ToApiResponse("Delete failed. The product data could not be found.");
|
||||
}
|
||||
|
||||
return true.ToApiResponse("Product has been deleted successfully");
|
||||
})
|
||||
.WithName("DeleteProductById")
|
||||
.WithTags("Products");
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,66 @@
|
||||
using Indotalent.ConfigBackEnd.Interfaces;
|
||||
using Indotalent.ConfigFrontEnd.Common;
|
||||
using Indotalent.Features.Inventory.Product.Cqrs;
|
||||
using Indotalent.Infrastructure.Authentication.Identity;
|
||||
using Indotalent.Shared.Models;
|
||||
using Microsoft.AspNetCore.Components;
|
||||
using MudBlazor;
|
||||
using RestSharp;
|
||||
|
||||
namespace Indotalent.Features.Inventory.Product;
|
||||
|
||||
public class ProductService : BaseService
|
||||
{
|
||||
private readonly RestClient _client;
|
||||
|
||||
public ProductService(
|
||||
IHttpClientFactory clientFactory,
|
||||
NavigationManager nav,
|
||||
ISnackbar snackbar,
|
||||
ICurrentUserService currentUserService,
|
||||
TokenProvider tokenProvider)
|
||||
: base(clientFactory, nav, snackbar, currentUserService, tokenProvider)
|
||||
{
|
||||
_client = new RestClient(nav.BaseUri);
|
||||
}
|
||||
|
||||
public async Task<ApiResponse<List<GetProductListResponse>>?> GetProductListAsync()
|
||||
{
|
||||
var request = new RestRequest("api/product", Method.Get);
|
||||
return await ExecuteWithResponseAsync<List<GetProductListResponse>>(_client, request);
|
||||
}
|
||||
|
||||
public async Task<ApiResponse<GetProductByIdResponse>?> GetProductByIdAsync(string id)
|
||||
{
|
||||
var request = new RestRequest($"api/product/{id}", Method.Get);
|
||||
return await ExecuteWithResponseAsync<GetProductByIdResponse>(_client, request);
|
||||
}
|
||||
|
||||
public async Task<ApiResponse<LookupProductResponse>?> GetProductLookupAsync()
|
||||
{
|
||||
var request = new RestRequest("api/product/lookup", Method.Get);
|
||||
return await ExecuteWithResponseAsync<LookupProductResponse>(_client, request);
|
||||
}
|
||||
|
||||
public async Task<ApiResponse<CreateProductResponse>?> CreateProductAsync(CreateProductRequest data)
|
||||
{
|
||||
var request = new RestRequest("api/product", Method.Post);
|
||||
request.AddJsonBody(data);
|
||||
return await ExecuteWithResponseAsync<CreateProductResponse>(_client, request);
|
||||
}
|
||||
|
||||
public async Task<bool> DeleteProductByIdAsync(string id)
|
||||
{
|
||||
var request = new RestRequest($"api/product/delete/{id}", Method.Post);
|
||||
|
||||
var response = await ExecuteWithResponseAsync<object>(_client, request);
|
||||
return response?.IsSuccess ?? false;
|
||||
}
|
||||
|
||||
public async Task<ApiResponse<UpdateProductResponse>?> UpdateProductAsync(UpdateProductRequest data)
|
||||
{
|
||||
var request = new RestRequest("api/product/update", Method.Post);
|
||||
request.AddJsonBody(data);
|
||||
return await ExecuteWithResponseAsync<UpdateProductResponse>(_client, request);
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,53 @@
|
||||
@page "/inventory/product-group"
|
||||
@using Indotalent.Features.Inventory.ProductGroup
|
||||
@using Indotalent.Features.Inventory.ProductGroup.Cqrs
|
||||
@using Indotalent.Features.Inventory.ProductGroup.Components
|
||||
@using MudBlazor
|
||||
|
||||
@if (_currentView == ViewMode.Create)
|
||||
{
|
||||
<_ProductGroupCreateForm OnCancel="BackToTable"
|
||||
OnSuccess="HandleSuccess" />
|
||||
}
|
||||
else if (_currentView == ViewMode.Update || _currentView == ViewMode.View)
|
||||
{
|
||||
<_ProductGroupUpdateForm Data="_selectedData!"
|
||||
ReadOnly="@(_currentView == ViewMode.View)"
|
||||
OnCancel="BackToTable"
|
||||
OnSuccess="HandleSuccess" />
|
||||
}
|
||||
else
|
||||
{
|
||||
<_ProductGroupDataTable OnAdd="() => ShowCreate()"
|
||||
OnEdit="(item) => ShowUpdate(item, false)"
|
||||
OnView="(item) => ShowUpdate(item, true)" />
|
||||
}
|
||||
|
||||
@code {
|
||||
private enum ViewMode { Table, Create, Update, View }
|
||||
private ViewMode _currentView = ViewMode.Table;
|
||||
private UpdateProductGroupRequest? _selectedData;
|
||||
|
||||
private void ShowCreate()
|
||||
{
|
||||
_currentView = ViewMode.Create;
|
||||
}
|
||||
|
||||
private void ShowUpdate(UpdateProductGroupRequest data, bool isReadOnly)
|
||||
{
|
||||
_selectedData = data;
|
||||
_currentView = isReadOnly ? ViewMode.View : ViewMode.Update;
|
||||
}
|
||||
|
||||
private void BackToTable()
|
||||
{
|
||||
_currentView = ViewMode.Table;
|
||||
_selectedData = null;
|
||||
}
|
||||
|
||||
private void HandleSuccess()
|
||||
{
|
||||
_currentView = ViewMode.Table;
|
||||
_selectedData = null;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,97 @@
|
||||
@using Indotalent.Features.Inventory.ProductGroup
|
||||
@using Indotalent.Features.Inventory.ProductGroup.Cqrs
|
||||
@using Indotalent.Shared.Utils
|
||||
@using MudBlazor
|
||||
@inject ProductGroupService ProductGroupService
|
||||
@inject ISnackbar Snackbar
|
||||
|
||||
<MudPaper Elevation="0" Square="true" Class="pa-6 mb-3 d-flex align-center justify-space-between" Style="border: 1px solid #DCEBFA;">
|
||||
<div class="d-flex align-center gap-4">
|
||||
<MudIconButton Icon="@Icons.Material.Filled.ArrowBack" OnClick="() => OnCancel.InvokeAsync()" />
|
||||
<div>
|
||||
<MudText Typo="Typo.h5" Style="font-weight: 900; color: #1a1a1a;">Add New Group</MudText>
|
||||
<MudText Typo="Typo.body2" Style="color: #64748b;">Create a new category for your products.</MudText>
|
||||
</div>
|
||||
</div>
|
||||
</MudPaper>
|
||||
|
||||
<MudPaper Elevation="0" Outlined="true" Class="pa-8" Style="border-radius: 4px; border: 1px solid #DCEBFA;">
|
||||
<MudForm @ref="_form" Model="_model">
|
||||
<MudGrid Spacing="3">
|
||||
<MudItem xs="12">
|
||||
<MudText Typo="Typo.subtitle2" Class="mb-1">Group Name</MudText>
|
||||
<MudTextField @bind-Value="_model.Name"
|
||||
For="@(() => _model.Name)"
|
||||
Validation="@(_validator.ValidateValue())"
|
||||
Variant="Variant.Outlined" Margin="Margin.Dense" FullWidth="true" Placeholder="e.g. Raw Material, Finished Goods" />
|
||||
</MudItem>
|
||||
<MudItem xs="12">
|
||||
<MudText Typo="Typo.subtitle2" Class="mb-1">Description</MudText>
|
||||
<MudTextField @bind-Value="_model.Description"
|
||||
For="@(() => _model.Description)"
|
||||
Variant="Variant.Outlined" Margin="Margin.Dense" Lines="3" FullWidth="true" />
|
||||
</MudItem>
|
||||
</MudGrid>
|
||||
|
||||
<div class="d-flex justify-end gap-2 mt-8">
|
||||
<MudButton OnClick="() => OnCancel.InvokeAsync()"
|
||||
Variant="Variant.Outlined"
|
||||
Disabled="_processing"
|
||||
Style="border-radius: 4px; text-transform: none; font-weight: 700;border: 1px solid #e0e0e0;">
|
||||
Cancel
|
||||
</MudButton>
|
||||
<MudButton Color="Color.Primary"
|
||||
Variant="Variant.Filled"
|
||||
OnClick="Submit"
|
||||
Disabled="_processing"
|
||||
Style="border-radius: 4px; text-transform: none; font-weight: 700;">
|
||||
@if (_processing)
|
||||
{
|
||||
<MudProgressCircular Class="ms-n1" Size="Size.Small" Indeterminate="true" />
|
||||
<MudText Class="ms-2" Typo="Typo.button" Style="text-transform: none !important;">Processing...</MudText>
|
||||
}
|
||||
else
|
||||
{
|
||||
<MudText>Create Group</MudText>
|
||||
}
|
||||
</MudButton>
|
||||
</div>
|
||||
</MudForm>
|
||||
</MudPaper>
|
||||
|
||||
@code {
|
||||
[Parameter] public EventCallback OnCancel { get; set; }
|
||||
[Parameter] public EventCallback OnSuccess { get; set; }
|
||||
|
||||
private MudForm _form = default!;
|
||||
private CreateProductGroupValidator _validator = new();
|
||||
private CreateProductGroupRequest _model = new();
|
||||
private bool _processing = false;
|
||||
|
||||
private async Task Submit()
|
||||
{
|
||||
await _form.Validate();
|
||||
if (!_form.IsValid) return;
|
||||
|
||||
_processing = true;
|
||||
try
|
||||
{
|
||||
var response = await ProductGroupService.CreateProductGroupAsync(_model);
|
||||
await Task.Delay(500);
|
||||
|
||||
if (response != null && response.IsSuccess)
|
||||
{
|
||||
Snackbar.Add("Group created successfully", Severity.Success);
|
||||
await OnSuccess.InvokeAsync();
|
||||
}
|
||||
}
|
||||
catch (Exception ex)
|
||||
{
|
||||
Snackbar.Add($"Error: {ex.Message}", Severity.Error);
|
||||
}
|
||||
finally
|
||||
{
|
||||
_processing = false;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,375 @@
|
||||
@using Indotalent.ConfigBackEnd.Extensions
|
||||
@using Indotalent.Features.Inventory.ProductGroup
|
||||
@using Indotalent.Features.Inventory.ProductGroup.Cqrs
|
||||
@using Microsoft.AspNetCore.Components.Web
|
||||
@using Microsoft.JSInterop
|
||||
@using MudBlazor
|
||||
@using Features.Root.Shared
|
||||
@using ClosedXML.Excel
|
||||
@using System.IO
|
||||
@inject ProductGroupService ProductGroupService
|
||||
@inject IDialogService DialogService
|
||||
@inject ISnackbar Snackbar
|
||||
@inject IJSRuntime JSRuntime
|
||||
|
||||
<MudPaper Elevation="0" Square="true" Class="pa-6 mb-3 d-flex align-center justify-space-between" Style="border: 1px solid #E5E7EB; border-radius: 12px;">
|
||||
<div>
|
||||
<MudText Typo="Typo.h5" Style="font-weight: 600; color: #111827;">Product Group</MudText>
|
||||
<MudText Typo="Typo.body2" Style="color: #9CA3AF;">Categorize and manage your product groupings.</MudText>
|
||||
</div>
|
||||
<div class="d-flex align-center gap-2">
|
||||
<MudIcon Icon="@Icons.Material.Filled.Home" Size="Size.Small" Color="Color.Default" />
|
||||
<MudText Typo="Typo.caption" Style="color: #9CA3AF;">/</MudText>
|
||||
<MudText Typo="Typo.caption" Style="color: #9CA3AF;">Inventory</MudText>
|
||||
<MudText Typo="Typo.caption" Style="color: #9CA3AF;">/</MudText>
|
||||
<MudText Typo="Typo.caption" Style="font-weight: 600; color: #111827;">Product Group</MudText>
|
||||
</div>
|
||||
</MudPaper>
|
||||
|
||||
<MudPaper Elevation="0" Outlined="true" Style="border-radius: 12px; overflow: hidden; background-color: #ffffff; border: 1px solid #E5E7EB;">
|
||||
|
||||
<div style="padding: 20px 24px; border-bottom: 1px solid #E5E7EB; display: flex; justify-content: space-between; align-items: center; background-color: #ffffff; min-height: 80px;">
|
||||
|
||||
<div style="display: flex; align-items: center; gap: 8px;">
|
||||
<MudTextField @bind-Value="_searchString"
|
||||
Placeholder="Search..."
|
||||
Adornment="Adornment.Start"
|
||||
AdornmentIcon="@Icons.Material.Filled.Search"
|
||||
IconSize="Size.Small"
|
||||
Class="mt-0"
|
||||
Variant="Variant.Outlined"
|
||||
Margin="Margin.Dense"
|
||||
Style="background-color: white; width: 280px; border-radius: 8px;"
|
||||
OnKeyDown="@HandleSearchKeyDown" />
|
||||
|
||||
<MudButton Variant="Variant.Filled"
|
||||
Color="Color.Primary"
|
||||
OnClick="OnSearchClick"
|
||||
Size="Size.Small"
|
||||
Style="text-transform: none; font-weight: 500; border-radius: 6px; height: 34px; box-shadow: none;">
|
||||
Search
|
||||
</MudButton>
|
||||
</div>
|
||||
|
||||
<div style="display: flex; gap: 8px; align-items: center;">
|
||||
<MudButton Variant="Variant.Outlined"
|
||||
Color="Color.Success"
|
||||
OnClick="ExportToExcel"
|
||||
Size="Size.Small"
|
||||
Disabled="_isExporting"
|
||||
StartIcon="@(_isExporting ? null : Icons.Custom.FileFormats.FileExcel)"
|
||||
Style="background: white; font-weight: 500; border-radius: 6px; text-transform: none; height: 34px; border: 1px solid #D1D5DB; color: #6B7280;">
|
||||
@if (_isExporting)
|
||||
{
|
||||
<MudProgressCircular Class="ms-n1" Size="Size.Small" Indeterminate="true" />
|
||||
<MudText Class="ms-2" Typo="Typo.button" Style="text-transform: none !important;">Processing...</MudText>
|
||||
}
|
||||
else
|
||||
{
|
||||
<MudText Typo="Typo.button" Style="text-transform: none !important;">Excel</MudText>
|
||||
}
|
||||
</MudButton>
|
||||
|
||||
<MudButton Variant="Variant.Outlined"
|
||||
Color="Color.Primary"
|
||||
OnClick="LoadData"
|
||||
Size="Size.Small"
|
||||
StartIcon="@(_isRefreshing ? null : Icons.Material.Filled.Refresh)"
|
||||
Disabled="_isRefreshing"
|
||||
Style="background: white; font-weight: 500; border-radius: 6px; text-transform: none; height: 34px; border: 1px solid #D1D5DB; color: #6B7280;">
|
||||
@if (_isRefreshing)
|
||||
{
|
||||
<MudProgressCircular Class="ms-n1" Size="Size.Small" Indeterminate="true" />
|
||||
<MudText Class="ms-2" Typo="Typo.button" Style="text-transform: none !important;">Refreshing...</MudText>
|
||||
}
|
||||
else
|
||||
{
|
||||
<MudText Typo="Typo.button" Style="text-transform: none !important;">Refresh</MudText>
|
||||
}
|
||||
</MudButton>
|
||||
|
||||
@if (_selectedGroup != null)
|
||||
{
|
||||
<MudButton Variant="Variant.Outlined" Color="Color.Info" StartIcon="@Icons.Material.Filled.Visibility" OnClick="InvokeView" Size="Size.Small" Style="text-transform: none; font-weight: 500; border-radius: 6px; background-color: white; border: 1px solid #D1D5DB; color: #6B7280;">View</MudButton>
|
||||
<MudButton Variant="Variant.Outlined" Color="Color.Primary" StartIcon="@Icons.Material.Filled.Edit" OnClick="InvokeEdit" Size="Size.Small" Style="text-transform: none; font-weight: 500; border-radius: 6px; background-color: white; border: 1px solid #D1D5DB; color: #6B7280;">Edit</MudButton>
|
||||
<MudButton Variant="Variant.Outlined" Color="Color.Error" StartIcon="@Icons.Material.Filled.Delete" OnClick="OnDelete" Size="Size.Small" Style="text-transform: none; font-weight: 500; border-radius: 6px; background: white; border: 1px solid #FCA5A5; color: #EF4444;">Remove</MudButton>
|
||||
<MudIconButton Icon="@Icons.Material.Filled.Close" Size="Size.Small" OnClick="() => _selectedGroup = null" />
|
||||
}
|
||||
else
|
||||
{
|
||||
<MudButton Variant="Variant.Filled" Color="Color.Primary" StartIcon="@Icons.Material.Filled.Add" OnClick="() => OnAdd.InvokeAsync()" Size="Size.Small" Style="text-transform: none; font-weight: 500; border-radius: 6px; height: 34px;">
|
||||
Add New Group
|
||||
</MudButton>
|
||||
}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<MudTable Items="@GetPagedData()" Striped="true" Class="mud-table-styled" Hover="true" Elevation="0" CustomHeader="true" Dense="true" T="GetProductGroupListResponse" OnRowClick="@((args) => _selectedGroup = args.Item)" Loading="@_isRefreshing">
|
||||
<HeaderContent>
|
||||
<MudTh Style="width: 50px; background-color: #ffffff; border-bottom: 1px solid #E5E7EB;"></MudTh>
|
||||
<MudTh Style="font-weight: 600; color: #6B7280; text-transform: uppercase; font-size: 0.6875rem; letter-spacing: 0.05em; background-color: #F9FAFB; border-bottom: 1px solid #E5E7EB;">
|
||||
<MudTableSortLabel SortBy="new Func<GetProductGroupListResponse, object>(x => x.Name!)">Group Name</MudTableSortLabel>
|
||||
</MudTh>
|
||||
<MudTh Style="font-weight: 600; color: #6B7280; text-transform: uppercase; font-size: 0.6875rem; letter-spacing: 0.05em; background-color: #F9FAFB; border-bottom: 1px solid #E5E7EB;">Description</MudTh>
|
||||
</HeaderContent>
|
||||
<RowTemplate>
|
||||
<MudTd>
|
||||
<MudCheckBox T="bool" Value="@(_selectedGroup?.Id == context.Id)" Color="Color.Primary" Dense="true" Size="Size.Small" ReadOnly="true" />
|
||||
</MudTd>
|
||||
<MudTd>
|
||||
<div class="d-flex align-center gap-2">
|
||||
<MudAvatar Color="Color.Primary" Variant="Variant.Filled" Size="Size.Small" Style="border-radius: 50%; font-size: 10px; font-weight: 800;">
|
||||
@(!string.IsNullOrWhiteSpace(context.Name) ? context.Name.ToInitial() : "?")
|
||||
</MudAvatar>
|
||||
<MudText Typo="Typo.body2" Style="font-weight: 600; color: #374151;">@context.Name</MudText>
|
||||
</div>
|
||||
</MudTd>
|
||||
<MudTd Style="padding-top: 0.75rem; padding-bottom: 0.75rem; color: #374151; font-size: 0.875rem;">@context.Description</MudTd>
|
||||
</RowTemplate>
|
||||
</MudTable>
|
||||
|
||||
<div style="display: flex; justify-content: space-between; align-items: center; padding: 12px 24px; background-color: #F9FAFB; border-top: 1px solid #E5E7EB;">
|
||||
<div style="display: flex; align-items: center; gap: 12px;">
|
||||
<MudText Typo="Typo.caption" Style="font-weight: 500; color: #9CA3AF; font-size: 0.75rem;">Rows per page:</MudText>
|
||||
|
||||
<MudSelect T="int"
|
||||
Value="@_top"
|
||||
ValueChanged="OnPageSizeChanged"
|
||||
Dense="true"
|
||||
Margin="Margin.Dense"
|
||||
Style="width: 80px; background-color: white; font-size: 12px; font-weight: 600;"
|
||||
Variant="Variant.Outlined"
|
||||
Class="mt-0 custom-select-dense">
|
||||
<MudSelectItem Value="5" />
|
||||
<MudSelectItem Value="10" />
|
||||
<MudSelectItem Value="50" />
|
||||
<MudSelectItem Value="500" />
|
||||
<MudSelectItem Value="1000" />
|
||||
</MudSelect>
|
||||
|
||||
<MudText Typo="Typo.caption" Style="color: #9CA3AF; margin-left: 12px; font-size: 0.75rem; font-weight: 500;">
|
||||
Showing @(GetFilteredData().Count() == 0 ? 0 : _skip + 1)-@Math.Min(_skip + _top, GetFilteredData().Count()) of @GetFilteredData().Count()
|
||||
</MudText>
|
||||
</div>
|
||||
|
||||
<div style="display: flex; gap: 8px; align-items: center;">
|
||||
<MudIconButton Icon="@Icons.Material.Filled.FirstPage" Size="Size.Small" OnClick="@(() => OnPageChanged(1))" Disabled="@(_currentPage == 1)" Style="@(_currentPage == 1 ? "color: #D1D5DB; background: transparent;" : "color: #6B7280; background: white; border: 1px solid #D1D5DB; border-radius: 6px;")" />
|
||||
<MudButton OnClick="@(() => OnPageChanged(_currentPage - 1))" Disabled="@(_currentPage == 1)" Variant="Variant.Text" StartIcon="@Icons.Material.Filled.ChevronLeft" Size="Size.Small" Style="@(_currentPage == 1 ? "text-transform: none; font-weight: 500; color: #D1D5DB;" : "text-transform: none; font-weight: 500; color: #374151; border: 1px solid #D1D5DB; border-radius: 6px; background: white;")">Prev</MudButton>
|
||||
@{
|
||||
var totalPages = _totalPage == 0 ? 1 : _totalPage;
|
||||
var maxVisible = 5;
|
||||
var startPage = Math.Max(1, _currentPage - maxVisible / 2);
|
||||
var endPage = Math.Min(totalPages, startPage + maxVisible - 1);
|
||||
if (endPage - startPage < maxVisible - 1) { startPage = Math.Max(1, endPage - maxVisible + 1); }
|
||||
}
|
||||
@for (int i = startPage; i <= endPage; i++)
|
||||
{
|
||||
var pageNum = i;
|
||||
var isActive = pageNum == _currentPage;
|
||||
<MudButton OnClick="@(() => OnPageChanged(pageNum))"
|
||||
Variant="Variant.Text" Size="Size.Small"
|
||||
Style="@(isActive ? "min-width: 34px; padding: 4px 8px; font-size: 0.75rem; font-weight: 600; background: #3B82F6; color: white; border: 1px solid #3B82F6; border-radius: 6px; text-transform: none;" : "min-width: 34px; padding: 4px 8px; font-size: 0.75rem; font-weight: 500; color: #374151; background: white; border: 1px solid #D1D5DB; border-radius: 6px; text-transform: none;")">@pageNum</MudButton>
|
||||
}
|
||||
<MudButton OnClick="@(() => OnPageChanged(_currentPage + 1))" Disabled="@(_currentPage == _totalPage || _totalPage == 0)" Variant="Variant.Text" EndIcon="@Icons.Material.Filled.ChevronRight" Size="Size.Small" Style="@(_currentPage == _totalPage || _totalPage == 0 ? "text-transform: none; font-weight: 500; color: #D1D5DB;" : "text-transform: none; font-weight: 500; color: #374151; border: 1px solid #D1D5DB; border-radius: 6px; background: white;")">Next</MudButton>
|
||||
<MudIconButton Icon="@Icons.Material.Filled.LastPage" Size="Size.Small" OnClick="@(() => OnPageChanged(_totalPage))" Disabled="@(_currentPage == _totalPage || _totalPage == 0)" Style="@(_currentPage == _totalPage || _totalPage == 0 ? "color: #D1D5DB; background: transparent;" : "background-color: white; border: 1px solid #D1D5DB; color: #6B7280;")" />
|
||||
</div>
|
||||
</div>
|
||||
</MudPaper>
|
||||
|
||||
|
||||
<style>
|
||||
.mud-table-styled .mud-table-row:hover { background-color: #F9FAFB !important; }
|
||||
.mud-input-outlined-border { border-radius: 8px !important; }
|
||||
.custom-select-dense .mud-input-control { margin-top: 0 !important; }
|
||||
.custom-select-dense .mud-input-slot { padding-top: 4px !important; padding-bottom: 4px !important; padding-left: 8px !important; font-size: 12px !important; }
|
||||
</style>
|
||||
|
||||
@code {
|
||||
[Parameter] public EventCallback OnAdd { get; set; }
|
||||
[Parameter] public EventCallback<UpdateProductGroupRequest> OnEdit { get; set; }
|
||||
[Parameter] public EventCallback<UpdateProductGroupRequest> OnView { get; set; }
|
||||
|
||||
private List<GetProductGroupListResponse> _groups = new();
|
||||
private GetProductGroupListResponse? _selectedGroup;
|
||||
private string _searchString = "";
|
||||
private bool _isRefreshing = false;
|
||||
private bool _isExporting = false;
|
||||
|
||||
private int _skip = 0;
|
||||
private int _top = 5;
|
||||
private int _totalPage => GetFilteredData().Count() == 0 ? 0 : (int)Math.Ceiling((double)GetFilteredData().Count() / (_top == 0 ? 1 : _top));
|
||||
private int _currentPage => (_top >= GetFilteredData().Count() || _top == 0) ? 1 : (_skip / _top) + 1;
|
||||
|
||||
protected override async Task OnInitializedAsync() => await LoadData();
|
||||
|
||||
private async Task LoadData()
|
||||
{
|
||||
_isRefreshing = true;
|
||||
_selectedGroup = null;
|
||||
StateHasChanged();
|
||||
try
|
||||
{
|
||||
var response = await ProductGroupService.GetProductGroupListAsync();
|
||||
await Task.Delay(500);
|
||||
if (response != null && response.IsSuccess)
|
||||
{
|
||||
_groups = response.Value ?? new List<GetProductGroupListResponse>();
|
||||
}
|
||||
}
|
||||
finally
|
||||
{
|
||||
_isRefreshing = false;
|
||||
StateHasChanged();
|
||||
}
|
||||
}
|
||||
|
||||
private IEnumerable<GetProductGroupListResponse> GetFilteredData()
|
||||
{
|
||||
if (string.IsNullOrWhiteSpace(_searchString)) return _groups;
|
||||
return _groups.Where(x =>
|
||||
(x.Name?.Contains(_searchString, StringComparison.OrdinalIgnoreCase) ?? false) ||
|
||||
(x.Description?.Contains(_searchString, StringComparison.OrdinalIgnoreCase) ?? false)
|
||||
);
|
||||
}
|
||||
|
||||
private IEnumerable<GetProductGroupListResponse> GetPagedData() => GetFilteredData().Skip(_skip).Take(_top);
|
||||
|
||||
private void OnSearchClick()
|
||||
{
|
||||
_skip = 0;
|
||||
_selectedGroup = null;
|
||||
StateHasChanged();
|
||||
}
|
||||
|
||||
private void HandleSearchKeyDown(KeyboardEventArgs e)
|
||||
{
|
||||
if (e.Key == "Enter") OnSearchClick();
|
||||
}
|
||||
|
||||
private async Task ExportToExcel()
|
||||
{
|
||||
_isExporting = true;
|
||||
StateHasChanged();
|
||||
try
|
||||
{
|
||||
await Task.Delay(1000);
|
||||
using (var workbook = new XLWorkbook())
|
||||
{
|
||||
var worksheet = workbook.Worksheets.Add("ProductGroups");
|
||||
var currentRow = 1;
|
||||
|
||||
worksheet.Cell(currentRow, 1).Value = "Group Name";
|
||||
worksheet.Cell(currentRow, 2).Value = "Description";
|
||||
|
||||
var headerRange = worksheet.Range(1, 1, 1, 2);
|
||||
headerRange.Style.Font.Bold = true;
|
||||
headerRange.Style.Fill.BackgroundColor = XLColor.FromHtml("#0D47A1");
|
||||
headerRange.Style.Font.FontColor = XLColor.White;
|
||||
|
||||
foreach (var item in GetFilteredData())
|
||||
{
|
||||
currentRow++;
|
||||
worksheet.Cell(currentRow, 1).Value = item.Name;
|
||||
worksheet.Cell(currentRow, 2).Value = item.Description;
|
||||
}
|
||||
|
||||
worksheet.Columns().AdjustToContents();
|
||||
|
||||
using (var stream = new MemoryStream())
|
||||
{
|
||||
workbook.SaveAs(stream);
|
||||
var content = Convert.ToBase64String(stream.ToArray());
|
||||
await JSRuntime.InvokeVoidAsync("downloadFile", "ProductGroup_List.xlsx", "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet", content);
|
||||
Snackbar.Add("Excel exported successfully", Severity.Success);
|
||||
}
|
||||
}
|
||||
}
|
||||
catch (Exception ex)
|
||||
{
|
||||
Snackbar.Add($"Export failed: {ex.Message}", Severity.Error);
|
||||
}
|
||||
finally
|
||||
{
|
||||
_isExporting = false;
|
||||
StateHasChanged();
|
||||
}
|
||||
}
|
||||
|
||||
private void OnPageChanged(int page)
|
||||
{
|
||||
if (page >= 1 && page <= _totalPage)
|
||||
{
|
||||
_skip = (page - 1) * _top;
|
||||
_selectedGroup = null;
|
||||
StateHasChanged();
|
||||
}
|
||||
}
|
||||
|
||||
private void OnPageSizeChanged(int size)
|
||||
{
|
||||
_top = size;
|
||||
_skip = 0;
|
||||
_selectedGroup = null;
|
||||
StateHasChanged();
|
||||
}
|
||||
|
||||
private async Task InvokeEdit()
|
||||
{
|
||||
if (_selectedGroup == null) return;
|
||||
var request = await MapToUpdateRequest(_selectedGroup.Id);
|
||||
if (request != null) await OnEdit.InvokeAsync(request);
|
||||
}
|
||||
|
||||
private async Task InvokeView()
|
||||
{
|
||||
if (_selectedGroup == null) return;
|
||||
var request = await MapToUpdateRequest(_selectedGroup.Id);
|
||||
if (request != null) await OnView.InvokeAsync(request);
|
||||
}
|
||||
|
||||
private async Task<UpdateProductGroupRequest?> MapToUpdateRequest(string id)
|
||||
{
|
||||
var response = await ProductGroupService.GetProductGroupByIdAsync(id);
|
||||
if (response != null && response.IsSuccess && response.Value != null)
|
||||
{
|
||||
var detail = response.Value;
|
||||
return new UpdateProductGroupRequest
|
||||
{
|
||||
Id = detail.Id,
|
||||
Name = detail.Name,
|
||||
Description = detail.Description,
|
||||
CreatedAt = detail.CreatedAt,
|
||||
CreatedBy = detail.CreatedBy,
|
||||
UpdatedAt = detail.UpdatedAt,
|
||||
UpdatedBy = detail.UpdatedBy
|
||||
};
|
||||
}
|
||||
return null;
|
||||
}
|
||||
|
||||
private async Task OnDelete()
|
||||
{
|
||||
if (_selectedGroup == null) return;
|
||||
|
||||
var parameters = new DialogParameters<_DeleteConfirmation> { { x => x.ContentText, _selectedGroup.Name } };
|
||||
var options = new DialogOptions { CloseButton = false, MaxWidth = MaxWidth.ExtraSmall, FullWidth = true };
|
||||
|
||||
var dialog = await DialogService.ShowAsync<_DeleteConfirmation>("", parameters, options);
|
||||
var result = await dialog.Result;
|
||||
|
||||
if (result != null && !result.Canceled)
|
||||
{
|
||||
var isSuccess = await ProductGroupService.DeleteProductGroupByIdAsync(_selectedGroup.Id);
|
||||
if (isSuccess)
|
||||
{
|
||||
_selectedGroup = null;
|
||||
await LoadData();
|
||||
Snackbar.Add("Group deleted successfully", Severity.Success);
|
||||
}
|
||||
else
|
||||
{
|
||||
Snackbar.Add("Delete failed. This record might be protected by the system.", Severity.Error);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,143 @@
|
||||
@using Indotalent.ConfigBackEnd.Extensions
|
||||
@using Indotalent.Features.Inventory.ProductGroup
|
||||
@using Indotalent.Features.Inventory.ProductGroup.Cqrs
|
||||
@using Indotalent.Shared.Utils
|
||||
@using MudBlazor
|
||||
@inject ProductGroupService ProductGroupService
|
||||
@inject ISnackbar Snackbar
|
||||
|
||||
<MudPaper Elevation="0" Square="true" Class="pa-6 mb-3 d-flex align-center justify-space-between" Style="border: 1px solid #DCEBFA;">
|
||||
<div class="d-flex align-center gap-4">
|
||||
<MudIconButton Icon="@Icons.Material.Filled.ArrowBack" OnClick="() => OnCancel.InvokeAsync()" />
|
||||
<div>
|
||||
<MudText Typo="Typo.h5" Style="font-weight: 900; color: #1a1a1a;">@(ReadOnly ? "Group Details" : "Edit Group")</MudText>
|
||||
<MudText Typo="Typo.body2" Style="color: #64748b;">@(ReadOnly ? "Viewing product group specification." : "Modify existing group information.")</MudText>
|
||||
</div>
|
||||
</div>
|
||||
</MudPaper>
|
||||
|
||||
<MudPaper Elevation="0" Outlined="true" Class="pa-8" Style="border-radius: 4px; border: 1px solid #DCEBFA;">
|
||||
<MudForm @ref="_form" Model="_model">
|
||||
<MudGrid Spacing="3">
|
||||
<MudItem xs="12">
|
||||
<MudText Typo="Typo.subtitle2" Class="mb-1">Group Name</MudText>
|
||||
<MudTextField @bind-Value="_model.Name"
|
||||
For="@(() => _model.Name)"
|
||||
Validation="@(_validator.ValidateValue())"
|
||||
ReadOnly="ReadOnly"
|
||||
Variant="Variant.Outlined" Margin="Margin.Dense" FullWidth="true" />
|
||||
</MudItem>
|
||||
<MudItem xs="12">
|
||||
<MudText Typo="Typo.subtitle2" Class="mb-1">Description</MudText>
|
||||
<MudTextField @bind-Value="_model.Description"
|
||||
For="@(() => _model.Description)"
|
||||
ReadOnly="ReadOnly"
|
||||
Variant="Variant.Outlined" Margin="Margin.Dense" Lines="3" FullWidth="true" />
|
||||
</MudItem>
|
||||
|
||||
<MudItem xs="12" Class="mt-4">
|
||||
<MudText Typo="Typo.button" Color="Color.Primary" Style="font-weight: 800;">Audit History</MudText>
|
||||
<MudDivider Class="mt-2 mb-4" />
|
||||
</MudItem>
|
||||
|
||||
<MudItem xs="12" sm="6">
|
||||
<MudText Typo="Typo.subtitle2">Created At</MudText>
|
||||
<MudText Typo="Typo.body2" Style="color: #1a1a1a; font-weight: 600;">@DateTimeExtensions.ToString(_model.CreatedAt)</MudText>
|
||||
</MudItem>
|
||||
<MudItem xs="12" sm="6">
|
||||
<MudText Typo="Typo.subtitle2">Created By</MudText>
|
||||
<MudText Typo="Typo.body2" Style="color: #1a1a1a; font-weight: 600;">@(!string.IsNullOrEmpty(_model.CreatedBy) ? _model.CreatedBy : "System")</MudText>
|
||||
</MudItem>
|
||||
<MudItem xs="12" sm="6">
|
||||
<MudText Typo="Typo.subtitle2">Last Updated At</MudText>
|
||||
<MudText Typo="Typo.body2" Style="color: #1a1a1a; font-weight: 600;">@DateTimeExtensions.ToString(_model.UpdatedAt)</MudText>
|
||||
</MudItem>
|
||||
<MudItem xs="12" sm="6">
|
||||
<MudText Typo="Typo.subtitle2">Last Updated By</MudText>
|
||||
<MudText Typo="Typo.body2" Style="color: #1a1a1a; font-weight: 600;">@(!string.IsNullOrEmpty(_model.UpdatedBy) ? _model.UpdatedBy : "System")</MudText>
|
||||
</MudItem>
|
||||
</MudGrid>
|
||||
|
||||
<div class="d-flex justify-end gap-2 mt-10">
|
||||
<MudButton OnClick="() => OnCancel.InvokeAsync()"
|
||||
Variant="Variant.Outlined"
|
||||
Disabled="_processing"
|
||||
Style="border-radius: 4px; text-transform: none; font-weight: 700;border: 1px solid #e0e0e0;">
|
||||
@(ReadOnly ? "Back to List" : "Cancel")
|
||||
</MudButton>
|
||||
@if (!ReadOnly)
|
||||
{
|
||||
<MudButton Color="Color.Primary"
|
||||
Variant="Variant.Filled"
|
||||
OnClick="Submit"
|
||||
Disabled="_processing"
|
||||
Style="border-radius: 4px; text-transform: none; font-weight: 700;">
|
||||
@if (_processing)
|
||||
{
|
||||
<MudProgressCircular Class="ms-n1" Size="Size.Small" Indeterminate="true" />
|
||||
<MudText Class="ms-2">Updating...</MudText>
|
||||
}
|
||||
else
|
||||
{
|
||||
<MudText>Save Changes</MudText>
|
||||
}
|
||||
</MudButton>
|
||||
}
|
||||
</div>
|
||||
</MudForm>
|
||||
</MudPaper>
|
||||
|
||||
@code {
|
||||
[Parameter] public UpdateProductGroupRequest Data { get; set; } = new();
|
||||
[Parameter] public bool ReadOnly { get; set; } = false;
|
||||
[Parameter] public EventCallback OnCancel { get; set; }
|
||||
[Parameter] public EventCallback OnSuccess { get; set; }
|
||||
|
||||
private MudForm _form = default!;
|
||||
private UpdateProductGroupValidator _validator = new();
|
||||
private UpdateProductGroupRequest _model = new();
|
||||
private bool _processing = false;
|
||||
|
||||
protected override void OnInitialized()
|
||||
{
|
||||
_model = new UpdateProductGroupRequest
|
||||
{
|
||||
Id = Data.Id,
|
||||
Name = Data.Name,
|
||||
Description = Data.Description,
|
||||
CreatedAt = Data.CreatedAt,
|
||||
CreatedBy = Data.CreatedBy,
|
||||
UpdatedAt = Data.UpdatedAt,
|
||||
UpdatedBy = Data.UpdatedBy
|
||||
};
|
||||
}
|
||||
|
||||
private async Task Submit()
|
||||
{
|
||||
if (ReadOnly) return;
|
||||
|
||||
await _form.Validate();
|
||||
if (!_form.IsValid) return;
|
||||
|
||||
_processing = true;
|
||||
try
|
||||
{
|
||||
var response = await ProductGroupService.UpdateProductGroupAsync(_model);
|
||||
await Task.Delay(500);
|
||||
|
||||
if (response != null && response.IsSuccess)
|
||||
{
|
||||
Snackbar.Add("Group updated successfully", Severity.Success);
|
||||
await OnSuccess.InvokeAsync();
|
||||
}
|
||||
}
|
||||
catch (Exception ex)
|
||||
{
|
||||
Snackbar.Add($"Error: {ex.Message}", Severity.Error);
|
||||
}
|
||||
finally
|
||||
{
|
||||
_processing = false;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,54 @@
|
||||
using Indotalent.ConfigBackEnd.Exceptions;
|
||||
using Indotalent.ConfigBackEnd.Extensions;
|
||||
using Indotalent.Infrastructure.Database;
|
||||
using MediatR;
|
||||
using Microsoft.EntityFrameworkCore;
|
||||
|
||||
namespace Indotalent.Features.Inventory.ProductGroup.Cqrs;
|
||||
|
||||
public class CreateProductGroupRequest
|
||||
{
|
||||
public string? Name { get; set; }
|
||||
public string? Description { get; set; }
|
||||
}
|
||||
|
||||
public class CreateProductGroupResponse
|
||||
{
|
||||
public string? Id { get; set; }
|
||||
public string? Name { get; set; }
|
||||
}
|
||||
|
||||
public record CreateProductGroupCommand(CreateProductGroupRequest Data) : IRequest<CreateProductGroupResponse>;
|
||||
|
||||
public class CreateProductGroupHandler : IRequestHandler<CreateProductGroupCommand, CreateProductGroupResponse>
|
||||
{
|
||||
private readonly AppDbContext _context;
|
||||
|
||||
public CreateProductGroupHandler(AppDbContext context) => _context = context;
|
||||
|
||||
public async Task<CreateProductGroupResponse> Handle(CreateProductGroupCommand request, CancellationToken cancellationToken)
|
||||
{
|
||||
var isExists = await _context.ProductGroup
|
||||
.AnyAsync(x => x.Name == request.Data.Name, cancellationToken);
|
||||
|
||||
if (isExists)
|
||||
{
|
||||
throw new AlreadyExistsException("Product Group", request.Data.Name ?? string.Empty);
|
||||
}
|
||||
|
||||
var entity = new Data.Entities.ProductGroup
|
||||
{
|
||||
Name = request.Data.Name,
|
||||
Description = request.Data.Description
|
||||
};
|
||||
|
||||
_context.ProductGroup.Add(entity);
|
||||
await _context.SaveChangesAsync(cancellationToken);
|
||||
|
||||
return new CreateProductGroupResponse
|
||||
{
|
||||
Id = entity.Id,
|
||||
Name = entity.Name
|
||||
};
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,17 @@
|
||||
using FluentValidation;
|
||||
using Indotalent.Shared.Consts;
|
||||
|
||||
namespace Indotalent.Features.Inventory.ProductGroup.Cqrs;
|
||||
|
||||
public class CreateProductGroupValidator : AbstractValidator<CreateProductGroupRequest>
|
||||
{
|
||||
public CreateProductGroupValidator()
|
||||
{
|
||||
RuleFor(x => x.Name)
|
||||
.NotEmpty().WithMessage("Group Name is required")
|
||||
.MaximumLength(GlobalConsts.StringLengthShort);
|
||||
|
||||
RuleFor(x => x.Description)
|
||||
.MaximumLength(GlobalConsts.StringLengthMedium);
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,27 @@
|
||||
using Indotalent.Infrastructure.Database;
|
||||
using MediatR;
|
||||
using Microsoft.EntityFrameworkCore;
|
||||
|
||||
namespace Indotalent.Features.Inventory.ProductGroup.Cqrs;
|
||||
|
||||
public record DeleteProductGroupByIdRequest(string Id);
|
||||
|
||||
public record DeleteProductGroupByIdCommand(DeleteProductGroupByIdRequest Data) : IRequest<bool>;
|
||||
|
||||
public class DeleteProductGroupByIdHandler : IRequestHandler<DeleteProductGroupByIdCommand, bool>
|
||||
{
|
||||
private readonly AppDbContext _context;
|
||||
|
||||
public DeleteProductGroupByIdHandler(AppDbContext context) => _context = context;
|
||||
|
||||
public async Task<bool> Handle(DeleteProductGroupByIdCommand request, CancellationToken cancellationToken)
|
||||
{
|
||||
var entity = await _context.ProductGroup
|
||||
.FirstOrDefaultAsync(x => x.Id == request.Data.Id, cancellationToken);
|
||||
|
||||
if (entity == null) return false;
|
||||
|
||||
_context.ProductGroup.Remove(entity);
|
||||
return await _context.SaveChangesAsync(cancellationToken) > 0;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,43 @@
|
||||
using Indotalent.Infrastructure.Database;
|
||||
using MediatR;
|
||||
using Microsoft.EntityFrameworkCore;
|
||||
|
||||
namespace Indotalent.Features.Inventory.ProductGroup.Cqrs;
|
||||
|
||||
public class GetProductGroupByIdResponse
|
||||
{
|
||||
public string? Id { get; set; }
|
||||
public string? Name { get; set; }
|
||||
public string? Description { get; set; }
|
||||
public DateTimeOffset? CreatedAt { get; set; }
|
||||
public string? CreatedBy { get; set; }
|
||||
public DateTimeOffset? UpdatedAt { get; set; }
|
||||
public string? UpdatedBy { get; set; }
|
||||
}
|
||||
|
||||
public record GetProductGroupByIdQuery(string Id) : IRequest<GetProductGroupByIdResponse?>;
|
||||
|
||||
public class GetProductGroupByIdHandler : IRequestHandler<GetProductGroupByIdQuery, GetProductGroupByIdResponse?>
|
||||
{
|
||||
private readonly AppDbContext _context;
|
||||
|
||||
public GetProductGroupByIdHandler(AppDbContext context) => _context = context;
|
||||
|
||||
public async Task<GetProductGroupByIdResponse?> Handle(GetProductGroupByIdQuery request, CancellationToken cancellationToken)
|
||||
{
|
||||
return await _context.ProductGroup
|
||||
.AsNoTracking()
|
||||
.Where(x => x.Id == request.Id)
|
||||
.Select(x => new GetProductGroupByIdResponse
|
||||
{
|
||||
Id = x.Id,
|
||||
Name = x.Name,
|
||||
Description = x.Description,
|
||||
CreatedAt = x.CreatedAt,
|
||||
CreatedBy = x.CreatedBy,
|
||||
UpdatedAt = x.UpdatedAt,
|
||||
UpdatedBy = x.UpdatedBy,
|
||||
})
|
||||
.FirstOrDefaultAsync(cancellationToken);
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,43 @@
|
||||
using Indotalent.Infrastructure.Database;
|
||||
using MediatR;
|
||||
using Microsoft.EntityFrameworkCore;
|
||||
|
||||
namespace Indotalent.Features.Inventory.ProductGroup.Cqrs;
|
||||
|
||||
public class GetProductGroupListResponse
|
||||
{
|
||||
public string? Id { get; set; }
|
||||
public string? Name { get; set; }
|
||||
public string? Description { get; set; }
|
||||
public DateTimeOffset? CreatedAt { get; set; }
|
||||
public string? CreatedBy { get; set; }
|
||||
public DateTimeOffset? UpdatedAt { get; set; }
|
||||
public string? UpdatedBy { get; set; }
|
||||
}
|
||||
|
||||
public record GetProductGroupListQuery() : IRequest<List<GetProductGroupListResponse>>;
|
||||
|
||||
public class GetProductGroupListHandler : IRequestHandler<GetProductGroupListQuery, List<GetProductGroupListResponse>>
|
||||
{
|
||||
private readonly AppDbContext _context;
|
||||
|
||||
public GetProductGroupListHandler(AppDbContext context) => _context = context;
|
||||
|
||||
public async Task<List<GetProductGroupListResponse>> Handle(GetProductGroupListQuery request, CancellationToken cancellationToken)
|
||||
{
|
||||
return await _context.ProductGroup
|
||||
.AsNoTracking()
|
||||
.OrderBy(x => x.Name)
|
||||
.Select(x => new GetProductGroupListResponse
|
||||
{
|
||||
Id = x.Id,
|
||||
Name = x.Name,
|
||||
Description = x.Description,
|
||||
CreatedAt = x.CreatedAt,
|
||||
CreatedBy = x.CreatedBy,
|
||||
UpdatedAt = x.UpdatedAt,
|
||||
UpdatedBy = x.UpdatedBy,
|
||||
})
|
||||
.ToListAsync(cancellationToken);
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,61 @@
|
||||
using Indotalent.ConfigBackEnd.Exceptions;
|
||||
using Indotalent.Infrastructure.Database;
|
||||
using MediatR;
|
||||
using Microsoft.EntityFrameworkCore;
|
||||
|
||||
namespace Indotalent.Features.Inventory.ProductGroup.Cqrs;
|
||||
|
||||
public class UpdateProductGroupRequest
|
||||
{
|
||||
public string? Id { get; set; }
|
||||
public string? Name { get; set; }
|
||||
public string? Description { get; set; }
|
||||
public DateTimeOffset? CreatedAt { get; set; }
|
||||
public string? CreatedBy { get; set; }
|
||||
public DateTimeOffset? UpdatedAt { get; set; }
|
||||
public string? UpdatedBy { get; set; }
|
||||
}
|
||||
|
||||
public class UpdateProductGroupResponse
|
||||
{
|
||||
public string? Id { get; set; }
|
||||
public bool Success { get; set; }
|
||||
}
|
||||
|
||||
public record UpdateProductGroupCommand(UpdateProductGroupRequest Data) : IRequest<UpdateProductGroupResponse>;
|
||||
|
||||
public class UpdateProductGroupHandler : IRequestHandler<UpdateProductGroupCommand, UpdateProductGroupResponse>
|
||||
{
|
||||
private readonly AppDbContext _context;
|
||||
|
||||
public UpdateProductGroupHandler(AppDbContext context) => _context = context;
|
||||
|
||||
public async Task<UpdateProductGroupResponse> Handle(UpdateProductGroupCommand request, CancellationToken cancellationToken)
|
||||
{
|
||||
var isExists = await _context.ProductGroup
|
||||
.AnyAsync(x => x.Name == request.Data.Name && x.Id != request.Data.Id, cancellationToken);
|
||||
|
||||
if (isExists)
|
||||
{
|
||||
throw new AlreadyExistsException("Product Group", request.Data.Name ?? string.Empty);
|
||||
}
|
||||
|
||||
var entity = await _context.ProductGroup
|
||||
.FirstOrDefaultAsync(x => x.Id == request.Data.Id, cancellationToken);
|
||||
|
||||
if (entity == null)
|
||||
{
|
||||
return new UpdateProductGroupResponse { Id = request.Data.Id, Success = false };
|
||||
}
|
||||
|
||||
entity.Name = request.Data.Name;
|
||||
entity.Description = request.Data.Description;
|
||||
await _context.SaveChangesAsync(cancellationToken);
|
||||
|
||||
return new UpdateProductGroupResponse
|
||||
{
|
||||
Id = entity.Id,
|
||||
Success = true
|
||||
};
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,20 @@
|
||||
using FluentValidation;
|
||||
using Indotalent.Shared.Consts;
|
||||
|
||||
namespace Indotalent.Features.Inventory.ProductGroup.Cqrs;
|
||||
|
||||
public class UpdateProductGroupValidator : AbstractValidator<UpdateProductGroupRequest>
|
||||
{
|
||||
public UpdateProductGroupValidator()
|
||||
{
|
||||
RuleFor(x => x.Id)
|
||||
.NotEmpty().WithMessage("ID is required for update");
|
||||
|
||||
RuleFor(x => x.Name)
|
||||
.NotEmpty().WithMessage("Group Name is required")
|
||||
.MaximumLength(GlobalConsts.StringLengthShort);
|
||||
|
||||
RuleFor(x => x.Description)
|
||||
.MaximumLength(GlobalConsts.StringLengthMedium);
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,73 @@
|
||||
using Indotalent.ConfigBackEnd.Extensions;
|
||||
using Indotalent.Features.Inventory.ProductGroup.Cqrs;
|
||||
using MediatR;
|
||||
using Microsoft.AspNetCore.Authentication.JwtBearer;
|
||||
|
||||
namespace Indotalent.Features.Inventory.ProductGroup;
|
||||
|
||||
public static class ProductGroupEndpoint
|
||||
{
|
||||
public static void MapProductGroupEndpoints(this IEndpointRouteBuilder app)
|
||||
{
|
||||
var group = app.MapGroup("/product-group").WithTags("ProductGroups")
|
||||
.RequireAuthorization(policy => policy.AddAuthenticationSchemes(JwtBearerDefaults.AuthenticationScheme)
|
||||
.RequireAuthenticatedUser());
|
||||
|
||||
group.MapGet("/", async (IMediator mediator) =>
|
||||
{
|
||||
var result = await mediator.Send(new GetProductGroupListQuery());
|
||||
|
||||
return result.ToApiResponse("Product group list retrieved successfully");
|
||||
})
|
||||
.WithName("GetProductGroupList")
|
||||
.WithTags("ProductGroups");
|
||||
|
||||
group.MapGet("/{id}", async (string id, IMediator mediator) =>
|
||||
{
|
||||
var result = await mediator.Send(new GetProductGroupByIdQuery(id));
|
||||
|
||||
return result.ToApiResponse(result is not null
|
||||
? "Product group detail retrieved successfully"
|
||||
: $"Product group with ID {id} not found");
|
||||
})
|
||||
.WithName("GetProductGroupById")
|
||||
.WithTags("ProductGroups");
|
||||
|
||||
group.MapPost("/", async (CreateProductGroupRequest request, IMediator mediator) =>
|
||||
{
|
||||
var result = await mediator.Send(new CreateProductGroupCommand(request));
|
||||
|
||||
return result.ToApiResponse("Product group has been created successfully", StatusCodes.Status201Created);
|
||||
})
|
||||
.WithName("CreateProductGroup")
|
||||
.WithTags("ProductGroups");
|
||||
|
||||
group.MapPost("/update", async (UpdateProductGroupRequest request, IMediator mediator) =>
|
||||
{
|
||||
var result = await mediator.Send(new UpdateProductGroupCommand(request));
|
||||
|
||||
if (!result.Success)
|
||||
{
|
||||
return ((object?)null).ToApiResponse("Update failed. The product group data could not be found.");
|
||||
}
|
||||
|
||||
return result.ToApiResponse("Product group has been updated successfully");
|
||||
})
|
||||
.WithName("UpdateProductGroup")
|
||||
.WithTags("ProductGroups");
|
||||
|
||||
group.MapPost("/delete/{id}", async (string id, IMediator mediator) =>
|
||||
{
|
||||
var result = await mediator.Send(new DeleteProductGroupByIdCommand(new DeleteProductGroupByIdRequest(id)));
|
||||
|
||||
if (!result)
|
||||
{
|
||||
return ((object?)null).ToApiResponse("Delete failed. The product group data could not be found.");
|
||||
}
|
||||
|
||||
return true.ToApiResponse("Product group has been deleted successfully");
|
||||
})
|
||||
.WithName("DeleteProductGroupById")
|
||||
.WithTags("ProductGroups");
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,60 @@
|
||||
using Indotalent.ConfigBackEnd.Interfaces;
|
||||
using Indotalent.ConfigFrontEnd.Common;
|
||||
using Indotalent.Features.Inventory.ProductGroup.Cqrs;
|
||||
using Indotalent.Infrastructure.Authentication.Identity;
|
||||
using Indotalent.Shared.Models;
|
||||
using Microsoft.AspNetCore.Components;
|
||||
using MudBlazor;
|
||||
using RestSharp;
|
||||
|
||||
namespace Indotalent.Features.Inventory.ProductGroup;
|
||||
|
||||
public class ProductGroupService : BaseService
|
||||
{
|
||||
private readonly RestClient _client;
|
||||
|
||||
public ProductGroupService(
|
||||
IHttpClientFactory clientFactory,
|
||||
NavigationManager nav,
|
||||
ISnackbar snackbar,
|
||||
ICurrentUserService currentUserService,
|
||||
TokenProvider tokenProvider)
|
||||
: base(clientFactory, nav, snackbar, currentUserService, tokenProvider)
|
||||
{
|
||||
_client = new RestClient(nav.BaseUri);
|
||||
}
|
||||
|
||||
public async Task<ApiResponse<List<GetProductGroupListResponse>>?> GetProductGroupListAsync()
|
||||
{
|
||||
var request = new RestRequest("api/product-group", Method.Get);
|
||||
return await ExecuteWithResponseAsync<List<GetProductGroupListResponse>>(_client, request);
|
||||
}
|
||||
|
||||
public async Task<ApiResponse<GetProductGroupByIdResponse>?> GetProductGroupByIdAsync(string id)
|
||||
{
|
||||
var request = new RestRequest($"api/product-group/{id}", Method.Get);
|
||||
return await ExecuteWithResponseAsync<GetProductGroupByIdResponse>(_client, request);
|
||||
}
|
||||
|
||||
public async Task<ApiResponse<CreateProductGroupResponse>?> CreateProductGroupAsync(CreateProductGroupRequest data)
|
||||
{
|
||||
var request = new RestRequest("api/product-group", Method.Post);
|
||||
request.AddJsonBody(data);
|
||||
return await ExecuteWithResponseAsync<CreateProductGroupResponse>(_client, request);
|
||||
}
|
||||
|
||||
public async Task<bool> DeleteProductGroupByIdAsync(string id)
|
||||
{
|
||||
var request = new RestRequest($"api/product-group/delete/{id}", Method.Post);
|
||||
|
||||
var response = await ExecuteWithResponseAsync<object>(_client, request);
|
||||
return response?.IsSuccess ?? false;
|
||||
}
|
||||
|
||||
public async Task<ApiResponse<UpdateProductGroupResponse>?> UpdateProductGroupAsync(UpdateProductGroupRequest data)
|
||||
{
|
||||
var request = new RestRequest("api/product-group/update", Method.Post);
|
||||
request.AddJsonBody(data);
|
||||
return await ExecuteWithResponseAsync<UpdateProductGroupResponse>(_client, request);
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,53 @@
|
||||
@page "/inventory/unit-measure"
|
||||
@using Indotalent.Features.Inventory.UnitMeasure
|
||||
@using Indotalent.Features.Inventory.UnitMeasure.Cqrs
|
||||
@using Indotalent.Features.Inventory.UnitMeasure.Components
|
||||
@using MudBlazor
|
||||
|
||||
@if (_currentView == ViewMode.Create)
|
||||
{
|
||||
<_UnitMeasureCreateForm OnCancel="BackToTable"
|
||||
OnSuccess="HandleSuccess" />
|
||||
}
|
||||
else if (_currentView == ViewMode.Update || _currentView == ViewMode.View)
|
||||
{
|
||||
<_UnitMeasureUpdateForm Data="_selectedData!"
|
||||
ReadOnly="@(_currentView == ViewMode.View)"
|
||||
OnCancel="BackToTable"
|
||||
OnSuccess="HandleSuccess" />
|
||||
}
|
||||
else
|
||||
{
|
||||
<_UnitMeasureDataTable OnAdd="() => ShowCreate()"
|
||||
OnEdit="(item) => ShowUpdate(item, false)"
|
||||
OnView="(item) => ShowUpdate(item, true)" />
|
||||
}
|
||||
|
||||
@code {
|
||||
private enum ViewMode { Table, Create, Update, View }
|
||||
private ViewMode _currentView = ViewMode.Table;
|
||||
private UpdateUnitMeasureRequest? _selectedData;
|
||||
|
||||
private void ShowCreate()
|
||||
{
|
||||
_currentView = ViewMode.Create;
|
||||
}
|
||||
|
||||
private void ShowUpdate(UpdateUnitMeasureRequest data, bool isReadOnly)
|
||||
{
|
||||
_selectedData = data;
|
||||
_currentView = isReadOnly ? ViewMode.View : ViewMode.Update;
|
||||
}
|
||||
|
||||
private void BackToTable()
|
||||
{
|
||||
_currentView = ViewMode.Table;
|
||||
_selectedData = null;
|
||||
}
|
||||
|
||||
private void HandleSuccess()
|
||||
{
|
||||
_currentView = ViewMode.Table;
|
||||
_selectedData = null;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,97 @@
|
||||
@using Indotalent.Features.Inventory.UnitMeasure
|
||||
@using Indotalent.Features.Inventory.UnitMeasure.Cqrs
|
||||
@using Indotalent.Shared.Utils
|
||||
@using MudBlazor
|
||||
@inject UnitMeasureService UnitMeasureService
|
||||
@inject ISnackbar Snackbar
|
||||
|
||||
<MudPaper Elevation="0" Square="true" Class="pa-6 mb-3 d-flex align-center justify-space-between" Style="border: 1px solid #DCEBFA;">
|
||||
<div class="d-flex align-center gap-4">
|
||||
<MudIconButton Icon="@Icons.Material.Filled.ArrowBack" OnClick="() => OnCancel.InvokeAsync()" />
|
||||
<div>
|
||||
<MudText Typo="Typo.h5" Style="font-weight: 900; color: #1a1a1a;">Add New Unit</MudText>
|
||||
<MudText Typo="Typo.body2" Style="color: #64748b;">Define measurement units for your products.</MudText>
|
||||
</div>
|
||||
</div>
|
||||
</MudPaper>
|
||||
|
||||
<MudPaper Elevation="0" Outlined="true" Class="pa-8" Style="border-radius: 4px; border: 1px solid #DCEBFA;">
|
||||
<MudForm @ref="_form" Model="_model">
|
||||
<MudGrid Spacing="3">
|
||||
<MudItem xs="12">
|
||||
<MudText Typo="Typo.subtitle2" Class="mb-1">Unit Name</MudText>
|
||||
<MudTextField @bind-Value="_model.Name"
|
||||
For="@(() => _model.Name)"
|
||||
Validation="@(_validator.ValidateValue())"
|
||||
Variant="Variant.Outlined" Margin="Margin.Dense" FullWidth="true" Placeholder="e.g. Kilogram, Meter, Pcs" />
|
||||
</MudItem>
|
||||
<MudItem xs="12">
|
||||
<MudText Typo="Typo.subtitle2" Class="mb-1">Description</MudText>
|
||||
<MudTextField @bind-Value="_model.Description"
|
||||
For="@(() => _model.Description)"
|
||||
Variant="Variant.Outlined" Margin="Margin.Dense" Lines="3" FullWidth="true" />
|
||||
</MudItem>
|
||||
</MudGrid>
|
||||
|
||||
<div class="d-flex justify-end gap-2 mt-8">
|
||||
<MudButton OnClick="() => OnCancel.InvokeAsync()"
|
||||
Variant="Variant.Outlined"
|
||||
Disabled="_processing"
|
||||
Style="border-radius: 4px; text-transform: none; font-weight: 700;border: 1px solid #e0e0e0;">
|
||||
Cancel
|
||||
</MudButton>
|
||||
<MudButton Color="Color.Primary"
|
||||
Variant="Variant.Filled"
|
||||
OnClick="Submit"
|
||||
Disabled="_processing"
|
||||
Style="border-radius: 4px; text-transform: none; font-weight: 700;">
|
||||
@if (_processing)
|
||||
{
|
||||
<MudProgressCircular Class="ms-n1" Size="Size.Small" Indeterminate="true" />
|
||||
<MudText Class="ms-2" Typo="Typo.button" Style="text-transform: none !important;">Processing...</MudText>
|
||||
}
|
||||
else
|
||||
{
|
||||
<MudText>Create Unit</MudText>
|
||||
}
|
||||
</MudButton>
|
||||
</div>
|
||||
</MudForm>
|
||||
</MudPaper>
|
||||
|
||||
@code {
|
||||
[Parameter] public EventCallback OnCancel { get; set; }
|
||||
[Parameter] public EventCallback OnSuccess { get; set; }
|
||||
|
||||
private MudForm _form = default!;
|
||||
private CreateUnitMeasureValidator _validator = new();
|
||||
private CreateUnitMeasureRequest _model = new();
|
||||
private bool _processing = false;
|
||||
|
||||
private async Task Submit()
|
||||
{
|
||||
await _form.Validate();
|
||||
if (!_form.IsValid) return;
|
||||
|
||||
_processing = true;
|
||||
try
|
||||
{
|
||||
var response = await UnitMeasureService.CreateUnitMeasureAsync(_model);
|
||||
await Task.Delay(500);
|
||||
|
||||
if (response != null && response.IsSuccess)
|
||||
{
|
||||
Snackbar.Add("Unit created successfully", Severity.Success);
|
||||
await OnSuccess.InvokeAsync();
|
||||
}
|
||||
}
|
||||
catch (Exception ex)
|
||||
{
|
||||
Snackbar.Add($"Error: {ex.Message}", Severity.Error);
|
||||
}
|
||||
finally
|
||||
{
|
||||
_processing = false;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,375 @@
|
||||
@using Indotalent.ConfigBackEnd.Extensions
|
||||
@using Indotalent.Features.Inventory.UnitMeasure
|
||||
@using Indotalent.Features.Inventory.UnitMeasure.Cqrs
|
||||
@using Microsoft.AspNetCore.Components.Web
|
||||
@using Microsoft.JSInterop
|
||||
@using MudBlazor
|
||||
@using Features.Root.Shared
|
||||
@using ClosedXML.Excel
|
||||
@using System.IO
|
||||
@inject UnitMeasureService UnitMeasureService
|
||||
@inject IDialogService DialogService
|
||||
@inject ISnackbar Snackbar
|
||||
@inject IJSRuntime JSRuntime
|
||||
|
||||
<MudPaper Elevation="0" Square="true" Class="pa-6 mb-3 d-flex align-center justify-space-between" Style="border: 1px solid #E5E7EB; border-radius: 12px;">
|
||||
<div>
|
||||
<MudText Typo="Typo.h5" Style="font-weight: 600; color: #111827;">Unit of Measure</MudText>
|
||||
<MudText Typo="Typo.body2" Style="color: #9CA3AF;">Manage measurement units for inventory items.</MudText>
|
||||
</div>
|
||||
<div class="d-flex align-center gap-2">
|
||||
<MudIcon Icon="@Icons.Material.Filled.Home" Size="Size.Small" Color="Color.Default" />
|
||||
<MudText Typo="Typo.caption" Style="color: #9CA3AF;">/</MudText>
|
||||
<MudText Typo="Typo.caption" Style="color: #9CA3AF;">Inventory</MudText>
|
||||
<MudText Typo="Typo.caption" Style="color: #9CA3AF;">/</MudText>
|
||||
<MudText Typo="Typo.caption" Style="font-weight: 600; color: #111827;">Unit Measure</MudText>
|
||||
</div>
|
||||
</MudPaper>
|
||||
|
||||
<MudPaper Elevation="0" Outlined="true" Style="border-radius: 12px; overflow: hidden; background-color: #ffffff; border: 1px solid #E5E7EB;">
|
||||
|
||||
<div style="padding: 20px 24px; border-bottom: 1px solid #E5E7EB; display: flex; justify-content: space-between; align-items: center; background-color: #ffffff; min-height: 80px;">
|
||||
|
||||
<div style="display: flex; align-items: center; gap: 8px;">
|
||||
<MudTextField @bind-Value="_searchString"
|
||||
Placeholder="Search..."
|
||||
Adornment="Adornment.Start"
|
||||
AdornmentIcon="@Icons.Material.Filled.Search"
|
||||
IconSize="Size.Small"
|
||||
Class="mt-0"
|
||||
Variant="Variant.Outlined"
|
||||
Margin="Margin.Dense"
|
||||
Style="background-color: white; width: 280px; border-radius: 8px;"
|
||||
OnKeyDown="@HandleSearchKeyDown" />
|
||||
|
||||
<MudButton Variant="Variant.Filled"
|
||||
Color="Color.Primary"
|
||||
OnClick="OnSearchClick"
|
||||
Size="Size.Small"
|
||||
Style="text-transform: none; font-weight: 500; border-radius: 6px; height: 34px; box-shadow: none;">
|
||||
Search
|
||||
</MudButton>
|
||||
</div>
|
||||
|
||||
<div style="display: flex; gap: 8px; align-items: center;">
|
||||
<MudButton Variant="Variant.Outlined"
|
||||
Color="Color.Success"
|
||||
OnClick="ExportToExcel"
|
||||
Size="Size.Small"
|
||||
Disabled="_isExporting"
|
||||
StartIcon="@(_isExporting ? null : Icons.Custom.FileFormats.FileExcel)"
|
||||
Style="background: white; font-weight: 500; border-radius: 6px; text-transform: none; height: 34px; border: 1px solid #D1D5DB; color: #6B7280;">
|
||||
@if (_isExporting)
|
||||
{
|
||||
<MudProgressCircular Class="ms-n1" Size="Size.Small" Indeterminate="true" />
|
||||
<MudText Class="ms-2" Typo="Typo.button" Style="text-transform: none !important;">Processing...</MudText>
|
||||
}
|
||||
else
|
||||
{
|
||||
<MudText Typo="Typo.button" Style="text-transform: none !important;">Excel</MudText>
|
||||
}
|
||||
</MudButton>
|
||||
|
||||
<MudButton Variant="Variant.Outlined"
|
||||
Color="Color.Primary"
|
||||
OnClick="LoadData"
|
||||
Size="Size.Small"
|
||||
StartIcon="@(_isRefreshing ? null : Icons.Material.Filled.Refresh)"
|
||||
Disabled="_isRefreshing"
|
||||
Style="background: white; font-weight: 500; border-radius: 6px; text-transform: none; height: 34px; border: 1px solid #D1D5DB; color: #6B7280;">
|
||||
@if (_isRefreshing)
|
||||
{
|
||||
<MudProgressCircular Class="ms-n1" Size="Size.Small" Indeterminate="true" />
|
||||
<MudText Class="ms-2" Typo="Typo.button" Style="text-transform: none !important;">Refreshing...</MudText>
|
||||
}
|
||||
else
|
||||
{
|
||||
<MudText Typo="Typo.button" Style="text-transform: none !important;">Refresh</MudText>
|
||||
}
|
||||
</MudButton>
|
||||
|
||||
@if (_selectedUnit != null)
|
||||
{
|
||||
<MudButton Variant="Variant.Outlined" Color="Color.Info" StartIcon="@Icons.Material.Filled.Visibility" OnClick="InvokeView" Size="Size.Small" Style="text-transform: none; font-weight: 500; border-radius: 6px; background-color: white; border: 1px solid #D1D5DB; color: #6B7280;">View</MudButton>
|
||||
<MudButton Variant="Variant.Outlined" Color="Color.Primary" StartIcon="@Icons.Material.Filled.Edit" OnClick="InvokeEdit" Size="Size.Small" Style="text-transform: none; font-weight: 500; border-radius: 6px; background-color: white; border: 1px solid #D1D5DB; color: #6B7280;">Edit</MudButton>
|
||||
<MudButton Variant="Variant.Outlined" Color="Color.Error" StartIcon="@Icons.Material.Filled.Delete" OnClick="OnDelete" Size="Size.Small" Style="text-transform: none; font-weight: 500; border-radius: 6px; background: white; border: 1px solid #FCA5A5; color: #EF4444;">Remove</MudButton>
|
||||
<MudIconButton Icon="@Icons.Material.Filled.Close" Size="Size.Small" OnClick="() => _selectedUnit = null" />
|
||||
}
|
||||
else
|
||||
{
|
||||
<MudButton Variant="Variant.Filled" Color="Color.Primary" StartIcon="@Icons.Material.Filled.Add" OnClick="() => OnAdd.InvokeAsync()" Size="Size.Small" Style="text-transform: none; font-weight: 500; border-radius: 6px; height: 34px;">
|
||||
Add New Unit
|
||||
</MudButton>
|
||||
}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<MudTable Items="@GetPagedData()" Striped="true" Class="mud-table-styled" Hover="true" Elevation="0" CustomHeader="true" Dense="true" T="GetUnitMeasureListResponse" OnRowClick="@((args) => _selectedUnit = args.Item)" Loading="@_isRefreshing">
|
||||
<HeaderContent>
|
||||
<MudTh Style="width: 50px; background-color: #ffffff; border-bottom: 1px solid #E5E7EB;"></MudTh>
|
||||
<MudTh Style="font-weight: 600; color: #6B7280; text-transform: uppercase; font-size: 0.6875rem; letter-spacing: 0.05em; background-color: #F9FAFB; border-bottom: 1px solid #E5E7EB;">
|
||||
<MudTableSortLabel SortBy="new Func<GetUnitMeasureListResponse, object>(x => x.Name!)">Unit Name</MudTableSortLabel>
|
||||
</MudTh>
|
||||
<MudTh Style="font-weight: 600; color: #6B7280; text-transform: uppercase; font-size: 0.6875rem; letter-spacing: 0.05em; background-color: #F9FAFB; border-bottom: 1px solid #E5E7EB;">Description</MudTh>
|
||||
</HeaderContent>
|
||||
<RowTemplate>
|
||||
<MudTd>
|
||||
<MudCheckBox T="bool" Value="@(_selectedUnit?.Id == context.Id)" Color="Color.Primary" Dense="true" Size="Size.Small" ReadOnly="true" />
|
||||
</MudTd>
|
||||
<MudTd>
|
||||
<div class="d-flex align-center gap-2">
|
||||
<MudAvatar Color="Color.Primary" Variant="Variant.Filled" Size="Size.Small" Style="border-radius: 50%; font-size: 10px; font-weight: 800;">
|
||||
@(!string.IsNullOrWhiteSpace(context.Name) ? context.Name.ToInitial() : "?")
|
||||
</MudAvatar>
|
||||
<MudText Typo="Typo.body2" Style="font-weight: 600; color: #374151;">@context.Name</MudText>
|
||||
</div>
|
||||
</MudTd>
|
||||
<MudTd Style="padding-top: 0.75rem; padding-bottom: 0.75rem; color: #374151; font-size: 0.875rem;">@context.Description</MudTd>
|
||||
</RowTemplate>
|
||||
</MudTable>
|
||||
|
||||
<div style="display: flex; justify-content: space-between; align-items: center; padding: 12px 24px; background-color: #F9FAFB; border-top: 1px solid #E5E7EB;">
|
||||
<div style="display: flex; align-items: center; gap: 12px;">
|
||||
<MudText Typo="Typo.caption" Style="font-weight: 500; color: #9CA3AF; font-size: 0.75rem;">Rows per page:</MudText>
|
||||
|
||||
<MudSelect T="int"
|
||||
Value="@_top"
|
||||
ValueChanged="OnPageSizeChanged"
|
||||
Dense="true"
|
||||
Margin="Margin.Dense"
|
||||
Style="width: 80px; background-color: white; font-size: 12px; font-weight: 600;"
|
||||
Variant="Variant.Outlined"
|
||||
Class="mt-0 custom-select-dense">
|
||||
<MudSelectItem Value="5" />
|
||||
<MudSelectItem Value="10" />
|
||||
<MudSelectItem Value="50" />
|
||||
<MudSelectItem Value="500" />
|
||||
<MudSelectItem Value="1000" />
|
||||
</MudSelect>
|
||||
|
||||
<MudText Typo="Typo.caption" Style="color: #9CA3AF; margin-left: 12px; font-size: 0.75rem; font-weight: 500;">
|
||||
Showing @(GetFilteredData().Count() == 0 ? 0 : _skip + 1)-@Math.Min(_skip + _top, GetFilteredData().Count()) of @GetFilteredData().Count()
|
||||
</MudText>
|
||||
</div>
|
||||
|
||||
<div style="display: flex; gap: 8px; align-items: center;">
|
||||
<MudIconButton Icon="@Icons.Material.Filled.FirstPage" Size="Size.Small" OnClick="@(() => OnPageChanged(1))" Disabled="@(_currentPage == 1)" Style="@(_currentPage == 1 ? "color: #D1D5DB; background: transparent;" : "color: #6B7280; background: white; border: 1px solid #D1D5DB; border-radius: 6px;")" />
|
||||
<MudButton OnClick="@(() => OnPageChanged(_currentPage - 1))" Disabled="@(_currentPage == 1)" Variant="Variant.Text" StartIcon="@Icons.Material.Filled.ChevronLeft" Size="Size.Small" Style="@(_currentPage == 1 ? "text-transform: none; font-weight: 500; color: #D1D5DB;" : "text-transform: none; font-weight: 500; color: #374151; border: 1px solid #D1D5DB; border-radius: 6px; background: white;")">Prev</MudButton>
|
||||
@{
|
||||
var totalPages = _totalPage == 0 ? 1 : _totalPage;
|
||||
var maxVisible = 5;
|
||||
var startPage = Math.Max(1, _currentPage - maxVisible / 2);
|
||||
var endPage = Math.Min(totalPages, startPage + maxVisible - 1);
|
||||
if (endPage - startPage < maxVisible - 1) { startPage = Math.Max(1, endPage - maxVisible + 1); }
|
||||
}
|
||||
@for (int i = startPage; i <= endPage; i++)
|
||||
{
|
||||
var pageNum = i;
|
||||
var isActive = pageNum == _currentPage;
|
||||
<MudButton OnClick="@(() => OnPageChanged(pageNum))"
|
||||
Variant="Variant.Text" Size="Size.Small"
|
||||
Style="@(isActive ? "min-width: 34px; padding: 4px 8px; font-size: 0.75rem; font-weight: 600; background: #3B82F6; color: white; border: 1px solid #3B82F6; border-radius: 6px; text-transform: none;" : "min-width: 34px; padding: 4px 8px; font-size: 0.75rem; font-weight: 500; color: #374151; background: white; border: 1px solid #D1D5DB; border-radius: 6px; text-transform: none;")">@pageNum</MudButton>
|
||||
}
|
||||
<MudButton OnClick="@(() => OnPageChanged(_currentPage + 1))" Disabled="@(_currentPage == _totalPage || _totalPage == 0)" Variant="Variant.Text" EndIcon="@Icons.Material.Filled.ChevronRight" Size="Size.Small" Style="@(_currentPage == _totalPage || _totalPage == 0 ? "text-transform: none; font-weight: 500; color: #D1D5DB;" : "text-transform: none; font-weight: 500; color: #374151; border: 1px solid #D1D5DB; border-radius: 6px; background: white;")">Next</MudButton>
|
||||
<MudIconButton Icon="@Icons.Material.Filled.LastPage" Size="Size.Small" OnClick="@(() => OnPageChanged(_totalPage))" Disabled="@(_currentPage == _totalPage || _totalPage == 0)" Style="@(_currentPage == _totalPage || _totalPage == 0 ? "color: #D1D5DB; background: transparent;" : "background-color: white; border: 1px solid #D1D5DB; color: #6B7280;")" />
|
||||
</div>
|
||||
</div>
|
||||
</MudPaper>
|
||||
|
||||
|
||||
<style>
|
||||
.mud-table-styled .mud-table-row:hover { background-color: #F9FAFB !important; }
|
||||
.mud-input-outlined-border { border-radius: 8px !important; }
|
||||
.custom-select-dense .mud-input-control { margin-top: 0 !important; }
|
||||
.custom-select-dense .mud-input-slot { padding-top: 4px !important; padding-bottom: 4px !important; padding-left: 8px !important; font-size: 12px !important; }
|
||||
</style>
|
||||
|
||||
@code {
|
||||
[Parameter] public EventCallback OnAdd { get; set; }
|
||||
[Parameter] public EventCallback<UpdateUnitMeasureRequest> OnEdit { get; set; }
|
||||
[Parameter] public EventCallback<UpdateUnitMeasureRequest> OnView { get; set; }
|
||||
|
||||
private List<GetUnitMeasureListResponse> _units = new();
|
||||
private GetUnitMeasureListResponse? _selectedUnit;
|
||||
private string _searchString = "";
|
||||
private bool _isRefreshing = false;
|
||||
private bool _isExporting = false;
|
||||
|
||||
private int _skip = 0;
|
||||
private int _top = 5;
|
||||
private int _totalPage => GetFilteredData().Count() == 0 ? 0 : (int)Math.Ceiling((double)GetFilteredData().Count() / (_top == 0 ? 1 : _top));
|
||||
private int _currentPage => (_top >= GetFilteredData().Count() || _top == 0) ? 1 : (_skip / _top) + 1;
|
||||
|
||||
protected override async Task OnInitializedAsync() => await LoadData();
|
||||
|
||||
private async Task LoadData()
|
||||
{
|
||||
_isRefreshing = true;
|
||||
_selectedUnit = null;
|
||||
StateHasChanged();
|
||||
try
|
||||
{
|
||||
var response = await UnitMeasureService.GetUnitMeasureListAsync();
|
||||
await Task.Delay(500);
|
||||
if (response != null && response.IsSuccess)
|
||||
{
|
||||
_units = response.Value ?? new List<GetUnitMeasureListResponse>();
|
||||
}
|
||||
}
|
||||
finally
|
||||
{
|
||||
_isRefreshing = false;
|
||||
StateHasChanged();
|
||||
}
|
||||
}
|
||||
|
||||
private IEnumerable<GetUnitMeasureListResponse> GetFilteredData()
|
||||
{
|
||||
if (string.IsNullOrWhiteSpace(_searchString)) return _units;
|
||||
return _units.Where(x =>
|
||||
(x.Name?.Contains(_searchString, StringComparison.OrdinalIgnoreCase) ?? false) ||
|
||||
(x.Description?.Contains(_searchString, StringComparison.OrdinalIgnoreCase) ?? false)
|
||||
);
|
||||
}
|
||||
|
||||
private IEnumerable<GetUnitMeasureListResponse> GetPagedData() => GetFilteredData().Skip(_skip).Take(_top);
|
||||
|
||||
private void OnSearchClick()
|
||||
{
|
||||
_skip = 0;
|
||||
_selectedUnit = null;
|
||||
StateHasChanged();
|
||||
}
|
||||
|
||||
private void HandleSearchKeyDown(KeyboardEventArgs e)
|
||||
{
|
||||
if (e.Key == "Enter") OnSearchClick();
|
||||
}
|
||||
|
||||
private async Task ExportToExcel()
|
||||
{
|
||||
_isExporting = true;
|
||||
StateHasChanged();
|
||||
try
|
||||
{
|
||||
await Task.Delay(1000);
|
||||
using (var workbook = new XLWorkbook())
|
||||
{
|
||||
var worksheet = workbook.Worksheets.Add("UnitMeasures");
|
||||
var currentRow = 1;
|
||||
|
||||
worksheet.Cell(currentRow, 1).Value = "Unit Name";
|
||||
worksheet.Cell(currentRow, 2).Value = "Description";
|
||||
|
||||
var headerRange = worksheet.Range(1, 1, 1, 2);
|
||||
headerRange.Style.Font.Bold = true;
|
||||
headerRange.Style.Fill.BackgroundColor = XLColor.FromHtml("#0D47A1");
|
||||
headerRange.Style.Font.FontColor = XLColor.White;
|
||||
|
||||
foreach (var item in GetFilteredData())
|
||||
{
|
||||
currentRow++;
|
||||
worksheet.Cell(currentRow, 1).Value = item.Name;
|
||||
worksheet.Cell(currentRow, 2).Value = item.Description;
|
||||
}
|
||||
|
||||
worksheet.Columns().AdjustToContents();
|
||||
|
||||
using (var stream = new MemoryStream())
|
||||
{
|
||||
workbook.SaveAs(stream);
|
||||
var content = Convert.ToBase64String(stream.ToArray());
|
||||
await JSRuntime.InvokeVoidAsync("downloadFile", "UnitMeasure_List.xlsx", "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet", content);
|
||||
Snackbar.Add("Excel exported successfully", Severity.Success);
|
||||
}
|
||||
}
|
||||
}
|
||||
catch (Exception ex)
|
||||
{
|
||||
Snackbar.Add($"Export failed: {ex.Message}", Severity.Error);
|
||||
}
|
||||
finally
|
||||
{
|
||||
_isExporting = false;
|
||||
StateHasChanged();
|
||||
}
|
||||
}
|
||||
|
||||
private void OnPageChanged(int page)
|
||||
{
|
||||
if (page >= 1 && page <= _totalPage)
|
||||
{
|
||||
_skip = (page - 1) * _top;
|
||||
_selectedUnit = null;
|
||||
StateHasChanged();
|
||||
}
|
||||
}
|
||||
|
||||
private void OnPageSizeChanged(int size)
|
||||
{
|
||||
_top = size;
|
||||
_skip = 0;
|
||||
_selectedUnit = null;
|
||||
StateHasChanged();
|
||||
}
|
||||
|
||||
private async Task InvokeEdit()
|
||||
{
|
||||
if (_selectedUnit == null) return;
|
||||
var request = await MapToUpdateRequest(_selectedUnit.Id);
|
||||
if (request != null) await OnEdit.InvokeAsync(request);
|
||||
}
|
||||
|
||||
private async Task InvokeView()
|
||||
{
|
||||
if (_selectedUnit == null) return;
|
||||
var request = await MapToUpdateRequest(_selectedUnit.Id);
|
||||
if (request != null) await OnView.InvokeAsync(request);
|
||||
}
|
||||
|
||||
private async Task<UpdateUnitMeasureRequest?> MapToUpdateRequest(string id)
|
||||
{
|
||||
var response = await UnitMeasureService.GetUnitMeasureByIdAsync(id);
|
||||
if (response != null && response.IsSuccess && response.Value != null)
|
||||
{
|
||||
var detail = response.Value;
|
||||
return new UpdateUnitMeasureRequest
|
||||
{
|
||||
Id = detail.Id,
|
||||
Name = detail.Name,
|
||||
Description = detail.Description,
|
||||
CreatedAt = detail.CreatedAt,
|
||||
CreatedBy = detail.CreatedBy,
|
||||
UpdatedAt = detail.UpdatedAt,
|
||||
UpdatedBy = detail.UpdatedBy
|
||||
};
|
||||
}
|
||||
return null;
|
||||
}
|
||||
|
||||
private async Task OnDelete()
|
||||
{
|
||||
if (_selectedUnit == null) return;
|
||||
|
||||
var parameters = new DialogParameters<_DeleteConfirmation> { { x => x.ContentText, _selectedUnit.Name } };
|
||||
var options = new DialogOptions { CloseButton = false, MaxWidth = MaxWidth.ExtraSmall, FullWidth = true };
|
||||
|
||||
var dialog = await DialogService.ShowAsync<_DeleteConfirmation>("", parameters, options);
|
||||
var result = await dialog.Result;
|
||||
|
||||
if (result != null && !result.Canceled)
|
||||
{
|
||||
var isSuccess = await UnitMeasureService.DeleteUnitMeasureByIdAsync(_selectedUnit.Id);
|
||||
if (isSuccess)
|
||||
{
|
||||
_selectedUnit = null;
|
||||
await LoadData();
|
||||
Snackbar.Add("Unit deleted successfully", Severity.Success);
|
||||
}
|
||||
else
|
||||
{
|
||||
Snackbar.Add("Delete failed. This record might be protected by the system.", Severity.Error);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,143 @@
|
||||
@using Indotalent.ConfigBackEnd.Extensions
|
||||
@using Indotalent.Features.Inventory.UnitMeasure
|
||||
@using Indotalent.Features.Inventory.UnitMeasure.Cqrs
|
||||
@using Indotalent.Shared.Utils
|
||||
@using MudBlazor
|
||||
@inject UnitMeasureService UnitMeasureService
|
||||
@inject ISnackbar Snackbar
|
||||
|
||||
<MudPaper Elevation="0" Square="true" Class="pa-6 mb-3 d-flex align-center justify-space-between" Style="border: 1px solid #DCEBFA;">
|
||||
<div class="d-flex align-center gap-4">
|
||||
<MudIconButton Icon="@Icons.Material.Filled.ArrowBack" OnClick="() => OnCancel.InvokeAsync()" />
|
||||
<div>
|
||||
<MudText Typo="Typo.h5" Style="font-weight: 900; color: #1a1a1a;">@(ReadOnly ? "Unit Details" : "Edit Unit")</MudText>
|
||||
<MudText Typo="Typo.body2" Style="color: #64748b;">@(ReadOnly ? "Viewing unit of measure specification." : "Modify existing unit information.")</MudText>
|
||||
</div>
|
||||
</div>
|
||||
</MudPaper>
|
||||
|
||||
<MudPaper Elevation="0" Outlined="true" Class="pa-8" Style="border-radius: 4px; border: 1px solid #DCEBFA;">
|
||||
<MudForm @ref="_form" Model="_model">
|
||||
<MudGrid Spacing="3">
|
||||
<MudItem xs="12">
|
||||
<MudText Typo="Typo.subtitle2" Class="mb-1">Unit Name</MudText>
|
||||
<MudTextField @bind-Value="_model.Name"
|
||||
For="@(() => _model.Name)"
|
||||
Validation="@(_validator.ValidateValue())"
|
||||
ReadOnly="ReadOnly"
|
||||
Variant="Variant.Outlined" Margin="Margin.Dense" FullWidth="true" />
|
||||
</MudItem>
|
||||
<MudItem xs="12">
|
||||
<MudText Typo="Typo.subtitle2" Class="mb-1">Description</MudText>
|
||||
<MudTextField @bind-Value="_model.Description"
|
||||
For="@(() => _model.Description)"
|
||||
ReadOnly="ReadOnly"
|
||||
Variant="Variant.Outlined" Margin="Margin.Dense" Lines="3" FullWidth="true" />
|
||||
</MudItem>
|
||||
|
||||
<MudItem xs="12" Class="mt-4">
|
||||
<MudText Typo="Typo.button" Color="Color.Primary" Style="font-weight: 800;">Audit History</MudText>
|
||||
<MudDivider Class="mt-2 mb-4" />
|
||||
</MudItem>
|
||||
|
||||
<MudItem xs="12" sm="6">
|
||||
<MudText Typo="Typo.subtitle2">Created At</MudText>
|
||||
<MudText Typo="Typo.body2" Style="color: #1a1a1a; font-weight: 600;">@DateTimeExtensions.ToString(_model.CreatedAt)</MudText>
|
||||
</MudItem>
|
||||
<MudItem xs="12" sm="6">
|
||||
<MudText Typo="Typo.subtitle2">Created By</MudText>
|
||||
<MudText Typo="Typo.body2" Style="color: #1a1a1a; font-weight: 600;">@(!string.IsNullOrEmpty(_model.CreatedBy) ? _model.CreatedBy : "System")</MudText>
|
||||
</MudItem>
|
||||
<MudItem xs="12" sm="6">
|
||||
<MudText Typo="Typo.subtitle2">Last Updated At</MudText>
|
||||
<MudText Typo="Typo.body2" Style="color: #1a1a1a; font-weight: 600;">@DateTimeExtensions.ToString(_model.UpdatedAt)</MudText>
|
||||
</MudItem>
|
||||
<MudItem xs="12" sm="6">
|
||||
<MudText Typo="Typo.subtitle2">Last Updated By</MudText>
|
||||
<MudText Typo="Typo.body2" Style="color: #1a1a1a; font-weight: 600;">@(!string.IsNullOrEmpty(_model.UpdatedBy) ? _model.UpdatedBy : "System")</MudText>
|
||||
</MudItem>
|
||||
</MudGrid>
|
||||
|
||||
<div class="d-flex justify-end gap-2 mt-10">
|
||||
<MudButton OnClick="() => OnCancel.InvokeAsync()"
|
||||
Variant="Variant.Outlined"
|
||||
Disabled="_processing"
|
||||
Style="border-radius: 4px; text-transform: none; font-weight: 700;border: 1px solid #e0e0e0;">
|
||||
@(ReadOnly ? "Back to List" : "Cancel")
|
||||
</MudButton>
|
||||
@if (!ReadOnly)
|
||||
{
|
||||
<MudButton Color="Color.Primary"
|
||||
Variant="Variant.Filled"
|
||||
OnClick="Submit"
|
||||
Disabled="_processing"
|
||||
Style="border-radius: 4px; text-transform: none; font-weight: 700;">
|
||||
@if (_processing)
|
||||
{
|
||||
<MudProgressCircular Class="ms-n1" Size="Size.Small" Indeterminate="true" />
|
||||
<MudText Class="ms-2">Updating...</MudText>
|
||||
}
|
||||
else
|
||||
{
|
||||
<MudText>Save Changes</MudText>
|
||||
}
|
||||
</MudButton>
|
||||
}
|
||||
</div>
|
||||
</MudForm>
|
||||
</MudPaper>
|
||||
|
||||
@code {
|
||||
[Parameter] public UpdateUnitMeasureRequest Data { get; set; } = new();
|
||||
[Parameter] public bool ReadOnly { get; set; } = false;
|
||||
[Parameter] public EventCallback OnCancel { get; set; }
|
||||
[Parameter] public EventCallback OnSuccess { get; set; }
|
||||
|
||||
private MudForm _form = default!;
|
||||
private UpdateUnitMeasureValidator _validator = new();
|
||||
private UpdateUnitMeasureRequest _model = new();
|
||||
private bool _processing = false;
|
||||
|
||||
protected override void OnInitialized()
|
||||
{
|
||||
_model = new UpdateUnitMeasureRequest
|
||||
{
|
||||
Id = Data.Id,
|
||||
Name = Data.Name,
|
||||
Description = Data.Description,
|
||||
CreatedAt = Data.CreatedAt,
|
||||
CreatedBy = Data.CreatedBy,
|
||||
UpdatedAt = Data.UpdatedAt,
|
||||
UpdatedBy = Data.UpdatedBy
|
||||
};
|
||||
}
|
||||
|
||||
private async Task Submit()
|
||||
{
|
||||
if (ReadOnly) return;
|
||||
|
||||
await _form.Validate();
|
||||
if (!_form.IsValid) return;
|
||||
|
||||
_processing = true;
|
||||
try
|
||||
{
|
||||
var response = await UnitMeasureService.UpdateUnitMeasureAsync(_model);
|
||||
await Task.Delay(500);
|
||||
|
||||
if (response != null && response.IsSuccess)
|
||||
{
|
||||
Snackbar.Add("Unit updated successfully", Severity.Success);
|
||||
await OnSuccess.InvokeAsync();
|
||||
}
|
||||
}
|
||||
catch (Exception ex)
|
||||
{
|
||||
Snackbar.Add($"Error: {ex.Message}", Severity.Error);
|
||||
}
|
||||
finally
|
||||
{
|
||||
_processing = false;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,54 @@
|
||||
using Indotalent.ConfigBackEnd.Exceptions;
|
||||
using Indotalent.ConfigBackEnd.Extensions;
|
||||
using Indotalent.Infrastructure.Database;
|
||||
using MediatR;
|
||||
using Microsoft.EntityFrameworkCore;
|
||||
|
||||
namespace Indotalent.Features.Inventory.UnitMeasure.Cqrs;
|
||||
|
||||
public class CreateUnitMeasureRequest
|
||||
{
|
||||
public string? Name { get; set; }
|
||||
public string? Description { get; set; }
|
||||
}
|
||||
|
||||
public class CreateUnitMeasureResponse
|
||||
{
|
||||
public string? Id { get; set; }
|
||||
public string? Name { get; set; }
|
||||
}
|
||||
|
||||
public record CreateUnitMeasureCommand(CreateUnitMeasureRequest Data) : IRequest<CreateUnitMeasureResponse>;
|
||||
|
||||
public class CreateUnitMeasureHandler : IRequestHandler<CreateUnitMeasureCommand, CreateUnitMeasureResponse>
|
||||
{
|
||||
private readonly AppDbContext _context;
|
||||
|
||||
public CreateUnitMeasureHandler(AppDbContext context) => _context = context;
|
||||
|
||||
public async Task<CreateUnitMeasureResponse> Handle(CreateUnitMeasureCommand request, CancellationToken cancellationToken)
|
||||
{
|
||||
var isExists = await _context.UnitMeasure
|
||||
.AnyAsync(x => x.Name == request.Data.Name, cancellationToken);
|
||||
|
||||
if (isExists)
|
||||
{
|
||||
throw new AlreadyExistsException("Unit of Measure", request.Data.Name ?? string.Empty);
|
||||
}
|
||||
|
||||
var entity = new Data.Entities.UnitMeasure
|
||||
{
|
||||
Name = request.Data.Name,
|
||||
Description = request.Data.Description
|
||||
};
|
||||
|
||||
_context.UnitMeasure.Add(entity);
|
||||
await _context.SaveChangesAsync(cancellationToken);
|
||||
|
||||
return new CreateUnitMeasureResponse
|
||||
{
|
||||
Id = entity.Id,
|
||||
Name = entity.Name
|
||||
};
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,17 @@
|
||||
using FluentValidation;
|
||||
using Indotalent.Shared.Consts;
|
||||
|
||||
namespace Indotalent.Features.Inventory.UnitMeasure.Cqrs;
|
||||
|
||||
public class CreateUnitMeasureValidator : AbstractValidator<CreateUnitMeasureRequest>
|
||||
{
|
||||
public CreateUnitMeasureValidator()
|
||||
{
|
||||
RuleFor(x => x.Name)
|
||||
.NotEmpty().WithMessage("Unit Name is required")
|
||||
.MaximumLength(GlobalConsts.StringLengthShort);
|
||||
|
||||
RuleFor(x => x.Description)
|
||||
.MaximumLength(GlobalConsts.StringLengthMedium);
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,27 @@
|
||||
using Indotalent.Infrastructure.Database;
|
||||
using MediatR;
|
||||
using Microsoft.EntityFrameworkCore;
|
||||
|
||||
namespace Indotalent.Features.Inventory.UnitMeasure.Cqrs;
|
||||
|
||||
public record DeleteUnitMeasureByIdRequest(string Id);
|
||||
|
||||
public record DeleteUnitMeasureByIdCommand(DeleteUnitMeasureByIdRequest Data) : IRequest<bool>;
|
||||
|
||||
public class DeleteUnitMeasureByIdHandler : IRequestHandler<DeleteUnitMeasureByIdCommand, bool>
|
||||
{
|
||||
private readonly AppDbContext _context;
|
||||
|
||||
public DeleteUnitMeasureByIdHandler(AppDbContext context) => _context = context;
|
||||
|
||||
public async Task<bool> Handle(DeleteUnitMeasureByIdCommand request, CancellationToken cancellationToken)
|
||||
{
|
||||
var entity = await _context.UnitMeasure
|
||||
.FirstOrDefaultAsync(x => x.Id == request.Data.Id, cancellationToken);
|
||||
|
||||
if (entity == null) return false;
|
||||
|
||||
_context.UnitMeasure.Remove(entity);
|
||||
return await _context.SaveChangesAsync(cancellationToken) > 0;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,43 @@
|
||||
using Indotalent.Infrastructure.Database;
|
||||
using MediatR;
|
||||
using Microsoft.EntityFrameworkCore;
|
||||
|
||||
namespace Indotalent.Features.Inventory.UnitMeasure.Cqrs;
|
||||
|
||||
public class GetUnitMeasureByIdResponse
|
||||
{
|
||||
public string? Id { get; set; }
|
||||
public string? Name { get; set; }
|
||||
public string? Description { get; set; }
|
||||
public DateTimeOffset? CreatedAt { get; set; }
|
||||
public string? CreatedBy { get; set; }
|
||||
public DateTimeOffset? UpdatedAt { get; set; }
|
||||
public string? UpdatedBy { get; set; }
|
||||
}
|
||||
|
||||
public record GetUnitMeasureByIdQuery(string Id) : IRequest<GetUnitMeasureByIdResponse?>;
|
||||
|
||||
public class GetUnitMeasureByIdHandler : IRequestHandler<GetUnitMeasureByIdQuery, GetUnitMeasureByIdResponse?>
|
||||
{
|
||||
private readonly AppDbContext _context;
|
||||
|
||||
public GetUnitMeasureByIdHandler(AppDbContext context) => _context = context;
|
||||
|
||||
public async Task<GetUnitMeasureByIdResponse?> Handle(GetUnitMeasureByIdQuery request, CancellationToken cancellationToken)
|
||||
{
|
||||
return await _context.UnitMeasure
|
||||
.AsNoTracking()
|
||||
.Where(x => x.Id == request.Id)
|
||||
.Select(x => new GetUnitMeasureByIdResponse
|
||||
{
|
||||
Id = x.Id,
|
||||
Name = x.Name,
|
||||
Description = x.Description,
|
||||
CreatedAt = x.CreatedAt,
|
||||
CreatedBy = x.CreatedBy,
|
||||
UpdatedAt = x.UpdatedAt,
|
||||
UpdatedBy = x.UpdatedBy,
|
||||
})
|
||||
.FirstOrDefaultAsync(cancellationToken);
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,43 @@
|
||||
using Indotalent.Infrastructure.Database;
|
||||
using MediatR;
|
||||
using Microsoft.EntityFrameworkCore;
|
||||
|
||||
namespace Indotalent.Features.Inventory.UnitMeasure.Cqrs;
|
||||
|
||||
public class GetUnitMeasureListResponse
|
||||
{
|
||||
public string? Id { get; set; }
|
||||
public string? Name { get; set; }
|
||||
public string? Description { get; set; }
|
||||
public DateTimeOffset? CreatedAt { get; set; }
|
||||
public string? CreatedBy { get; set; }
|
||||
public DateTimeOffset? UpdatedAt { get; set; }
|
||||
public string? UpdatedBy { get; set; }
|
||||
}
|
||||
|
||||
public record GetUnitMeasureListQuery() : IRequest<List<GetUnitMeasureListResponse>>;
|
||||
|
||||
public class GetUnitMeasureListHandler : IRequestHandler<GetUnitMeasureListQuery, List<GetUnitMeasureListResponse>>
|
||||
{
|
||||
private readonly AppDbContext _context;
|
||||
|
||||
public GetUnitMeasureListHandler(AppDbContext context) => _context = context;
|
||||
|
||||
public async Task<List<GetUnitMeasureListResponse>> Handle(GetUnitMeasureListQuery request, CancellationToken cancellationToken)
|
||||
{
|
||||
return await _context.UnitMeasure
|
||||
.AsNoTracking()
|
||||
.OrderBy(x => x.Name)
|
||||
.Select(x => new GetUnitMeasureListResponse
|
||||
{
|
||||
Id = x.Id,
|
||||
Name = x.Name,
|
||||
Description = x.Description,
|
||||
CreatedAt = x.CreatedAt,
|
||||
CreatedBy = x.CreatedBy,
|
||||
UpdatedAt = x.UpdatedAt,
|
||||
UpdatedBy = x.UpdatedBy,
|
||||
})
|
||||
.ToListAsync(cancellationToken);
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,61 @@
|
||||
using Indotalent.ConfigBackEnd.Exceptions;
|
||||
using Indotalent.Infrastructure.Database;
|
||||
using MediatR;
|
||||
using Microsoft.EntityFrameworkCore;
|
||||
|
||||
namespace Indotalent.Features.Inventory.UnitMeasure.Cqrs;
|
||||
|
||||
public class UpdateUnitMeasureRequest
|
||||
{
|
||||
public string? Id { get; set; }
|
||||
public string? Name { get; set; }
|
||||
public string? Description { get; set; }
|
||||
public DateTimeOffset? CreatedAt { get; set; }
|
||||
public string? CreatedBy { get; set; }
|
||||
public DateTimeOffset? UpdatedAt { get; set; }
|
||||
public string? UpdatedBy { get; set; }
|
||||
}
|
||||
|
||||
public class UpdateUnitMeasureResponse
|
||||
{
|
||||
public string? Id { get; set; }
|
||||
public bool Success { get; set; }
|
||||
}
|
||||
|
||||
public record UpdateUnitMeasureCommand(UpdateUnitMeasureRequest Data) : IRequest<UpdateUnitMeasureResponse>;
|
||||
|
||||
public class UpdateUnitMeasureHandler : IRequestHandler<UpdateUnitMeasureCommand, UpdateUnitMeasureResponse>
|
||||
{
|
||||
private readonly AppDbContext _context;
|
||||
|
||||
public UpdateUnitMeasureHandler(AppDbContext context) => _context = context;
|
||||
|
||||
public async Task<UpdateUnitMeasureResponse> Handle(UpdateUnitMeasureCommand request, CancellationToken cancellationToken)
|
||||
{
|
||||
var isExists = await _context.UnitMeasure
|
||||
.AnyAsync(x => x.Name == request.Data.Name && x.Id != request.Data.Id, cancellationToken);
|
||||
|
||||
if (isExists)
|
||||
{
|
||||
throw new AlreadyExistsException("Unit of Measure", request.Data.Name ?? string.Empty);
|
||||
}
|
||||
|
||||
var entity = await _context.UnitMeasure
|
||||
.FirstOrDefaultAsync(x => x.Id == request.Data.Id, cancellationToken);
|
||||
|
||||
if (entity == null)
|
||||
{
|
||||
return new UpdateUnitMeasureResponse { Id = request.Data.Id, Success = false };
|
||||
}
|
||||
|
||||
entity.Name = request.Data.Name;
|
||||
entity.Description = request.Data.Description;
|
||||
await _context.SaveChangesAsync(cancellationToken);
|
||||
|
||||
return new UpdateUnitMeasureResponse
|
||||
{
|
||||
Id = entity.Id,
|
||||
Success = true
|
||||
};
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,20 @@
|
||||
using FluentValidation;
|
||||
using Indotalent.Shared.Consts;
|
||||
|
||||
namespace Indotalent.Features.Inventory.UnitMeasure.Cqrs;
|
||||
|
||||
public class UpdateUnitMeasureValidator : AbstractValidator<UpdateUnitMeasureRequest>
|
||||
{
|
||||
public UpdateUnitMeasureValidator()
|
||||
{
|
||||
RuleFor(x => x.Id)
|
||||
.NotEmpty().WithMessage("ID is required for update");
|
||||
|
||||
RuleFor(x => x.Name)
|
||||
.NotEmpty().WithMessage("Unit Name is required")
|
||||
.MaximumLength(GlobalConsts.StringLengthShort);
|
||||
|
||||
RuleFor(x => x.Description)
|
||||
.MaximumLength(GlobalConsts.StringLengthMedium);
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,73 @@
|
||||
using Indotalent.ConfigBackEnd.Extensions;
|
||||
using Indotalent.Features.Inventory.UnitMeasure.Cqrs;
|
||||
using MediatR;
|
||||
using Microsoft.AspNetCore.Authentication.JwtBearer;
|
||||
|
||||
namespace Indotalent.Features.Inventory.UnitMeasure;
|
||||
|
||||
public static class UnitMeasureEndpoint
|
||||
{
|
||||
public static void MapUnitMeasureEndpoints(this IEndpointRouteBuilder app)
|
||||
{
|
||||
var group = app.MapGroup("/unit-measure").WithTags("UnitMeasures")
|
||||
.RequireAuthorization(policy => policy.AddAuthenticationSchemes(JwtBearerDefaults.AuthenticationScheme)
|
||||
.RequireAuthenticatedUser());
|
||||
|
||||
group.MapGet("/", async (IMediator mediator) =>
|
||||
{
|
||||
var result = await mediator.Send(new GetUnitMeasureListQuery());
|
||||
|
||||
return result.ToApiResponse("Unit measure list retrieved successfully");
|
||||
})
|
||||
.WithName("GetUnitMeasureList")
|
||||
.WithTags("UnitMeasures");
|
||||
|
||||
group.MapGet("/{id}", async (string id, IMediator mediator) =>
|
||||
{
|
||||
var result = await mediator.Send(new GetUnitMeasureByIdQuery(id));
|
||||
|
||||
return result.ToApiResponse(result is not null
|
||||
? "Unit measure detail retrieved successfully"
|
||||
: $"Unit measure with ID {id} not found");
|
||||
})
|
||||
.WithName("GetUnitMeasureById")
|
||||
.WithTags("UnitMeasures");
|
||||
|
||||
group.MapPost("/", async (CreateUnitMeasureRequest request, IMediator mediator) =>
|
||||
{
|
||||
var result = await mediator.Send(new CreateUnitMeasureCommand(request));
|
||||
|
||||
return result.ToApiResponse("Unit measure has been created successfully", StatusCodes.Status201Created);
|
||||
})
|
||||
.WithName("CreateUnitMeasure")
|
||||
.WithTags("UnitMeasures");
|
||||
|
||||
group.MapPost("/update", async (UpdateUnitMeasureRequest request, IMediator mediator) =>
|
||||
{
|
||||
var result = await mediator.Send(new UpdateUnitMeasureCommand(request));
|
||||
|
||||
if (!result.Success)
|
||||
{
|
||||
return ((object?)null).ToApiResponse("Update failed. The unit measure data could not be found.");
|
||||
}
|
||||
|
||||
return result.ToApiResponse("Unit measure has been updated successfully");
|
||||
})
|
||||
.WithName("UpdateUnitMeasure")
|
||||
.WithTags("UnitMeasures");
|
||||
|
||||
group.MapPost("/delete/{id}", async (string id, IMediator mediator) =>
|
||||
{
|
||||
var result = await mediator.Send(new DeleteUnitMeasureByIdCommand(new DeleteUnitMeasureByIdRequest(id)));
|
||||
|
||||
if (!result)
|
||||
{
|
||||
return ((object?)null).ToApiResponse("Delete failed. The unit measure data could not be found.");
|
||||
}
|
||||
|
||||
return true.ToApiResponse("Unit measure has been deleted successfully");
|
||||
})
|
||||
.WithName("DeleteUnitMeasureById")
|
||||
.WithTags("UnitMeasures");
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,60 @@
|
||||
using Indotalent.ConfigBackEnd.Interfaces;
|
||||
using Indotalent.ConfigFrontEnd.Common;
|
||||
using Indotalent.Features.Inventory.UnitMeasure.Cqrs;
|
||||
using Indotalent.Infrastructure.Authentication.Identity;
|
||||
using Indotalent.Shared.Models;
|
||||
using Microsoft.AspNetCore.Components;
|
||||
using MudBlazor;
|
||||
using RestSharp;
|
||||
|
||||
namespace Indotalent.Features.Inventory.UnitMeasure;
|
||||
|
||||
public class UnitMeasureService : BaseService
|
||||
{
|
||||
private readonly RestClient _client;
|
||||
|
||||
public UnitMeasureService(
|
||||
IHttpClientFactory clientFactory,
|
||||
NavigationManager nav,
|
||||
ISnackbar snackbar,
|
||||
ICurrentUserService currentUserService,
|
||||
TokenProvider tokenProvider)
|
||||
: base(clientFactory, nav, snackbar, currentUserService, tokenProvider)
|
||||
{
|
||||
_client = new RestClient(nav.BaseUri);
|
||||
}
|
||||
|
||||
public async Task<ApiResponse<List<GetUnitMeasureListResponse>>?> GetUnitMeasureListAsync()
|
||||
{
|
||||
var request = new RestRequest("api/unit-measure", Method.Get);
|
||||
return await ExecuteWithResponseAsync<List<GetUnitMeasureListResponse>>(_client, request);
|
||||
}
|
||||
|
||||
public async Task<ApiResponse<GetUnitMeasureByIdResponse>?> GetUnitMeasureByIdAsync(string id)
|
||||
{
|
||||
var request = new RestRequest($"api/unit-measure/{id}", Method.Get);
|
||||
return await ExecuteWithResponseAsync<GetUnitMeasureByIdResponse>(_client, request);
|
||||
}
|
||||
|
||||
public async Task<ApiResponse<CreateUnitMeasureResponse>?> CreateUnitMeasureAsync(CreateUnitMeasureRequest data)
|
||||
{
|
||||
var request = new RestRequest("api/unit-measure", Method.Post);
|
||||
request.AddJsonBody(data);
|
||||
return await ExecuteWithResponseAsync<CreateUnitMeasureResponse>(_client, request);
|
||||
}
|
||||
|
||||
public async Task<bool> DeleteUnitMeasureByIdAsync(string id)
|
||||
{
|
||||
var request = new RestRequest($"api/unit-measure/delete/{id}", Method.Post);
|
||||
|
||||
var response = await ExecuteWithResponseAsync<object>(_client, request);
|
||||
return response?.IsSuccess ?? false;
|
||||
}
|
||||
|
||||
public async Task<ApiResponse<UpdateUnitMeasureResponse>?> UpdateUnitMeasureAsync(UpdateUnitMeasureRequest data)
|
||||
{
|
||||
var request = new RestRequest("api/unit-measure/update", Method.Post);
|
||||
request.AddJsonBody(data);
|
||||
return await ExecuteWithResponseAsync<UpdateUnitMeasureResponse>(_client, request);
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,53 @@
|
||||
@page "/inventory/warehouse"
|
||||
@using Indotalent.Features.Inventory.Warehouse
|
||||
@using Indotalent.Features.Inventory.Warehouse.Cqrs
|
||||
@using Indotalent.Features.Inventory.Warehouse.Components
|
||||
@using MudBlazor
|
||||
|
||||
@if (_currentView == ViewMode.Create)
|
||||
{
|
||||
<_WarehouseCreateForm OnCancel="BackToTable"
|
||||
OnSuccess="HandleSuccess" />
|
||||
}
|
||||
else if (_currentView == ViewMode.Update || _currentView == ViewMode.View)
|
||||
{
|
||||
<_WarehouseUpdateForm Data="_selectedData!"
|
||||
ReadOnly="@(_currentView == ViewMode.View)"
|
||||
OnCancel="BackToTable"
|
||||
OnSuccess="HandleSuccess" />
|
||||
}
|
||||
else
|
||||
{
|
||||
<_WarehouseDataTable OnAdd="() => ShowCreate()"
|
||||
OnEdit="(item) => ShowUpdate(item, false)"
|
||||
OnView="(item) => ShowUpdate(item, true)" />
|
||||
}
|
||||
|
||||
@code {
|
||||
private enum ViewMode { Table, Create, Update, View }
|
||||
private ViewMode _currentView = ViewMode.Table;
|
||||
private UpdateWarehouseRequest? _selectedData;
|
||||
|
||||
private void ShowCreate()
|
||||
{
|
||||
_currentView = ViewMode.Create;
|
||||
}
|
||||
|
||||
private void ShowUpdate(UpdateWarehouseRequest data, bool isReadOnly)
|
||||
{
|
||||
_selectedData = data;
|
||||
_currentView = isReadOnly ? ViewMode.View : ViewMode.Update;
|
||||
}
|
||||
|
||||
private void BackToTable()
|
||||
{
|
||||
_currentView = ViewMode.Table;
|
||||
_selectedData = null;
|
||||
}
|
||||
|
||||
private void HandleSuccess()
|
||||
{
|
||||
_currentView = ViewMode.Table;
|
||||
_selectedData = null;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,104 @@
|
||||
@using Indotalent.Features.Inventory.Warehouse
|
||||
@using Indotalent.Features.Inventory.Warehouse.Cqrs
|
||||
@using Indotalent.Shared.Utils
|
||||
@using MudBlazor
|
||||
@inject WarehouseService WarehouseService
|
||||
@inject ISnackbar Snackbar
|
||||
|
||||
<MudPaper Elevation="0" Square="true" Class="pa-6 mb-3 d-flex align-center justify-space-between" Style="border: 1px solid #DCEBFA;">
|
||||
<div class="d-flex align-center gap-4">
|
||||
<MudIconButton Icon="@Icons.Material.Filled.ArrowBack" OnClick="() => OnCancel.InvokeAsync()" />
|
||||
<div>
|
||||
<MudText Typo="Typo.h5" Style="font-weight: 900; color: #1a1a1a;">Add New Warehouse</MudText>
|
||||
<MudText Typo="Typo.body2" Style="color: #64748b;">Create a new storage location for products.</MudText>
|
||||
</div>
|
||||
</div>
|
||||
</MudPaper>
|
||||
|
||||
<MudPaper Elevation="0" Outlined="true" Class="pa-8" Style="border-radius: 4px; border: 1px solid #DCEBFA;">
|
||||
<MudForm @ref="_form" Model="_model">
|
||||
<MudGrid Spacing="3">
|
||||
<MudItem xs="12" sm="8">
|
||||
<MudText Typo="Typo.subtitle2" Class="mb-1">Warehouse Name</MudText>
|
||||
<MudTextField @bind-Value="_model.Name"
|
||||
For="@(() => _model.Name)"
|
||||
Validation="@(_validator.ValidateValue())"
|
||||
Variant="Variant.Outlined" Margin="Margin.Dense" FullWidth="true" Placeholder="e.g. Main Warehouse, Central Store" />
|
||||
</MudItem>
|
||||
<MudItem xs="12" sm="4" Class="d-flex align-end">
|
||||
<MudCheckBox @bind-Value="_model.SystemWarehouse"
|
||||
Label="System Warehouse"
|
||||
Color="Color.Primary"
|
||||
Dense="true"
|
||||
Style="font-weight: 700;" />
|
||||
</MudItem>
|
||||
<MudItem xs="12">
|
||||
<MudText Typo="Typo.subtitle2" Class="mb-1">Description</MudText>
|
||||
<MudTextField @bind-Value="_model.Description"
|
||||
For="@(() => _model.Description)"
|
||||
Variant="Variant.Outlined" Margin="Margin.Dense" Lines="3" FullWidth="true" />
|
||||
</MudItem>
|
||||
</MudGrid>
|
||||
|
||||
<div class="d-flex justify-end gap-2 mt-8">
|
||||
<MudButton OnClick="() => OnCancel.InvokeAsync()"
|
||||
Variant="Variant.Outlined"
|
||||
Disabled="_processing"
|
||||
Style="border-radius: 4px; text-transform: none; font-weight: 700;border: 1px solid #e0e0e0;">
|
||||
Cancel
|
||||
</MudButton>
|
||||
<MudButton Color="Color.Primary"
|
||||
Variant="Variant.Filled"
|
||||
OnClick="Submit"
|
||||
Disabled="_processing"
|
||||
Style="border-radius: 4px; text-transform: none; font-weight: 700;">
|
||||
@if (_processing)
|
||||
{
|
||||
<MudProgressCircular Class="ms-n1" Size="Size.Small" Indeterminate="true" />
|
||||
<MudText Class="ms-2" Typo="Typo.button" Style="text-transform: none !important;">Processing...</MudText>
|
||||
}
|
||||
else
|
||||
{
|
||||
<MudText>Create Warehouse</MudText>
|
||||
}
|
||||
</MudButton>
|
||||
</div>
|
||||
</MudForm>
|
||||
</MudPaper>
|
||||
|
||||
@code {
|
||||
[Parameter] public EventCallback OnCancel { get; set; }
|
||||
[Parameter] public EventCallback OnSuccess { get; set; }
|
||||
|
||||
private MudForm _form = default!;
|
||||
private CreateWarehouseValidator _validator = new();
|
||||
private CreateWarehouseRequest _model = new();
|
||||
private bool _processing = false;
|
||||
|
||||
private async Task Submit()
|
||||
{
|
||||
await _form.Validate();
|
||||
if (!_form.IsValid) return;
|
||||
|
||||
_processing = true;
|
||||
try
|
||||
{
|
||||
var response = await WarehouseService.CreateWarehouseAsync(_model);
|
||||
await Task.Delay(500);
|
||||
|
||||
if (response != null && response.IsSuccess)
|
||||
{
|
||||
Snackbar.Add("Warehouse created successfully", Severity.Success);
|
||||
await OnSuccess.InvokeAsync();
|
||||
}
|
||||
}
|
||||
catch (Exception ex)
|
||||
{
|
||||
Snackbar.Add($"Error: {ex.Message}", Severity.Error);
|
||||
}
|
||||
finally
|
||||
{
|
||||
_processing = false;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,385 @@
|
||||
@using Indotalent.ConfigBackEnd.Extensions
|
||||
@using Indotalent.Features.Inventory.Warehouse
|
||||
@using Indotalent.Features.Inventory.Warehouse.Cqrs
|
||||
@using Microsoft.AspNetCore.Components.Web
|
||||
@using Microsoft.JSInterop
|
||||
@using MudBlazor
|
||||
@using Features.Root.Shared
|
||||
@using ClosedXML.Excel
|
||||
@using System.IO
|
||||
@inject WarehouseService WarehouseService
|
||||
@inject IDialogService DialogService
|
||||
@inject ISnackbar Snackbar
|
||||
@inject IJSRuntime JSRuntime
|
||||
|
||||
<MudPaper Elevation="0" Square="true" Class="pa-6 mb-3 d-flex align-center justify-space-between" Style="border: 1px solid #E5E7EB; border-radius: 12px;">
|
||||
<div>
|
||||
<MudText Typo="Typo.h5" Style="font-weight: 600; color: #111827;">Warehouse Management</MudText>
|
||||
<MudText Typo="Typo.body2" Style="color: #9CA3AF;">Manage physical and virtual storage locations.</MudText>
|
||||
</div>
|
||||
<div class="d-flex align-center gap-2">
|
||||
<MudIcon Icon="@Icons.Material.Filled.Home" Size="Size.Small" Color="Color.Default" />
|
||||
<MudText Typo="Typo.caption" Style="color: #9CA3AF;">/</MudText>
|
||||
<MudText Typo="Typo.caption" Style="color: #9CA3AF;">Inventory</MudText>
|
||||
<MudText Typo="Typo.caption" Style="color: #9CA3AF;">/</MudText>
|
||||
<MudText Typo="Typo.caption" Style="font-weight: 600; color: #111827;">Warehouse</MudText>
|
||||
</div>
|
||||
</MudPaper>
|
||||
|
||||
<MudPaper Elevation="0" Outlined="true" Style="border-radius: 12px; overflow: hidden; background-color: #ffffff; border: 1px solid #E5E7EB;">
|
||||
|
||||
<div style="padding: 20px 24px; border-bottom: 1px solid #E5E7EB; display: flex; justify-content: space-between; align-items: center; background-color: #ffffff; min-height: 80px;">
|
||||
|
||||
<div style="display: flex; align-items: center; gap: 8px;">
|
||||
<MudTextField @bind-Value="_searchString"
|
||||
Placeholder="Search..."
|
||||
Adornment="Adornment.Start"
|
||||
AdornmentIcon="@Icons.Material.Filled.Search"
|
||||
IconSize="Size.Small"
|
||||
Class="mt-0"
|
||||
Variant="Variant.Outlined"
|
||||
Margin="Margin.Dense"
|
||||
Style="background-color: white; width: 280px; border-radius: 8px;"
|
||||
OnKeyDown="@HandleSearchKeyDown" />
|
||||
|
||||
<MudButton Variant="Variant.Filled"
|
||||
Color="Color.Primary"
|
||||
OnClick="OnSearchClick"
|
||||
Size="Size.Small"
|
||||
Style="text-transform: none; font-weight: 500; border-radius: 6px; height: 34px; box-shadow: none;">
|
||||
Search
|
||||
</MudButton>
|
||||
</div>
|
||||
|
||||
<div style="display: flex; gap: 8px; align-items: center;">
|
||||
<MudButton Variant="Variant.Outlined"
|
||||
Color="Color.Success"
|
||||
OnClick="ExportToExcel"
|
||||
Size="Size.Small"
|
||||
Disabled="_isExporting"
|
||||
StartIcon="@(_isExporting ? null : Icons.Custom.FileFormats.FileExcel)"
|
||||
Style="background: white; font-weight: 500; border-radius: 6px; text-transform: none; height: 34px; border: 1px solid #D1D5DB; color: #6B7280;">
|
||||
@if (_isExporting)
|
||||
{
|
||||
<MudProgressCircular Class="ms-n1" Size="Size.Small" Indeterminate="true" />
|
||||
<MudText Class="ms-2" Typo="Typo.button" Style="text-transform: none !important;">Processing...</MudText>
|
||||
}
|
||||
else
|
||||
{
|
||||
<MudText Typo="Typo.button" Style="text-transform: none !important;">Excel</MudText>
|
||||
}
|
||||
</MudButton>
|
||||
|
||||
<MudButton Variant="Variant.Outlined"
|
||||
Color="Color.Primary"
|
||||
OnClick="LoadData"
|
||||
Size="Size.Small"
|
||||
StartIcon="@(_isRefreshing ? null : Icons.Material.Filled.Refresh)"
|
||||
Disabled="_isRefreshing"
|
||||
Style="background: white; font-weight: 500; border-radius: 6px; text-transform: none; height: 34px; border: 1px solid #D1D5DB; color: #6B7280;">
|
||||
@if (_isRefreshing)
|
||||
{
|
||||
<MudProgressCircular Class="ms-n1" Size="Size.Small" Indeterminate="true" />
|
||||
<MudText Class="ms-2" Typo="Typo.button" Style="text-transform: none !important;">Refreshing...</MudText>
|
||||
}
|
||||
else
|
||||
{
|
||||
<MudText Typo="Typo.button" Style="text-transform: none !important;">Refresh</MudText>
|
||||
}
|
||||
</MudButton>
|
||||
|
||||
@if (_selectedWarehouse != null)
|
||||
{
|
||||
<MudButton Variant="Variant.Outlined" Color="Color.Info" StartIcon="@Icons.Material.Filled.Visibility" OnClick="InvokeView" Size="Size.Small" Style="text-transform: none; font-weight: 500; border-radius: 6px; background-color: white; border: 1px solid #D1D5DB; color: #6B7280;">View</MudButton>
|
||||
<MudButton Variant="Variant.Outlined" Color="Color.Primary" StartIcon="@Icons.Material.Filled.Edit" OnClick="InvokeEdit" Size="Size.Small" Style="text-transform: none; font-weight: 500; border-radius: 6px; background-color: white; border: 1px solid #D1D5DB; color: #6B7280;">Edit</MudButton>
|
||||
<MudButton Variant="Variant.Outlined" Color="Color.Error" StartIcon="@Icons.Material.Filled.Delete" OnClick="OnDelete" Size="Size.Small" Style="text-transform: none; font-weight: 500; border-radius: 6px; background: white; border: 1px solid #FCA5A5; color: #EF4444;" Disabled="@(_selectedWarehouse.SystemWarehouse == true)">Remove</MudButton>
|
||||
<MudIconButton Icon="@Icons.Material.Filled.Close" Size="Size.Small" OnClick="() => _selectedWarehouse = null" />
|
||||
}
|
||||
else
|
||||
{
|
||||
<MudButton Variant="Variant.Filled" Color="Color.Primary" StartIcon="@Icons.Material.Filled.Add" OnClick="() => OnAdd.InvokeAsync()" Size="Size.Small" Style="text-transform: none; font-weight: 500; border-radius: 6px; height: 34px;">
|
||||
Add New Warehouse
|
||||
</MudButton>
|
||||
}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<MudTable Items="@GetPagedData()" Striped="true" Class="mud-table-styled" Hover="true" Elevation="0" CustomHeader="true" Dense="true" T="GetWarehouseListResponse" OnRowClick="@((args) => _selectedWarehouse = args.Item)" Loading="@_isRefreshing">
|
||||
<HeaderContent>
|
||||
<MudTh Style="width: 50px; background-color: #ffffff; border-bottom: 1px solid #E5E7EB;"></MudTh>
|
||||
<MudTh Style="font-weight: 600; color: #6B7280; text-transform: uppercase; font-size: 0.6875rem; letter-spacing: 0.05em; background-color: #F9FAFB; border-bottom: 1px solid #E5E7EB;">
|
||||
<MudTableSortLabel SortBy="new Func<GetWarehouseListResponse, object>(x => x.Name!)">Warehouse Name</MudTableSortLabel>
|
||||
</MudTh>
|
||||
<MudTh Style="font-weight: 600; color: #6B7280; text-transform: uppercase; font-size: 0.6875rem; letter-spacing: 0.05em; background-color: #F9FAFB; border-bottom: 1px solid #E5E7EB;">System</MudTh>
|
||||
<MudTh Style="font-weight: 600; color: #6B7280; text-transform: uppercase; font-size: 0.6875rem; letter-spacing: 0.05em; background-color: #F9FAFB; border-bottom: 1px solid #E5E7EB;">Description</MudTh>
|
||||
</HeaderContent>
|
||||
<RowTemplate>
|
||||
<MudTd>
|
||||
<MudCheckBox T="bool" Value="@(_selectedWarehouse?.Id == context.Id)" Color="Color.Primary" Dense="true" Size="Size.Small" ReadOnly="true" />
|
||||
</MudTd>
|
||||
<MudTd>
|
||||
<div class="d-flex align-center gap-2">
|
||||
<MudAvatar Color="Color.Secondary" Variant="Variant.Filled" Size="Size.Small" Style="border-radius: 50%; font-size: 10px; font-weight: 800;">
|
||||
@(!string.IsNullOrWhiteSpace(context.Name) ? context.Name.ToInitial() : "?")
|
||||
</MudAvatar>
|
||||
<MudText Typo="Typo.body2" Style="font-weight: 600; color: #374151;">@context.Name</MudText>
|
||||
</div>
|
||||
</MudTd>
|
||||
<MudTd Style="padding-top: 0.75rem; padding-bottom: 0.75rem; color: #374151; font-size: 0.875rem;">
|
||||
@if (context.SystemWarehouse == true)
|
||||
{
|
||||
<MudChip T="string" Color="Color.Info" Size="Size.Small" Variant="Variant.Text" Style="font-weight: 600; ">SYSTEM</MudChip>
|
||||
}
|
||||
</MudTd>
|
||||
<MudTd Style="padding-top: 0.75rem; padding-bottom: 0.75rem; color: #374151; font-size: 0.875rem;">@context.Description</MudTd>
|
||||
</RowTemplate>
|
||||
</MudTable>
|
||||
|
||||
<div style="display: flex; justify-content: space-between; align-items: center; padding: 12px 24px; background-color: #F9FAFB; border-top: 1px solid #E5E7EB;">
|
||||
<div style="display: flex; align-items: center; gap: 12px;">
|
||||
<MudText Typo="Typo.caption" Style="font-weight: 500; color: #9CA3AF; font-size: 0.75rem;">Rows per page:</MudText>
|
||||
|
||||
<MudSelect T="int"
|
||||
Value="@_top"
|
||||
ValueChanged="OnPageSizeChanged"
|
||||
Dense="true"
|
||||
Margin="Margin.Dense"
|
||||
Style="width: 80px; background-color: white; font-size: 12px; font-weight: 600;"
|
||||
Variant="Variant.Outlined"
|
||||
Class="mt-0 custom-select-dense">
|
||||
<MudSelectItem Value="5" />
|
||||
<MudSelectItem Value="10" />
|
||||
<MudSelectItem Value="50" />
|
||||
<MudSelectItem Value="500" />
|
||||
<MudSelectItem Value="1000" />
|
||||
</MudSelect>
|
||||
|
||||
<MudText Typo="Typo.caption" Style="color: #9CA3AF; margin-left: 12px; font-size: 0.75rem; font-weight: 500;">
|
||||
Showing @(GetFilteredData().Count() == 0 ? 0 : _skip + 1)-@Math.Min(_skip + _top, GetFilteredData().Count()) of @GetFilteredData().Count()
|
||||
</MudText>
|
||||
</div>
|
||||
|
||||
<div style="display: flex; gap: 8px; align-items: center;">
|
||||
<MudIconButton Icon="@Icons.Material.Filled.FirstPage" Size="Size.Small" OnClick="@(() => OnPageChanged(1))" Disabled="@(_currentPage == 1)" Style="@(_currentPage == 1 ? "color: #D1D5DB; background: transparent;" : "color: #6B7280; background: white; border: 1px solid #D1D5DB; border-radius: 6px;")" />
|
||||
<MudButton OnClick="@(() => OnPageChanged(_currentPage - 1))" Disabled="@(_currentPage == 1)" Variant="Variant.Text" StartIcon="@Icons.Material.Filled.ChevronLeft" Size="Size.Small" Style="@(_currentPage == 1 ? "text-transform: none; font-weight: 500; color: #D1D5DB;" : "text-transform: none; font-weight: 500; color: #374151; border: 1px solid #D1D5DB; border-radius: 6px; background: white;")">Prev</MudButton>
|
||||
@{
|
||||
var totalPages = _totalPage == 0 ? 1 : _totalPage;
|
||||
var maxVisible = 5;
|
||||
var startPage = Math.Max(1, _currentPage - maxVisible / 2);
|
||||
var endPage = Math.Min(totalPages, startPage + maxVisible - 1);
|
||||
if (endPage - startPage < maxVisible - 1) { startPage = Math.Max(1, endPage - maxVisible + 1); }
|
||||
}
|
||||
@for (int i = startPage; i <= endPage; i++)
|
||||
{
|
||||
var pageNum = i;
|
||||
var isActive = pageNum == _currentPage;
|
||||
<MudButton OnClick="@(() => OnPageChanged(pageNum))"
|
||||
Variant="Variant.Text" Size="Size.Small"
|
||||
Style="@(isActive ? "min-width: 34px; padding: 4px 8px; font-size: 0.75rem; font-weight: 600; background: #3B82F6; color: white; border: 1px solid #3B82F6; border-radius: 6px; text-transform: none;" : "min-width: 34px; padding: 4px 8px; font-size: 0.75rem; font-weight: 500; color: #374151; background: white; border: 1px solid #D1D5DB; border-radius: 6px; text-transform: none;")">@pageNum</MudButton>
|
||||
}
|
||||
<MudButton OnClick="@(() => OnPageChanged(_currentPage + 1))" Disabled="@(_currentPage == _totalPage || _totalPage == 0)" Variant="Variant.Text" EndIcon="@Icons.Material.Filled.ChevronRight" Size="Size.Small" Style="@(_currentPage == _totalPage || _totalPage == 0 ? "text-transform: none; font-weight: 500; color: #D1D5DB;" : "text-transform: none; font-weight: 500; color: #374151; border: 1px solid #D1D5DB; border-radius: 6px; background: white;")">Next</MudButton>
|
||||
<MudIconButton Icon="@Icons.Material.Filled.LastPage" Size="Size.Small" OnClick="@(() => OnPageChanged(_totalPage))" Disabled="@(_currentPage == _totalPage || _totalPage == 0)" Style="@(_currentPage == _totalPage || _totalPage == 0 ? "color: #D1D5DB; background: transparent;" : "background-color: white; border: 1px solid #D1D5DB; color: #6B7280;")" />
|
||||
</div>
|
||||
</div>
|
||||
</MudPaper>
|
||||
|
||||
|
||||
<style>
|
||||
.mud-table-styled .mud-table-row:hover { background-color: #F9FAFB !important; }
|
||||
.mud-input-outlined-border { border-radius: 8px !important; }
|
||||
.custom-select-dense .mud-input-control { margin-top: 0 !important; }
|
||||
.custom-select-dense .mud-input-slot { padding-top: 4px !important; padding-bottom: 4px !important; padding-left: 8px !important; font-size: 12px !important; }
|
||||
</style>
|
||||
|
||||
@code {
|
||||
[Parameter] public EventCallback OnAdd { get; set; }
|
||||
[Parameter] public EventCallback<UpdateWarehouseRequest> OnEdit { get; set; }
|
||||
[Parameter] public EventCallback<UpdateWarehouseRequest> OnView { get; set; }
|
||||
|
||||
private List<GetWarehouseListResponse> _warehouses = new();
|
||||
private GetWarehouseListResponse? _selectedWarehouse;
|
||||
private string _searchString = "";
|
||||
private bool _isRefreshing = false;
|
||||
private bool _isExporting = false;
|
||||
|
||||
private int _skip = 0;
|
||||
private int _top = 5;
|
||||
private int _totalPage => GetFilteredData().Count() == 0 ? 0 : (int)Math.Ceiling((double)GetFilteredData().Count() / (_top == 0 ? 1 : _top));
|
||||
private int _currentPage => (_top >= GetFilteredData().Count() || _top == 0) ? 1 : (_skip / _top) + 1;
|
||||
|
||||
protected override async Task OnInitializedAsync() => await LoadData();
|
||||
|
||||
private async Task LoadData()
|
||||
{
|
||||
_isRefreshing = true;
|
||||
_selectedWarehouse = null;
|
||||
StateHasChanged();
|
||||
try
|
||||
{
|
||||
var response = await WarehouseService.GetWarehouseListAsync();
|
||||
await Task.Delay(500);
|
||||
if (response != null && response.IsSuccess)
|
||||
{
|
||||
_warehouses = response.Value ?? new List<GetWarehouseListResponse>();
|
||||
}
|
||||
}
|
||||
finally
|
||||
{
|
||||
_isRefreshing = false;
|
||||
StateHasChanged();
|
||||
}
|
||||
}
|
||||
|
||||
private IEnumerable<GetWarehouseListResponse> GetFilteredData()
|
||||
{
|
||||
if (string.IsNullOrWhiteSpace(_searchString)) return _warehouses;
|
||||
return _warehouses.Where(x =>
|
||||
(x.Name?.Contains(_searchString, StringComparison.OrdinalIgnoreCase) ?? false) ||
|
||||
(x.Description?.Contains(_searchString, StringComparison.OrdinalIgnoreCase) ?? false)
|
||||
);
|
||||
}
|
||||
|
||||
private IEnumerable<GetWarehouseListResponse> GetPagedData() => GetFilteredData().Skip(_skip).Take(_top);
|
||||
|
||||
private void OnSearchClick()
|
||||
{
|
||||
_skip = 0;
|
||||
_selectedWarehouse = null;
|
||||
StateHasChanged();
|
||||
}
|
||||
|
||||
private void HandleSearchKeyDown(KeyboardEventArgs e)
|
||||
{
|
||||
if (e.Key == "Enter") OnSearchClick();
|
||||
}
|
||||
|
||||
private async Task ExportToExcel()
|
||||
{
|
||||
_isExporting = true;
|
||||
StateHasChanged();
|
||||
try
|
||||
{
|
||||
await Task.Delay(1000);
|
||||
using (var workbook = new XLWorkbook())
|
||||
{
|
||||
var worksheet = workbook.Worksheets.Add("Warehouses");
|
||||
var currentRow = 1;
|
||||
|
||||
worksheet.Cell(currentRow, 1).Value = "Warehouse Name";
|
||||
worksheet.Cell(currentRow, 2).Value = "System Warehouse";
|
||||
worksheet.Cell(currentRow, 3).Value = "Description";
|
||||
|
||||
var headerRange = worksheet.Range(1, 1, 1, 3);
|
||||
headerRange.Style.Font.Bold = true;
|
||||
headerRange.Style.Fill.BackgroundColor = XLColor.FromHtml("#0D47A1");
|
||||
headerRange.Style.Font.FontColor = XLColor.White;
|
||||
|
||||
foreach (var item in GetFilteredData())
|
||||
{
|
||||
currentRow++;
|
||||
worksheet.Cell(currentRow, 1).Value = item.Name;
|
||||
worksheet.Cell(currentRow, 2).Value = item.SystemWarehouse == true ? "Yes" : "No";
|
||||
worksheet.Cell(currentRow, 3).Value = item.Description;
|
||||
}
|
||||
|
||||
worksheet.Columns().AdjustToContents();
|
||||
|
||||
using (var stream = new MemoryStream())
|
||||
{
|
||||
workbook.SaveAs(stream);
|
||||
var content = Convert.ToBase64String(stream.ToArray());
|
||||
await JSRuntime.InvokeVoidAsync("downloadFile", "Warehouse_List.xlsx", "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet", content);
|
||||
Snackbar.Add("Excel exported successfully", Severity.Success);
|
||||
}
|
||||
}
|
||||
}
|
||||
catch (Exception ex)
|
||||
{
|
||||
Snackbar.Add($"Export failed: {ex.Message}", Severity.Error);
|
||||
}
|
||||
finally
|
||||
{
|
||||
_isExporting = false;
|
||||
StateHasChanged();
|
||||
}
|
||||
}
|
||||
|
||||
private void OnPageChanged(int page)
|
||||
{
|
||||
if (page >= 1 && page <= _totalPage)
|
||||
{
|
||||
_skip = (page - 1) * _top;
|
||||
_selectedWarehouse = null;
|
||||
StateHasChanged();
|
||||
}
|
||||
}
|
||||
|
||||
private void OnPageSizeChanged(int size)
|
||||
{
|
||||
_top = size;
|
||||
_skip = 0;
|
||||
_selectedWarehouse = null;
|
||||
StateHasChanged();
|
||||
}
|
||||
|
||||
private async Task InvokeEdit()
|
||||
{
|
||||
if (_selectedWarehouse == null) return;
|
||||
var request = await MapToUpdateRequest(_selectedWarehouse.Id);
|
||||
if (request != null) await OnEdit.InvokeAsync(request);
|
||||
}
|
||||
|
||||
private async Task InvokeView()
|
||||
{
|
||||
if (_selectedWarehouse == null) return;
|
||||
var request = await MapToUpdateRequest(_selectedWarehouse.Id);
|
||||
if (request != null) await OnView.InvokeAsync(request);
|
||||
}
|
||||
|
||||
private async Task<UpdateWarehouseRequest?> MapToUpdateRequest(string id)
|
||||
{
|
||||
var response = await WarehouseService.GetWarehouseByIdAsync(id);
|
||||
if (response != null && response.IsSuccess && response.Value != null)
|
||||
{
|
||||
var detail = response.Value;
|
||||
return new UpdateWarehouseRequest
|
||||
{
|
||||
Id = detail.Id,
|
||||
Name = detail.Name,
|
||||
Description = detail.Description,
|
||||
SystemWarehouse = detail.SystemWarehouse,
|
||||
CreatedAt = detail.CreatedAt,
|
||||
CreatedBy = detail.CreatedBy,
|
||||
UpdatedAt = detail.UpdatedAt,
|
||||
UpdatedBy = detail.UpdatedBy
|
||||
};
|
||||
}
|
||||
return null;
|
||||
}
|
||||
|
||||
private async Task OnDelete()
|
||||
{
|
||||
if (_selectedWarehouse == null) return;
|
||||
|
||||
var parameters = new DialogParameters<_DeleteConfirmation> { { x => x.ContentText, _selectedWarehouse.Name } };
|
||||
var options = new DialogOptions { CloseButton = false, MaxWidth = MaxWidth.ExtraSmall, FullWidth = true };
|
||||
|
||||
var dialog = await DialogService.ShowAsync<_DeleteConfirmation>("", parameters, options);
|
||||
var result = await dialog.Result;
|
||||
|
||||
if (result != null && !result.Canceled)
|
||||
{
|
||||
var isSuccess = await WarehouseService.DeleteWarehouseByIdAsync(_selectedWarehouse.Id);
|
||||
if (isSuccess)
|
||||
{
|
||||
_selectedWarehouse = null;
|
||||
await LoadData();
|
||||
Snackbar.Add("Warehouse deleted successfully", Severity.Success);
|
||||
}
|
||||
else
|
||||
{
|
||||
Snackbar.Add("Delete failed. System warehouses cannot be removed.", Severity.Error);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,152 @@
|
||||
@using Indotalent.ConfigBackEnd.Extensions
|
||||
@using Indotalent.Features.Inventory.Warehouse
|
||||
@using Indotalent.Features.Inventory.Warehouse.Cqrs
|
||||
@using Indotalent.Shared.Utils
|
||||
@using MudBlazor
|
||||
@inject WarehouseService WarehouseService
|
||||
@inject ISnackbar Snackbar
|
||||
|
||||
<MudPaper Elevation="0" Square="true" Class="pa-6 mb-3 d-flex align-center justify-space-between" Style="border: 1px solid #DCEBFA;">
|
||||
<div class="d-flex align-center gap-4">
|
||||
<MudIconButton Icon="@Icons.Material.Filled.ArrowBack" OnClick="() => OnCancel.InvokeAsync()" />
|
||||
<div>
|
||||
<MudText Typo="Typo.h5" Style="font-weight: 900; color: #1a1a1a;">@(ReadOnly ? "Warehouse Details" : "Edit Warehouse")</MudText>
|
||||
<MudText Typo="Typo.body2" Style="color: #64748b;">@(ReadOnly ? "Viewing warehouse location specification." : "Modify existing warehouse information.")</MudText>
|
||||
</div>
|
||||
</div>
|
||||
</MudPaper>
|
||||
|
||||
<MudPaper Elevation="0" Outlined="true" Class="pa-8" Style="border-radius: 4px; border: 1px solid #DCEBFA;">
|
||||
<MudForm @ref="_form" Model="_model">
|
||||
<MudGrid Spacing="3">
|
||||
<MudItem xs="12" sm="8">
|
||||
<MudText Typo="Typo.subtitle2" Class="mb-1">Warehouse Name</MudText>
|
||||
<MudTextField @bind-Value="_model.Name"
|
||||
For="@(() => _model.Name)"
|
||||
Validation="@(_validator.ValidateValue())"
|
||||
ReadOnly="ReadOnly"
|
||||
Variant="Variant.Outlined" Margin="Margin.Dense" FullWidth="true" />
|
||||
</MudItem>
|
||||
<MudItem xs="12" sm="4" Class="d-flex align-end">
|
||||
<MudCheckBox @bind-Value="_model.SystemWarehouse"
|
||||
Label="System Warehouse"
|
||||
Color="Color.Primary"
|
||||
Dense="true"
|
||||
ReadOnly="ReadOnly"
|
||||
Style="font-weight: 700;" />
|
||||
</MudItem>
|
||||
<MudItem xs="12">
|
||||
<MudText Typo="Typo.subtitle2" Class="mb-1">Description</MudText>
|
||||
<MudTextField @bind-Value="_model.Description"
|
||||
For="@(() => _model.Description)"
|
||||
ReadOnly="ReadOnly"
|
||||
Variant="Variant.Outlined" Margin="Margin.Dense" Lines="3" FullWidth="true" />
|
||||
</MudItem>
|
||||
|
||||
<MudItem xs="12" Class="mt-4">
|
||||
<MudText Typo="Typo.button" Color="Color.Primary" Style="font-weight: 800;">Audit History</MudText>
|
||||
<MudDivider Class="mt-2 mb-4" />
|
||||
</MudItem>
|
||||
|
||||
<MudItem xs="12" sm="6">
|
||||
<MudText Typo="Typo.subtitle2">Created At</MudText>
|
||||
<MudText Typo="Typo.body2" Style="color: #1a1a1a; font-weight: 600;">@DateTimeExtensions.ToString(_model.CreatedAt)</MudText>
|
||||
</MudItem>
|
||||
<MudItem xs="12" sm="6">
|
||||
<MudText Typo="Typo.subtitle2">Created By</MudText>
|
||||
<MudText Typo="Typo.body2" Style="color: #1a1a1a; font-weight: 600;">@(!string.IsNullOrEmpty(_model.CreatedBy) ? _model.CreatedBy : "System")</MudText>
|
||||
</MudItem>
|
||||
<MudItem xs="12" sm="6">
|
||||
<MudText Typo="Typo.subtitle2">Last Updated At</MudText>
|
||||
<MudText Typo="Typo.body2" Style="color: #1a1a1a; font-weight: 600;">@DateTimeExtensions.ToString(_model.UpdatedAt)</MudText>
|
||||
</MudItem>
|
||||
<MudItem xs="12" sm="6">
|
||||
<MudText Typo="Typo.subtitle2">Last Updated By</MudText>
|
||||
<MudText Typo="Typo.body2" Style="color: #1a1a1a; font-weight: 600;">@(!string.IsNullOrEmpty(_model.UpdatedBy) ? _model.UpdatedBy : "System")</MudText>
|
||||
</MudItem>
|
||||
</MudGrid>
|
||||
|
||||
<div class="d-flex justify-end gap-2 mt-10">
|
||||
<MudButton OnClick="() => OnCancel.InvokeAsync()"
|
||||
Variant="Variant.Outlined"
|
||||
Disabled="_processing"
|
||||
Style="border-radius: 4px; text-transform: none; font-weight: 700;border: 1px solid #e0e0e0;">
|
||||
@(ReadOnly ? "Back to List" : "Cancel")
|
||||
</MudButton>
|
||||
@if (!ReadOnly)
|
||||
{
|
||||
<MudButton Color="Color.Primary"
|
||||
Variant="Variant.Filled"
|
||||
OnClick="Submit"
|
||||
Disabled="_processing"
|
||||
Style="border-radius: 4px; text-transform: none; font-weight: 700;">
|
||||
@if (_processing)
|
||||
{
|
||||
<MudProgressCircular Class="ms-n1" Size="Size.Small" Indeterminate="true" />
|
||||
<MudText Class="ms-2">Updating...</MudText>
|
||||
}
|
||||
else
|
||||
{
|
||||
<MudText>Save Changes</MudText>
|
||||
}
|
||||
</MudButton>
|
||||
}
|
||||
</div>
|
||||
</MudForm>
|
||||
</MudPaper>
|
||||
|
||||
@code {
|
||||
[Parameter] public UpdateWarehouseRequest Data { get; set; } = new();
|
||||
[Parameter] public bool ReadOnly { get; set; } = false;
|
||||
[Parameter] public EventCallback OnCancel { get; set; }
|
||||
[Parameter] public EventCallback OnSuccess { get; set; }
|
||||
|
||||
private MudForm _form = default!;
|
||||
private UpdateWarehouseValidator _validator = new();
|
||||
private UpdateWarehouseRequest _model = new();
|
||||
private bool _processing = false;
|
||||
|
||||
protected override void OnInitialized()
|
||||
{
|
||||
_model = new UpdateWarehouseRequest
|
||||
{
|
||||
Id = Data.Id,
|
||||
Name = Data.Name,
|
||||
Description = Data.Description,
|
||||
SystemWarehouse = Data.SystemWarehouse,
|
||||
CreatedAt = Data.CreatedAt,
|
||||
CreatedBy = Data.CreatedBy,
|
||||
UpdatedAt = Data.UpdatedAt,
|
||||
UpdatedBy = Data.UpdatedBy
|
||||
};
|
||||
}
|
||||
|
||||
private async Task Submit()
|
||||
{
|
||||
if (ReadOnly) return;
|
||||
|
||||
await _form.Validate();
|
||||
if (!_form.IsValid) return;
|
||||
|
||||
_processing = true;
|
||||
try
|
||||
{
|
||||
var response = await WarehouseService.UpdateWarehouseAsync(_model);
|
||||
await Task.Delay(500);
|
||||
|
||||
if (response != null && response.IsSuccess)
|
||||
{
|
||||
Snackbar.Add("Warehouse updated successfully", Severity.Success);
|
||||
await OnSuccess.InvokeAsync();
|
||||
}
|
||||
}
|
||||
catch (Exception ex)
|
||||
{
|
||||
Snackbar.Add($"Error: {ex.Message}", Severity.Error);
|
||||
}
|
||||
finally
|
||||
{
|
||||
_processing = false;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,56 @@
|
||||
using Indotalent.ConfigBackEnd.Exceptions;
|
||||
using Indotalent.ConfigBackEnd.Extensions;
|
||||
using Indotalent.Infrastructure.Database;
|
||||
using MediatR;
|
||||
using Microsoft.EntityFrameworkCore;
|
||||
|
||||
namespace Indotalent.Features.Inventory.Warehouse.Cqrs;
|
||||
|
||||
public class CreateWarehouseRequest
|
||||
{
|
||||
public string? Name { get; set; }
|
||||
public string? Description { get; set; }
|
||||
public bool? SystemWarehouse { get; set; } = false;
|
||||
}
|
||||
|
||||
public class CreateWarehouseResponse
|
||||
{
|
||||
public string? Id { get; set; }
|
||||
public string? Name { get; set; }
|
||||
}
|
||||
|
||||
public record CreateWarehouseCommand(CreateWarehouseRequest Data) : IRequest<CreateWarehouseResponse>;
|
||||
|
||||
public class CreateWarehouseHandler : IRequestHandler<CreateWarehouseCommand, CreateWarehouseResponse>
|
||||
{
|
||||
private readonly AppDbContext _context;
|
||||
|
||||
public CreateWarehouseHandler(AppDbContext context) => _context = context;
|
||||
|
||||
public async Task<CreateWarehouseResponse> Handle(CreateWarehouseCommand request, CancellationToken cancellationToken)
|
||||
{
|
||||
var isExists = await _context.Warehouse
|
||||
.AnyAsync(x => x.Name == request.Data.Name, cancellationToken);
|
||||
|
||||
if (isExists)
|
||||
{
|
||||
throw new AlreadyExistsException("Warehouse", request.Data.Name ?? string.Empty);
|
||||
}
|
||||
|
||||
var entity = new Data.Entities.Warehouse
|
||||
{
|
||||
Name = request.Data.Name,
|
||||
Description = request.Data.Description,
|
||||
SystemWarehouse = request.Data.SystemWarehouse
|
||||
};
|
||||
|
||||
_context.Warehouse.Add(entity);
|
||||
await _context.SaveChangesAsync(cancellationToken);
|
||||
|
||||
return new CreateWarehouseResponse
|
||||
{
|
||||
Id = entity.Id,
|
||||
Name = entity.Name
|
||||
};
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,17 @@
|
||||
using FluentValidation;
|
||||
using Indotalent.Shared.Consts;
|
||||
|
||||
namespace Indotalent.Features.Inventory.Warehouse.Cqrs;
|
||||
|
||||
public class CreateWarehouseValidator : AbstractValidator<CreateWarehouseRequest>
|
||||
{
|
||||
public CreateWarehouseValidator()
|
||||
{
|
||||
RuleFor(x => x.Name)
|
||||
.NotEmpty().WithMessage("Warehouse Name is required")
|
||||
.MaximumLength(GlobalConsts.StringLengthShort);
|
||||
|
||||
RuleFor(x => x.Description)
|
||||
.MaximumLength(GlobalConsts.StringLengthMedium);
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,32 @@
|
||||
using Indotalent.Infrastructure.Database;
|
||||
using MediatR;
|
||||
using Microsoft.EntityFrameworkCore;
|
||||
|
||||
namespace Indotalent.Features.Inventory.Warehouse.Cqrs;
|
||||
|
||||
public record DeleteWarehouseByIdRequest(string Id);
|
||||
|
||||
public record DeleteWarehouseByIdCommand(DeleteWarehouseByIdRequest Data) : IRequest<bool>;
|
||||
|
||||
public class DeleteWarehouseByIdHandler : IRequestHandler<DeleteWarehouseByIdCommand, bool>
|
||||
{
|
||||
private readonly AppDbContext _context;
|
||||
|
||||
public DeleteWarehouseByIdHandler(AppDbContext context) => _context = context;
|
||||
|
||||
public async Task<bool> Handle(DeleteWarehouseByIdCommand request, CancellationToken cancellationToken)
|
||||
{
|
||||
var entity = await _context.Warehouse
|
||||
.FirstOrDefaultAsync(x => x.Id == request.Data.Id, cancellationToken);
|
||||
|
||||
if (entity == null) return false;
|
||||
|
||||
if (entity.SystemWarehouse == true)
|
||||
{
|
||||
return false;
|
||||
}
|
||||
|
||||
_context.Warehouse.Remove(entity);
|
||||
return await _context.SaveChangesAsync(cancellationToken) > 0;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,45 @@
|
||||
using Indotalent.Infrastructure.Database;
|
||||
using MediatR;
|
||||
using Microsoft.EntityFrameworkCore;
|
||||
|
||||
namespace Indotalent.Features.Inventory.Warehouse.Cqrs;
|
||||
|
||||
public class GetWarehouseByIdResponse
|
||||
{
|
||||
public string? Id { get; set; }
|
||||
public string? Name { get; set; }
|
||||
public string? Description { get; set; }
|
||||
public bool? SystemWarehouse { get; set; }
|
||||
public DateTimeOffset? CreatedAt { get; set; }
|
||||
public string? CreatedBy { get; set; }
|
||||
public DateTimeOffset? UpdatedAt { get; set; }
|
||||
public string? UpdatedBy { get; set; }
|
||||
}
|
||||
|
||||
public record GetWarehouseByIdQuery(string Id) : IRequest<GetWarehouseByIdResponse?>;
|
||||
|
||||
public class GetWarehouseByIdHandler : IRequestHandler<GetWarehouseByIdQuery, GetWarehouseByIdResponse?>
|
||||
{
|
||||
private readonly AppDbContext _context;
|
||||
|
||||
public GetWarehouseByIdHandler(AppDbContext context) => _context = context;
|
||||
|
||||
public async Task<GetWarehouseByIdResponse?> Handle(GetWarehouseByIdQuery request, CancellationToken cancellationToken)
|
||||
{
|
||||
return await _context.Warehouse
|
||||
.AsNoTracking()
|
||||
.Where(x => x.Id == request.Id)
|
||||
.Select(x => new GetWarehouseByIdResponse
|
||||
{
|
||||
Id = x.Id,
|
||||
Name = x.Name,
|
||||
Description = x.Description,
|
||||
SystemWarehouse = x.SystemWarehouse,
|
||||
CreatedAt = x.CreatedAt,
|
||||
CreatedBy = x.CreatedBy,
|
||||
UpdatedAt = x.UpdatedAt,
|
||||
UpdatedBy = x.UpdatedBy,
|
||||
})
|
||||
.FirstOrDefaultAsync(cancellationToken);
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,45 @@
|
||||
using Indotalent.Infrastructure.Database;
|
||||
using MediatR;
|
||||
using Microsoft.EntityFrameworkCore;
|
||||
|
||||
namespace Indotalent.Features.Inventory.Warehouse.Cqrs;
|
||||
|
||||
public class GetWarehouseListResponse
|
||||
{
|
||||
public string? Id { get; set; }
|
||||
public string? Name { get; set; }
|
||||
public string? Description { get; set; }
|
||||
public bool? SystemWarehouse { get; set; }
|
||||
public DateTimeOffset? CreatedAt { get; set; }
|
||||
public string? CreatedBy { get; set; }
|
||||
public DateTimeOffset? UpdatedAt { get; set; }
|
||||
public string? UpdatedBy { get; set; }
|
||||
}
|
||||
|
||||
public record GetWarehouseListQuery() : IRequest<List<GetWarehouseListResponse>>;
|
||||
|
||||
public class GetWarehouseListHandler : IRequestHandler<GetWarehouseListQuery, List<GetWarehouseListResponse>>
|
||||
{
|
||||
private readonly AppDbContext _context;
|
||||
|
||||
public GetWarehouseListHandler(AppDbContext context) => _context = context;
|
||||
|
||||
public async Task<List<GetWarehouseListResponse>> Handle(GetWarehouseListQuery request, CancellationToken cancellationToken)
|
||||
{
|
||||
return await _context.Warehouse
|
||||
.AsNoTracking()
|
||||
.OrderBy(x => x.Name)
|
||||
.Select(x => new GetWarehouseListResponse
|
||||
{
|
||||
Id = x.Id,
|
||||
Name = x.Name,
|
||||
Description = x.Description,
|
||||
SystemWarehouse = x.SystemWarehouse,
|
||||
CreatedAt = x.CreatedAt,
|
||||
CreatedBy = x.CreatedBy,
|
||||
UpdatedAt = x.UpdatedAt,
|
||||
UpdatedBy = x.UpdatedBy,
|
||||
})
|
||||
.ToListAsync(cancellationToken);
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,63 @@
|
||||
using Indotalent.ConfigBackEnd.Exceptions;
|
||||
using Indotalent.Infrastructure.Database;
|
||||
using MediatR;
|
||||
using Microsoft.EntityFrameworkCore;
|
||||
|
||||
namespace Indotalent.Features.Inventory.Warehouse.Cqrs;
|
||||
|
||||
public class UpdateWarehouseRequest
|
||||
{
|
||||
public string? Id { get; set; }
|
||||
public string? Name { get; set; }
|
||||
public string? Description { get; set; }
|
||||
public bool? SystemWarehouse { get; set; }
|
||||
public DateTimeOffset? CreatedAt { get; set; }
|
||||
public string? CreatedBy { get; set; }
|
||||
public DateTimeOffset? UpdatedAt { get; set; }
|
||||
public string? UpdatedBy { get; set; }
|
||||
}
|
||||
|
||||
public class UpdateWarehouseResponse
|
||||
{
|
||||
public string? Id { get; set; }
|
||||
public bool Success { get; set; }
|
||||
}
|
||||
|
||||
public record UpdateWarehouseCommand(UpdateWarehouseRequest Data) : IRequest<UpdateWarehouseResponse>;
|
||||
|
||||
public class UpdateWarehouseHandler : IRequestHandler<UpdateWarehouseCommand, UpdateWarehouseResponse>
|
||||
{
|
||||
private readonly AppDbContext _context;
|
||||
|
||||
public UpdateWarehouseHandler(AppDbContext context) => _context = context;
|
||||
|
||||
public async Task<UpdateWarehouseResponse> Handle(UpdateWarehouseCommand request, CancellationToken cancellationToken)
|
||||
{
|
||||
var isExists = await _context.Warehouse
|
||||
.AnyAsync(x => x.Name == request.Data.Name && x.Id != request.Data.Id, cancellationToken);
|
||||
|
||||
if (isExists)
|
||||
{
|
||||
throw new AlreadyExistsException("Warehouse", request.Data.Name ?? string.Empty);
|
||||
}
|
||||
|
||||
var entity = await _context.Warehouse
|
||||
.FirstOrDefaultAsync(x => x.Id == request.Data.Id, cancellationToken);
|
||||
|
||||
if (entity == null)
|
||||
{
|
||||
return new UpdateWarehouseResponse { Id = request.Data.Id, Success = false };
|
||||
}
|
||||
|
||||
entity.Name = request.Data.Name;
|
||||
entity.Description = request.Data.Description;
|
||||
entity.SystemWarehouse = request.Data.SystemWarehouse;
|
||||
await _context.SaveChangesAsync(cancellationToken);
|
||||
|
||||
return new UpdateWarehouseResponse
|
||||
{
|
||||
Id = entity.Id,
|
||||
Success = true
|
||||
};
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,20 @@
|
||||
using FluentValidation;
|
||||
using Indotalent.Shared.Consts;
|
||||
|
||||
namespace Indotalent.Features.Inventory.Warehouse.Cqrs;
|
||||
|
||||
public class UpdateWarehouseValidator : AbstractValidator<UpdateWarehouseRequest>
|
||||
{
|
||||
public UpdateWarehouseValidator()
|
||||
{
|
||||
RuleFor(x => x.Id)
|
||||
.NotEmpty().WithMessage("ID is required for update");
|
||||
|
||||
RuleFor(x => x.Name)
|
||||
.NotEmpty().WithMessage("Warehouse Name is required")
|
||||
.MaximumLength(GlobalConsts.StringLengthShort);
|
||||
|
||||
RuleFor(x => x.Description)
|
||||
.MaximumLength(GlobalConsts.StringLengthMedium);
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,73 @@
|
||||
using Indotalent.ConfigBackEnd.Extensions;
|
||||
using Indotalent.Features.Inventory.Warehouse.Cqrs;
|
||||
using MediatR;
|
||||
using Microsoft.AspNetCore.Authentication.JwtBearer;
|
||||
|
||||
namespace Indotalent.Features.Inventory.Warehouse;
|
||||
|
||||
public static class WarehouseEndpoint
|
||||
{
|
||||
public static void MapWarehouseEndpoints(this IEndpointRouteBuilder app)
|
||||
{
|
||||
var group = app.MapGroup("/warehouse").WithTags("Warehouses")
|
||||
.RequireAuthorization(policy => policy.AddAuthenticationSchemes(JwtBearerDefaults.AuthenticationScheme)
|
||||
.RequireAuthenticatedUser());
|
||||
|
||||
group.MapGet("/", async (IMediator mediator) =>
|
||||
{
|
||||
var result = await mediator.Send(new GetWarehouseListQuery());
|
||||
|
||||
return result.ToApiResponse("Warehouse list retrieved successfully");
|
||||
})
|
||||
.WithName("GetWarehouseList")
|
||||
.WithTags("Warehouses");
|
||||
|
||||
group.MapGet("/{id}", async (string id, IMediator mediator) =>
|
||||
{
|
||||
var result = await mediator.Send(new GetWarehouseByIdQuery(id));
|
||||
|
||||
return result.ToApiResponse(result is not null
|
||||
? "Warehouse detail retrieved successfully"
|
||||
: $"Warehouse with ID {id} not found");
|
||||
})
|
||||
.WithName("GetWarehouseById")
|
||||
.WithTags("Warehouses");
|
||||
|
||||
group.MapPost("/", async (CreateWarehouseRequest request, IMediator mediator) =>
|
||||
{
|
||||
var result = await mediator.Send(new CreateWarehouseCommand(request));
|
||||
|
||||
return result.ToApiResponse("Warehouse has been created successfully", StatusCodes.Status201Created);
|
||||
})
|
||||
.WithName("CreateWarehouse")
|
||||
.WithTags("Warehouses");
|
||||
|
||||
group.MapPost("/update", async (UpdateWarehouseRequest request, IMediator mediator) =>
|
||||
{
|
||||
var result = await mediator.Send(new UpdateWarehouseCommand(request));
|
||||
|
||||
if (!result.Success)
|
||||
{
|
||||
return ((object?)null).ToApiResponse("Update failed. The warehouse data could not be found.");
|
||||
}
|
||||
|
||||
return result.ToApiResponse("Warehouse has been updated successfully");
|
||||
})
|
||||
.WithName("UpdateWarehouse")
|
||||
.WithTags("Warehouses");
|
||||
|
||||
group.MapPost("/delete/{id}", async (string id, IMediator mediator) =>
|
||||
{
|
||||
var result = await mediator.Send(new DeleteWarehouseByIdCommand(new DeleteWarehouseByIdRequest(id)));
|
||||
|
||||
if (!result)
|
||||
{
|
||||
return ((object?)null).ToApiResponse("Delete failed. The warehouse might be a system warehouse or not found.");
|
||||
}
|
||||
|
||||
return true.ToApiResponse("Warehouse has been deleted successfully");
|
||||
})
|
||||
.WithName("DeleteWarehouseById")
|
||||
.WithTags("Warehouses");
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,60 @@
|
||||
using Indotalent.ConfigBackEnd.Interfaces;
|
||||
using Indotalent.ConfigFrontEnd.Common;
|
||||
using Indotalent.Features.Inventory.Warehouse.Cqrs;
|
||||
using Indotalent.Infrastructure.Authentication.Identity;
|
||||
using Indotalent.Shared.Models;
|
||||
using Microsoft.AspNetCore.Components;
|
||||
using MudBlazor;
|
||||
using RestSharp;
|
||||
|
||||
namespace Indotalent.Features.Inventory.Warehouse;
|
||||
|
||||
public class WarehouseService : BaseService
|
||||
{
|
||||
private readonly RestClient _client;
|
||||
|
||||
public WarehouseService(
|
||||
IHttpClientFactory clientFactory,
|
||||
NavigationManager nav,
|
||||
ISnackbar snackbar,
|
||||
ICurrentUserService currentUserService,
|
||||
TokenProvider tokenProvider)
|
||||
: base(clientFactory, nav, snackbar, currentUserService, tokenProvider)
|
||||
{
|
||||
_client = new RestClient(nav.BaseUri);
|
||||
}
|
||||
|
||||
public async Task<ApiResponse<List<GetWarehouseListResponse>>?> GetWarehouseListAsync()
|
||||
{
|
||||
var request = new RestRequest("api/warehouse", Method.Get);
|
||||
return await ExecuteWithResponseAsync<List<GetWarehouseListResponse>>(_client, request);
|
||||
}
|
||||
|
||||
public async Task<ApiResponse<GetWarehouseByIdResponse>?> GetWarehouseByIdAsync(string id)
|
||||
{
|
||||
var request = new RestRequest($"api/warehouse/{id}", Method.Get);
|
||||
return await ExecuteWithResponseAsync<GetWarehouseByIdResponse>(_client, request);
|
||||
}
|
||||
|
||||
public async Task<ApiResponse<CreateWarehouseResponse>?> CreateWarehouseAsync(CreateWarehouseRequest data)
|
||||
{
|
||||
var request = new RestRequest("api/warehouse", Method.Post);
|
||||
request.AddJsonBody(data);
|
||||
return await ExecuteWithResponseAsync<CreateWarehouseResponse>(_client, request);
|
||||
}
|
||||
|
||||
public async Task<bool> DeleteWarehouseByIdAsync(string id)
|
||||
{
|
||||
var request = new RestRequest($"api/warehouse/delete/{id}", Method.Post);
|
||||
|
||||
var response = await ExecuteWithResponseAsync<object>(_client, request);
|
||||
return response?.IsSuccess ?? false;
|
||||
}
|
||||
|
||||
public async Task<ApiResponse<UpdateWarehouseResponse>?> UpdateWarehouseAsync(UpdateWarehouseRequest data)
|
||||
{
|
||||
var request = new RestRequest("api/warehouse/update", Method.Post);
|
||||
request.AddJsonBody(data);
|
||||
return await ExecuteWithResponseAsync<UpdateWarehouseResponse>(_client, request);
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,54 @@
|
||||
using Indotalent.ConfigBackEnd.Extensions;
|
||||
using Indotalent.Features.Profile.Avatar.Cqrs;
|
||||
using Indotalent.Infrastructure.File;
|
||||
using MediatR;
|
||||
using Microsoft.AspNetCore.Authentication.JwtBearer;
|
||||
using Microsoft.Extensions.Options;
|
||||
|
||||
namespace Indotalent.Features.Profile.Avatar;
|
||||
|
||||
public static class AvatarEndpoint
|
||||
{
|
||||
public static void MapAvatarEndpoints(this IEndpointRouteBuilder app)
|
||||
{
|
||||
var group = app.MapGroup("/profile-avatar").WithTags("Profile Avatar")
|
||||
.RequireAuthorization(policy => policy.AddAuthenticationSchemes(JwtBearerDefaults.AuthenticationScheme)
|
||||
.RequireAuthenticatedUser());
|
||||
|
||||
group.MapGet("/info/{userId}", async (string userId, IMediator mediator) =>
|
||||
{
|
||||
var result = await mediator.Send(new GetAvatarInfoQuery(userId));
|
||||
return result.ToApiResponse("Avatar info retrieved successfully");
|
||||
})
|
||||
.WithName("GetMyAvatarInfo");
|
||||
|
||||
group.MapPost("/change", async (ChangeAvatarRequest request, IMediator mediator) =>
|
||||
{
|
||||
var result = await mediator.Send(new ChangeAvatarCommand(request));
|
||||
return result.IsSuccess
|
||||
? result.ToApiResponse(result.Message)
|
||||
: result.ToApiResponse(result.Message, StatusCodes.Status400BadRequest);
|
||||
})
|
||||
.WithName("ProfileChangeAvatar");
|
||||
|
||||
group.MapGet("/avatar-image/{fileName}", async (string fileName, IOptions<FileStorageSettingsModel> options, IWebHostEnvironment env) =>
|
||||
{
|
||||
var avatarSettings = options.Value.Avatar;
|
||||
var folderPath = Path.Combine(env.WebRootPath, avatarSettings.StoragePath);
|
||||
var filePath = Path.Combine(folderPath, fileName);
|
||||
|
||||
if (!System.IO.File.Exists(filePath)) return Results.NotFound();
|
||||
|
||||
var bytes = await System.IO.File.ReadAllBytesAsync(filePath);
|
||||
var extension = Path.GetExtension(fileName).ToLower();
|
||||
var contentType = extension switch
|
||||
{
|
||||
".png" => "image/png",
|
||||
".jpg" or ".jpeg" => "image/jpeg",
|
||||
_ => "application/octet-stream"
|
||||
};
|
||||
return Results.File(bytes, contentType);
|
||||
})
|
||||
.WithName("ProfileGetAvatarImage");
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,53 @@
|
||||
using Indotalent.ConfigBackEnd.Interfaces;
|
||||
using Indotalent.ConfigFrontEnd.Common;
|
||||
using Indotalent.Features.Profile.Avatar.Cqrs;
|
||||
using Indotalent.Infrastructure.Authentication.Identity;
|
||||
using Indotalent.Shared.Models;
|
||||
using Microsoft.AspNetCore.Components;
|
||||
using MudBlazor;
|
||||
using RestSharp;
|
||||
|
||||
namespace Indotalent.Features.Profile.Avatar;
|
||||
|
||||
public class AvatarService : BaseService
|
||||
{
|
||||
private readonly RestClient _client;
|
||||
|
||||
public AvatarService(IHttpClientFactory clientFactory, NavigationManager nav, ISnackbar snackbar, ICurrentUserService currentUserService, TokenProvider tokenProvider)
|
||||
: base(clientFactory, nav, snackbar, currentUserService, tokenProvider)
|
||||
{
|
||||
_client = new RestClient(nav.BaseUri);
|
||||
}
|
||||
|
||||
public async Task<ApiResponse<GetAvatarInfoResponse>?> GetAvatarInfoAsync(string userId)
|
||||
{
|
||||
var request = new RestRequest($"api/profile-avatar/info/{userId}", Method.Get);
|
||||
return await ExecuteWithResponseAsync<GetAvatarInfoResponse>(_client, request);
|
||||
}
|
||||
|
||||
public async Task<ApiResponse<ChangeAvatarResponse>?> ChangeAvatarAsync(ChangeAvatarRequest data)
|
||||
{
|
||||
var request = new RestRequest("api/profile-avatar/change", Method.Post);
|
||||
request.AddJsonBody(data);
|
||||
return await ExecuteWithResponseAsync<ChangeAvatarResponse>(_client, request);
|
||||
}
|
||||
|
||||
public async Task<byte[]?> GetAvatarBlobAsync(string fileName)
|
||||
{
|
||||
var request = new RestRequest($"api/profile-avatar/avatar-image/{fileName}", Method.Get);
|
||||
|
||||
if (!string.IsNullOrEmpty(TokenProvider.Token))
|
||||
{
|
||||
request.AddHeader("Authorization", $"Bearer {TokenProvider.Token}");
|
||||
}
|
||||
|
||||
if (!string.IsNullOrEmpty(CurrentUserService.UserId))
|
||||
{
|
||||
request.AddHeader("X-UserId", CurrentUserService.UserId);
|
||||
}
|
||||
|
||||
var response = await _client.ExecuteAsync(request);
|
||||
|
||||
return response.IsSuccessful ? response.RawBytes : null;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,198 @@
|
||||
@page "/profile/avatar"
|
||||
@using System.ComponentModel.DataAnnotations
|
||||
@using Microsoft.AspNetCore.Components.Forms
|
||||
@using MudBlazor
|
||||
@using System.IO
|
||||
@using Indotalent.Features.Profile.Avatar
|
||||
@using Indotalent.Features.Profile.Avatar.Cqrs
|
||||
@using Indotalent.ConfigBackEnd.Interfaces
|
||||
@inject ISnackbar Snackbar
|
||||
@inject AvatarService AvatarService
|
||||
@inject ICurrentUserService CurrentUserService
|
||||
|
||||
<MudPaper Elevation="0" Square="true" Class="pa-6 mb-3 d-flex align-center justify-space-between">
|
||||
<div>
|
||||
<MudText Typo="Typo.h5" Style="font-weight: 900; color: #1a1a1a;">Profile Picture</MudText>
|
||||
<MudText Typo="Typo.body2" Style="color: #64748b;">Update your avatar and how you appear to other members.</MudText>
|
||||
</div>
|
||||
|
||||
<div class="d-flex align-center gap-2">
|
||||
<MudIcon Icon="@Icons.Material.Filled.Home" Size="Size.Small" Color="Color.Default" />
|
||||
<MudText Typo="Typo.caption" Style="color: #94a3b8;">/</MudText>
|
||||
<MudText Typo="Typo.caption" Style="color: #94a3b8;">Profile</MudText>
|
||||
<MudText Typo="Typo.caption" Style="color: #94a3b8;">/</MudText>
|
||||
<MudText Typo="Typo.caption" Style="font-weight: 600; color: #1a1a1a;">Avatar</MudText>
|
||||
</div>
|
||||
</MudPaper>
|
||||
|
||||
<MudPaper Elevation="0" Outlined="true" Class="pa-8" Style="border-radius: 4px; background-color: #ffffff;">
|
||||
<MudStack Spacing="8">
|
||||
<MudGrid>
|
||||
<MudItem xs="12" md="4">
|
||||
<MudText Typo="Typo.h6" Class="fw-bold">Your Avatar</MudText>
|
||||
<MudText Typo="Typo.body2">Recommended size: 200x200px. Supported formats: JPG, JPEG, PNG. (max 2MB).</MudText>
|
||||
</MudItem>
|
||||
|
||||
<MudItem xs="12" md="8">
|
||||
<div style="border: 2px dashed #e2e8f0; border-radius: 8px; background-color: #f8fafc;" class="pa-10">
|
||||
<MudStack Spacing="6" AlignItems="AlignItems.Center">
|
||||
|
||||
@if (_isLoading)
|
||||
{
|
||||
<MudProgressCircular Color="Color.Primary" Indeterminate="true" Style="width: 150px; height: 150px;" />
|
||||
}
|
||||
else if (!string.IsNullOrEmpty(_previewUrl))
|
||||
{
|
||||
<div style="width:150px; height:150px; border-radius: 50%; overflow: hidden; border: 4px solid white; box-shadow: 0 4px 12px rgba(0,0,0,0.1);">
|
||||
<img src="@_previewUrl" style="width: 100%; height: 100%; object-fit: cover;" />
|
||||
</div>
|
||||
}
|
||||
else
|
||||
{
|
||||
<MudAvatar Color="Color.Primary" Variant="Variant.Filled" Style="width:150px; height:150px; font-size: 3rem; font-weight: 800;">
|
||||
@(CurrentUserService.FullName?.Substring(0, 1).ToUpper() ?? "U")
|
||||
</MudAvatar>
|
||||
}
|
||||
|
||||
<div class="text-center">
|
||||
<MudText Typo="Typo.subtitle1" Class="fw-bold">Avatar Preview</MudText>
|
||||
<MudText Typo="Typo.body2" Class="text-muted">This is how your photo will look.</MudText>
|
||||
</div>
|
||||
|
||||
<MudFileUpload T="IBrowserFile" FilesChanged="HandleFileSelected" Accept=".jpg, .jpeg, .png" Class="w-100">
|
||||
<MudButton HtmlTag="label"
|
||||
Variant="Variant.Filled"
|
||||
Color="Color.Primary"
|
||||
Size="Size.Large"
|
||||
FullWidth="true"
|
||||
StartIcon="@Icons.Material.Filled.CloudUpload"
|
||||
Style="text-transform: none; height: 50px; font-weight: 700;">
|
||||
@(_selectedFile == null ? "Browse File" : _selectedFile.Name)
|
||||
</MudButton>
|
||||
</MudFileUpload>
|
||||
</MudStack>
|
||||
</div>
|
||||
</MudItem>
|
||||
</MudGrid>
|
||||
|
||||
<div class="d-flex justify-end align-center gap-4 mt-4">
|
||||
<MudButton Variant="Variant.Filled"
|
||||
Color="Color.Primary"
|
||||
OnClick="SubmitAvatar"
|
||||
Disabled="@(_selectedFile == null || _processing)"
|
||||
Class="px-10"
|
||||
Style="height: 45px; font-weight: 700;">
|
||||
@if (_processing)
|
||||
{
|
||||
<MudProgressCircular Class="ms-n1" Size="Size.Small" Indeterminate="true" />
|
||||
<MudText Class="ms-2" Typo="Typo.button" Style="text-transform: none !important;">Processing...</MudText>
|
||||
}
|
||||
else
|
||||
{
|
||||
<MudText>Save Changes</MudText>
|
||||
}
|
||||
</MudButton>
|
||||
</div>
|
||||
</MudStack>
|
||||
</MudPaper>
|
||||
|
||||
@code {
|
||||
private IBrowserFile? _selectedFile;
|
||||
private string? _previewUrl;
|
||||
private bool _processing = false;
|
||||
private bool _isLoading = false;
|
||||
private string? _fullName;
|
||||
|
||||
protected override async Task OnInitializedAsync()
|
||||
{
|
||||
await LoadExistingAvatar();
|
||||
}
|
||||
|
||||
private async Task LoadExistingAvatar()
|
||||
{
|
||||
var userId = CurrentUserService.UserId;
|
||||
if (string.IsNullOrEmpty(userId)) return;
|
||||
|
||||
_isLoading = true;
|
||||
try
|
||||
{
|
||||
var response = await AvatarService.GetAvatarInfoAsync(userId);
|
||||
|
||||
if (response != null && response.IsSuccess && response.Value != null)
|
||||
{
|
||||
_fullName = response.Value.FullName;
|
||||
|
||||
if (!string.IsNullOrEmpty(response.Value.AvatarFile))
|
||||
{
|
||||
var bytes = await AvatarService.GetAvatarBlobAsync(response.Value.AvatarFile);
|
||||
if (bytes != null && bytes.Length > 0)
|
||||
{
|
||||
_previewUrl = $"data:image/png;base64,{Convert.ToBase64String(bytes)}";
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
catch (Exception) { }
|
||||
finally
|
||||
{
|
||||
_isLoading = false;
|
||||
StateHasChanged();
|
||||
}
|
||||
}
|
||||
|
||||
private async Task HandleFileSelected(IBrowserFile file)
|
||||
{
|
||||
if (file == null) return;
|
||||
if (file.Size > 2 * 1024 * 1024)
|
||||
{
|
||||
Snackbar.Add("File too large. Max 2MB allowed.", Severity.Warning);
|
||||
return;
|
||||
}
|
||||
_selectedFile = file;
|
||||
using var stream = file.OpenReadStream(2 * 1024 * 1024);
|
||||
using var ms = new MemoryStream();
|
||||
await stream.CopyToAsync(ms);
|
||||
_previewUrl = $"data:{file.ContentType};base64,{Convert.ToBase64String(ms.ToArray())}";
|
||||
StateHasChanged();
|
||||
}
|
||||
|
||||
private async Task SubmitAvatar()
|
||||
{
|
||||
if (_selectedFile == null) return;
|
||||
var userId = CurrentUserService.UserId;
|
||||
if (string.IsNullOrEmpty(userId)) return;
|
||||
|
||||
_processing = true;
|
||||
try
|
||||
{
|
||||
using var stream = _selectedFile.OpenReadStream(2 * 1024 * 1024);
|
||||
using var ms = new MemoryStream();
|
||||
await stream.CopyToAsync(ms);
|
||||
|
||||
var request = new ChangeAvatarRequest
|
||||
{
|
||||
UserId = userId,
|
||||
FileData = ms.ToArray(),
|
||||
FileName = _selectedFile.Name
|
||||
};
|
||||
|
||||
var response = await AvatarService.ChangeAvatarAsync(request);
|
||||
await Task.Delay(500);
|
||||
if (response != null && response.IsSuccess)
|
||||
{
|
||||
Snackbar.Add("Avatar updated successfully", Severity.Success);
|
||||
_selectedFile = null;
|
||||
await LoadExistingAvatar();
|
||||
}
|
||||
}
|
||||
catch (Exception ex)
|
||||
{
|
||||
Snackbar.Add($"Upload failed: {ex.Message}", Severity.Error);
|
||||
}
|
||||
finally
|
||||
{
|
||||
_processing = false;
|
||||
StateHasChanged();
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,66 @@
|
||||
using Indotalent.Data.Entities;
|
||||
using Indotalent.Infrastructure.File;
|
||||
using MediatR;
|
||||
using Microsoft.AspNetCore.Identity;
|
||||
|
||||
namespace Indotalent.Features.Profile.Avatar.Cqrs;
|
||||
|
||||
public class ChangeAvatarRequest
|
||||
{
|
||||
public string UserId { get; set; } = string.Empty;
|
||||
public byte[] FileData { get; set; } = Array.Empty<byte>();
|
||||
public string FileName { get; set; } = string.Empty;
|
||||
}
|
||||
|
||||
public class ChangeAvatarResponse
|
||||
{
|
||||
public bool IsSuccess { get; set; }
|
||||
public string Message { get; set; } = string.Empty;
|
||||
}
|
||||
|
||||
public record ChangeAvatarCommand(ChangeAvatarRequest Data) : IRequest<ChangeAvatarResponse>;
|
||||
|
||||
public class ChangeAvatarHandler : IRequestHandler<ChangeAvatarCommand, ChangeAvatarResponse>
|
||||
{
|
||||
private readonly UserManager<ApplicationUser> _userManager;
|
||||
private readonly FileStorageService _fileStorage;
|
||||
|
||||
public ChangeAvatarHandler(UserManager<ApplicationUser> userManager, FileStorageService fileStorage)
|
||||
{
|
||||
_userManager = userManager;
|
||||
_fileStorage = fileStorage;
|
||||
}
|
||||
|
||||
public async Task<ChangeAvatarResponse> Handle(ChangeAvatarCommand request, CancellationToken cancellationToken)
|
||||
{
|
||||
var user = await _userManager.FindByIdAsync(request.Data.UserId);
|
||||
if (user == null) return new ChangeAvatarResponse { IsSuccess = false, Message = "User not found" };
|
||||
|
||||
try
|
||||
{
|
||||
var extension = Path.GetExtension(request.Data.FileName);
|
||||
|
||||
if (!string.IsNullOrEmpty(user.AvatarFile))
|
||||
{
|
||||
_fileStorage.DeleteOldAvatar(user.AvatarFile);
|
||||
}
|
||||
|
||||
var newFileName = await _fileStorage.SaveAvatarAsync(user.Id, request.Data.FileData, extension);
|
||||
|
||||
user.AvatarFile = newFileName;
|
||||
user.UpdatedAt = DateTime.Now;
|
||||
|
||||
var result = await _userManager.UpdateAsync(user);
|
||||
|
||||
return new ChangeAvatarResponse
|
||||
{
|
||||
IsSuccess = result.Succeeded,
|
||||
Message = result.Succeeded ? "Avatar updated successfully" : "Failed to update user profile"
|
||||
};
|
||||
}
|
||||
catch (Exception ex)
|
||||
{
|
||||
return new ChangeAvatarResponse { IsSuccess = false, Message = ex.Message };
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,37 @@
|
||||
using Indotalent.Data.Entities;
|
||||
using MediatR;
|
||||
using Microsoft.AspNetCore.Identity;
|
||||
|
||||
namespace Indotalent.Features.Profile.Avatar.Cqrs;
|
||||
|
||||
public class GetAvatarInfoResponse
|
||||
{
|
||||
public string Id { get; set; } = string.Empty;
|
||||
public string? FullName { get; set; }
|
||||
public string? AvatarFile { get; set; }
|
||||
}
|
||||
|
||||
public record GetAvatarInfoQuery(string UserId) : IRequest<GetAvatarInfoResponse?>;
|
||||
|
||||
public class GetAvatarInfoHandler : IRequestHandler<GetAvatarInfoQuery, GetAvatarInfoResponse?>
|
||||
{
|
||||
private readonly UserManager<ApplicationUser> _userManager;
|
||||
|
||||
public GetAvatarInfoHandler(UserManager<ApplicationUser> userManager)
|
||||
{
|
||||
_userManager = userManager;
|
||||
}
|
||||
|
||||
public async Task<GetAvatarInfoResponse?> Handle(GetAvatarInfoQuery request, CancellationToken cancellationToken)
|
||||
{
|
||||
var user = await _userManager.FindByIdAsync(request.UserId);
|
||||
if (user == null) return null;
|
||||
|
||||
return new GetAvatarInfoResponse
|
||||
{
|
||||
Id = user.Id,
|
||||
FullName = user.FullName,
|
||||
AvatarFile = user.AvatarFile
|
||||
};
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,195 @@
|
||||
@page "/profile/password"
|
||||
@using System.ComponentModel.DataAnnotations
|
||||
@using MudBlazor
|
||||
@using Indotalent.Features.Profile.Password
|
||||
@using Indotalent.Features.Profile.Password.Cqrs
|
||||
@using Indotalent.ConfigBackEnd.Interfaces
|
||||
@using Indotalent.Shared.Utils
|
||||
@inject ISnackbar Snackbar
|
||||
@inject PasswordService PasswordService
|
||||
@inject ICurrentUserService CurrentUserService
|
||||
|
||||
<MudPaper Elevation="0" Square="true" Class="pa-6 mb-3 d-flex align-center justify-space-between">
|
||||
<div>
|
||||
<MudText Typo="Typo.h5" Style="font-weight: 900; color: #1a1a1a;">Security Settings</MudText>
|
||||
<MudText Typo="Typo.body2" Style="color: #64748b;">Manage your password and protect your account security.</MudText>
|
||||
</div>
|
||||
|
||||
<div class="d-flex align-center gap-2">
|
||||
<MudIcon Icon="@Icons.Material.Filled.Home" Size="Size.Small" Color="Color.Default" />
|
||||
<MudText Typo="Typo.caption" Style="color: #94a3b8;">/</MudText>
|
||||
<MudText Typo="Typo.caption" Style="color: #94a3b8;">Profile</MudText>
|
||||
<MudText Typo="Typo.caption" Style="color: #94a3b8;">/</MudText>
|
||||
<MudText Typo="Typo.caption" Style="font-weight: 600; color: #1a1a1a;">Password</MudText>
|
||||
</div>
|
||||
</MudPaper>
|
||||
|
||||
<MudPaper Elevation="0" Outlined="true" Class="pa-8" Style="border-radius: 4px; background-color: #ffffff;">
|
||||
<MudForm @ref="_form" Model="_model" Validation="_validator.ValidateValue()" ValidationDelay="300">
|
||||
<MudStack Spacing="8">
|
||||
<MudGrid>
|
||||
<MudItem xs="12" md="4">
|
||||
<MudText Typo="Typo.h6" Class="fw-bold">Change Password</MudText>
|
||||
<MudText Typo="Typo.body2">Update your password to keep your account secure. We recommend using a strong password.</MudText>
|
||||
</MudItem>
|
||||
<MudItem xs="12" md="8">
|
||||
<MudStack Spacing="4">
|
||||
<div>
|
||||
<MudText Typo="Typo.subtitle2" Class="mb-2">Current Password</MudText>
|
||||
<MudTextField @bind-Value="_model.CurrentPassword"
|
||||
For="@(() => _model.CurrentPassword)"
|
||||
Variant="Variant.Outlined"
|
||||
FullWidth="true"
|
||||
Margin="Margin.Dense"
|
||||
InputType="@_currentPasswordInput"
|
||||
Adornment="Adornment.End"
|
||||
AdornmentIcon="@_currentPasswordIcon"
|
||||
OnAdornmentClick="ToggleCurrentPasswordVisibility" />
|
||||
</div>
|
||||
|
||||
<MudDivider Class="my-2" />
|
||||
|
||||
<div>
|
||||
<MudText Typo="Typo.subtitle2" Class="mb-2">New Password</MudText>
|
||||
<MudTextField @bind-Value="_model.NewPassword"
|
||||
For="@(() => _model.NewPassword)"
|
||||
Variant="Variant.Outlined"
|
||||
FullWidth="true"
|
||||
Margin="Margin.Dense"
|
||||
InputType="@_newPasswordInput"
|
||||
Adornment="Adornment.End"
|
||||
AdornmentIcon="@_newPasswordIcon"
|
||||
OnAdornmentClick="ToggleNewPasswordVisibility"
|
||||
HelperText="Minimum 4 characters with numbers and symbols" />
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<MudText Typo="Typo.subtitle2" Class="mb-2">Confirm New Password</MudText>
|
||||
<MudTextField @bind-Value="_model.ConfirmPassword"
|
||||
For="@(() => _model.ConfirmPassword)"
|
||||
Variant="Variant.Outlined"
|
||||
FullWidth="true"
|
||||
Margin="Margin.Dense"
|
||||
InputType="@_newPasswordInput" />
|
||||
</div>
|
||||
</MudStack>
|
||||
</MudItem>
|
||||
</MudGrid>
|
||||
|
||||
<div class="d-flex justify-end align-center gap-4 mt-4">
|
||||
<MudButton Variant="Variant.Filled" Color="Color.Primary" OnClick="UpdatePassword" Disabled="@_isProcessing">
|
||||
@if (_isProcessing)
|
||||
{
|
||||
<MudProgressCircular Class="ms-n1" Size="Size.Small" Indeterminate="true" />
|
||||
<MudText Class="ms-2">Updating Password...</MudText>
|
||||
}
|
||||
else
|
||||
{
|
||||
<MudText>Update Password</MudText>
|
||||
}
|
||||
</MudButton>
|
||||
</div>
|
||||
</MudStack>
|
||||
</MudForm>
|
||||
</MudPaper>
|
||||
|
||||
@code {
|
||||
private MudForm _form = default!;
|
||||
private UpdatePasswordValidator _validator = new();
|
||||
private bool _isProcessing = false;
|
||||
private PasswordChangeModel _model = new();
|
||||
|
||||
private bool _currentPasswordVisibility;
|
||||
private InputType _currentPasswordInput = InputType.Password;
|
||||
private string _currentPasswordIcon = Icons.Material.Filled.VisibilityOff;
|
||||
|
||||
private bool _newPasswordVisibility;
|
||||
private InputType _newPasswordInput = InputType.Password;
|
||||
private string _newPasswordIcon = Icons.Material.Filled.VisibilityOff;
|
||||
|
||||
private void ToggleCurrentPasswordVisibility()
|
||||
{
|
||||
if (_currentPasswordVisibility)
|
||||
{
|
||||
_currentPasswordVisibility = false;
|
||||
_currentPasswordIcon = Icons.Material.Filled.VisibilityOff;
|
||||
_currentPasswordInput = InputType.Password;
|
||||
}
|
||||
else
|
||||
{
|
||||
_currentPasswordVisibility = true;
|
||||
_currentPasswordIcon = Icons.Material.Filled.Visibility;
|
||||
_currentPasswordInput = InputType.Text;
|
||||
}
|
||||
}
|
||||
|
||||
private void ToggleNewPasswordVisibility()
|
||||
{
|
||||
if (_newPasswordVisibility)
|
||||
{
|
||||
_newPasswordVisibility = false;
|
||||
_newPasswordIcon = Icons.Material.Filled.VisibilityOff;
|
||||
_newPasswordInput = InputType.Password;
|
||||
}
|
||||
else
|
||||
{
|
||||
_newPasswordVisibility = true;
|
||||
_newPasswordIcon = Icons.Material.Filled.Visibility;
|
||||
_newPasswordInput = InputType.Text;
|
||||
}
|
||||
}
|
||||
|
||||
private async Task UpdatePassword()
|
||||
{
|
||||
await _form.Validate();
|
||||
|
||||
if (!_form.IsValid)
|
||||
{
|
||||
Snackbar.Add("Please correct the validation errors.", Severity.Warning);
|
||||
return;
|
||||
}
|
||||
|
||||
if (_model.NewPassword != _model.ConfirmPassword)
|
||||
{
|
||||
Snackbar.Add("New password and confirmation do not match.", Severity.Error);
|
||||
return;
|
||||
}
|
||||
|
||||
var userId = CurrentUserService.UserId;
|
||||
if (string.IsNullOrEmpty(userId))
|
||||
{
|
||||
Snackbar.Add("User session not found.", Severity.Error);
|
||||
return;
|
||||
}
|
||||
|
||||
_isProcessing = true;
|
||||
|
||||
var request = new UpdatePasswordRequest
|
||||
{
|
||||
Id = userId,
|
||||
CurrentPassword = _model.CurrentPassword,
|
||||
NewPassword = _model.NewPassword
|
||||
};
|
||||
|
||||
var response = await PasswordService.UpdatePasswordAsync(request);
|
||||
await Task.Delay(500);
|
||||
|
||||
if (response != null && response.IsSuccess)
|
||||
{
|
||||
Snackbar.Add("Password updated successfully!", Severity.Success);
|
||||
_model = new PasswordChangeModel();
|
||||
await _form.ResetAsync();
|
||||
}
|
||||
else
|
||||
{
|
||||
Snackbar.Add(response?.Message ?? "Failed to update password", Severity.Error);
|
||||
}
|
||||
|
||||
_isProcessing = false;
|
||||
}
|
||||
|
||||
public class PasswordChangeModel : UpdatePasswordRequest
|
||||
{
|
||||
public string ConfirmPassword { get; set; } = string.Empty;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,50 @@
|
||||
using Indotalent.Data.Entities;
|
||||
using MediatR;
|
||||
using Microsoft.AspNetCore.Identity;
|
||||
|
||||
namespace Indotalent.Features.Profile.Password.Cqrs;
|
||||
|
||||
public class UpdatePasswordRequest
|
||||
{
|
||||
public string Id { get; set; } = string.Empty;
|
||||
public string CurrentPassword { get; set; } = string.Empty;
|
||||
public string NewPassword { get; set; } = string.Empty;
|
||||
}
|
||||
|
||||
public class UpdatePasswordResponse
|
||||
{
|
||||
public bool Success { get; set; }
|
||||
public string Message { get; set; } = string.Empty;
|
||||
public List<string>? Errors { get; set; }
|
||||
}
|
||||
|
||||
public record UpdatePasswordCommand(UpdatePasswordRequest Data) : IRequest<UpdatePasswordResponse>;
|
||||
|
||||
public class UpdatePasswordHandler : IRequestHandler<UpdatePasswordCommand, UpdatePasswordResponse>
|
||||
{
|
||||
private readonly UserManager<ApplicationUser> _userManager;
|
||||
|
||||
public UpdatePasswordHandler(UserManager<ApplicationUser> userManager)
|
||||
{
|
||||
_userManager = userManager;
|
||||
}
|
||||
|
||||
public async Task<UpdatePasswordResponse> Handle(UpdatePasswordCommand request, CancellationToken cancellationToken)
|
||||
{
|
||||
var user = await _userManager.FindByIdAsync(request.Data.Id);
|
||||
if (user == null)
|
||||
return new UpdatePasswordResponse { Success = false, Message = "User not found" };
|
||||
|
||||
var result = await _userManager.ChangePasswordAsync(user, request.Data.CurrentPassword, request.Data.NewPassword);
|
||||
|
||||
if (result.Succeeded)
|
||||
return new UpdatePasswordResponse { Success = true };
|
||||
|
||||
return new UpdatePasswordResponse
|
||||
{
|
||||
Success = false,
|
||||
Message = "Failed to update password",
|
||||
Errors = result.Errors.Select(x => x.Description).ToList()
|
||||
};
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,18 @@
|
||||
using FluentValidation;
|
||||
|
||||
namespace Indotalent.Features.Profile.Password.Cqrs;
|
||||
|
||||
public class UpdatePasswordValidator : AbstractValidator<UpdatePasswordRequest>
|
||||
{
|
||||
public UpdatePasswordValidator()
|
||||
{
|
||||
RuleFor(x => x.Id).NotEmpty();
|
||||
|
||||
RuleFor(x => x.CurrentPassword)
|
||||
.NotEmpty().WithMessage("Current password is required");
|
||||
|
||||
RuleFor(x => x.NewPassword)
|
||||
.NotEmpty().WithMessage("New password is required")
|
||||
.MinimumLength(4).WithMessage("Password must be at least 4 characters");
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,26 @@
|
||||
using Indotalent.ConfigBackEnd.Extensions;
|
||||
using Indotalent.Features.Profile.Password.Cqrs;
|
||||
using MediatR;
|
||||
using Microsoft.AspNetCore.Authentication.JwtBearer;
|
||||
|
||||
namespace Indotalent.Features.Profile.Password;
|
||||
|
||||
public static class PasswordEndpoint
|
||||
{
|
||||
public static void MapPasswordEndpoints(this IEndpointRouteBuilder app)
|
||||
{
|
||||
var group = app.MapGroup("/profile-password").WithTags("Profile Password")
|
||||
.RequireAuthorization(policy => policy.AddAuthenticationSchemes(JwtBearerDefaults.AuthenticationScheme)
|
||||
.RequireAuthenticatedUser());
|
||||
|
||||
group.MapPost("/update", async (UpdatePasswordRequest request, IMediator mediator) =>
|
||||
{
|
||||
var result = await mediator.Send(new UpdatePasswordCommand(request));
|
||||
if (!result.Success)
|
||||
return ((object?)null).ToApiResponse(result.Message ?? "Failed to update password", StatusCodes.Status400BadRequest);
|
||||
|
||||
return result.ToApiResponse("Password has been updated successfully");
|
||||
})
|
||||
.WithName("UpdateProfilePassword");
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,28 @@
|
||||
using Indotalent.ConfigBackEnd.Interfaces;
|
||||
using Indotalent.ConfigFrontEnd.Common;
|
||||
using Indotalent.Features.Profile.Password.Cqrs;
|
||||
using Indotalent.Infrastructure.Authentication.Identity;
|
||||
using Indotalent.Shared.Models;
|
||||
using Microsoft.AspNetCore.Components;
|
||||
using MudBlazor;
|
||||
using RestSharp;
|
||||
|
||||
namespace Indotalent.Features.Profile.Password;
|
||||
|
||||
public class PasswordService : BaseService
|
||||
{
|
||||
private readonly RestClient _client;
|
||||
|
||||
public PasswordService(IHttpClientFactory clientFactory, NavigationManager nav, ISnackbar snackbar, ICurrentUserService currentUserService, TokenProvider tokenProvider)
|
||||
: base(clientFactory, nav, snackbar, currentUserService, tokenProvider)
|
||||
{
|
||||
_client = new RestClient(nav.BaseUri);
|
||||
}
|
||||
|
||||
public async Task<ApiResponse<UpdatePasswordResponse>?> UpdatePasswordAsync(UpdatePasswordRequest data)
|
||||
{
|
||||
var request = new RestRequest("api/profile-password/update", Method.Post);
|
||||
request.AddJsonBody(data);
|
||||
return await ExecuteWithResponseAsync<UpdatePasswordResponse>(_client, request);
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,275 @@
|
||||
@page "/profile/personal-information"
|
||||
@using System.ComponentModel.DataAnnotations
|
||||
@using MudBlazor
|
||||
@using Indotalent.Features.Profile.PersonalInformation
|
||||
@using Indotalent.Features.Profile.PersonalInformation.Cqrs
|
||||
@using Indotalent.ConfigBackEnd.Interfaces
|
||||
@inject ISnackbar Snackbar
|
||||
@inject PersonalInformationService PersonalInformationService
|
||||
@inject ICurrentUserService CurrentUserService
|
||||
|
||||
<MudPaper Elevation="0" Square="true" Class="pa-6 mb-3 d-flex align-center justify-space-between">
|
||||
<div>
|
||||
<MudText Typo="Typo.h5" Style="font-weight: 900; color: #1a1a1a;">Personal Information</MudText>
|
||||
<MudText Typo="Typo.body2" Style="color: #64748b;">Manage your personal details, contact information, and how others see you.</MudText>
|
||||
</div>
|
||||
|
||||
<div class="d-flex align-center gap-2">
|
||||
<MudIcon Icon="@Icons.Material.Filled.Home" Size="Size.Small" Color="Color.Default" />
|
||||
<MudText Typo="Typo.caption" Style="color: #94a3b8;">/</MudText>
|
||||
<MudText Typo="Typo.caption" Style="color: #94a3b8;">Profile</MudText>
|
||||
<MudText Typo="Typo.caption" Style="color: #94a3b8;">/</MudText>
|
||||
<MudText Typo="Typo.caption" Style="font-weight: 600; color: #1a1a1a;">Personal Information</MudText>
|
||||
</div>
|
||||
</MudPaper>
|
||||
|
||||
<MudPaper Elevation="0" Outlined="true" Class="pa-8" Style="border-radius: 4px; background-color: #ffffff;">
|
||||
<MudStack Spacing="8">
|
||||
<MudGrid>
|
||||
<MudItem xs="12" md="4">
|
||||
<MudText Typo="Typo.h6" Class="fw-bold">Basic Profile</MudText>
|
||||
<MudText Typo="Typo.body2">Your public identity and bio.</MudText>
|
||||
</MudItem>
|
||||
<MudItem xs="12" md="8">
|
||||
<MudStack Spacing="4">
|
||||
<MudGrid Spacing="2">
|
||||
<MudItem xs="12" sm="6">
|
||||
<MudText Typo="Typo.subtitle2" Class="mb-2">First Name</MudText>
|
||||
<MudTextField @bind-Value="user.FirstName" Variant="Variant.Outlined" FullWidth="true" Margin="Margin.Dense" />
|
||||
</MudItem>
|
||||
<MudItem xs="12" sm="6">
|
||||
<MudText Typo="Typo.subtitle2" Class="mb-2">Last Name</MudText>
|
||||
<MudTextField @bind-Value="user.LastName" Variant="Variant.Outlined" FullWidth="true" Margin="Margin.Dense" />
|
||||
</MudItem>
|
||||
</MudGrid>
|
||||
|
||||
<div>
|
||||
<MudText Typo="Typo.subtitle2" Class="mb-2">Short Bio</MudText>
|
||||
<MudTextField @bind-Value="user.Bio" Variant="Variant.Outlined" Lines="3" FullWidth="true" Margin="Margin.Dense" Placeholder="Tell us a little about yourself..." />
|
||||
</div>
|
||||
|
||||
<MudGrid Spacing="2">
|
||||
<MudItem xs="12" sm="6">
|
||||
<MudText Typo="Typo.subtitle2" Class="mb-2">Job Title / Position</MudText>
|
||||
<MudTextField @bind-Value="user.JobTitle" Variant="Variant.Outlined" FullWidth="true" Margin="Margin.Dense" />
|
||||
</MudItem>
|
||||
<MudItem xs="12" sm="6">
|
||||
<MudText Typo="Typo.subtitle2" Class="mb-2">Date of Birth</MudText>
|
||||
<MudDatePicker @bind-Date="user.DateOfBirth" Variant="Variant.Outlined" Margin="Margin.Dense" Editable="true" />
|
||||
</MudItem>
|
||||
</MudGrid>
|
||||
</MudStack>
|
||||
</MudItem>
|
||||
</MudGrid>
|
||||
|
||||
<MudDivider />
|
||||
|
||||
<MudGrid>
|
||||
<MudItem xs="12" md="4">
|
||||
<MudText Typo="Typo.h6" Class="fw-bold">Contact & Location</MudText>
|
||||
<MudText Typo="Typo.body2">How we can reach you and where you're based.</MudText>
|
||||
</MudItem>
|
||||
<MudItem xs="12" md="8">
|
||||
<MudStack Spacing="4">
|
||||
<MudGrid Spacing="2">
|
||||
<MudItem xs="12" sm="6">
|
||||
<MudText Typo="Typo.subtitle2" Class="mb-2">Email Address</MudText>
|
||||
<MudTextField @bind-Value="user.Contact.Email" Variant="Variant.Outlined" FullWidth="true" Margin="Margin.Dense" Adornment="Adornment.Start" AdornmentIcon="@Icons.Material.Filled.Email" Disabled="true" />
|
||||
</MudItem>
|
||||
<MudItem xs="12" sm="6">
|
||||
<MudText Typo="Typo.subtitle2" Class="mb-2">Phone Number</MudText>
|
||||
<MudTextField @bind-Value="user.Contact.Phone" Variant="Variant.Outlined" FullWidth="true" Margin="Margin.Dense" Adornment="Adornment.Start" AdornmentIcon="@Icons.Material.Filled.Phone" />
|
||||
</MudItem>
|
||||
</MudGrid>
|
||||
|
||||
<div>
|
||||
<MudText Typo="Typo.subtitle2" Class="mb-2">Residential Address</MudText>
|
||||
<MudTextField @bind-Value="user.Contact.Address" Variant="Variant.Outlined" FullWidth="true" Margin="Margin.Dense" Placeholder="Street name, Building, Apartment No." />
|
||||
</div>
|
||||
|
||||
<MudGrid Spacing="2">
|
||||
<MudItem xs="12" sm="4">
|
||||
<MudText Typo="Typo.subtitle2" Class="mb-2">City</MudText>
|
||||
<MudTextField @bind-Value="user.Contact.City" Variant="Variant.Outlined" FullWidth="true" Margin="Margin.Dense" />
|
||||
</MudItem>
|
||||
<MudItem xs="12" sm="4">
|
||||
<MudText Typo="Typo.subtitle2" Class="mb-2">Country</MudText>
|
||||
<MudTextField @bind-Value="user.Contact.Country" Variant="Variant.Outlined" FullWidth="true" Margin="Margin.Dense" />
|
||||
</MudItem>
|
||||
<MudItem xs="12" sm="4">
|
||||
<MudText Typo="Typo.subtitle2" Class="mb-2">Postal Code</MudText>
|
||||
<MudTextField @bind-Value="user.Contact.PostalCode" Variant="Variant.Outlined" FullWidth="true" Margin="Margin.Dense" />
|
||||
</MudItem>
|
||||
</MudGrid>
|
||||
</MudStack>
|
||||
</MudItem>
|
||||
</MudGrid>
|
||||
|
||||
<MudDivider />
|
||||
|
||||
<MudGrid>
|
||||
<MudItem xs="12" md="4">
|
||||
<MudText Typo="Typo.h6" Class="fw-bold">Social Profiles</MudText>
|
||||
<MudText Typo="Typo.body2">Your professional and social networking links.</MudText>
|
||||
</MudItem>
|
||||
<MudItem xs="12" md="8">
|
||||
<MudStack Spacing="4">
|
||||
<div>
|
||||
<MudText Typo="Typo.subtitle2" Class="mb-2">LinkedIn Profile</MudText>
|
||||
<MudTextField @bind-Value="user.Socials.LinkedIn" Variant="Variant.Outlined" FullWidth="true" Margin="Margin.Dense" Adornment="Adornment.Start" AdornmentIcon="@Icons.Custom.Brands.LinkedIn" Placeholder="https://linkedin.com/in/username" />
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<MudText Typo="Typo.subtitle2" Class="mb-2">GitHub / Portfolio</MudText>
|
||||
<MudTextField @bind-Value="user.Socials.GitHub" Variant="Variant.Outlined" FullWidth="true" Margin="Margin.Dense" Adornment="Adornment.Start" AdornmentIcon="@Icons.Custom.Brands.GitHub" Placeholder="https://github.com/username" />
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<MudText Typo="Typo.subtitle2" Class="mb-2">Instagram</MudText>
|
||||
<MudTextField @bind-Value="user.Socials.Instagram" Variant="Variant.Outlined" FullWidth="true" Margin="Margin.Dense" Adornment="Adornment.Start" AdornmentIcon="@Icons.Custom.Brands.Instagram" Placeholder="@("@username")" />
|
||||
</div>
|
||||
</MudStack>
|
||||
</MudItem>
|
||||
</MudGrid>
|
||||
|
||||
<div class="d-flex justify-end align-center gap-4 mt-4">
|
||||
<MudButton Variant="Variant.Filled" Color="Color.Primary" OnClick="SaveProfile" Disabled="@_isProcessing">
|
||||
@if (_isProcessing)
|
||||
{
|
||||
<MudProgressCircular Class="ms-n1" Size="Size.Small" Indeterminate="true" />
|
||||
<MudText Class="ms-2">Saving...</MudText>
|
||||
}
|
||||
else
|
||||
{
|
||||
<MudText>Save Changes</MudText>
|
||||
}
|
||||
</MudButton>
|
||||
</div>
|
||||
</MudStack>
|
||||
</MudPaper>
|
||||
|
||||
@code {
|
||||
private bool _isProcessing = false;
|
||||
private UserProfileModel user = new();
|
||||
|
||||
protected override async Task OnInitializedAsync()
|
||||
{
|
||||
await LoadProfile();
|
||||
}
|
||||
|
||||
private async Task LoadProfile()
|
||||
{
|
||||
var userId = CurrentUserService.UserId;
|
||||
if (string.IsNullOrEmpty(userId)) return;
|
||||
|
||||
_isProcessing = true;
|
||||
|
||||
var response = await PersonalInformationService.GetPersonalInformationByIdAsync(userId);
|
||||
|
||||
if (response != null && response.IsSuccess && response.Value != null)
|
||||
{
|
||||
var profile = response.Value;
|
||||
|
||||
user = new UserProfileModel
|
||||
{
|
||||
FirstName = profile.FirstName ?? string.Empty,
|
||||
LastName = profile.LastName ?? string.Empty,
|
||||
Bio = profile.ShortBio ?? string.Empty,
|
||||
JobTitle = profile.JobTitle ?? string.Empty,
|
||||
DateOfBirth = profile.DateOfBirth,
|
||||
Contact = new ContactModel
|
||||
{
|
||||
Email = profile.Email ?? string.Empty,
|
||||
Phone = profile.PhoneNumber ?? string.Empty,
|
||||
Address = profile.StreetAddress ?? string.Empty,
|
||||
City = profile.City ?? string.Empty,
|
||||
Country = profile.Country ?? string.Empty,
|
||||
PostalCode = profile.ZipCode ?? string.Empty
|
||||
},
|
||||
Socials = new UserSocialModel
|
||||
{
|
||||
LinkedIn = profile.SocialMediaLinkedIn ?? string.Empty,
|
||||
Instagram = profile.SocialMediaInstagram ?? string.Empty,
|
||||
GitHub = profile.SocialMediaX ?? string.Empty
|
||||
}
|
||||
};
|
||||
}
|
||||
_isProcessing = false;
|
||||
}
|
||||
|
||||
private async Task SaveProfile()
|
||||
{
|
||||
var userId = CurrentUserService.UserId;
|
||||
if (string.IsNullOrEmpty(userId))
|
||||
{
|
||||
Snackbar.Add("User session not found.", Severity.Error);
|
||||
return;
|
||||
}
|
||||
|
||||
_isProcessing = true;
|
||||
|
||||
var updateRequest = new UpdateProfileRequest
|
||||
{
|
||||
Id = userId,
|
||||
FirstName = user.FirstName,
|
||||
LastName = user.LastName,
|
||||
ShortBio = user.Bio,
|
||||
JobTitle = user.JobTitle,
|
||||
DateOfBirth = user.DateOfBirth,
|
||||
PhoneNumber = user.Contact.Phone,
|
||||
StreetAddress = user.Contact.Address,
|
||||
City = user.Contact.City,
|
||||
Country = user.Contact.Country,
|
||||
ZipCode = user.Contact.PostalCode,
|
||||
SocialMediaLinkedIn = user.Socials.LinkedIn,
|
||||
SocialMediaInstagram = user.Socials.Instagram,
|
||||
SocialMediaX = user.Socials.GitHub
|
||||
};
|
||||
|
||||
var result = await PersonalInformationService.UpdatePersonalInformationAsync(updateRequest);
|
||||
await Task.Delay(500);
|
||||
|
||||
if (result != null && result.IsSuccess)
|
||||
{
|
||||
Snackbar.Add("Profile updated! Please re-login to see all changes in the session.", Severity.Success, config =>
|
||||
{
|
||||
config.VisibleStateDuration = 5000;
|
||||
});
|
||||
|
||||
}
|
||||
else
|
||||
{
|
||||
Snackbar.Add(result?.Message ?? "Update failed", Severity.Error);
|
||||
}
|
||||
|
||||
_isProcessing = false;
|
||||
}
|
||||
|
||||
public class UserProfileModel
|
||||
{
|
||||
public string FirstName { get; set; } = string.Empty;
|
||||
public string LastName { get; set; } = string.Empty;
|
||||
public string Bio { get; set; } = string.Empty;
|
||||
public string JobTitle { get; set; } = string.Empty;
|
||||
public DateTime? DateOfBirth { get; set; }
|
||||
public ContactModel Contact { get; set; } = new();
|
||||
public UserSocialModel Socials { get; set; } = new();
|
||||
}
|
||||
|
||||
public class ContactModel
|
||||
{
|
||||
public string Email { get; set; } = string.Empty;
|
||||
public string Phone { get; set; } = string.Empty;
|
||||
public string Address { get; set; } = string.Empty;
|
||||
public string City { get; set; } = string.Empty;
|
||||
public string Country { get; set; } = string.Empty;
|
||||
public string PostalCode { get; set; } = string.Empty;
|
||||
}
|
||||
|
||||
public class UserSocialModel
|
||||
{
|
||||
public string LinkedIn { get; set; } = string.Empty;
|
||||
public string GitHub { get; set; } = string.Empty;
|
||||
public string Instagram { get; set; } = string.Empty;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,59 @@
|
||||
using Indotalent.Infrastructure.Database;
|
||||
using MediatR;
|
||||
using Microsoft.EntityFrameworkCore;
|
||||
|
||||
namespace Indotalent.Features.Profile.PersonalInformation.Cqrs;
|
||||
|
||||
public class GetProfileByIdResponse
|
||||
{
|
||||
public string Id { get; set; } = string.Empty;
|
||||
public string? FirstName { get; set; }
|
||||
public string? LastName { get; set; }
|
||||
public string? ShortBio { get; set; }
|
||||
public string? JobTitle { get; set; }
|
||||
public DateTime? DateOfBirth { get; set; }
|
||||
public string? Email { get; set; }
|
||||
public string? PhoneNumber { get; set; }
|
||||
public string? StreetAddress { get; set; }
|
||||
public string? City { get; set; }
|
||||
public string? Country { get; set; }
|
||||
public string? ZipCode { get; set; }
|
||||
public string? SocialMediaLinkedIn { get; set; }
|
||||
public string? SocialMediaInstagram { get; set; }
|
||||
public string? SocialMediaX { get; set; }
|
||||
}
|
||||
|
||||
public record GetProfileByIdQuery(string Id) : IRequest<GetProfileByIdResponse?>;
|
||||
|
||||
public class GetProfileByIdHandler : IRequestHandler<GetProfileByIdQuery, GetProfileByIdResponse?>
|
||||
{
|
||||
private readonly AppDbContext _context;
|
||||
|
||||
public GetProfileByIdHandler(AppDbContext context) => _context = context;
|
||||
|
||||
public async Task<GetProfileByIdResponse?> Handle(GetProfileByIdQuery request, CancellationToken cancellationToken)
|
||||
{
|
||||
return await _context.Users
|
||||
.AsNoTracking()
|
||||
.Where(x => x.Id == request.Id)
|
||||
.Select(x => new GetProfileByIdResponse
|
||||
{
|
||||
Id = x.Id,
|
||||
FirstName = x.FirstName,
|
||||
LastName = x.LastName,
|
||||
ShortBio = x.ShortBio,
|
||||
JobTitle = x.JobTitle,
|
||||
DateOfBirth = x.DateOfBirth,
|
||||
Email = x.Email,
|
||||
PhoneNumber = x.PhoneNumber,
|
||||
StreetAddress = x.StreetAddress,
|
||||
City = x.City,
|
||||
Country = x.Country,
|
||||
ZipCode = x.ZipCode,
|
||||
SocialMediaLinkedIn = x.SocialMediaLinkedIn,
|
||||
SocialMediaInstagram = x.SocialMediaInstagram,
|
||||
SocialMediaX = x.SocialMediaX
|
||||
})
|
||||
.FirstOrDefaultAsync(cancellationToken);
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,67 @@
|
||||
using Indotalent.Infrastructure.Database;
|
||||
using MediatR;
|
||||
using Microsoft.EntityFrameworkCore;
|
||||
|
||||
namespace Indotalent.Features.Profile.PersonalInformation.Cqrs;
|
||||
|
||||
public class UpdateProfileRequest
|
||||
{
|
||||
public string Id { get; set; } = string.Empty;
|
||||
public string? FirstName { get; set; }
|
||||
public string? LastName { get; set; }
|
||||
public string? ShortBio { get; set; }
|
||||
public string? JobTitle { get; set; }
|
||||
public DateTime? DateOfBirth { get; set; }
|
||||
public string? PhoneNumber { get; set; }
|
||||
public string? StreetAddress { get; set; }
|
||||
public string? City { get; set; }
|
||||
public string? Country { get; set; }
|
||||
public string? ZipCode { get; set; }
|
||||
public string? SocialMediaLinkedIn { get; set; }
|
||||
public string? SocialMediaInstagram { get; set; }
|
||||
public string? SocialMediaX { get; set; }
|
||||
}
|
||||
|
||||
public class UpdateProfileResponse
|
||||
{
|
||||
public bool Success { get; set; }
|
||||
public string Message { get; set; } = string.Empty;
|
||||
}
|
||||
|
||||
public record UpdateProfileCommand(UpdateProfileRequest Data) : IRequest<UpdateProfileResponse>;
|
||||
|
||||
public class UpdateProfileHandler : IRequestHandler<UpdateProfileCommand, UpdateProfileResponse>
|
||||
{
|
||||
private readonly AppDbContext _context;
|
||||
|
||||
public UpdateProfileHandler(AppDbContext context) => _context = context;
|
||||
|
||||
public async Task<UpdateProfileResponse> Handle(UpdateProfileCommand request, CancellationToken cancellationToken)
|
||||
{
|
||||
var user = await _context.Users
|
||||
.FirstOrDefaultAsync(x => x.Id == request.Data.Id, cancellationToken);
|
||||
|
||||
if (user == null)
|
||||
return new UpdateProfileResponse { Success = false, Message = "User not found" };
|
||||
|
||||
user.FullName = $"{request.Data.FirstName} {request.Data.LastName}";
|
||||
user.FirstName = request.Data.FirstName;
|
||||
user.LastName = request.Data.LastName;
|
||||
user.ShortBio = request.Data.ShortBio;
|
||||
user.JobTitle = request.Data.JobTitle;
|
||||
user.DateOfBirth = request.Data.DateOfBirth ?? user.DateOfBirth;
|
||||
user.PhoneNumber = request.Data.PhoneNumber;
|
||||
user.StreetAddress = request.Data.StreetAddress;
|
||||
user.City = request.Data.City;
|
||||
user.Country = request.Data.Country;
|
||||
user.ZipCode = request.Data.ZipCode;
|
||||
user.SocialMediaLinkedIn = request.Data.SocialMediaLinkedIn ?? string.Empty;
|
||||
user.SocialMediaInstagram = request.Data.SocialMediaInstagram ?? string.Empty;
|
||||
user.SocialMediaX = request.Data.SocialMediaX ?? string.Empty;
|
||||
user.UpdatedAt = DateTime.Now;
|
||||
|
||||
await _context.SaveChangesAsync(cancellationToken);
|
||||
|
||||
return new UpdateProfileResponse { Success = true };
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,26 @@
|
||||
using FluentValidation;
|
||||
using Indotalent.Shared.Consts;
|
||||
|
||||
namespace Indotalent.Features.Profile.PersonalInformation.Cqrs;
|
||||
|
||||
public class UpdateProfileValidator : AbstractValidator<UpdateProfileRequest>
|
||||
{
|
||||
public UpdateProfileValidator()
|
||||
{
|
||||
RuleFor(x => x.Id).NotEmpty();
|
||||
|
||||
RuleFor(x => x.FirstName)
|
||||
.NotEmpty().WithMessage("First name is required")
|
||||
.MaximumLength(GlobalConsts.StringLengthShort).WithMessage($"First name cannot exceed {GlobalConsts.StringLengthShort} characters");
|
||||
|
||||
RuleFor(x => x.LastName)
|
||||
.NotEmpty().WithMessage("Last name is required")
|
||||
.MaximumLength(GlobalConsts.StringLengthShort).WithMessage($"Last name cannot exceed {GlobalConsts.StringLengthShort} characters");
|
||||
|
||||
RuleFor(x => x.PhoneNumber)
|
||||
.MaximumLength(GlobalConsts.StringLengthShort).WithMessage($"Phone cannot exceed {GlobalConsts.StringLengthShort} characters");
|
||||
|
||||
RuleFor(x => x.ShortBio)
|
||||
.MaximumLength(GlobalConsts.StringLengthShort).WithMessage($"Bio cannot exceed {GlobalConsts.StringLengthShort} characters");
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,35 @@
|
||||
using Indotalent.ConfigBackEnd.Extensions;
|
||||
using Indotalent.Features.Profile.PersonalInformation.Cqrs;
|
||||
using MediatR;
|
||||
using Microsoft.AspNetCore.Authentication.JwtBearer;
|
||||
|
||||
namespace Indotalent.Features.Profile.PersonalInformation;
|
||||
|
||||
public static class PersonalInformationEndpoint
|
||||
{
|
||||
public static void MapPersonalInformationEndpoints(this IEndpointRouteBuilder app)
|
||||
{
|
||||
var group = app.MapGroup("/personal-information").WithTags("Personal Information")
|
||||
.RequireAuthorization(policy => policy.AddAuthenticationSchemes(JwtBearerDefaults.AuthenticationScheme)
|
||||
.RequireAuthenticatedUser());
|
||||
|
||||
group.MapGet("/{id}", async (string id, IMediator mediator) =>
|
||||
{
|
||||
var result = await mediator.Send(new GetProfileByIdQuery(id));
|
||||
return result.ToApiResponse(result is not null
|
||||
? "Personal information retrieved successfully"
|
||||
: $"User with ID {id} not found");
|
||||
})
|
||||
.WithName("GetPersonalInformationById");
|
||||
|
||||
group.MapPost("/update", async (UpdateProfileRequest request, IMediator mediator) =>
|
||||
{
|
||||
var result = await mediator.Send(new UpdateProfileCommand(request));
|
||||
if (!result.Success)
|
||||
return ((object?)null).ToApiResponse(result.Message ?? "Update failed.", StatusCodes.Status400BadRequest);
|
||||
|
||||
return result.ToApiResponse("Personal information has been updated successfully");
|
||||
})
|
||||
.WithName("UpdatePersonalInformation");
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,34 @@
|
||||
using Indotalent.ConfigBackEnd.Interfaces;
|
||||
using Indotalent.ConfigFrontEnd.Common;
|
||||
using Indotalent.Features.Profile.PersonalInformation.Cqrs;
|
||||
using Indotalent.Infrastructure.Authentication.Identity;
|
||||
using Indotalent.Shared.Models;
|
||||
using Microsoft.AspNetCore.Components;
|
||||
using MudBlazor;
|
||||
using RestSharp;
|
||||
|
||||
namespace Indotalent.Features.Profile.PersonalInformation;
|
||||
|
||||
public class PersonalInformationService : BaseService
|
||||
{
|
||||
private readonly RestClient _client;
|
||||
|
||||
public PersonalInformationService(IHttpClientFactory clientFactory, NavigationManager nav, ISnackbar snackbar, ICurrentUserService currentUserService, TokenProvider tokenProvider)
|
||||
: base(clientFactory, nav, snackbar, currentUserService, tokenProvider)
|
||||
{
|
||||
_client = new RestClient(nav.BaseUri);
|
||||
}
|
||||
|
||||
public async Task<ApiResponse<GetProfileByIdResponse>?> GetPersonalInformationByIdAsync(string id)
|
||||
{
|
||||
var request = new RestRequest($"api/personal-information/{id}", Method.Get);
|
||||
return await ExecuteWithResponseAsync<GetProfileByIdResponse>(_client, request);
|
||||
}
|
||||
|
||||
public async Task<ApiResponse<UpdateProfileResponse>?> UpdatePersonalInformationAsync(UpdateProfileRequest data)
|
||||
{
|
||||
var request = new RestRequest("api/personal-information/update", Method.Post);
|
||||
request.AddJsonBody(data);
|
||||
return await ExecuteWithResponseAsync<UpdateProfileResponse>(_client, request);
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,103 @@
|
||||
@page "/profile"
|
||||
@using Indotalent.Features.Profile.Session
|
||||
@using Microsoft.AspNetCore.Authorization
|
||||
@using Indotalent.Infrastructure.Authorization.Identity
|
||||
@attribute [Authorize(Roles = $"{ApplicationRoles.Admin},{ApplicationRoles.Member}")]
|
||||
@using Indotalent.Features.Profile.Avatar.Components
|
||||
@using Indotalent.Features.Profile.Password.Components
|
||||
@using Indotalent.Features.Profile.PersonalInformation
|
||||
@using Indotalent.Features.Profile.Password
|
||||
@using Indotalent.Features.Profile.Avatar
|
||||
@using Indotalent.Features.Profile.PersonalInformation.Components
|
||||
@using MudBlazor
|
||||
@inject NavigationManager NavigationManager
|
||||
|
||||
<style>
|
||||
.clean-white-tabs .mud-tabs-toolbar {
|
||||
background-color: white !important;
|
||||
border-bottom: 2px solid #DCEBFA;
|
||||
border-radius: 4px !important;
|
||||
}
|
||||
|
||||
.clean-white-tabs .mud-tab {
|
||||
color: #94a3b8 !important;
|
||||
text-transform: none;
|
||||
font-weight: 500;
|
||||
min-width: 160px;
|
||||
border-radius: 4px !important;
|
||||
}
|
||||
|
||||
.clean-white-tabs .mud-tab-active {
|
||||
color: var(--mud-palette-primary) !important;
|
||||
font-weight: 800;
|
||||
}
|
||||
|
||||
.clean-white-tabs .mud-tabs-slider {
|
||||
background-color: var(--mud-palette-primary) !important;
|
||||
height: 3px !important;
|
||||
bottom: 0;
|
||||
}
|
||||
</style>
|
||||
|
||||
<MudContainer MaxWidth="MaxWidth.ExtraLarge" Class="mt-2 mb-8">
|
||||
<div class="clean-white-tabs">
|
||||
<MudTabs Elevation="0"
|
||||
ActivePanelIndex="@_activeTabIndex"
|
||||
ActivePanelIndexChanged="OnTabChanged"
|
||||
ApplyEffectsToContainer="true"
|
||||
TabPanelsClass="pt-4">
|
||||
|
||||
<MudTabPanel Text="Personal Info" Icon="@Icons.Material.Outlined.Person">
|
||||
<PersonalInformationPage />
|
||||
</MudTabPanel>
|
||||
|
||||
<MudTabPanel Text="Password" Icon="@Icons.Material.Outlined.Lock">
|
||||
<PasswordPage />
|
||||
</MudTabPanel>
|
||||
|
||||
<MudTabPanel Text="Avatar" Icon="@Icons.Material.Outlined.AccountCircle">
|
||||
<AvatarPage />
|
||||
</MudTabPanel>
|
||||
|
||||
<MudTabPanel Text="Session" Icon="@Icons.Material.Outlined.VpnKey">
|
||||
<SessionPage />
|
||||
</MudTabPanel>
|
||||
|
||||
</MudTabs>
|
||||
</div>
|
||||
</MudContainer>
|
||||
|
||||
@code {
|
||||
private int _activeTabIndex = 0;
|
||||
|
||||
protected override void OnInitialized()
|
||||
{
|
||||
var uri = NavigationManager.ToAbsoluteUri(NavigationManager.Uri);
|
||||
if (Microsoft.AspNetCore.WebUtilities.QueryHelpers.ParseQuery(uri.Query).TryGetValue("tab", out var tabValue))
|
||||
{
|
||||
_activeTabIndex = tabValue.ToString().ToLower() switch
|
||||
{
|
||||
"personal" => 0,
|
||||
"password" => 1,
|
||||
"avatar" => 2,
|
||||
"session" => 3,
|
||||
_ => 0
|
||||
};
|
||||
}
|
||||
}
|
||||
|
||||
private void OnTabChanged(int index)
|
||||
{
|
||||
_activeTabIndex = index;
|
||||
string tabName = index switch
|
||||
{
|
||||
0 => "personal",
|
||||
1 => "password",
|
||||
2 => "avatar",
|
||||
3 => "session",
|
||||
_ => "personal"
|
||||
};
|
||||
|
||||
NavigationManager.NavigateTo($"/profile?tab={tabName}", replace: false);
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,105 @@
|
||||
@page "/profile/session"
|
||||
@using Indotalent.ConfigBackEnd.Interfaces
|
||||
@using Indotalent.ConfigFrontEnd.Common
|
||||
@using Indotalent.Infrastructure.Authentication
|
||||
@using Indotalent.Infrastructure.Authentication.Identity
|
||||
@using Microsoft.JSInterop
|
||||
@using MudBlazor
|
||||
@inject ICurrentUserService CurrentUserService
|
||||
@inject TokenProvider TokenProvider
|
||||
@inject IDialogService DialogService
|
||||
@inject ISnackbar Snackbar
|
||||
@inject IJSRuntime JSRuntime
|
||||
|
||||
<MudPaper Elevation="0" Outlined="true" Class="pa-8" Style="border-radius: 4px; border: 1px solid #DCEBFA;">
|
||||
<MudText Typo="Typo.h6" GutterBottom="true" Style="font-weight: 800;">Active Session Information</MudText>
|
||||
<MudText Typo="Typo.body2" Class="mb-6 text-muted">Detailed information about your current authentication state.</MudText>
|
||||
|
||||
<div class="d-flex flex-column gap-1">
|
||||
<div class="pa-4" style="border-left: 4px solid var(--mud-palette-success); background: #f8fafc; border-bottom: 1px solid #eff6ff;">
|
||||
<MudText Typo="Typo.caption" Style="font-weight: 700; color: #64748b; text-transform: uppercase;">Full Name</MudText>
|
||||
<MudText Typo="Typo.body1" Style="font-weight: 600;">@(CurrentUserService.FullName ?? "Not Identified")</MudText>
|
||||
</div>
|
||||
|
||||
<div class="pa-4" style="border-left: 4px solid var(--mud-palette-primary); background: #f8fafc; border-bottom: 1px solid #eff6ff;">
|
||||
<MudText Typo="Typo.caption" Style="font-weight: 700; color: #64748b; text-transform: uppercase;">User ID</MudText>
|
||||
<MudText Typo="Typo.body1" Style="font-family: monospace; font-weight: 600;">@(CurrentUserService.UserId ?? "Not Identified")</MudText>
|
||||
</div>
|
||||
|
||||
<div class="pa-4" style="border-left: 4px solid var(--mud-palette-info); background: #f8fafc; border-bottom: 1px solid #eff6ff;">
|
||||
<MudText Typo="Typo.caption" Style="font-weight: 700; color: #64748b; text-transform: uppercase;">Username</MudText>
|
||||
<MudText Typo="Typo.body1" Style="font-weight: 600;">@(CurrentUserService.UserName ?? "Not Identified")</MudText>
|
||||
</div>
|
||||
|
||||
<div class="pa-4" style="border-left: 4px solid var(--mud-palette-secondary); background: #f8fafc;">
|
||||
<MudText Typo="Typo.caption" Style="font-weight: 700; color: #64748b; text-transform: uppercase;">Email Address</MudText>
|
||||
<MudText Typo="Typo.body1" Style="font-weight: 600;">@(CurrentUserService.Email ?? "Not Identified")</MudText>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<MudDivider Class="my-8" />
|
||||
|
||||
<div class="d-flex align-center justify-space-between pa-6" style="background-color: #F1F5F9; border: 1px solid #E2E8F0; border-radius: 4px;">
|
||||
<div>
|
||||
<MudText Typo="Typo.subtitle1" Style="font-weight: 700;">JSON Web Token (JWT)</MudText>
|
||||
<MudText Typo="Typo.body2" Style="color: #64748b;">Copy this token to use in Swagger Authorization.</MudText>
|
||||
</div>
|
||||
<MudButton Variant="Variant.Filled"
|
||||
Color="Color.Primary"
|
||||
StartIcon="@Icons.Material.Filled.ContentCopy"
|
||||
OnClick="CopyToClipboard"
|
||||
Style="text-transform: none; font-weight: 700; border-radius: 4px; height: 48px; min-width: 180px;">
|
||||
Copy JWT Token
|
||||
</MudButton>
|
||||
</div>
|
||||
</MudPaper>
|
||||
|
||||
@code {
|
||||
[Inject] private IHttpContextAccessor HttpContextAccessor { get; set; } = default!;
|
||||
|
||||
protected override void OnInitialized()
|
||||
{
|
||||
if (string.IsNullOrEmpty(TokenProvider.Token))
|
||||
{
|
||||
var tokenFromCookie = HttpContextAccessor.HttpContext?.Request.Cookies["X-Auth-Token"];
|
||||
if (!string.IsNullOrEmpty(tokenFromCookie))
|
||||
{
|
||||
TokenProvider.Token = tokenFromCookie;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
private async Task CopyToClipboard()
|
||||
{
|
||||
var tokenValue = TokenProvider.Token;
|
||||
|
||||
if (string.IsNullOrEmpty(tokenValue))
|
||||
{
|
||||
Snackbar.Add("Token not found. Please re-login.", Severity.Error);
|
||||
return;
|
||||
}
|
||||
|
||||
await JSRuntime.InvokeVoidAsync("navigator.clipboard.writeText", tokenValue);
|
||||
Snackbar.Add("Token copied to clipboard!", Severity.Success);
|
||||
}
|
||||
|
||||
private async Task ShowJwtDialog()
|
||||
{
|
||||
var tokenValue = TokenProvider.Token;
|
||||
|
||||
if (string.IsNullOrEmpty(tokenValue))
|
||||
{
|
||||
await DialogService.ShowMessageBoxAsync("System Note", "Token is not available.");
|
||||
return;
|
||||
}
|
||||
|
||||
var options = new DialogOptions { CloseButton = true, MaxWidth = MaxWidth.Medium, FullWidth = true };
|
||||
|
||||
await DialogService.ShowMessageBoxAsync(
|
||||
"Your JWT Token",
|
||||
(MarkupString)$@"<div style='background: #1e293b; color: #f8fafc; padding: 20px; border-radius: 4px; margin-top: 10px;'> <p style='font-size: 10px; color: #94a3b8; margin-bottom: 10px;'>RAW TOKEN:</p> <code style='word-break: break-all; font-size: 11px; font-family: monospace;'>{tokenValue}</code> </div>",
|
||||
"Close",
|
||||
options: options
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,77 @@
|
||||
using Indotalent.ConfigBackEnd.Extensions;
|
||||
using Indotalent.Features.Purchase.Bill.Cqrs;
|
||||
using MediatR;
|
||||
using Microsoft.AspNetCore.Authentication.JwtBearer;
|
||||
|
||||
namespace Indotalent.Features.Purchase.Bill;
|
||||
|
||||
public static class BillEndpoint
|
||||
{
|
||||
public static void MapBillEndpoints(this IEndpointRouteBuilder app)
|
||||
{
|
||||
var group = app.MapGroup("/bill").WithTags("Bills")
|
||||
.RequireAuthorization(policy => policy.AddAuthenticationSchemes(JwtBearerDefaults.AuthenticationScheme)
|
||||
.RequireAuthenticatedUser());
|
||||
|
||||
group.MapGet("/", async (IMediator mediator) =>
|
||||
{
|
||||
var result = await mediator.Send(new GetBillListQuery());
|
||||
return result.ToApiResponse("Bill list retrieved successfully");
|
||||
})
|
||||
.WithName("GetBillList");
|
||||
|
||||
group.MapGet("/{id}", async (string id, IMediator mediator) =>
|
||||
{
|
||||
var result = await mediator.Send(new GetBillByIdQuery(id));
|
||||
return result.ToApiResponse(result is not null
|
||||
? "Bill detail retrieved successfully"
|
||||
: $"Bill with ID {id} not found");
|
||||
})
|
||||
.WithName("GetBillById");
|
||||
|
||||
group.MapGet("/purchase-order-detail/{poId}", async (string poId, IMediator mediator) =>
|
||||
{
|
||||
var result = await mediator.Send(new GetPurchaseOrderDetailForBillQuery(poId));
|
||||
return result.ToApiResponse(result is not null
|
||||
? "Purchase order detail for bill retrieved successfully"
|
||||
: $"Purchase order with ID {poId} not found");
|
||||
})
|
||||
.WithName("GetPurchaseOrderDetailForBill");
|
||||
|
||||
group.MapGet("/lookup", async (IMediator mediator) =>
|
||||
{
|
||||
var result = await mediator.Send(new GetBillLookupQuery());
|
||||
return result.ToApiResponse("Lookup data retrieved successfully");
|
||||
})
|
||||
.WithName("GetBillLookup");
|
||||
|
||||
group.MapPost("/", async (CreateBillRequest request, IMediator mediator) =>
|
||||
{
|
||||
var result = await mediator.Send(new CreateBillCommand(request));
|
||||
return result.ToApiResponse("Bill has been created successfully", StatusCodes.Status201Created);
|
||||
})
|
||||
.WithName("CreateBill");
|
||||
|
||||
group.MapPost("/update", async (UpdateBillRequest request, IMediator mediator) =>
|
||||
{
|
||||
var result = await mediator.Send(new UpdateBillCommand(request));
|
||||
if (!result)
|
||||
{
|
||||
return ((object?)null).ToApiResponse("Update failed. Bill not found.");
|
||||
}
|
||||
return result.ToApiResponse("Bill has been updated successfully");
|
||||
})
|
||||
.WithName("UpdateBill");
|
||||
|
||||
group.MapPost("/delete/{id}", async (string id, IMediator mediator) =>
|
||||
{
|
||||
var result = await mediator.Send(new DeleteBillByIdCommand(id));
|
||||
if (!result)
|
||||
{
|
||||
return ((object?)null).ToApiResponse("Delete failed. Bill not found.");
|
||||
}
|
||||
return true.ToApiResponse("Bill has been deleted successfully");
|
||||
})
|
||||
.WithName("DeleteBillById");
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,129 @@
|
||||
using QuestPDF.Fluent;
|
||||
using QuestPDF.Helpers;
|
||||
using QuestPDF.Infrastructure;
|
||||
using Indotalent.Features.Purchase.Bill.Cqrs;
|
||||
|
||||
namespace Indotalent.Features.Purchase.Bill;
|
||||
|
||||
public class BillPdfGenerator
|
||||
{
|
||||
public static byte[] Generate(GetBillByIdResponse data)
|
||||
{
|
||||
QuestPDF.Settings.License = LicenseType.Community;
|
||||
|
||||
var primaryBlue = "#0D47A1";
|
||||
var textSlate = "#64748b";
|
||||
|
||||
return Document.Create(container =>
|
||||
{
|
||||
container.Page(page =>
|
||||
{
|
||||
page.Size(PageSizes.A4);
|
||||
page.Margin(1.5f, Unit.Centimetre);
|
||||
page.PageColor(Colors.White);
|
||||
page.DefaultTextStyle(x => x.FontSize(9).FontFamily(Fonts.Verdana));
|
||||
|
||||
page.Header().Row(row =>
|
||||
{
|
||||
row.RelativeItem().Column(col =>
|
||||
{
|
||||
col.Item().Text("VENDOR BILL")
|
||||
.FontSize(20).ExtraBold().FontColor(primaryBlue);
|
||||
col.Item().Text($"{data.AutoNumber}").FontSize(11).SemiBold();
|
||||
col.Item().Text($"PO Ref: {data.PurchaseOrderAutoNumber}").FontSize(9).FontColor(textSlate);
|
||||
});
|
||||
|
||||
row.RelativeItem().AlignRight().Column(col =>
|
||||
{
|
||||
col.Item().Text(data.CompanyName).FontSize(11).ExtraBold();
|
||||
col.Item().Text($"{data.CompanyStreet}").FontColor(textSlate);
|
||||
col.Item().Text($"{data.CompanyCity}").FontColor(textSlate);
|
||||
});
|
||||
});
|
||||
|
||||
page.Content().PaddingVertical(20).Column(col =>
|
||||
{
|
||||
col.Item().Row(row =>
|
||||
{
|
||||
row.RelativeItem().Column(c =>
|
||||
{
|
||||
c.Item().BorderBottom(1).PaddingBottom(5).Text("VENDOR").FontSize(8).Bold().FontColor(textSlate);
|
||||
c.Item().PaddingTop(5).Text(data.VendorName).Bold();
|
||||
c.Item().Text(data.VendorStreet);
|
||||
c.Item().Text(data.VendorCity);
|
||||
});
|
||||
|
||||
row.ConstantItem(40);
|
||||
|
||||
row.RelativeItem().Column(c =>
|
||||
{
|
||||
c.Item().BorderBottom(1).PaddingBottom(5).Text("BILL DETAILS").FontSize(8).Bold().FontColor(textSlate);
|
||||
c.Item().PaddingTop(5).Row(r => {
|
||||
r.RelativeItem().Text("Bill Date");
|
||||
r.RelativeItem().AlignRight().Text(data.BillDate?.ToString("dd MMM yyyy"));
|
||||
});
|
||||
c.Item().Row(r => {
|
||||
r.RelativeItem().Text("Status");
|
||||
r.RelativeItem().AlignRight().Text(data.BillStatus.ToString().ToUpper()).Bold().FontColor(primaryBlue);
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
col.Item().PaddingTop(20).Table(table =>
|
||||
{
|
||||
table.ColumnsDefinition(columns =>
|
||||
{
|
||||
columns.ConstantColumn(25);
|
||||
columns.RelativeColumn(4);
|
||||
columns.RelativeColumn(2);
|
||||
columns.RelativeColumn(1.5f);
|
||||
columns.RelativeColumn(2.5f);
|
||||
});
|
||||
|
||||
table.Header(header =>
|
||||
{
|
||||
header.Cell().Element(HeaderStyle).Text("#");
|
||||
header.Cell().Element(HeaderStyle).Text("Product");
|
||||
header.Cell().Element(HeaderStyle).AlignRight().Text("Unit Price");
|
||||
header.Cell().Element(HeaderStyle).AlignCenter().Text("Qty");
|
||||
header.Cell().Element(HeaderStyle).AlignRight().Text($"Total ({data.CurrencySymbol})");
|
||||
|
||||
static IContainer HeaderStyle(IContainer container) => container.DefaultTextStyle(x => x.SemiBold().FontColor(Colors.White)).PaddingVertical(5).PaddingHorizontal(5).Background("#0D47A1");
|
||||
});
|
||||
|
||||
var index = 1;
|
||||
foreach (var item in data.Items)
|
||||
{
|
||||
table.Cell().Element(CellStyle).Text($"{index++}");
|
||||
table.Cell().Element(CellStyle).Column(c => {
|
||||
c.Item().Text(item.ProductName).Bold();
|
||||
if (!string.IsNullOrEmpty(item.Summary)) c.Item().Text(item.Summary).FontSize(8).FontColor(textSlate);
|
||||
});
|
||||
table.Cell().Element(CellStyle).AlignRight().Text(item.UnitPrice?.ToString("N2"));
|
||||
table.Cell().Element(CellStyle).AlignCenter().Text(item.Quantity?.ToString());
|
||||
table.Cell().Element(CellStyle).AlignRight().Text(item.Total?.ToString("N2"));
|
||||
|
||||
static IContainer CellStyle(IContainer container) => container.BorderBottom(1).BorderColor("#E2E8F0").PaddingVertical(8).PaddingHorizontal(5);
|
||||
}
|
||||
});
|
||||
|
||||
col.Item().PaddingTop(10).Row(row =>
|
||||
{
|
||||
row.RelativeItem().Column(c => {
|
||||
c.Item().Text("Notes:").FontSize(8).Bold();
|
||||
c.Item().Text(string.IsNullOrEmpty(data.Description) ? "-" : data.Description).FontSize(8);
|
||||
});
|
||||
row.ConstantItem(200).Column(c =>
|
||||
{
|
||||
c.Item().Row(r => { r.RelativeItem().Text("Sub Total"); r.RelativeItem().AlignRight().Text(data.BeforeTaxAmount?.ToString("N2")); });
|
||||
c.Item().Row(r => { r.RelativeItem().Text("Tax Amount"); r.RelativeItem().AlignRight().Text(data.TaxAmount?.ToString("N2")); });
|
||||
c.Item().PaddingTop(5).BorderTop(1).Row(r => { r.RelativeItem().Text($"TOTAL").Bold(); r.RelativeItem().AlignRight().Text(data.AfterTaxAmount?.ToString("N2")).ExtraBold().FontColor(primaryBlue); });
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
page.Footer().AlignCenter().Text(x => { x.Span("Page ").FontSize(8); x.CurrentPageNumber().FontSize(8); });
|
||||
});
|
||||
}).GeneratePdf();
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,71 @@
|
||||
using Indotalent.ConfigBackEnd.Interfaces;
|
||||
using Indotalent.ConfigFrontEnd.Common;
|
||||
using Indotalent.Features.Purchase.Bill.Cqrs;
|
||||
using Indotalent.Infrastructure.Authentication.Identity;
|
||||
using Indotalent.Shared.Models;
|
||||
using Microsoft.AspNetCore.Components;
|
||||
using MudBlazor;
|
||||
using RestSharp;
|
||||
|
||||
namespace Indotalent.Features.Purchase.Bill;
|
||||
|
||||
public class BillService : BaseService
|
||||
{
|
||||
private readonly RestClient _client;
|
||||
|
||||
public BillService(
|
||||
IHttpClientFactory clientFactory,
|
||||
NavigationManager nav,
|
||||
ISnackbar snackbar,
|
||||
ICurrentUserService currentUserService,
|
||||
TokenProvider tokenProvider)
|
||||
: base(clientFactory, nav, snackbar, currentUserService, tokenProvider)
|
||||
{
|
||||
_client = new RestClient(nav.BaseUri);
|
||||
}
|
||||
|
||||
public async Task<ApiResponse<List<GetBillListResponse>>?> GetBillListAsync()
|
||||
{
|
||||
var request = new RestRequest("api/bill", Method.Get);
|
||||
return await ExecuteWithResponseAsync<List<GetBillListResponse>>(_client, request);
|
||||
}
|
||||
|
||||
public async Task<ApiResponse<GetBillByIdResponse>?> GetBillByIdAsync(string id)
|
||||
{
|
||||
var request = new RestRequest($"api/bill/{id}", Method.Get);
|
||||
return await ExecuteWithResponseAsync<GetBillByIdResponse>(_client, request);
|
||||
}
|
||||
|
||||
public async Task<ApiResponse<GetBillByIdResponse>?> GetPurchaseOrderDetailForBillAsync(string poId)
|
||||
{
|
||||
var request = new RestRequest($"api/bill/purchase-order-detail/{poId}", Method.Get);
|
||||
return await ExecuteWithResponseAsync<GetBillByIdResponse>(_client, request);
|
||||
}
|
||||
|
||||
public async Task<ApiResponse<BillLookupResponse>?> GetBillLookupAsync()
|
||||
{
|
||||
var request = new RestRequest("api/bill/lookup", Method.Get);
|
||||
return await ExecuteWithResponseAsync<BillLookupResponse>(_client, request);
|
||||
}
|
||||
|
||||
public async Task<ApiResponse<CreateBillResponse>?> CreateBillAsync(CreateBillRequest data)
|
||||
{
|
||||
var request = new RestRequest("api/bill", Method.Post);
|
||||
request.AddJsonBody(data);
|
||||
return await ExecuteWithResponseAsync<CreateBillResponse>(_client, request);
|
||||
}
|
||||
|
||||
public async Task<ApiResponse<bool>?> UpdateBillAsync(UpdateBillRequest data)
|
||||
{
|
||||
var request = new RestRequest("api/bill/update", Method.Post);
|
||||
request.AddJsonBody(data);
|
||||
return await ExecuteWithResponseAsync<bool>(_client, request);
|
||||
}
|
||||
|
||||
public async Task<bool> DeleteBillByIdAsync(string id)
|
||||
{
|
||||
var request = new RestRequest($"api/bill/delete/{id}", Method.Post);
|
||||
var response = await ExecuteWithResponseAsync<object>(_client, request);
|
||||
return response?.IsSuccess ?? false;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,51 @@
|
||||
@page "/purchase/bill"
|
||||
@using Indotalent.Features.Purchase.Bill.Cqrs
|
||||
@using Indotalent.Features.Purchase.Bill.Components
|
||||
@using MudBlazor
|
||||
|
||||
@if (_currentView == ViewMode.Create)
|
||||
{
|
||||
<_BillCreateForm OnCancel="BackToTable" OnSuccess="HandleSuccess" />
|
||||
}
|
||||
else if (_currentView == ViewMode.Update || _currentView == ViewMode.View)
|
||||
{
|
||||
<_BillUpdateForm Data="_selectedData!"
|
||||
ReadOnly="@(_currentView == ViewMode.View)"
|
||||
OnCancel="BackToTable"
|
||||
OnSuccess="HandleSuccess" />
|
||||
}
|
||||
else
|
||||
{
|
||||
<_BillDataTable OnAdd="() => ShowCreate()"
|
||||
OnEdit="(item) => ShowUpdate(item, false)"
|
||||
OnView="(item) => ShowUpdate(item, true)" />
|
||||
}
|
||||
|
||||
@code {
|
||||
private enum ViewMode { Table, Create, Update, View }
|
||||
private ViewMode _currentView = ViewMode.Table;
|
||||
private UpdateBillRequest? _selectedData;
|
||||
|
||||
private void ShowCreate()
|
||||
{
|
||||
_currentView = ViewMode.Create;
|
||||
}
|
||||
|
||||
private void ShowUpdate(UpdateBillRequest data, bool isReadOnly)
|
||||
{
|
||||
_selectedData = data;
|
||||
_currentView = isReadOnly ? ViewMode.View : ViewMode.Update;
|
||||
}
|
||||
|
||||
private void BackToTable()
|
||||
{
|
||||
_currentView = ViewMode.Table;
|
||||
_selectedData = null;
|
||||
}
|
||||
|
||||
private void HandleSuccess()
|
||||
{
|
||||
_currentView = ViewMode.Table;
|
||||
_selectedData = null;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,181 @@
|
||||
@using Indotalent.Features.Purchase.Bill.Cqrs
|
||||
@using Indotalent.Shared.Utils
|
||||
@using MudBlazor
|
||||
@inject BillService BillService
|
||||
@inject ISnackbar Snackbar
|
||||
|
||||
<MudPaper Elevation="0" Square="true" Class="pa-6 mb-3 d-flex align-center justify-space-between" Style="border: 1px solid #DCEBFA;">
|
||||
<div class="d-flex align-center gap-4">
|
||||
<MudIconButton Icon="@Icons.Material.Filled.ArrowBack" OnClick="() => OnCancel.InvokeAsync()" />
|
||||
<div>
|
||||
<MudText Typo="Typo.h5" Style="font-weight: 900; color: #1a1a1a;">Add Bill</MudText>
|
||||
<MudText Typo="Typo.body2" Style="color: #64748b;">Create a new vendor bill from Purchase Order.</MudText>
|
||||
</div>
|
||||
</div>
|
||||
</MudPaper>
|
||||
|
||||
<MudPaper Elevation="0" Outlined="true" Class="pa-8" Style="border-radius: 4px; border: 1px solid #DCEBFA;">
|
||||
<MudForm @ref="_form" Model="_model">
|
||||
<MudGrid Spacing="3">
|
||||
<MudItem xs="12"><MudText Typo="Typo.button" Color="Color.Primary" Style="font-weight: 800;">Basic Information</MudText><MudDivider /></MudItem>
|
||||
|
||||
<MudItem xs="12" sm="6">
|
||||
<MudText Typo="Typo.subtitle2" Class="mb-1">Bill Date</MudText>
|
||||
<MudDatePicker @bind-Date="_model.BillDate"
|
||||
Variant="Variant.Outlined" Margin="Margin.Dense" />
|
||||
</MudItem>
|
||||
|
||||
<MudItem xs="12" sm="6">
|
||||
<MudText Typo="Typo.subtitle2" Class="mb-0">Purchase Order Reference</MudText>
|
||||
<MudSelect T="string" Value="_model.PurchaseOrderId"
|
||||
ValueChanged="OnPurchaseOrderChanged"
|
||||
For="@(() => _model.PurchaseOrderId)"
|
||||
Variant="Variant.Outlined" Margin="Margin.Dense" Dense="true" FullWidth="true"
|
||||
AnchorOrigin="Origin.BottomCenter" TransformOrigin="Origin.TopCenter">
|
||||
@foreach (var item in _lookup.PurchaseOrders)
|
||||
{
|
||||
<MudSelectItem Value="@item.Id">@item.Name</MudSelectItem>
|
||||
}
|
||||
</MudSelect>
|
||||
</MudItem>
|
||||
|
||||
<MudItem xs="12" sm="6">
|
||||
<MudText Typo="Typo.subtitle2" Class="mb-0">Status</MudText>
|
||||
<MudSelect T="Indotalent.Data.Enums.BillStatus" @bind-Value="_model.BillStatus"
|
||||
Variant="Variant.Outlined" Margin="Margin.Dense" Dense="true" FullWidth="true"
|
||||
AnchorOrigin="Origin.BottomCenter" TransformOrigin="Origin.TopCenter">
|
||||
@foreach (var item in _lookup.Statuses)
|
||||
{
|
||||
<MudSelectItem Value="@((Indotalent.Data.Enums.BillStatus)item.Value)">@item.Name</MudSelectItem>
|
||||
}
|
||||
</MudSelect>
|
||||
</MudItem>
|
||||
|
||||
<MudItem xs="12">
|
||||
<MudText Typo="Typo.subtitle2" Class="mb-1">Description</MudText>
|
||||
<MudTextField @bind-Value="_model.Description"
|
||||
For="@(() => _model.Description)"
|
||||
Variant="Variant.Outlined" Margin="Margin.Dense" Lines="2" FullWidth="true" />
|
||||
</MudItem>
|
||||
|
||||
<MudItem xs="12" Class="mt-6">
|
||||
<_BillPurchaseOrderItemDataTable Items="_items" ReadOnly="true" />
|
||||
</MudItem>
|
||||
|
||||
<MudItem xs="12" sm="7"></MudItem>
|
||||
<MudItem xs="12" sm="5">
|
||||
<MudPaper Elevation="0" Outlined="true" Class="pa-4" Style="border-radius: 4px; background-color: #F8FAFC; border: 1px solid #DCEBFA;">
|
||||
<MudText Typo="Typo.button" Color="Color.Primary" Style="font-weight: 800;" Class="mb-4 d-block">Payment Summary</MudText>
|
||||
<div class="d-flex justify-space-between mb-2">
|
||||
<MudText Typo="Typo.body2">Sub Total</MudText>
|
||||
<MudText Typo="Typo.body2" Style="font-weight: 700;">@_beforeTax.ToString("N2")</MudText>
|
||||
</div>
|
||||
<div class="d-flex justify-space-between mb-2">
|
||||
<MudText Typo="Typo.body2">Tax Amount</MudText>
|
||||
<MudText Typo="Typo.body2" Style="font-weight: 700;">@_taxAmount.ToString("N2")</MudText>
|
||||
</div>
|
||||
<MudDivider Class="my-2" />
|
||||
<div class="d-flex justify-space-between">
|
||||
<MudText Typo="Typo.subtitle1" Style="font-weight: 900;">Total Amount</MudText>
|
||||
<MudText Typo="Typo.subtitle1" Color="Color.Primary" Style="font-weight: 900;">@_afterTax.ToString("N2")</MudText>
|
||||
</div>
|
||||
</MudPaper>
|
||||
</MudItem>
|
||||
</MudGrid>
|
||||
|
||||
<div class="d-flex justify-end gap-2 mt-8">
|
||||
<MudButton OnClick="() => OnCancel.InvokeAsync()"
|
||||
Variant="Variant.Outlined"
|
||||
Disabled="_processing"
|
||||
Style="border-radius: 4px; text-transform: none; font-weight: 700;border: 1px solid #e0e0e0;">
|
||||
Cancel
|
||||
</MudButton>
|
||||
<MudButton Color="Color.Primary"
|
||||
Variant="Variant.Filled"
|
||||
OnClick="Submit"
|
||||
Disabled="_processing"
|
||||
Style="border-radius: 4px; text-transform: none; font-weight: 700;">
|
||||
@if (_processing)
|
||||
{
|
||||
<MudProgressCircular Class="ms-n1" Size="Size.Small" Indeterminate="true" />
|
||||
<MudText Class="ms-2" Typo="Typo.button" Style="text-transform: none !important;">Processing...</MudText>
|
||||
}
|
||||
else
|
||||
{
|
||||
<MudText>Create Bill</MudText>
|
||||
}
|
||||
</MudButton>
|
||||
</div>
|
||||
</MudForm>
|
||||
</MudPaper>
|
||||
|
||||
@code {
|
||||
[Parameter] public EventCallback OnCancel { get; set; }
|
||||
[Parameter] public EventCallback OnSuccess { get; set; }
|
||||
|
||||
private MudForm _form = default!;
|
||||
private CreateBillRequest _model = new() { BillDate = DateTime.Today, BillStatus = Indotalent.Data.Enums.BillStatus.Draft };
|
||||
private BillLookupResponse _lookup = new();
|
||||
private List<BillPurchaseOrderItemResponse> _items = new();
|
||||
private decimal _beforeTax = 0;
|
||||
private decimal _taxAmount = 0;
|
||||
private decimal _afterTax = 0;
|
||||
private bool _processing = false;
|
||||
|
||||
protected override async Task OnInitializedAsync()
|
||||
{
|
||||
var res = await BillService.GetBillLookupAsync();
|
||||
if (res != null && res.IsSuccess) _lookup = res.Value ?? new();
|
||||
}
|
||||
|
||||
private async Task OnPurchaseOrderChanged(string poId)
|
||||
{
|
||||
_model.PurchaseOrderId = poId;
|
||||
if (string.IsNullOrEmpty(poId))
|
||||
{
|
||||
_items.Clear();
|
||||
_beforeTax = 0;
|
||||
_taxAmount = 0;
|
||||
_afterTax = 0;
|
||||
return;
|
||||
}
|
||||
|
||||
var res = await BillService.GetPurchaseOrderDetailForBillAsync(poId);
|
||||
await Task.Delay(500);
|
||||
if (res != null && res.IsSuccess && res.Value != null)
|
||||
{
|
||||
_items = res.Value.Items;
|
||||
_beforeTax = res.Value.BeforeTaxAmount ?? 0;
|
||||
_taxAmount = res.Value.TaxAmount ?? 0;
|
||||
_afterTax = res.Value.AfterTaxAmount ?? 0;
|
||||
Snackbar.Add("Purchase Order reference selected. Payment summary and items have been loaded.", Severity.Info);
|
||||
}
|
||||
}
|
||||
|
||||
private async Task Submit()
|
||||
{
|
||||
await _form.Validate();
|
||||
if (!_form.IsValid) return;
|
||||
|
||||
_processing = true;
|
||||
try
|
||||
{
|
||||
var response = await BillService.CreateBillAsync(_model);
|
||||
await Task.Delay(500);
|
||||
|
||||
if (response != null && response.IsSuccess)
|
||||
{
|
||||
Snackbar.Add("Created successfully", Severity.Success);
|
||||
await OnSuccess.InvokeAsync();
|
||||
}
|
||||
}
|
||||
catch (Exception ex)
|
||||
{
|
||||
Snackbar.Add($"Error: {ex.Message}", Severity.Error);
|
||||
}
|
||||
finally
|
||||
{
|
||||
_processing = false;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,383 @@
|
||||
@using Indotalent.ConfigBackEnd.Extensions
|
||||
@using Indotalent.Features.Purchase.Bill
|
||||
@using Indotalent.Features.Purchase.Bill.Cqrs
|
||||
@using Microsoft.AspNetCore.Components.Web
|
||||
@using Microsoft.JSInterop
|
||||
@using MudBlazor
|
||||
@using Features.Root.Shared
|
||||
@using ClosedXML.Excel
|
||||
@using System.IO
|
||||
@inject BillService BillService
|
||||
@inject IDialogService DialogService
|
||||
@inject ISnackbar Snackbar
|
||||
@inject IJSRuntime JSRuntime
|
||||
|
||||
<MudPaper Elevation="0" Square="true" Class="pa-6 mb-3 d-flex align-center justify-space-between" Style="border: 1px solid #E5E7EB; border-radius: 12px;">
|
||||
<div>
|
||||
<MudText Typo="Typo.h5" Style="font-weight: 600; color: #111827;">Vendor Bill</MudText>
|
||||
<MudText Typo="Typo.body2" Style="color: #9CA3AF;">Manage bills received from vendors based on Purchase Orders.</MudText>
|
||||
</div>
|
||||
<div class="d-flex align-center gap-2">
|
||||
<MudIcon Icon="@Icons.Material.Filled.Home" Size="Size.Small" Color="Color.Default" />
|
||||
<MudText Typo="Typo.caption" Style="color: #9CA3AF;">/</MudText>
|
||||
<MudText Typo="Typo.caption" Style="color: #9CA3AF;">Purchase</MudText>
|
||||
<MudText Typo="Typo.caption" Style="color: #9CA3AF;">/</MudText>
|
||||
<MudText Typo="Typo.caption" Style="font-weight: 600; color: #111827;">Bill</MudText>
|
||||
</div>
|
||||
</MudPaper>
|
||||
|
||||
<MudPaper Elevation="0" Outlined="true" Style="border-radius: 12px; overflow: hidden; background-color: #ffffff; border: 1px solid #E5E7EB;">
|
||||
<div style="padding: 20px 24px; border-bottom: 1px solid #E5E7EB; display: flex; justify-content: space-between; align-items: center; background-color: #ffffff; min-height: 80px;">
|
||||
<div style="display: flex; align-items: center; gap: 8px;">
|
||||
<MudTextField @bind-Value="_searchString"
|
||||
Placeholder="Search..."
|
||||
Adornment="Adornment.Start"
|
||||
AdornmentIcon="@Icons.Material.Filled.Search"
|
||||
IconSize="Size.Small"
|
||||
Class="mt-0"
|
||||
Variant="Variant.Outlined"
|
||||
Margin="Margin.Dense"
|
||||
Style="background-color: white; width: 280px; border-radius: 8px;"
|
||||
OnKeyDown="@HandleSearchKeyDown" />
|
||||
<MudButton Variant="Variant.Filled"
|
||||
Color="Color.Primary"
|
||||
OnClick="OnSearchClick"
|
||||
Size="Size.Small"
|
||||
Style="text-transform: none; font-weight: 500; border-radius: 6px; height: 34px; box-shadow: none;">
|
||||
Search
|
||||
</MudButton>
|
||||
</div>
|
||||
|
||||
<div style="display: flex; gap: 8px; align-items: center;">
|
||||
<MudButton Variant="Variant.Outlined"
|
||||
Color="Color.Success"
|
||||
OnClick="ExportToExcel"
|
||||
Size="Size.Small"
|
||||
Disabled="_isExporting"
|
||||
StartIcon="@(_isExporting ? null : Icons.Custom.FileFormats.FileExcel)"
|
||||
Style="background: white; font-weight: 500; border-radius: 6px; text-transform: none; height: 34px; border: 1px solid #D1D5DB; color: #6B7280;">
|
||||
@if (_isExporting)
|
||||
{
|
||||
<MudProgressCircular Class="ms-n1" Size="Size.Small" Indeterminate="true" />
|
||||
<MudText Class="ms-2" Typo="Typo.button" Style="text-transform: none !important;">Processing...</MudText>
|
||||
}
|
||||
else
|
||||
{
|
||||
<MudText Typo="Typo.button" Style="text-transform: none !important;">Excel</MudText>
|
||||
}
|
||||
</MudButton>
|
||||
|
||||
<MudButton Variant="Variant.Outlined"
|
||||
Color="Color.Primary"
|
||||
OnClick="LoadData"
|
||||
Size="Size.Small"
|
||||
StartIcon="@(_isRefreshing ? null : Icons.Material.Filled.Refresh)"
|
||||
Disabled="_isRefreshing"
|
||||
Style="background: white; font-weight: 500; border-radius: 6px; text-transform: none; height: 34px; border: 1px solid #D1D5DB; color: #6B7280;">
|
||||
@if (_isRefreshing)
|
||||
{
|
||||
<MudProgressCircular Class="ms-n1" Size="Size.Small" Indeterminate="true" />
|
||||
<MudText Class="ms-2" Typo="Typo.button" Style="text-transform: none !important;">Refreshing...</MudText>
|
||||
}
|
||||
else
|
||||
{
|
||||
<MudText Typo="Typo.button" Style="text-transform: none !important;">Refresh</MudText>
|
||||
}
|
||||
</MudButton>
|
||||
|
||||
@if (_selectedItem != null)
|
||||
{
|
||||
<MudButton Variant="Variant.Outlined" Color="Color.Info" StartIcon="@Icons.Material.Filled.Visibility" OnClick="InvokeView" Size="Size.Small" Style="text-transform: none; font-weight: 500; border-radius: 6px; background-color: white; border: 1px solid #D1D5DB; color: #6B7280;">View</MudButton>
|
||||
<MudButton Variant="Variant.Outlined" Color="Color.Primary" StartIcon="@Icons.Material.Filled.Edit" OnClick="InvokeEdit" Size="Size.Small" Style="text-transform: none; font-weight: 500; border-radius: 6px; background-color: white; border: 1px solid #D1D5DB; color: #6B7280;">Edit</MudButton>
|
||||
<MudButton Variant="Variant.Outlined" Color="Color.Error" StartIcon="@Icons.Material.Filled.Delete" OnClick="OnDelete" Size="Size.Small" Style="text-transform: none; font-weight: 500; border-radius: 6px; background: white; border: 1px solid #FCA5A5; color: #EF4444;">Remove</MudButton>
|
||||
<MudIconButton Icon="@Icons.Material.Filled.Close" Size="Size.Small" OnClick="() => _selectedItem = null" />
|
||||
}
|
||||
else
|
||||
{
|
||||
<MudButton Variant="Variant.Filled" Color="Color.Primary" StartIcon="@Icons.Material.Filled.Add" OnClick="() => OnAdd.InvokeAsync()" Size="Size.Small" Style="text-transform: none; font-weight: 500; border-radius: 6px; height: 34px;">
|
||||
Add Bill
|
||||
</MudButton>
|
||||
}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<MudTable Items="@GetPagedData()" Striped="true" Class="mud-table-styled" Hover="true" Elevation="0" CustomHeader="true" Dense="true" T="GetBillListResponse" OnRowClick="@((args) => _selectedItem = args.Item)" Loading="@_isRefreshing">
|
||||
<HeaderContent>
|
||||
<MudTh Style="width: 50px; background-color: #ffffff; border-bottom: 1px solid #E5E7EB;"></MudTh>
|
||||
<MudTh Style="font-weight: 600; color: #6B7280; text-transform: uppercase; font-size: 0.6875rem; letter-spacing: 0.05em; background-color: #F9FAFB; border-bottom: 1px solid #E5E7EB;">
|
||||
<MudTableSortLabel SortBy="new Func<GetBillListResponse, object>(x => x.AutoNumber!)">Bill No</MudTableSortLabel>
|
||||
</MudTh>
|
||||
<MudTh Style="font-weight: 600; color: #6B7280; text-transform: uppercase; font-size: 0.6875rem; letter-spacing: 0.05em; background-color: #F9FAFB; border-bottom: 1px solid #E5E7EB;">
|
||||
<MudTableSortLabel SortBy="new Func<GetBillListResponse, object>(x => x.BillDate!)">Date</MudTableSortLabel>
|
||||
</MudTh>
|
||||
<MudTh Style="font-weight: 600; color: #6B7280; text-transform: uppercase; font-size: 0.6875rem; letter-spacing: 0.05em; background-color: #F9FAFB; border-bottom: 1px solid #E5E7EB;">
|
||||
<MudTableSortLabel SortBy="new Func<GetBillListResponse, object>(x => x.PurchaseOrderAutoNumber!)">PO Ref</MudTableSortLabel>
|
||||
</MudTh>
|
||||
<MudTh Style="font-weight: 600; color: #6B7280; text-transform: uppercase; font-size: 0.6875rem; letter-spacing: 0.05em; background-color: #F9FAFB; border-bottom: 1px solid #E5E7EB;">
|
||||
<MudTableSortLabel SortBy="new Func<GetBillListResponse, object>(x => x.VendorName!)">Vendor</MudTableSortLabel>
|
||||
</MudTh>
|
||||
<MudTh Style="font-weight: 600; color: #6B7280; text-transform: uppercase; font-size: 0.6875rem; letter-spacing: 0.05em; background-color: #F9FAFB; border-bottom: 1px solid #E5E7EB;">
|
||||
<MudTableSortLabel SortBy="new Func<GetBillListResponse, object>(x => x.BillStatus)">Status</MudTableSortLabel>
|
||||
</MudTh>
|
||||
<MudTh Style="font-weight: 600; color: #6B7280; text-transform: uppercase; font-size: 0.6875rem; letter-spacing: 0.05em; background-color: #F9FAFB; border-bottom: 1px solid #E5E7EB;">
|
||||
<MudTableSortLabel SortBy="new Func<GetBillListResponse, object>(x => x.AfterTaxAmount!)">Total</MudTableSortLabel>
|
||||
</MudTh>
|
||||
</HeaderContent>
|
||||
<RowTemplate>
|
||||
<MudTd>
|
||||
<MudCheckBox T="bool" Value="@(_selectedItem?.Id == context.Id)" Color="Color.Primary" Dense="true" Size="Size.Small" ReadOnly="true" />
|
||||
</MudTd>
|
||||
<MudTd Style="padding-top: 0.75rem; padding-bottom: 0.75rem; color: #374151; font-size: 0.875rem;">@context.AutoNumber</MudTd>
|
||||
<MudTd Style="padding-top: 0.75rem; padding-bottom: 0.75rem; color: #374151; font-size: 0.875rem;">@context.BillDate?.ToString("yyyy-MM-dd")</MudTd>
|
||||
<MudTd Style="padding-top: 0.75rem; padding-bottom: 0.75rem; color: #374151; font-size: 0.875rem;">@context.PurchaseOrderAutoNumber</MudTd>
|
||||
<MudTd Style="padding-top: 0.75rem; padding-bottom: 0.75rem; color: #374151; font-size: 0.875rem;">@context.VendorName</MudTd>
|
||||
<MudTd Style="padding-top: 0.75rem; padding-bottom: 0.75rem; color: #374151; font-size: 0.875rem;">
|
||||
<MudChip T="string" Color="Color.Info" Size="Size.Small" Variant="Variant.Text" Style="font-weight: 600;">@context.BillStatus.ToString().ToUpper()</MudChip>
|
||||
</MudTd>
|
||||
<MudTd Style="text-align: right; font-weight: 700;">@context.AfterTaxAmount?.ToString("N2")</MudTd>
|
||||
</RowTemplate>
|
||||
</MudTable>
|
||||
|
||||
<div style="display: flex; justify-content: space-between; align-items: center; padding: 12px 24px; background-color: #F9FAFB; border-top: 1px solid #E5E7EB;">
|
||||
<div style="display: flex; align-items: center; gap: 12px;">
|
||||
<MudText Typo="Typo.caption" Style="font-weight: 500; color: #9CA3AF; font-size: 0.75rem;">Rows per page:</MudText>
|
||||
<MudSelect T="int" Value="@_top" ValueChanged="OnPageSizeChanged" Dense="true" Margin="Margin.Dense" Style="width: 80px; background-color: white; font-size: 12px; font-weight: 600;" Variant="Variant.Outlined" Class="mt-0">
|
||||
<MudSelectItem Value="5" />
|
||||
<MudSelectItem Value="10" />
|
||||
<MudSelectItem Value="50" />
|
||||
<MudSelectItem Value="500" />
|
||||
<MudSelectItem Value="1000" />
|
||||
</MudSelect>
|
||||
<MudText Typo="Typo.caption" Style="color: #9CA3AF; margin-left: 12px; font-size: 0.75rem; font-weight: 500;">
|
||||
Showing @(GetFilteredData().Count() == 0 ? 0 : _skip + 1)-@Math.Min(_skip + _top, GetFilteredData().Count()) of @GetFilteredData().Count()
|
||||
</MudText>
|
||||
</div>
|
||||
<div style="display: flex; gap: 8px; align-items: center;">
|
||||
<MudIconButton Icon="@Icons.Material.Filled.FirstPage" Size="Size.Small" OnClick="@(() => OnPageChanged(1))" Disabled="@(_currentPage == 1)" Style="@(_currentPage == 1 ? "color: #D1D5DB; background: transparent;" : "color: #6B7280; background: white; border: 1px solid #D1D5DB; border-radius: 6px;")" />
|
||||
<MudButton OnClick="@(() => OnPageChanged(_currentPage - 1))" Disabled="@(_currentPage == 1)" Variant="Variant.Text" StartIcon="@Icons.Material.Filled.ChevronLeft" Size="Size.Small" Style="@(_currentPage == 1 ? "text-transform: none; font-weight: 500; color: #D1D5DB;" : "text-transform: none; font-weight: 500; color: #374151; border: 1px solid #D1D5DB; border-radius: 6px; background: white;")">Prev</MudButton>
|
||||
@{
|
||||
var totalPages = _totalPage == 0 ? 1 : _totalPage;
|
||||
var maxVisible = 5;
|
||||
var startPage = Math.Max(1, _currentPage - maxVisible / 2);
|
||||
var endPage = Math.Min(totalPages, startPage + maxVisible - 1);
|
||||
if (endPage - startPage < maxVisible - 1) { startPage = Math.Max(1, endPage - maxVisible + 1); }
|
||||
}
|
||||
@for (int i = startPage; i <= endPage; i++)
|
||||
{
|
||||
var pageNum = i;
|
||||
var isActive = pageNum == _currentPage;
|
||||
<MudButton OnClick="@(() => OnPageChanged(pageNum))"
|
||||
Variant="Variant.Text" Size="Size.Small"
|
||||
Style="@(isActive ? "min-width: 34px; padding: 4px 8px; font-size: 0.75rem; font-weight: 600; background: #3B82F6; color: white; border: 1px solid #3B82F6; border-radius: 6px; text-transform: none;" : "min-width: 34px; padding: 4px 8px; font-size: 0.75rem; font-weight: 500; color: #374151; background: white; border: 1px solid #D1D5DB; border-radius: 6px; text-transform: none;")">@pageNum</MudButton>
|
||||
}
|
||||
<MudButton OnClick="@(() => OnPageChanged(_currentPage + 1))" Disabled="@(_currentPage == _totalPage || _totalPage == 0)" Variant="Variant.Text" EndIcon="@Icons.Material.Filled.ChevronRight" Size="Size.Small" Style="@(_currentPage == _totalPage || _totalPage == 0 ? "text-transform: none; font-weight: 500; color: #D1D5DB;" : "text-transform: none; font-weight: 500; color: #374151; border: 1px solid #D1D5DB; border-radius: 6px; background: white;")">Next</MudButton>
|
||||
<MudIconButton Icon="@Icons.Material.Filled.LastPage" Size="Size.Small" OnClick="@(() => OnPageChanged(_totalPage))" Disabled="@(_currentPage == _totalPage || _totalPage == 0)" Style="@(_currentPage == _totalPage || _totalPage == 0 ? "color: #D1D5DB; background: transparent;" : "background-color: white; border: 1px solid #D1D5DB; color: #6B7280;")" />
|
||||
</div>
|
||||
</div>
|
||||
</MudPaper>
|
||||
|
||||
|
||||
<style>
|
||||
.mud-table-styled .mud-table-row:hover { background-color: #F9FAFB !important; }
|
||||
.mud-input-outlined-border { border-radius: 8px !important; }
|
||||
.custom-select-dense .mud-input-control { margin-top: 0 !important; }
|
||||
.custom-select-dense .mud-input-slot { padding-top: 4px !important; padding-bottom: 4px !important; padding-left: 8px !important; font-size: 12px !important; }
|
||||
</style>
|
||||
|
||||
@code {
|
||||
[Parameter] public EventCallback OnAdd { get; set; }
|
||||
[Parameter] public EventCallback<UpdateBillRequest> OnEdit { get; set; }
|
||||
[Parameter] public EventCallback<UpdateBillRequest> OnView { get; set; }
|
||||
|
||||
private List<GetBillListResponse> _items = new();
|
||||
private GetBillListResponse? _selectedItem;
|
||||
private string _searchString = "";
|
||||
private bool _isRefreshing = false;
|
||||
private bool _isExporting = false;
|
||||
|
||||
private int _skip = 0;
|
||||
private int _top = 5;
|
||||
private int _totalPage => GetFilteredData().Count() == 0 ? 0 : (int)Math.Ceiling((double)GetFilteredData().Count() / (_top == 0 ? 1 : _top));
|
||||
private int _currentPage => (_top >= GetFilteredData().Count() || _top == 0) ? 1 : (_skip / _top) + 1;
|
||||
|
||||
protected override async Task OnInitializedAsync() => await LoadData();
|
||||
|
||||
private async Task LoadData()
|
||||
{
|
||||
_isRefreshing = true;
|
||||
_selectedItem = null;
|
||||
StateHasChanged();
|
||||
try
|
||||
{
|
||||
var response = await BillService.GetBillListAsync();
|
||||
await Task.Delay(500);
|
||||
if (response != null && response.IsSuccess)
|
||||
{
|
||||
_items = response.Value ?? new();
|
||||
}
|
||||
}
|
||||
finally
|
||||
{
|
||||
_isRefreshing = false;
|
||||
StateHasChanged();
|
||||
}
|
||||
}
|
||||
|
||||
private IEnumerable<GetBillListResponse> GetFilteredData()
|
||||
{
|
||||
if (string.IsNullOrWhiteSpace(_searchString)) return _items;
|
||||
return _items.Where(x =>
|
||||
(x.AutoNumber?.Contains(_searchString, StringComparison.OrdinalIgnoreCase) ?? false) ||
|
||||
(x.PurchaseOrderAutoNumber?.Contains(_searchString, StringComparison.OrdinalIgnoreCase) ?? false) ||
|
||||
(x.VendorName?.Contains(_searchString, StringComparison.OrdinalIgnoreCase) ?? false)
|
||||
);
|
||||
}
|
||||
|
||||
private IEnumerable<GetBillListResponse> GetPagedData() => GetFilteredData().Skip(_skip).Take(_top);
|
||||
|
||||
private void OnSearchClick()
|
||||
{
|
||||
_skip = 0;
|
||||
_selectedItem = null;
|
||||
StateHasChanged();
|
||||
}
|
||||
|
||||
private void HandleSearchKeyDown(KeyboardEventArgs e)
|
||||
{
|
||||
if (e.Key == "Enter") OnSearchClick();
|
||||
}
|
||||
|
||||
private async Task ExportToExcel()
|
||||
{
|
||||
_isExporting = true;
|
||||
StateHasChanged();
|
||||
try
|
||||
{
|
||||
await Task.Delay(1000);
|
||||
using (var workbook = new XLWorkbook())
|
||||
{
|
||||
var worksheet = workbook.Worksheets.Add("Bills");
|
||||
var currentRow = 1;
|
||||
|
||||
worksheet.Cell(currentRow, 1).Value = "Bill No";
|
||||
worksheet.Cell(currentRow, 2).Value = "Date";
|
||||
worksheet.Cell(currentRow, 3).Value = "PO Ref";
|
||||
worksheet.Cell(currentRow, 4).Value = "Vendor";
|
||||
worksheet.Cell(currentRow, 5).Value = "Status";
|
||||
worksheet.Cell(currentRow, 6).Value = "Total Amount";
|
||||
|
||||
var headerRange = worksheet.Range(1, 1, 1, 6);
|
||||
headerRange.Style.Font.Bold = true;
|
||||
headerRange.Style.Fill.BackgroundColor = XLColor.FromHtml("#0D47A1");
|
||||
headerRange.Style.Font.FontColor = XLColor.White;
|
||||
|
||||
foreach (var item in GetFilteredData())
|
||||
{
|
||||
currentRow++;
|
||||
worksheet.Cell(currentRow, 1).Value = item.AutoNumber;
|
||||
worksheet.Cell(currentRow, 2).Value = item.BillDate?.ToString("yyyy-MM-dd");
|
||||
worksheet.Cell(currentRow, 3).Value = item.PurchaseOrderAutoNumber;
|
||||
worksheet.Cell(currentRow, 4).Value = item.VendorName;
|
||||
worksheet.Cell(currentRow, 5).Value = item.BillStatus.ToString();
|
||||
worksheet.Cell(currentRow, 6).Value = item.AfterTaxAmount;
|
||||
}
|
||||
|
||||
worksheet.Columns().AdjustToContents();
|
||||
|
||||
using (var stream = new MemoryStream())
|
||||
{
|
||||
workbook.SaveAs(stream);
|
||||
var content = Convert.ToBase64String(stream.ToArray());
|
||||
await JSRuntime.InvokeVoidAsync("downloadFile", "Bill_List.xlsx", "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet", content);
|
||||
Snackbar.Add("Excel exported successfully", Severity.Success);
|
||||
}
|
||||
}
|
||||
}
|
||||
catch (Exception ex)
|
||||
{
|
||||
Snackbar.Add($"Export failed: {ex.Message}", Severity.Error);
|
||||
}
|
||||
finally
|
||||
{
|
||||
_isExporting = false;
|
||||
StateHasChanged();
|
||||
}
|
||||
}
|
||||
|
||||
private void OnPageChanged(int page)
|
||||
{
|
||||
if (page >= 1 && page <= _totalPage)
|
||||
{
|
||||
_skip = (page - 1) * _top;
|
||||
_selectedItem = null;
|
||||
StateHasChanged();
|
||||
}
|
||||
}
|
||||
|
||||
private void OnPageSizeChanged(int size)
|
||||
{
|
||||
_top = size;
|
||||
_skip = 0;
|
||||
_selectedItem = null;
|
||||
StateHasChanged();
|
||||
}
|
||||
|
||||
private async Task InvokeEdit()
|
||||
{
|
||||
if (_selectedItem == null) return;
|
||||
var request = await MapToUpdateRequest(_selectedItem.Id!);
|
||||
if (request != null) await OnEdit.InvokeAsync(request);
|
||||
}
|
||||
|
||||
private async Task InvokeView()
|
||||
{
|
||||
if (_selectedItem == null) return;
|
||||
var request = await MapToUpdateRequest(_selectedItem.Id!);
|
||||
if (request != null) await OnView.InvokeAsync(request);
|
||||
}
|
||||
|
||||
private async Task<UpdateBillRequest?> MapToUpdateRequest(string id)
|
||||
{
|
||||
var response = await BillService.GetBillByIdAsync(id);
|
||||
if (response != null && response.IsSuccess && response.Value != null)
|
||||
{
|
||||
var detail = response.Value;
|
||||
return new UpdateBillRequest
|
||||
{
|
||||
Id = detail.Id,
|
||||
BillDate = detail.BillDate,
|
||||
BillStatus = detail.BillStatus,
|
||||
AutoNumber = detail.AutoNumber,
|
||||
Description = detail.Description,
|
||||
PurchaseOrderId = detail.PurchaseOrderId,
|
||||
CreatedAt = detail.CreatedAt,
|
||||
CreatedBy = detail.CreatedBy,
|
||||
UpdatedAt = detail.UpdatedAt,
|
||||
UpdatedBy = detail.UpdatedBy
|
||||
};
|
||||
}
|
||||
return null;
|
||||
}
|
||||
|
||||
private async Task OnDelete()
|
||||
{
|
||||
if (_selectedItem == null) return;
|
||||
|
||||
var parameters = new DialogParameters<_DeleteConfirmation> { { x => x.ContentText, _selectedItem.AutoNumber } };
|
||||
var options = new DialogOptions { CloseButton = false, MaxWidth = MaxWidth.ExtraSmall, FullWidth = true };
|
||||
|
||||
var dialog = await DialogService.ShowAsync<_DeleteConfirmation>("", parameters, options);
|
||||
var result = await dialog.Result;
|
||||
|
||||
if (result != null && !result.Canceled)
|
||||
{
|
||||
var isSuccess = await BillService.DeleteBillByIdAsync(_selectedItem.Id!);
|
||||
if (isSuccess)
|
||||
{
|
||||
_selectedItem = null;
|
||||
await LoadData();
|
||||
Snackbar.Add("Deleted successfully", Severity.Success);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,38 @@
|
||||
@using Indotalent.Features.Purchase.Bill.Cqrs
|
||||
@using MudBlazor
|
||||
|
||||
<MudPaper Elevation="0" Outlined="true" Style="border-radius: 12px; border: 1px solid #E5E7EB;">
|
||||
<div style="padding: 20px 24px; border-bottom: 1px solid #E5E7EB; background-color: #ffffff;">
|
||||
<MudText Typo="Typo.button" Color="Color.Default" Style="font-weight: 600; color: #111827;">Referenced Purchase Order Items</MudText>
|
||||
</div>
|
||||
|
||||
<MudTable Items="Items" Striped="true" Class="mud-table-styled" Hover="true" Elevation="0" Dense="true" T="BillPurchaseOrderItemResponse">
|
||||
<HeaderContent>
|
||||
<MudTh Style="font-weight: 600; color: #6B7280; text-transform: uppercase; font-size: 0.6875rem; letter-spacing: 0.05em; background-color: #F9FAFB; border-bottom: 1px solid #E5E7EB;">Product</MudTh>
|
||||
<MudTh Style="font-weight: 600; color: #6B7280; text-transform: uppercase; font-size: 0.6875rem; letter-spacing: 0.05em; background-color: #F9FAFB; border-bottom: 1px solid #E5E7EB;">Summary</MudTh>
|
||||
<MudTh Style="font-weight: 600; color: #6B7280; text-transform: uppercase; font-size: 0.6875rem; letter-spacing: 0.05em; background-color: #F9FAFB; border-bottom: 1px solid #E5E7EB; text-align: right;">Unit Price</MudTh>
|
||||
<MudTh Style="font-weight: 600; color: #6B7280; text-transform: uppercase; font-size: 0.6875rem; letter-spacing: 0.05em; background-color: #F9FAFB; border-bottom: 1px solid #E5E7EB; text-align: right;">Quantity</MudTh>
|
||||
<MudTh Style="font-weight: 600; color: #6B7280; text-transform: uppercase; font-size: 0.6875rem; letter-spacing: 0.05em; background-color: #F9FAFB; border-bottom: 1px solid #E5E7EB; text-align: right;">Total</MudTh>
|
||||
</HeaderContent>
|
||||
<RowTemplate>
|
||||
<MudTd DataLabel="Product">@context.ProductName</MudTd>
|
||||
<MudTd DataLabel="Summary">@context.Summary</MudTd>
|
||||
<MudTd DataLabel="UnitPrice" Style="text-align: right;">@context.UnitPrice?.ToString("N2")</MudTd>
|
||||
<MudTd DataLabel="Quantity" Style="text-align: right;">@context.Quantity</MudTd>
|
||||
<MudTd DataLabel="Total" Style="text-align: right; font-weight: 700;">@context.Total?.ToString("N2")</MudTd>
|
||||
</RowTemplate>
|
||||
</MudTable>
|
||||
</MudPaper>
|
||||
|
||||
|
||||
<style>
|
||||
.mud-table-styled .mud-table-row:hover { background-color: #F9FAFB !important; }
|
||||
.mud-input-outlined-border { border-radius: 8px !important; }
|
||||
.custom-select-dense .mud-input-control { margin-top: 0 !important; }
|
||||
.custom-select-dense .mud-input-slot { padding-top: 4px !important; padding-bottom: 4px !important; padding-left: 8px !important; font-size: 12px !important; }
|
||||
</style>
|
||||
|
||||
@code {
|
||||
[Parameter] public List<BillPurchaseOrderItemResponse> Items { get; set; } = new();
|
||||
[Parameter] public bool ReadOnly { get; set; } = true;
|
||||
}
|
||||
@@ -0,0 +1,265 @@
|
||||
@using Indotalent.ConfigBackEnd.Extensions
|
||||
@using Indotalent.Features.Purchase.Bill.Cqrs
|
||||
@using Indotalent.Features.Purchase.Bill.Components
|
||||
@using Indotalent.Shared.Utils
|
||||
@using MudBlazor
|
||||
@using Microsoft.JSInterop
|
||||
@inject BillService BillService
|
||||
@inject ISnackbar Snackbar
|
||||
@inject IJSRuntime JSRuntime
|
||||
|
||||
<MudPaper Elevation="0" Square="true" Class="pa-6 mb-3 d-flex align-center justify-space-between" Style="border: 1px solid #DCEBFA;">
|
||||
<div class="d-flex align-center gap-4">
|
||||
<MudIconButton Icon="@Icons.Material.Filled.ArrowBack" OnClick="() => OnCancel.InvokeAsync()" />
|
||||
<div>
|
||||
<MudText Typo="Typo.h5" Style="font-weight: 900; color: #1a1a1a;">@(ReadOnly ? "Details" : "Edit") Bill</MudText>
|
||||
<MudText Typo="Typo.body2" Style="color: #64748b;">@_model.AutoNumber</MudText>
|
||||
</div>
|
||||
</div>
|
||||
@if (ReadOnly || !string.IsNullOrEmpty(_model.Id))
|
||||
{
|
||||
<MudButton Variant="Variant.Filled"
|
||||
Color="Color.Info"
|
||||
StartIcon="@(_isPrinting ? null : Icons.Material.Filled.Print)"
|
||||
OnClick="DownloadPdf"
|
||||
Disabled="_isPrinting"
|
||||
Style="border-radius: 4px; text-transform: none; font-weight: 700; box-shadow: none;">
|
||||
@if (_isPrinting)
|
||||
{
|
||||
<MudProgressCircular Class="ms-n1" Size="Size.Small" Indeterminate="true" />
|
||||
<MudText Class="ms-2">Generating PDF...</MudText>
|
||||
}
|
||||
else
|
||||
{
|
||||
<MudText>Print PDF</MudText>
|
||||
}
|
||||
</MudButton>
|
||||
}
|
||||
</MudPaper>
|
||||
|
||||
<MudPaper Elevation="0" Outlined="true" Class="pa-8" Style="border-radius: 4px; border: 1px solid #DCEBFA;">
|
||||
<MudForm @ref="_form" Model="_model">
|
||||
<MudGrid Spacing="3">
|
||||
<MudItem xs="12"><MudText Typo="Typo.button" Color="Color.Primary" Style="font-weight: 800;">Basic Information</MudText><MudDivider /></MudItem>
|
||||
|
||||
<MudItem xs="12" sm="6">
|
||||
<MudText Typo="Typo.subtitle2" Class="mb-0">Bill Date</MudText>
|
||||
<MudDatePicker @bind-Date="_model.BillDate" ReadOnly="ReadOnly"
|
||||
Variant="Variant.Outlined" Margin="Margin.Dense" />
|
||||
</MudItem>
|
||||
|
||||
<MudItem xs="12" sm="6">
|
||||
<MudText Typo="Typo.subtitle2" Class="mb-0">Purchase Order Reference</MudText>
|
||||
<MudSelect T="string" Value="_model.PurchaseOrderId"
|
||||
ValueChanged="OnPurchaseOrderChanged"
|
||||
ReadOnly="ReadOnly"
|
||||
Variant="Variant.Outlined" Margin="Margin.Dense" Dense="true" FullWidth="true"
|
||||
AnchorOrigin="Origin.BottomCenter" TransformOrigin="Origin.TopCenter">
|
||||
@foreach (var item in _lookup.PurchaseOrders)
|
||||
{
|
||||
<MudSelectItem Value="@item.Id">@item.Name</MudSelectItem>
|
||||
}
|
||||
</MudSelect>
|
||||
</MudItem>
|
||||
|
||||
<MudItem xs="12" sm="6">
|
||||
<MudText Typo="Typo.subtitle2" Class="mb-0">Status</MudText>
|
||||
<MudSelect T="Indotalent.Data.Enums.BillStatus" @bind-Value="_model.BillStatus"
|
||||
ReadOnly="ReadOnly"
|
||||
Variant="Variant.Outlined" Margin="Margin.Dense" Dense="true" FullWidth="true"
|
||||
AnchorOrigin="Origin.BottomCenter" TransformOrigin="Origin.TopCenter">
|
||||
@foreach (var item in _lookup.Statuses)
|
||||
{
|
||||
<MudSelectItem Value="@((Indotalent.Data.Enums.BillStatus)item.Value)">@item.Name</MudSelectItem>
|
||||
}
|
||||
</MudSelect>
|
||||
</MudItem>
|
||||
|
||||
<MudItem xs="12">
|
||||
<MudText Typo="Typo.subtitle2" Class="mb-1">Description</MudText>
|
||||
<MudTextField @bind-Value="_model.Description"
|
||||
ReadOnly="ReadOnly"
|
||||
Variant="Variant.Outlined" Margin="Margin.Dense" Lines="2" FullWidth="true" />
|
||||
</MudItem>
|
||||
|
||||
<MudItem xs="12" Class="mt-6">
|
||||
<_BillPurchaseOrderItemDataTable Items="_items" ReadOnly="true" />
|
||||
</MudItem>
|
||||
|
||||
<MudItem xs="12" sm="7"></MudItem>
|
||||
<MudItem xs="12" sm="5">
|
||||
<MudPaper Elevation="0" Outlined="true" Class="pa-4" Style="border-radius: 4px; background-color: #F8FAFC; border: 1px solid #DCEBFA;">
|
||||
<MudText Typo="Typo.button" Color="Color.Primary" Style="font-weight: 800;" Class="mb-4 d-block">Payment Summary</MudText>
|
||||
<div class="d-flex justify-space-between mb-2">
|
||||
<MudText Typo="Typo.body2">Sub Total</MudText>
|
||||
<MudText Typo="Typo.body2" Style="font-weight: 700;">@_beforeTax.ToString("N2")</MudText>
|
||||
</div>
|
||||
<div class="d-flex justify-space-between mb-2">
|
||||
<MudText Typo="Typo.body2">Tax Amount</MudText>
|
||||
<MudText Typo="Typo.body2" Style="font-weight: 700;">@_taxAmount.ToString("N2")</MudText>
|
||||
</div>
|
||||
<MudDivider Class="my-2" />
|
||||
<div class="d-flex justify-space-between">
|
||||
<MudText Typo="Typo.subtitle1" Style="font-weight: 900;">Total Amount</MudText>
|
||||
<MudText Typo="Typo.subtitle1" Color="Color.Primary" Style="font-weight: 900;">@_afterTax.ToString("N2")</MudText>
|
||||
</div>
|
||||
</MudPaper>
|
||||
</MudItem>
|
||||
|
||||
<MudItem xs="12" Class="mt-4">
|
||||
<MudText Typo="Typo.button" Color="Color.Primary" Style="font-weight: 800;">Audit History</MudText>
|
||||
<MudDivider Class="mt-2 mb-4" />
|
||||
</MudItem>
|
||||
|
||||
<MudItem xs="12" sm="6">
|
||||
<MudText Typo="Typo.subtitle2">Created At</MudText>
|
||||
<MudText Typo="Typo.body2" Style="color: #1a1a1a; font-weight: 600;">@DateTimeExtensions.ToString(_model.CreatedAt)</MudText>
|
||||
</MudItem>
|
||||
<MudItem xs="12" sm="6">
|
||||
<MudText Typo="Typo.subtitle2">Created By</MudText>
|
||||
<MudText Typo="Typo.body2" Style="color: #1a1a1a; font-weight: 600;">@(!string.IsNullOrEmpty(_model.CreatedBy) ? _model.CreatedBy : "System")</MudText>
|
||||
</MudItem>
|
||||
<MudItem xs="12" sm="6">
|
||||
<MudText Typo="Typo.subtitle2">Last Updated At</MudText>
|
||||
<MudText Typo="Typo.body2" Style="color: #1a1a1a; font-weight: 600;">@DateTimeExtensions.ToString(_model.UpdatedAt)</MudText>
|
||||
</MudItem>
|
||||
<MudItem xs="12" sm="6">
|
||||
<MudText Typo="Typo.subtitle2">Last Updated By</MudText>
|
||||
<MudText Typo="Typo.body2" Style="color: #1a1a1a; font-weight: 600;">@(!string.IsNullOrEmpty(_model.UpdatedBy) ? _model.UpdatedBy : "System")</MudText>
|
||||
</MudItem>
|
||||
</MudGrid>
|
||||
|
||||
<div class="d-flex justify-end gap-2 mt-10">
|
||||
<MudButton OnClick="() => OnCancel.InvokeAsync()"
|
||||
Variant="Variant.Outlined"
|
||||
Disabled="_processing"
|
||||
Style="border-radius: 4px; text-transform: none; font-weight: 700;border: 1px solid #e0e0e0;">
|
||||
@(ReadOnly ? "Back to List" : "Cancel")
|
||||
</MudButton>
|
||||
@if (!ReadOnly)
|
||||
{
|
||||
<MudButton Color="Color.Primary"
|
||||
Variant="Variant.Filled"
|
||||
OnClick="Submit"
|
||||
Disabled="_processing"
|
||||
Style="border-radius: 4px; text-transform: none; font-weight: 700;">
|
||||
@if (_processing)
|
||||
{
|
||||
<MudProgressCircular Class="ms-n1" Size="Size.Small" Indeterminate="true" />
|
||||
<MudText Class="ms-2">Updating...</MudText>
|
||||
}
|
||||
else
|
||||
{
|
||||
<MudText>Save Changes</MudText>
|
||||
}
|
||||
</MudButton>
|
||||
}
|
||||
</div>
|
||||
</MudForm>
|
||||
</MudPaper>
|
||||
|
||||
@code {
|
||||
[Parameter] public UpdateBillRequest Data { get; set; } = new();
|
||||
[Parameter] public bool ReadOnly { get; set; } = false;
|
||||
[Parameter] public EventCallback OnCancel { get; set; }
|
||||
[Parameter] public EventCallback OnSuccess { get; set; }
|
||||
|
||||
private MudForm _form = default!;
|
||||
private UpdateBillRequest _model = new();
|
||||
private List<BillPurchaseOrderItemResponse> _items = new();
|
||||
private BillLookupResponse _lookup = new();
|
||||
private decimal _beforeTax = 0;
|
||||
private decimal _taxAmount = 0;
|
||||
private decimal _afterTax = 0;
|
||||
private bool _processing = false;
|
||||
private bool _isPrinting = false;
|
||||
|
||||
protected override async Task OnInitializedAsync()
|
||||
{
|
||||
var resLookup = await BillService.GetBillLookupAsync();
|
||||
if (resLookup != null && resLookup.IsSuccess) _lookup = resLookup.Value ?? new();
|
||||
|
||||
_model = Data;
|
||||
await RefreshItems();
|
||||
}
|
||||
|
||||
private async Task OnPurchaseOrderChanged(string poId)
|
||||
{
|
||||
if (ReadOnly || _model.PurchaseOrderId == poId) return;
|
||||
_model.PurchaseOrderId = poId;
|
||||
await RefreshItems();
|
||||
Snackbar.Add("Purchase Order reference changed. Payment summary and items have been updated.", Severity.Info);
|
||||
}
|
||||
|
||||
private async Task RefreshItems()
|
||||
{
|
||||
if (string.IsNullOrEmpty(_model.PurchaseOrderId)) return;
|
||||
|
||||
try
|
||||
{
|
||||
var response = await BillService.GetPurchaseOrderDetailForBillAsync(_model.PurchaseOrderId);
|
||||
await Task.Delay(500);
|
||||
|
||||
if (response != null && response.IsSuccess && response.Value != null)
|
||||
{
|
||||
_items = response.Value.Items ?? new();
|
||||
_beforeTax = response.Value.BeforeTaxAmount ?? 0;
|
||||
_taxAmount = response.Value.TaxAmount ?? 0;
|
||||
_afterTax = response.Value.AfterTaxAmount ?? 0;
|
||||
StateHasChanged();
|
||||
}
|
||||
}
|
||||
catch (Exception ex)
|
||||
{
|
||||
Snackbar.Add($"Error: {ex.Message}", Severity.Error);
|
||||
}
|
||||
}
|
||||
|
||||
private async Task DownloadPdf()
|
||||
{
|
||||
try
|
||||
{
|
||||
_isPrinting = true;
|
||||
StateHasChanged();
|
||||
await Task.Delay(1000);
|
||||
|
||||
var response = await BillService.GetBillByIdAsync(_model.Id!);
|
||||
if (response != null && response.IsSuccess && response.Value != null)
|
||||
{
|
||||
var pdfBytes = BillPdfGenerator.Generate(response.Value);
|
||||
var fileName = $"BILL_{response.Value.AutoNumber}.pdf";
|
||||
var base64 = Convert.ToBase64String(pdfBytes);
|
||||
await JSRuntime.InvokeVoidAsync("downloadFile", fileName, "application/pdf", base64);
|
||||
Snackbar.Add("PDF generated successfully.", Severity.Success);
|
||||
}
|
||||
}
|
||||
finally
|
||||
{
|
||||
_isPrinting = false;
|
||||
StateHasChanged();
|
||||
}
|
||||
}
|
||||
|
||||
private async Task Submit()
|
||||
{
|
||||
await _form.Validate();
|
||||
if (!_form.IsValid) return;
|
||||
|
||||
_processing = true;
|
||||
try
|
||||
{
|
||||
var response = await BillService.UpdateBillAsync(_model);
|
||||
await Task.Delay(500);
|
||||
|
||||
if (response != null && response.IsSuccess)
|
||||
{
|
||||
Snackbar.Add("Updated successfully", Severity.Success);
|
||||
await OnSuccess.InvokeAsync();
|
||||
}
|
||||
}
|
||||
finally
|
||||
{
|
||||
_processing = false;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,55 @@
|
||||
using Indotalent.ConfigBackEnd.Extensions;
|
||||
using Indotalent.Infrastructure.Database;
|
||||
using MediatR;
|
||||
|
||||
namespace Indotalent.Features.Purchase.Bill.Cqrs;
|
||||
|
||||
public class CreateBillRequest
|
||||
{
|
||||
public DateTime? BillDate { get; set; }
|
||||
public Data.Enums.BillStatus BillStatus { get; set; }
|
||||
public string? Description { get; set; }
|
||||
public string? PurchaseOrderId { get; set; }
|
||||
}
|
||||
|
||||
public class CreateBillResponse
|
||||
{
|
||||
public string? Id { get; set; }
|
||||
public string? AutoNumber { get; set; }
|
||||
}
|
||||
|
||||
public record CreateBillCommand(CreateBillRequest Data) : IRequest<CreateBillResponse>;
|
||||
|
||||
public class CreateBillHandler : IRequestHandler<CreateBillCommand, CreateBillResponse>
|
||||
{
|
||||
private readonly AppDbContext _context;
|
||||
public CreateBillHandler(AppDbContext context) => _context = context;
|
||||
|
||||
public async Task<CreateBillResponse> Handle(CreateBillCommand request, CancellationToken cancellationToken)
|
||||
{
|
||||
var entityName = nameof(Data.Entities.Bill);
|
||||
var autoNo = await _context.GenerateAutoNumberAsync(
|
||||
entityName: entityName,
|
||||
prefixTemplate: $"BILL/{{Year}}/{{Month}}/",
|
||||
ct: cancellationToken
|
||||
);
|
||||
|
||||
var entity = new Data.Entities.Bill
|
||||
{
|
||||
AutoNumber = autoNo,
|
||||
BillDate = request.Data.BillDate,
|
||||
BillStatus = request.Data.BillStatus,
|
||||
Description = request.Data.Description,
|
||||
PurchaseOrderId = request.Data.PurchaseOrderId
|
||||
};
|
||||
|
||||
_context.Bill.Add(entity);
|
||||
await _context.SaveChangesAsync(cancellationToken);
|
||||
|
||||
return new CreateBillResponse
|
||||
{
|
||||
Id = entity.Id,
|
||||
AutoNumber = entity.AutoNumber
|
||||
};
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,12 @@
|
||||
using FluentValidation;
|
||||
|
||||
namespace Indotalent.Features.Purchase.Bill.Cqrs;
|
||||
|
||||
public class CreateBillValidator : AbstractValidator<CreateBillRequest>
|
||||
{
|
||||
public CreateBillValidator()
|
||||
{
|
||||
RuleFor(x => x.BillDate).NotEmpty().WithMessage("Bill Date is required");
|
||||
RuleFor(x => x.PurchaseOrderId).NotEmpty().WithMessage("Purchase Order is required");
|
||||
}
|
||||
}
|
||||
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user