initial commit

This commit is contained in:
2026-07-21 13:59:38 +07:00
commit c40792266a
1321 changed files with 100465 additions and 0 deletions
@@ -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: 0px; 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: 0px; 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: 0px; 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>
+217
View File
@@ -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;
}
}
+436
View File
@@ -0,0 +1,436 @@
@using Indotalent.Shared.Consts
@inherits LayoutComponentBase
@inject NavigationManager Navigation
<MudThemeProvider @bind-IsDarkMode="isDarkMode" Theme="_theme" />
<MudDialogProvider />
<MudSnackbarProvider />
<MudPopoverProvider />
<style>
/* ===== FONTS ===== */
@@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap');
* { margin: 0; padding: 0; box-sizing: border-box; }
/* ===== SPLIT CONTAINER ===== */
.auth-split-container {
display: flex;
min-height: 100vh;
width: 100%;
font-family: "Poppins", sans-serif;
}
/* ===== LEFT PANEL ===== */
.auth-left-panel {
display: none;
position: relative;
background: linear-gradient(135deg, #6366F1 0%, #5558e6 30%, #4f51d4 60%, #7c74fc 100%);
overflow: hidden;
}
.auth-left-panel::before {
content: '';
position: absolute;
top: -120px;
right: -120px;
width: 340px;
height: 340px;
border-radius: 50%;
background: rgba(255,255,255,0.06);
}
.auth-left-panel::after {
content: '';
position: absolute;
bottom: -80px;
left: -80px;
width: 240px;
height: 240px;
border-radius: 50%;
background: rgba(255,255,255,0.04);
}
.auth-left-content {
position: relative;
z-index: 1;
max-width: 28rem;
padding: 3rem;
width: 100%;
}
.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;
cursor: pointer;
transition: background 0.2s;
}
.auth-brand-icon:hover {
background: rgba(255,255,255,0.3);
}
.auth-brand-name {
display: flex;
flex-direction: column;
}
.auth-brand-name span:first-child {
font-size: 1.5rem;
font-weight: 700;
color: #ffffff;
line-height: 1.2;
letter-spacing: -0.5px;
}
.auth-brand-name span:last-child {
font-size: 0.8125rem;
color: #c7c3ff;
font-weight: 400;
}
.auth-welcome-title {
font-size: 1.875rem;
font-weight: 700;
color: #ffffff;
line-height: 1.25;
margin-bottom: 1rem;
}
.auth-welcome-desc {
font-size: 0.875rem;
color: #c7c3ff;
line-height: 1.65;
margin-bottom: 2rem;
}
.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;
border-radius: 0.25rem;
background: rgba(255,255,255,0.2);
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-text strong {
display: block;
font-size: 0.8125rem;
font-weight: 600;
color: #ffffff;
}
.auth-feature-text p {
font-size: 0.75rem;
color: #c7c3ff;
margin-top: 0.125rem;
}
.auth-support-card {
padding: 1rem;
background: rgba(255,255,255,0.1);
backdrop-filter: blur(8px);
border: 1px solid rgba(255,255,255,0.2);
border-radius: 0.75rem;
display: flex;
align-items: center;
gap: 0.75rem;
}
.auth-support-icon {
width: 2.5rem;
height: 2.5rem;
border-radius: 50%;
background: rgba(255,255,255,0.2);
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-text strong {
display: block;
font-size: 0.8125rem;
font-weight: 600;
color: #ffffff;
}
.auth-support-text span {
font-size: 0.75rem;
color: #c7c3ff;
}
/* ===== RIGHT PANEL ===== */
.auth-right-panel {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
padding: 1.5rem;
background: #f8fafc;
}
.auth-form-wrapper {
width: 100%;
max-width: 28rem;
}
/* ===== CARD ===== */
.auth-card {
border-radius: 1rem !important;
box-shadow: 0 4px 24px rgba(0,0,0,0.06), 0 1px 3px rgba(0,0,0,0.04) !important;
border: 1px solid #e2e8f0 !important;
background: #ffffff !important;
}
.auth-card-footer {
display: flex;
justify-content: center;
padding: 0.75rem 1.5rem;
border-top: 1px solid #e2e8f0;
}
.auth-card-footer span {
font-size: 0.75rem;
color: #94a3b8;
font-weight: 500;
letter-spacing: 0.025em;
}
/* ===== MOBILE BRAND STRIP ===== */
.auth-mobile-brand {
display: flex;
align-items: center;
justify-content: center;
gap: 0.5rem;
padding: 0.75rem 1rem;
margin-bottom: 1.5rem;
}
.auth-mobile-brand-icon {
width: 2.25rem;
height: 2.25rem;
background: #6366F1;
border-radius: 0.5rem;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
.auth-mobile-brand-icon svg {
width: 1.25rem;
height: 1.25rem;
color: #ffffff;
}
.auth-mobile-brand-name {
font-size: 1.125rem;
font-weight: 700;
color: #0f172a;
letter-spacing: -0.5px;
}
/* ===== RESPONSIVE ===== */
@@media (min-width: 1024px) {
.auth-left-panel {
display: flex;
align-items: center;
justify-content: center;
width: 50%;
}
.auth-right-panel {
width: 50%;
}
.auth-mobile-brand {
display: none;
}
}
@@media (min-width: 1280px) {
.auth-right-panel {
padding: 4rem;
}
.auth-left-content {
padding: 4rem;
}
}
</style>
<div class="auth-split-container">
<!-- LEFT PANEL: Branding (visible lg+) -->
<div class="auth-left-panel">
<div class="auth-left-content">
<!-- Brand Logo + Name -->
<div class="auth-brand-row">
<div class="auth-brand-icon" @onclick="NavigateToHome">
<svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="#ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<polygon points="12 2 22 8.5 22 15.5 12 22 2 15.5 2 8.5 12 2" />
<line x1="12" y1="22" x2="12" y2="15.5" />
<polyline points="22 8.5 12 15.5 2 8.5" />
</svg>
</div>
<div class="auth-brand-name">
<span>@GlobalConsts.AppInitial</span>
<span>Blazor CRM Source Code</span>
</div>
</div>
<!-- Welcome Heading -->
<h2 class="auth-welcome-title">Your Complete<br/>CRM Solution</h2>
<p class="auth-welcome-desc">A production-ready Blazor CRM source code that bridges your business and your customers. Sign in to explore the full application.</p>
<!-- Feature Checkmarks -->
<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 class="auth-feature-text">
<strong>Sales & Pipeline</strong>
<p>Quotation, orders, invoices & reporting</p>
</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 class="auth-feature-text">
<strong>Purchase & Inventory</strong>
<p>Procurement, warehouse & stock control</p>
</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 class="auth-feature-text">
<strong>Customer & Vendor</strong>
<p>Contacts, groups & relationship tracking</p>
</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 class="auth-feature-text">
<strong>System Logs & Settings</strong>
<p>Full control with audit & configuration</p>
</div>
</div>
</div>
<!-- Support Card -->
<div class="auth-support-card">
<div class="auth-support-icon">
<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 class="auth-support-text">
<strong>Production Ready</strong>
<span>Enterprise-grade Blazor CRM source code</span>
</div>
</div>
</div>
</div>
<!-- RIGHT PANEL: Form Area -->
<div class="auth-right-panel">
<div class="auth-form-wrapper">
<!-- Mobile Brand Strip (visible < lg) -->
<div class="auth-mobile-brand">
<div class="auth-mobile-brand-icon" @onclick="NavigateToHome">
<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<polygon points="12 2 22 8.5 22 15.5 12 22 2 15.5 2 8.5 12 2" />
<line x1="12" y1="22" x2="12" y2="15.5" />
<polyline points="22 8.5 12 15.5 2 8.5" />
</svg>
</div>
<span class="auth-mobile-brand-name">@GlobalConsts.AppInitial</span>
</div>
<!-- Form Card -->
<MudCard Elevation="0" Class="auth-card">
<MudCardContent Class="pa-6 pa-lg-8">
@Body
</MudCardContent>
<div class="auth-card-footer">
<span>&copy; @DateTime.Now.Year @GlobalConsts.AppInitial. ALL RIGHTS RESERVED.</span>
</div>
</MudCard>
</div>
</div>
</div>
@code {
private bool isDarkMode;
private MudTheme _theme = new()
{
PaletteLight = new PaletteLight()
{
Primary = "#6366F1",
Secondary = "#7c74fc",
AppbarBackground = "#6366F1"
}
};
private void NavigateToHome()
{
Navigation.NavigateTo("/", forceLoad: true);
}
}
@@ -0,0 +1,130 @@
@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>
<style>
/* ===== CONFIRM CONTAINER ===== */
.confirm-container {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
padding: 1.5rem 0;
}
.confirm-icon-wrapper {
display: flex;
justify-content: center;
width: 100%;
margin-bottom: 1.5rem;
}
.confirm-icon-circle {
width: 5rem;
height: 5rem;
border-radius: 50%;
background: #f5f3ff;
border: 4px solid #e8e5ff;
display: flex;
align-items: center;
justify-content: center;
position: relative;
}
.confirm-icon-circle::before {
content: '';
position: absolute;
inset: -8px;
border-radius: 50%;
border: 2px solid #ddd6fe;
opacity: 0.4;
}
.confirm-title {
font-size: 1.25rem;
font-weight: 700;
color: #0f172a;
margin-bottom: 0.5rem;
width: 100%;
text-align: center;
}
.confirm-desc {
font-size: 0.875rem;
color: #64748b;
margin-bottom: 1.5rem;
width: 100%;
text-align: center;
}
</style>
<div class="confirm-container">
<div class="confirm-icon-wrapper">
<div class="confirm-icon-circle">
<svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="#6366F1" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M22 11.08V12a10 10 0 1 1-5.93-9.14" />
<polyline points="22 4 12 14.01 9 11.01" />
</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,160 @@
@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>
<style>
/* ===== PAGE HEADER ===== */
.page-header {
text-align: center;
margin-bottom: 1.5rem;
}
.page-header h2 {
font-size: 1.5rem;
font-weight: 700;
color: #0f172a;
margin-bottom: 0.25rem;
}
.page-header p {
font-size: 0.8125rem;
color: #64748b;
margin: 0;
}
/* ===== FORM LABELS ===== */
.form-label {
font-size: 0.8125rem;
font-weight: 600;
color: #475569;
margin-bottom: 0.375rem;
display: block;
}
/* ===== MISC ===== */
.w-100 { width: 100%; }
.mb-4 { margin-bottom: 1rem; }
.mb-6 { margin-bottom: 1.5rem; }
.mt-6 { margin-top: 1.5rem; }
.text-center { text-align: center; }
</style>
<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">
<span class="form-label">Email Address</span>
<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)"
Class="mb-6"
Style="border-radius: 0.5rem;" />
<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" Color="Color.Inherit" />
<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">
Remember your password?
<MudLink Href="/account/login" Style="color: #6366F1; font-weight: 600; margin-left: 0.25rem;">Back to Sign In</MudLink>
</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,413 @@
@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>
<style>
/* ===== PAGE HEADER ===== */
.page-header {
text-align: center;
margin-bottom: 1.5rem;
}
.page-header h2 {
font-size: 1.5rem;
font-weight: 700;
color: #0f172a;
margin-bottom: 0.25rem;
}
.page-header p {
font-size: 0.8125rem;
color: #64748b;
margin: 0;
}
/* ===== FORM LABELS ===== */
.form-label {
font-size: 0.8125rem;
font-weight: 600;
color: #475569;
margin-bottom: 0.375rem;
display: block;
}
.form-label-row {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 0.375rem;
}
.form-label-row .form-label {
margin-bottom: 0;
}
.forgot-link {
font-size: 0.75rem;
color: #64748b;
text-decoration: none;
cursor: pointer;
transition: color 0.2s;
font-weight: 500;
}
.forgot-link:hover {
color: #6366F1;
text-decoration: underline;
}
/* ===== REMEMBER ROW ===== */
.remember-row {
display: flex;
align-items: center;
gap: 0.5rem;
}
/* ===== DIVIDER ===== */
.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 ===== */
.auth-link {
color: #6366F1;
font-size: 0.875rem;
font-weight: 600;
text-decoration: none;
cursor: pointer;
transition: color 0.2s;
margin-left: 0.25rem;
}
.auth-link:hover {
color: #4f51d4;
text-decoration: underline;
}
/* ===== GOOGLE BUTTON ===== */
.btn-google {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 0.5rem;
padding: 0.625rem 1rem;
background: transparent;
color: #6366F1;
font-size: 0.875rem;
font-weight: 500;
border-radius: 0.5rem;
border: 1.5px solid #c7c3ff;
transition: all 0.2s;
cursor: pointer;
width: 100%;
font-family: "Poppins", sans-serif;
}
.btn-google:hover {
border-color: #6366F1;
background: #f5f3ff;
}
/* ===== MISC ===== */
.w-100 { width: 100%; }
.mb-2 { margin-bottom: 0.5rem; }
.mb-4 { margin-bottom: 1rem; }
.mb-5 { margin-bottom: 1.25rem; }
.mb-6 { margin-bottom: 1.5rem; }
.mt-4 { margin-top: 1rem; }
.text-center { text-align: center; }
.text-muted { color: #64748b; }
</style>
<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">
<span class="form-label">Email Address</span>
<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)"
Class="mb-4"
Style="border-radius: 0.5rem;" />
<div class="form-label-row">
<span class="form-label">Password</span>
<MudLink Href="/account/forgot-password" Class="forgot-link">Forgot password?</MudLink>
</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)"
Class="mb-5"
Style="border-radius: 0.5rem;" />
<div class="remember-row mb-5">
<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" Color="Color.Inherit" />
<span class="ms-2">Signing in...</span>
}
else
{
<span>Sign In</span>
<svg class="ms-2" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
<polyline points="13 7 18 12 13 17" />
<polyline points="6 12 18 12" />
</svg>
}
</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; height: 44px; border: 1.5px solid #c7c3ff; color: #6366F1; font-weight: 500;"
Class="mb-2">
Sign in with Google
</MudButton>
}
</MudForm>
<div class="text-center mt-4">
<MudText Typo="Typo.body2">
Don't have an account?
<MudLink Href="/account/register" Style="color: #6366F1; font-weight: 600; margin-left: 0.25rem;">Create one</MudLink>
</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" };
}
}
+163
View File
@@ -0,0 +1,163 @@
@page "/account/logout"
@layout AuthenticationLayout
@using Indotalent.Shared.Consts
@using Microsoft.JSInterop
@inject IJSRuntime JSRuntime
<PageTitle>Sign Out - @GlobalConsts.AppInitial</PageTitle>
<style>
/* ===== LOGOUT CONTAINER ===== */
.logout-container {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
}
.logout-icon-wrapper {
display: flex;
justify-content: center;
width: 100%;
margin-bottom: 1.5rem;
}
.logout-icon-circle {
width: 5rem;
height: 5rem;
border-radius: 50%;
background: #f5f3ff;
border: 4px solid #e8e5ff;
display: flex;
align-items: center;
justify-content: center;
position: relative;
}
.logout-icon-circle::before {
content: '';
position: absolute;
inset: -8px;
border-radius: 50%;
border: 2px solid #ddd6fe;
opacity: 0.4;
}
.logout-title {
font-size: 1.25rem;
font-weight: 700;
color: #0f172a;
margin-bottom: 0.5rem;
width: 100%;
text-align: center;
}
.logout-desc {
font-size: 0.875rem;
color: #64748b;
margin-bottom: 2rem;
width: 100%;
text-align: center;
}
/* ===== MISC ===== */
.w-100 { width: 100%; }
.mt-4 { margin-top: 1rem; }
</style>
<div class="logout-container">
<div class="logout-icon-wrapper">
<div class="logout-icon-circle">
<svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="#6366F1" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4" />
<polyline points="16 17 21 12 16 7" />
<line x1="21" y1="12" x2="9" y2="12" />
</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: #6366F1; color: white; height: 48px; font-weight: 600;">
@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,223 @@
@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>
<style>
/* ===== PAGE HEADER ===== */
.page-header {
text-align: center;
margin-bottom: 1.5rem;
}
.page-header h2 {
font-size: 1.5rem;
font-weight: 700;
color: #0f172a;
margin-bottom: 0.25rem;
}
.page-header p {
font-size: 0.8125rem;
color: #64748b;
margin: 0;
}
/* ===== FORM LABELS ===== */
.form-label {
font-size: 0.8125rem;
font-weight: 600;
color: #475569;
margin-bottom: 0.375rem;
display: block;
}
/* ===== MISC ===== */
.w-100 { width: 100%; }
.mb-4 { margin-bottom: 1rem; }
.mb-6 { margin-bottom: 1.5rem; }
.mt-6 { margin-top: 1.5rem; }
.text-center { text-align: center; }
</style>
<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))">
<span class="form-label">Full Name</span>
<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)"
Class="mb-4"
Style="border-radius: 0.5rem;" />
<span class="form-label">Email Address</span>
<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)"
Class="mb-4"
Style="border-radius: 0.5rem;" />
<span class="form-label">Password</span>
<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)"
Class="mb-6"
Style="border-radius: 0.5rem;" />
<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" Color="Color.Inherit" />
<span class="ms-2">Creating account...</span>
}
else
{
<span>Create Account</span>
}
</MudButton>
</MudForm>
<div class="text-center mt-6">
<MudText Typo="Typo.body2">
Already have an account?
<MudLink Href="/account/login" Style="color: #6366F1; font-weight: 600; margin-left: 0.25rem;">Sign In</MudLink>
</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,182 @@
@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>
<style>
/* ===== PAGE HEADER ===== */
.page-header {
text-align: center;
margin-bottom: 1.5rem;
}
.page-header h2 {
font-size: 1.5rem;
font-weight: 700;
color: #0f172a;
margin-bottom: 0.25rem;
}
.page-header p {
font-size: 0.8125rem;
color: #64748b;
margin: 0;
}
/* ===== FORM LABELS ===== */
.form-label {
font-size: 0.8125rem;
font-weight: 600;
color: #475569;
margin-bottom: 0.375rem;
display: block;
}
/* ===== MISC ===== */
.w-100 { width: 100%; }
.mb-4 { margin-bottom: 1rem; }
.mb-6 { margin-bottom: 1.5rem; }
.text-center { text-align: center; }
</style>
<div class="page-header">
<h2>Create New Password</h2>
<p>Please enter your new password below.</p>
</div>
<MudForm @ref="form" @bind-IsValid="@success">
<span class="form-label">New Password</span>
<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"
Class="mb-4"
Style="border-radius: 0.5rem;" />
<span class="form-label">Confirm New Password</span>
<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))"
Class="mb-6"
Style="border-radius: 0.5rem;" />
<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" Color="Color.Inherit" />
<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." };
}
}
+7
View File
@@ -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
+259
View File
@@ -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: 0px !important;
}
.clean-white-tabs .mud-tab {
color: #94a3b8 !important;
text-transform: none;
font-weight: 500;
min-width: 140px;
border-radius: 0px !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: 0px !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: 0px !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;
}
}
+170
View File
@@ -0,0 +1,170 @@
using Indotalent.Features.Inventory.MovementReport;
using Indotalent.Features.Inventory.NegativeAdjustment;
using Indotalent.Features.Inventory.PositiveAdjustment;
using Indotalent.Features.Inventory.Product;
using Indotalent.Features.Inventory.ProductGroup;
using Indotalent.Features.Inventory.Scrapping;
using Indotalent.Features.Inventory.StockCount;
using Indotalent.Features.Inventory.StockReport;
using Indotalent.Features.Inventory.TransactionReport;
using Indotalent.Features.Inventory.TransferIn;
using Indotalent.Features.Inventory.TransferOut;
using Indotalent.Features.Inventory.UnitMeasure;
using Indotalent.Features.Inventory.Warehouse;
using Indotalent.Features.Pipeline.Budget;
using Indotalent.Features.Pipeline.Campaign;
using Indotalent.Features.Pipeline.Expense;
using Indotalent.Features.Pipeline.Lead;
using Indotalent.Features.Pipeline.LeadActivity;
using Indotalent.Features.Pipeline.LeadContact;
using Indotalent.Features.Pipeline.SalesRepresentative;
using Indotalent.Features.Pipeline.SalesTeam;
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>();
services.AddScoped<TransferOutService>();
services.AddScoped<TransferInService>();
services.AddScoped<PositiveAdjustmentService>();
services.AddScoped<NegativeAdjustmentService>();
services.AddScoped<StockCountService>();
services.AddScoped<ScrappingService>();
services.AddScoped<TransactionReportService>();
services.AddScoped<StockReportService>();
services.AddScoped<MovementReportService>();
//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>();
//pipeline
services.AddScoped<SalesTeamService>();
services.AddScoped<SalesRepresentativeService>();
services.AddScoped<CampaignService>();
services.AddScoped<BudgetService>();
services.AddScoped<ExpenseService>();
services.AddScoped<LeadService>();
services.AddScoped<LeadContactService>();
services.AddScoped<LeadActivityService>();
//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;
}
}
+168
View File
@@ -0,0 +1,168 @@
using Indotalent.Features.Inventory.MovementReport;
using Indotalent.Features.Inventory.NegativeAdjustment;
using Indotalent.Features.Inventory.PositiveAdjustment;
using Indotalent.Features.Inventory.Product;
using Indotalent.Features.Inventory.ProductGroup;
using Indotalent.Features.Inventory.Scrapping;
using Indotalent.Features.Inventory.StockCount;
using Indotalent.Features.Inventory.StockReport;
using Indotalent.Features.Inventory.TransactionReport;
using Indotalent.Features.Inventory.TransferIn;
using Indotalent.Features.Inventory.TransferOut;
using Indotalent.Features.Inventory.UnitMeasure;
using Indotalent.Features.Inventory.Warehouse;
using Indotalent.Features.Pipeline.Budget;
using Indotalent.Features.Pipeline.Campaign;
using Indotalent.Features.Pipeline.Expense;
using Indotalent.Features.Pipeline.Lead;
using Indotalent.Features.Pipeline.LeadActivity;
using Indotalent.Features.Pipeline.LeadContact;
using Indotalent.Features.Pipeline.SalesRepresentative;
using Indotalent.Features.Pipeline.SalesTeam;
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();
app.MapTransferOutEndpoints();
app.MapTransferInEndpoints();
app.MapPositiveAdjustmentEndpoints();
app.MapNegativeAdjustmentEndpoints();
app.MapStockCountEndpoints();
app.MapScrappingEndpoints();
app.MapTransactionReportEndpoints();
app.MapStockReportEndpoints();
app.MapMovementReportEndpoints();
//thirdparty
app.MapCustomerGroupEndpoints();
app.MapCustomerCategoryEndpoints();
app.MapCustomerEndpoints();
app.MapCustomerContactEndpoints();
app.MapVendorCategoryEndpoints();
app.MapVendorGroupEndpoints();
app.MapVendorEndpoints();
app.MapVendorContactEndpoints();
//pipeline
app.MapSalesTeamEndpoints();
app.MapSalesRepresentativeEndpoints();
app.MapCampaignEndpoints();
app.MapBudgetEndpoints();
app.MapExpenseEndpoints();
app.MapLeadEndpoints();
app.MapLeadContactEndpoints();
app.MapLeadActivityEndpoints();
//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;
}
}
+154
View File
@@ -0,0 +1,154 @@
@page "/inventory"
@using Indotalent.Features.Inventory.MovementReport.Components
@using Indotalent.Features.Inventory.NegativeAdjustment.Components
@using Indotalent.Features.Inventory.PositiveAdjustment.Components
@using Indotalent.Features.Inventory.Product.Components
@using Indotalent.Features.Inventory.ProductGroup.Components
@using Indotalent.Features.Inventory.Scrapping.Components
@using Indotalent.Features.Inventory.StockCount.Components
@using Indotalent.Features.Inventory.StockReport.Components
@using Indotalent.Features.Inventory.TransactionReport.Components
@using Indotalent.Features.Inventory.TransferIn.Components
@using Indotalent.Features.Inventory.TransferOut.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: 0px !important;
}
.clean-white-tabs .mud-tab {
color: #94a3b8 !important;
text-transform: none;
font-weight: 500;
min-width: 120px;
border-radius: 0px !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>
<MudTabPanel Text="Transfer Out" Icon="@Icons.Material.Outlined.FileUpload">
<TransferOutPage />
</MudTabPanel>
<MudTabPanel Text="Transfer In" Icon="@Icons.Material.Outlined.FileDownload">
<TransferInPage />
</MudTabPanel>
<MudTabPanel Text="Pos Adjustment" Icon="@Icons.Material.Outlined.AddCircleOutline">
<PositiveAdjustmentPage />
</MudTabPanel>
<MudTabPanel Text="Neg Adjustment" Icon="@Icons.Material.Outlined.RemoveCircleOutline">
<NegativeAdjustmentPage />
</MudTabPanel>
<MudTabPanel Text="Scrapping" Icon="@Icons.Material.Outlined.DeleteSweep">
<ScrappingPage />
</MudTabPanel>
<MudTabPanel Text="Stock Count" Icon="@Icons.Material.Outlined.FactCheck">
<StockCountPage />
</MudTabPanel>
<MudTabPanel Text="Trans Report" Icon="@Icons.Material.Outlined.Assessment">
<TransactionReportPage />
</MudTabPanel>
<MudTabPanel Text="Stock Report" Icon="@Icons.Material.Outlined.Summarize">
<StockReportPage />
</MudTabPanel>
<MudTabPanel Text="Movement" Icon="@Icons.Material.Outlined.Route">
<MovementReportPage />
</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" },
{ 4, "transfer-out" },
{ 5, "transfer-in" },
{ 6, "pos-adj" },
{ 7, "neg-adj" },
{ 8, "scrapping" },
{ 9, "stock-count" },
{ 10, "report-trans" },
{ 11, "report-stock" },
{ 12, "report-movement" }
};
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,8 @@
@page "/inventory/movement-report"
@using Indotalent.Features.Inventory.MovementReport.Components
@using MudBlazor
<_MovementReportDataTable />
@code {
}
@@ -0,0 +1,298 @@
@using Indotalent.ConfigBackEnd.Extensions
@using Indotalent.Features.Inventory.MovementReport
@using Indotalent.Features.Inventory.MovementReport.Cqrs
@using Microsoft.AspNetCore.Components.Web
@using Microsoft.JSInterop
@using MudBlazor
@using Features.Root.Shared
@using ClosedXML.Excel
@using System.IO
@inject MovementReportService MovementReportService
@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: 700; color: #111827;">Inventory Movement Report</MudText>
<MudText Typo="Typo.body2" Style="color: #9CA3AF;">Pivot analysis of stock movements by transaction types.</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;">Movement Report</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 Product or Warehouse..."
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;">
@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;">
@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>
</div>
</div>
<MudTable Striped="true" Class="mud-table-styled" Items="@GetPagedData()" Hover="true" Elevation="0" CustomHeader="true" Dense="true" T="GetInventoryMovementReportListDto" Loading="@_isRefreshing">
<HeaderContent>
<MudTh Style="font-weight: 700; color: #111827; background-color: #F9FAFB; border-bottom: 1px solid #E5E7EB;">Warehouse</MudTh>
<MudTh Style="font-weight: 700; color: #111827; 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; white-space: nowrap;">ADJ+</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; white-space: nowrap;">ADJ-</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; white-space: nowrap;">COUNT</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; white-space: nowrap;">DO</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; white-space: nowrap;">GR</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; white-space: nowrap;">PRN</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; white-space: nowrap;">SCRP</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; white-space: nowrap;">SRN</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; white-space: nowrap;">TO-IN</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; white-space: nowrap;">TO-OUT</MudTh>
<MudTh Style="font-weight: 600; text-align: right; background-color: #F9FAFB; border-bottom: 1px solid #E5E7EB;">TOTAL</MudTh>
</HeaderContent>
<RowTemplate>
<MudTd Style="padding-top: 0.75rem; padding-bottom: 0.75rem; color: #6B7280; font-size: 0.875rem;">@context.WarehouseName</MudTd>
<MudTd Style="padding-top: 0.75rem; padding-bottom: 0.75rem;">
<MudText Typo="Typo.body2" Style="font-weight: 600; color: #374151;">@context.ProductNumber</MudText>
<MudText Typo="Typo.caption">@context.ProductName</MudText>
</MudTd>
<MudTd Style="text-align: right; padding-top: 0.75rem; padding-bottom: 0.75rem; color: #6B7280; font-size: 0.875rem;">@context.AdjPlus.ToString("N2")</MudTd>
<MudTd Style="text-align: right; padding-top: 0.75rem; padding-bottom: 0.75rem; color: #6B7280; font-size: 0.875rem;">@context.AdjMinus.ToString("N2")</MudTd>
<MudTd Style="text-align: right; padding-top: 0.75rem; padding-bottom: 0.75rem; color: #6B7280; font-size: 0.875rem;">@context.Count.ToString("N2")</MudTd>
<MudTd Style="text-align: right; padding-top: 0.75rem; padding-bottom: 0.75rem; color: #6B7280; font-size: 0.875rem;">@context.Do.ToString("N2")</MudTd>
<MudTd Style="text-align: right; padding-top: 0.75rem; padding-bottom: 0.75rem; color: #6B7280; font-size: 0.875rem;">@context.Gr.ToString("N2")</MudTd>
<MudTd Style="text-align: right; padding-top: 0.75rem; padding-bottom: 0.75rem; color: #6B7280; font-size: 0.875rem;">@context.Prn.ToString("N2")</MudTd>
<MudTd Style="text-align: right; padding-top: 0.75rem; padding-bottom: 0.75rem; color: #EF4444; font-size: 0.875rem;">@context.Scrp.ToString("N2")</MudTd>
<MudTd Style="text-align: right; padding-top: 0.75rem; padding-bottom: 0.75rem; color: #6B7280; font-size: 0.875rem;">@context.Srn.ToString("N2")</MudTd>
<MudTd Style="text-align: right; padding-top: 0.75rem; padding-bottom: 0.75rem; color: #6B7280; font-size: 0.875rem;">@context.ToIn.ToString("N2")</MudTd>
<MudTd Style="text-align: right; padding-top: 0.75rem; padding-bottom: 0.75rem; color: #6B7280; font-size: 0.875rem;">@context.ToOut.ToString("N2")</MudTd>
<MudTd Style="text-align: right; padding-top: 0.75rem; padding-bottom: 0.75rem; color: #374151; font-weight: 600; font-size: 0.875rem;">@context.GrandTotal.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 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; font-size: 0.75rem; font-weight: 500; margin-left: 12px;">
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 ? "min-width: 34px; padding: 4px 8px; font-size: 0.75rem; font-weight: 500; color: #D1D5DB; border-radius: 6px; text-transform: none;" : "min-width: 34px; padding: 4px 8px; font-size: 0.75rem; font-weight: 500; color: #6B7280; background: white; border: 1px solid #D1D5DB; border-radius: 6px; text-transform: none;")">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 ? "min-width: 34px; padding: 4px 8px; font-size: 0.75rem; font-weight: 500; color: #D1D5DB; border-radius: 6px; text-transform: none;" : "min-width: 34px; padding: 4px 8px; font-size: 0.75rem; font-weight: 500; color: #6B7280; background: white; border: 1px solid #D1D5DB; border-radius: 6px; text-transform: none;")">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;" : "color: #6B7280; background: white; border: 1px solid #D1D5DB; border-radius: 6px;")" />
</div>
</div>
</MudPaper>
@code {
private List<GetInventoryMovementReportListDto> _items = new();
private string _searchString = "";
private bool _isRefreshing = false;
private bool _isExporting = false;
private int _skip = 0;
private int _top = 50;
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;
StateHasChanged();
try
{
var response = await MovementReportService.GetInventoryMovementReportListAsync();
await Task.Delay(500);
if (response != null && response.IsSuccess)
{
_items = response.Value ?? new();
}
}
finally
{
_isRefreshing = false;
StateHasChanged();
}
}
private IEnumerable<GetInventoryMovementReportListDto> GetFilteredData()
{
if (string.IsNullOrWhiteSpace(_searchString)) return _items;
return _items.Where(x =>
(x.WarehouseName?.Contains(_searchString, StringComparison.OrdinalIgnoreCase) ?? false) ||
(x.ProductName?.Contains(_searchString, StringComparison.OrdinalIgnoreCase) ?? false) ||
(x.ProductNumber?.Contains(_searchString, StringComparison.OrdinalIgnoreCase) ?? false)
);
}
private IEnumerable<GetInventoryMovementReportListDto> GetPagedData() => GetFilteredData().Skip(_skip).Take(_top);
private void OnSearchClick()
{
_skip = 0;
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("MovementReports");
var currentRow = 1;
string[] headers = { "Warehouse", "Number", "Product", "ADJ+", "ADJ-", "COUNT", "DO", "GR", "PRN", "SCRP", "SRN", "TO-IN", "TO-OUT", "GRAND TOTAL" };
for (int i = 0; i < headers.Length; i++)
{
worksheet.Cell(currentRow, i + 1).Value = headers[i];
}
var headerRange = worksheet.Range(1, 1, 1, headers.Length);
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.WarehouseName;
worksheet.Cell(currentRow, 2).Value = item.ProductNumber;
worksheet.Cell(currentRow, 3).Value = item.ProductName;
worksheet.Cell(currentRow, 4).Value = item.AdjPlus;
worksheet.Cell(currentRow, 5).Value = item.AdjMinus;
worksheet.Cell(currentRow, 6).Value = item.Count;
worksheet.Cell(currentRow, 7).Value = item.Do;
worksheet.Cell(currentRow, 8).Value = item.Gr;
worksheet.Cell(currentRow, 9).Value = item.Prn;
worksheet.Cell(currentRow, 10).Value = item.Scrp;
worksheet.Cell(currentRow, 11).Value = item.Srn;
worksheet.Cell(currentRow, 12).Value = item.ToIn;
worksheet.Cell(currentRow, 13).Value = item.ToOut;
worksheet.Cell(currentRow, 14).Value = item.GrandTotal;
}
worksheet.Columns().AdjustToContents();
using (var stream = new MemoryStream())
{
workbook.SaveAs(stream);
var content = Convert.ToBase64String(stream.ToArray());
await JSRuntime.InvokeVoidAsync("downloadFile", "Movement_Report.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;
StateHasChanged();
}
}
private void OnPageSizeChanged(int size)
{
_top = size;
_skip = 0;
StateHasChanged();
}
}
@@ -0,0 +1,74 @@
using Indotalent.ConfigBackEnd.Extensions;
using Indotalent.Infrastructure.Database;
using MediatR;
using Microsoft.EntityFrameworkCore;
namespace Indotalent.Features.Inventory.MovementReport.Cqrs;
public record GetInventoryMovementReportListDto
{
public string? WarehouseName { get; init; }
public string? ProductNumber { get; init; }
public string? ProductName { get; init; }
public double AdjPlus { get; init; }
public double AdjMinus { get; init; }
public double Count { get; init; }
public double Do { get; init; }
public double Gr { get; init; }
public double Prn { get; init; }
public double Scrp { get; init; }
public double Srn { get; init; }
public double ToIn { get; init; }
public double ToOut { get; init; }
public double GrandTotal => AdjPlus + AdjMinus + Count + Do + Gr + Prn + Scrp + Srn + ToIn + ToOut;
}
public record GetInventoryMovementReportListQuery() : IRequest<List<GetInventoryMovementReportListDto>>;
public class GetInventoryMovementReportListHandler : IRequestHandler<GetInventoryMovementReportListQuery, List<GetInventoryMovementReportListDto>>
{
private readonly AppDbContext _context;
public GetInventoryMovementReportListHandler(AppDbContext context)
{
_context = context;
}
public async Task<List<GetInventoryMovementReportListDto>> Handle(GetInventoryMovementReportListQuery request, CancellationToken cancellationToken)
{
var transactions = await _context.InventoryTransaction
.AsNoTracking()
.Include(x => x.Warehouse)
.Include(x => x.Product)
.Where(x =>
x.Product!.Physical == true &&
x.Warehouse!.SystemWarehouse == false &&
x.Status == Data.Enums.InventoryTransactionStatus.Confirmed
)
.ToListAsync(cancellationToken);
var results = transactions
.GroupBy(x => new { x.WarehouseId, x.ProductId })
.Select(group => new GetInventoryMovementReportListDto
{
WarehouseName = group.Max(x => x.Warehouse?.Name),
ProductNumber = group.Max(x => x.Product?.AutoNumber),
ProductName = group.Max(x => x.Product?.Name),
AdjPlus = group.Where(x => x.ModuleCode == "ADJ+").Sum(x => x.Movement ?? 0),
AdjMinus = group.Where(x => x.ModuleCode == "ADJ-").Sum(x => x.Movement ?? 0),
Count = group.Where(x => x.ModuleCode == "COUNT").Sum(x => x.Movement ?? 0),
Do = group.Where(x => x.ModuleCode == "DO").Sum(x => x.Movement ?? 0),
Gr = group.Where(x => x.ModuleCode == "GR").Sum(x => x.Movement ?? 0),
Prn = group.Where(x => x.ModuleCode == "PRN").Sum(x => x.Movement ?? 0),
Scrp = group.Where(x => x.ModuleCode == "SCRP").Sum(x => x.Movement ?? 0),
Srn = group.Where(x => x.ModuleCode == "SRN").Sum(x => x.Movement ?? 0),
ToIn = group.Where(x => x.ModuleCode == "TO-IN").Sum(x => x.Movement ?? 0),
ToOut = group.Where(x => x.ModuleCode == "TO-OUT").Sum(x => x.Movement ?? 0)
})
.OrderBy(x => x.WarehouseName)
.ThenBy(x => x.ProductName)
.ToList();
return results;
}
}
@@ -0,0 +1,23 @@
using Indotalent.ConfigBackEnd.Extensions;
using Indotalent.Features.Inventory.MovementReport.Cqrs;
using MediatR;
using Microsoft.AspNetCore.Authentication.JwtBearer;
namespace Indotalent.Features.Inventory.MovementReport;
public static class MovementReportEndpoint
{
public static void MapMovementReportEndpoints(this IEndpointRouteBuilder app)
{
var group = app.MapGroup("/movement-report").WithTags("MovementReports")
.RequireAuthorization(policy => policy.AddAuthenticationSchemes(JwtBearerDefaults.AuthenticationScheme)
.RequireAuthenticatedUser());
group.MapGet("/", async (IMediator mediator) =>
{
var result = await mediator.Send(new GetInventoryMovementReportListQuery());
return result.ToApiResponse("Movement report list retrieved successfully");
})
.WithName("GetInventoryMovementReportList");
}
}
@@ -0,0 +1,32 @@
using Indotalent.ConfigBackEnd.Interfaces;
using Indotalent.ConfigFrontEnd.Common;
using Indotalent.Features.Inventory.MovementReport.Cqrs;
using Indotalent.Infrastructure.Authentication.Identity;
using Indotalent.Shared.Models;
using Microsoft.AspNetCore.Components;
using MudBlazor;
using RestSharp;
namespace Indotalent.Features.Inventory.MovementReport;
public class MovementReportService : BaseService
{
private readonly RestClient _client;
public MovementReportService(
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<GetInventoryMovementReportListDto>>?> GetInventoryMovementReportListAsync()
{
var request = new RestRequest("api/movement-report", Method.Get);
return await ExecuteWithResponseAsync<List<GetInventoryMovementReportListDto>>(_client, request);
}
}
@@ -0,0 +1,51 @@
@page "/inventory/negative-adjustment"
@using Indotalent.Features.Inventory.NegativeAdjustment.Cqrs
@using Indotalent.Features.Inventory.NegativeAdjustment.Components
@using MudBlazor
@if (_currentView == ViewMode.Create)
{
<_NegativeAdjustmentCreateForm OnCancel="BackToTable" OnSuccess="HandleSuccess" />
}
else if (_currentView == ViewMode.Update || _currentView == ViewMode.View)
{
<_NegativeAdjustmentUpdateForm Data="_selectedData!"
ReadOnly="@(_currentView == ViewMode.View)"
OnCancel="BackToTable"
OnSuccess="HandleSuccess" />
}
else
{
<_NegativeAdjustmentDataTable 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 UpdateNegativeAdjustmentRequest? _selectedData;
private void ShowCreate()
{
_currentView = ViewMode.Create;
}
private void ShowUpdate(UpdateNegativeAdjustmentRequest 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,116 @@
@using Indotalent.Features.Inventory.NegativeAdjustment.Cqrs
@using Indotalent.Shared.Utils
@using MudBlazor
@inject NegativeAdjustmentService NegativeAdjustmentService
@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 Negative Adjustment</MudText>
<MudText Typo="Typo.body2" Style="color: #64748b;">Record stock reduction from specific warehouses.</MudText>
</div>
</div>
</MudPaper>
<MudPaper Elevation="0" Outlined="true" Class="pa-8" Style="border-radius: 0px; 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">Adjustment Date</MudText>
<MudDatePicker @bind-Date="_model.AdjustmentDate"
Variant="Variant.Outlined" Margin="Margin.Dense" />
</MudItem>
<MudItem xs="12" sm="6">
<MudText Typo="Typo.subtitle2" Class="mb-0">Status</MudText>
<MudSelect T="Indotalent.Data.Enums.AdjustmentStatus" @bind-Value="_model.Status"
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.AdjustmentStatus)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="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; border: 1px solid #e0e0e0; text-transform: none; font-weight: 700;">
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 Adjustment</MudText>
}
</MudButton>
</div>
</MudForm>
</MudPaper>
@code {
[Parameter] public EventCallback OnCancel { get; set; }
[Parameter] public EventCallback OnSuccess { get; set; }
private MudForm _form = default!;
private CreateNegativeAdjustmentValidator _validator = new();
private CreateNegativeAdjustmentRequest _model = new() { AdjustmentDate = DateTime.Today };
private NegativeAdjustmentLookupResponse _lookup = new();
private bool _processing = false;
protected override async Task OnInitializedAsync()
{
var res = await NegativeAdjustmentService.GetNegativeAdjustmentLookupAsync();
if (res != null && res.IsSuccess) _lookup = res.Value ?? new();
}
private async Task Submit()
{
await _form.Validate();
if (!_form.IsValid) return;
_processing = true;
try
{
var response = await NegativeAdjustmentService.CreateNegativeAdjustmentAsync(_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,377 @@
@using Indotalent.ConfigBackEnd.Extensions
@using Indotalent.Features.Inventory.NegativeAdjustment
@using Indotalent.Features.Inventory.NegativeAdjustment.Cqrs
@using Microsoft.AspNetCore.Components.Web
@using Microsoft.JSInterop
@using MudBlazor
@using Features.Root.Shared
@using ClosedXML.Excel
@using System.IO
@inject NegativeAdjustmentService NegativeAdjustmentService
@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: 700; color: #111827;">Negative Adjustment</MudText>
<MudText Typo="Typo.body2" Style="color: #9CA3AF;">Record stock reduction and inventory corrections.</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;">Negative Adjustment</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;">
@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;">
@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: white; border: 1px solid #D1D5DB;">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: white; border: 1px solid #D1D5DB;">Edit</MudButton>
<MudButton Variant="Variant.Filled" 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 Negative Adjustment
</MudButton>
}
</div>
</div>
<MudTable Striped="true" Class="mud-table-styled" Items="@GetPagedData()" Hover="true" Elevation="0" CustomHeader="true" Dense="true" T="GetNegativeAdjustmentListResponse" OnRowClick="@((args) => _selectedItem = args.Item)" Loading="@_isRefreshing">
<HeaderContent>
<MudTh Style="width: 50px; background-color: #F9FAFB; border-bottom: 1px solid #E5E7EB;"></MudTh>
<MudTh Style="font-weight: 700; color: #111827; background-color: #F9FAFB; border-bottom: 1px solid #E5E7EB; white-space: nowrap;">
<MudTableSortLabel SortBy="new Func<GetNegativeAdjustmentListResponse, object>(x => x.AutoNumber!)">Number</MudTableSortLabel>
</MudTh>
<MudTh Style="font-weight: 700; color: #111827; background-color: #F9FAFB; border-bottom: 1px solid #E5E7EB; white-space: nowrap;">
<MudTableSortLabel SortBy="new Func<GetNegativeAdjustmentListResponse, object>(x => x.AdjustmentDate!)">Adjustment 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; white-space: nowrap;">
<MudTableSortLabel SortBy="new Func<GetNegativeAdjustmentListResponse, object>(x => x.Description!)">Description</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; white-space: nowrap;">
<MudTableSortLabel SortBy="new Func<GetNegativeAdjustmentListResponse, object>(x => x.Status)">Status</MudTableSortLabel>
</MudTh>
</HeaderContent>
<RowTemplate>
<MudTd Style="padding-top: 0.75rem; padding-bottom: 0.75rem;">
<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: #6B7280; font-size: 0.875rem;">@context.AutoNumber</MudTd>
<MudTd Style="padding-top: 0.75rem; padding-bottom: 0.75rem; color: #6B7280; font-size: 0.875rem;">@context.AdjustmentDate?.ToString("yyyy-MM-dd")</MudTd>
<MudTd Style="padding-top: 0.75rem; padding-bottom: 0.75rem; color: #6B7280; font-size: 0.875rem;">@context.Description</MudTd>
<MudTd Style="padding-top: 0.75rem; padding-bottom: 0.75rem;">
<MudChip T="string" Color="Color.Info" Size="Size.Small" Variant="Variant.Text" Style="font-weight: 600;">@context.Status.ToString().ToUpper()</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; font-size: 0.75rem; font-weight: 500; margin-left: 12px;">
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 ? "min-width: 34px; padding: 4px 8px; font-size: 0.75rem; font-weight: 500; color: #D1D5DB; border-radius: 6px; text-transform: none;" : "min-width: 34px; padding: 4px 8px; font-size: 0.75rem; font-weight: 500; color: #6B7280; background: white; border: 1px solid #D1D5DB; border-radius: 6px; text-transform: none;")">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 ? "min-width: 34px; padding: 4px 8px; font-size: 0.75rem; font-weight: 500; color: #D1D5DB; border-radius: 6px; text-transform: none;" : "min-width: 34px; padding: 4px 8px; font-size: 0.75rem; font-weight: 500; color: #6B7280; background: white; border: 1px solid #D1D5DB; border-radius: 6px; text-transform: none;")">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;" : "color: #6B7280; background: white; border: 1px solid #D1D5DB; border-radius: 6px;")" />
</div>
</div>
</MudPaper>
<script>
function downloadFile(fileName, contentType, base64String) {
const link = document.createElement('a');
link.download = fileName;
link.href = `data:${contentType};base64,${base64String}`;
document.body.appendChild(link);
link.click();
document.body.removeChild(link);
}
</script>
<style>
.mud-table-styled .mud-table-row:hover { background-color: #F9FAFB !important; }
</style>
@code {
[Parameter] public EventCallback OnAdd { get; set; }
[Parameter] public EventCallback<UpdateNegativeAdjustmentRequest> OnEdit { get; set; }
[Parameter] public EventCallback<UpdateNegativeAdjustmentRequest> OnView { get; set; }
private List<GetNegativeAdjustmentListResponse> _items = new();
private GetNegativeAdjustmentListResponse? _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 NegativeAdjustmentService.GetNegativeAdjustmentListAsync();
await Task.Delay(500);
if (response != null && response.IsSuccess)
{
_items = response.Value ?? new();
}
}
finally
{
_isRefreshing = false;
StateHasChanged();
}
}
private IEnumerable<GetNegativeAdjustmentListResponse> GetFilteredData()
{
if (string.IsNullOrWhiteSpace(_searchString)) return _items;
return _items.Where(x =>
(x.AutoNumber?.Contains(_searchString, StringComparison.OrdinalIgnoreCase) ?? false) ||
(x.Description?.Contains(_searchString, StringComparison.OrdinalIgnoreCase) ?? false)
);
}
private IEnumerable<GetNegativeAdjustmentListResponse> 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("NegativeAdjustments");
var currentRow = 1;
worksheet.Cell(currentRow, 1).Value = "Number";
worksheet.Cell(currentRow, 2).Value = "Adjustment Date";
worksheet.Cell(currentRow, 3).Value = "Description";
worksheet.Cell(currentRow, 4).Value = "Status";
var headerRange = worksheet.Range(1, 1, 1, 4);
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.AdjustmentDate?.ToString("yyyy-MM-dd");
worksheet.Cell(currentRow, 3).Value = item.Description;
worksheet.Cell(currentRow, 4).Value = item.Status.ToString();
}
worksheet.Columns().AdjustToContents();
using (var stream = new MemoryStream())
{
workbook.SaveAs(stream);
var content = Convert.ToBase64String(stream.ToArray());
await JSRuntime.InvokeVoidAsync("downloadFile", "NegativeAdjustment_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<UpdateNegativeAdjustmentRequest?> MapToUpdateRequest(string id)
{
var response = await NegativeAdjustmentService.GetNegativeAdjustmentByIdAsync(id);
if (response != null && response.IsSuccess && response.Value != null)
{
var detail = response.Value;
return new UpdateNegativeAdjustmentRequest
{
Id = detail.Id,
AdjustmentDate = detail.AdjustmentDate,
Status = detail.Status,
Description = detail.Description,
CreatedAt = detail.CreatedAt,
CreatedBy = detail.CreatedBy,
UpdatedAt = detail.UpdatedAt,
UpdatedBy = detail.UpdatedBy,
AutoNumber = detail.AutoNumber
};
}
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 NegativeAdjustmentService.DeleteNegativeAdjustmentByIdAsync(_selectedItem.Id!);
if (isSuccess)
{
_selectedItem = null;
await LoadData();
Snackbar.Add("Deleted successfully", Severity.Success);
}
}
}
}
@@ -0,0 +1,89 @@
@using Indotalent.Features.Inventory.NegativeAdjustment.Cqrs
@using MudBlazor
@inject NegativeAdjustmentService NegativeAdjustmentService
@inject ISnackbar Snackbar
<MudDialog>
<DialogContent>
<MudForm @ref="_form" Model="_model">
<MudGrid Spacing="2">
<MudItem xs="12">
<MudText Typo="Typo.subtitle2" Class="mb-0">Product</MudText>
<MudSelect T="string" @bind-Value="_model.ProductId"
Variant="Variant.Outlined" Margin="Margin.Dense" Dense="true"
AnchorOrigin="Origin.BottomCenter" TransformOrigin="Origin.TopCenter">
@foreach (var item in _lookup.Products)
{
<MudSelectItem Value="@item.Id">@item.Name</MudSelectItem>
}
</MudSelect>
</MudItem>
<MudItem xs="12">
<MudText Typo="Typo.subtitle2" Class="mb-0">Warehouse</MudText>
<MudSelect T="string" @bind-Value="_model.WarehouseId"
Variant="Variant.Outlined" Margin="Margin.Dense" Dense="true"
AnchorOrigin="Origin.BottomCenter" TransformOrigin="Origin.TopCenter">
@foreach (var item in _lookup.Warehouses)
{
<MudSelectItem Value="@item.Id">@item.Name</MudSelectItem>
}
</MudSelect>
</MudItem>
<MudItem xs="12">
<MudText Typo="Typo.subtitle2" Class="mb-1">Quantity Minus</MudText>
<MudNumericField @bind-Value="_model.Movement" Variant="Variant.Outlined" Margin="Margin.Dense" />
</MudItem>
</MudGrid>
</MudForm>
</DialogContent>
<DialogActions>
<MudButton OnClick="Cancel" Variant="Variant.Text">Cancel</MudButton>
<MudButton Color="Color.Primary" OnClick="Submit" Variant="Variant.Filled" Disabled="_processing" Style="text-transform: none; font-weight: 700; border-radius: 4px;">
@if (_processing)
{
<MudProgressCircular Size="Size.Small" Indeterminate="true" />
<MudText Class="ms-2" Typo="Typo.button" Style="text-transform: none !important;">Processing...</MudText>
}
else
{
<MudText>Add Item</MudText>
}
</MudButton>
</DialogActions>
</MudDialog>
@code {
[CascadingParameter] IMudDialogInstance MudDialog { get; set; } = default!;
[Parameter] public string NegativeAdjustmentId { get; set; } = string.Empty;
private MudForm _form = default!;
private CreateNegativeAdjustmentItemRequest _model = new() { Movement = 1 };
private NegativeAdjustmentLookupResponse _lookup = new();
private bool _processing = false;
protected override async Task OnInitializedAsync()
{
var res = await NegativeAdjustmentService.GetNegativeAdjustmentLookupAsync();
if (res != null && res.IsSuccess) _lookup = res.Value ?? new();
_model.NegativeAdjustmentId = NegativeAdjustmentId;
}
private void Cancel() => MudDialog.Cancel();
private async Task Submit()
{
await _form.Validate();
if (!_form.IsValid) return;
_processing = true;
try
{
var response = await NegativeAdjustmentService.CreateNegativeAdjustmentItemAsync(_model);
await Task.Delay(500);
if (response != null && response.IsSuccess)
{
Snackbar.Add("Item added successfully", Severity.Success);
MudDialog.Close(DialogResult.Ok(true));
}
}
finally { _processing = false; }
}
}
@@ -0,0 +1,90 @@
@using Indotalent.ConfigBackEnd.Extensions
@using Indotalent.Features.Inventory.NegativeAdjustment
@using Indotalent.Features.Inventory.NegativeAdjustment.Cqrs
@using MudBlazor
@using Indotalent.Features.Root.Shared
@inject NegativeAdjustmentService NegativeAdjustmentService
@inject IDialogService DialogService
@inject ISnackbar Snackbar
<MudPaper Elevation="0" Outlined="true" Style="border-radius: 12px; border: 1px solid #E5E7EB;">
<div style="padding: 16px; border-bottom: 1px solid #E5E7EB; display: flex; justify-content: space-between; align-items: center; background-color: #F9FAFB;">
<MudText Typo="Typo.button" Style="font-weight: 600;">Adjustment Items</MudText>
@if (!ReadOnly)
{
<MudButton Variant="Variant.Filled" Color="Color.Primary" StartIcon="@Icons.Material.Filled.Add" OnClick="OnAddClick" Size="Size.Small" Style="text-transform: none; font-weight: 500; border-radius: 6px;">
Add Item
</MudButton>
}
</div>
<MudTable Striped="true" Class="mud-table-styled" Items="Items" Hover="true" Elevation="0" Dense="true" T="NegativeAdjustmentItemResponse">
<HeaderContent>
<MudTh Style="font-weight: 700; color: #111827;">Product</MudTh>
<MudTh Style="font-weight: 700; color: #111827;">Warehouse</MudTh>
<MudTh Style="font-weight: 600; color: #6B7280; text-transform: uppercase; font-size: 0.6875rem; letter-spacing: 0.05em; text-align: right;">Quantity Minus</MudTh>
@if (!ReadOnly)
{
<MudTh Style="width: 100px; text-align: right; font-weight: 700;">Actions</MudTh>
}
</HeaderContent>
<RowTemplate>
<MudTd DataLabel="Product" Style="padding-top: 0.75rem; padding-bottom: 0.75rem; color: #6B7280; font-size: 0.875rem;">@context.ProductName</MudTd>
<MudTd DataLabel="Warehouse" Style="padding-top: 0.75rem; padding-bottom: 0.75rem; color: #6B7280; font-size: 0.875rem;">@context.WarehouseName</MudTd>
<MudTd DataLabel="Quantity" Style="text-align: right; font-weight: 700;">@context.Movement</MudTd>
@if (!ReadOnly)
{
<MudTd Style="text-align: right; padding-top: 0.75rem; padding-bottom: 0.75rem; color: #6B7280; font-size: 0.875rem;">
<MudIconButton Icon="@Icons.Material.Filled.Edit" Size="Size.Small" Color="Color.Primary" OnClick="@(() => OnEditClick(context))" />
<MudIconButton Icon="@Icons.Material.Filled.Delete" Size="Size.Small" Color="Color.Error" OnClick="@(() => OnDeleteClick(context))" />
</MudTd>
}
</RowTemplate>
</MudTable>
</MudPaper>
<style>
.mud-table-styled .mud-table-row:hover { background-color: #F9FAFB !important; }
</style>
@code {
[Parameter] public string NegativeAdjustmentId { get; set; } = string.Empty;
[Parameter] public List<NegativeAdjustmentItemResponse> Items { get; set; } = new();
[Parameter] public bool ReadOnly { get; set; } = false;
[Parameter] public EventCallback OnChanged { get; set; }
private async Task OnAddClick()
{
var parameters = new DialogParameters { ["NegativeAdjustmentId"] = NegativeAdjustmentId };
var options = new DialogOptions { MaxWidth = MaxWidth.Small, FullWidth = true, CloseButton = true };
var dialog = await DialogService.ShowAsync<_NegativeAdjustmentItemCreateForm>("Add Adjustment Item", parameters, options);
var result = await dialog.Result;
if (result != null && !result.Canceled) await OnChanged.InvokeAsync();
}
private async Task OnEditClick(NegativeAdjustmentItemResponse item)
{
var parameters = new DialogParameters { ["Data"] = item };
var options = new DialogOptions { MaxWidth = MaxWidth.Small, FullWidth = true, CloseButton = true };
var dialog = await DialogService.ShowAsync<_NegativeAdjustmentItemUpdateForm>("Edit Adjustment Item", parameters, options);
var result = await dialog.Result;
if (result != null && !result.Canceled) await OnChanged.InvokeAsync();
}
private async Task OnDeleteClick(NegativeAdjustmentItemResponse item)
{
var parameters = new DialogParameters { ["ContentText"] = $"Are you sure you want to remove this item?" };
var dialog = await DialogService.ShowAsync<_DeleteConfirmation>("Delete Confirmation", parameters, new DialogOptions { MaxWidth = MaxWidth.ExtraSmall, FullWidth = true });
var result = await dialog.Result;
if (result != null && !result.Canceled)
{
var success = await NegativeAdjustmentService.DeleteNegativeAdjustmentItemAsync(item.Id!);
if (success)
{
Snackbar.Add("Removed successfully", Severity.Success);
await OnChanged.InvokeAsync();
}
}
}
}
@@ -0,0 +1,93 @@
@using Indotalent.Features.Inventory.NegativeAdjustment.Cqrs
@using MudBlazor
@inject NegativeAdjustmentService NegativeAdjustmentService
@inject ISnackbar Snackbar
<MudDialog>
<DialogContent>
<MudForm @ref="_form" Model="_model">
<MudGrid Spacing="2">
<MudItem xs="12">
<MudText Typo="Typo.subtitle2" Class="mb-0">Product</MudText>
<MudSelect T="string" @bind-Value="_model.ProductId"
Variant="Variant.Outlined" Margin="Margin.Dense" Dense="true"
AnchorOrigin="Origin.BottomCenter" TransformOrigin="Origin.TopCenter">
@foreach (var item in _lookup.Products)
{
<MudSelectItem Value="@item.Id">@item.Name</MudSelectItem>
}
</MudSelect>
</MudItem>
<MudItem xs="12">
<MudText Typo="Typo.subtitle2" Class="mb-0">Warehouse</MudText>
<MudSelect T="string" @bind-Value="_model.WarehouseId"
Variant="Variant.Outlined" Margin="Margin.Dense" Dense="true"
AnchorOrigin="Origin.BottomCenter" TransformOrigin="Origin.TopCenter">
@foreach (var item in _lookup.Warehouses)
{
<MudSelectItem Value="@item.Id">@item.Name</MudSelectItem>
}
</MudSelect>
</MudItem>
<MudItem xs="12">
<MudText Typo="Typo.subtitle2" Class="mb-1">Quantity Minus</MudText>
<MudNumericField @bind-Value="_model.Movement" Variant="Variant.Outlined" Margin="Margin.Dense" />
</MudItem>
</MudGrid>
</MudForm>
</DialogContent>
<DialogActions>
<MudButton OnClick="Cancel" Variant="Variant.Text">Cancel</MudButton>
<MudButton Color="Color.Primary" OnClick="Submit" Variant="Variant.Filled" Disabled="_processing" Style="text-transform: none; font-weight: 700; border-radius: 4px;">
@if (_processing)
{
<MudProgressCircular Size="Size.Small" Indeterminate="true" />
<MudText Class="ms-2" Typo="Typo.button" Style="text-transform: none !important;">Updating...</MudText>
}
else
{
<MudText>Save Changes</MudText>
}
</MudButton>
</DialogActions>
</MudDialog>
@code {
[CascadingParameter] IMudDialogInstance MudDialog { get; set; } = default!;
[Parameter] public NegativeAdjustmentItemResponse Data { get; set; } = new();
private MudForm _form = default!;
private UpdateNegativeAdjustmentItemRequest _model = new();
private NegativeAdjustmentLookupResponse _lookup = new();
private bool _processing = false;
protected override async Task OnInitializedAsync()
{
var res = await NegativeAdjustmentService.GetNegativeAdjustmentLookupAsync();
if (res != null && res.IsSuccess) _lookup = res.Value ?? new();
_model.Id = Data.Id;
_model.ProductId = Data.ProductId;
_model.WarehouseId = Data.WarehouseId;
_model.Movement = Data.Movement;
}
private void Cancel() => MudDialog.Cancel();
private async Task Submit()
{
await _form.Validate();
if (!_form.IsValid) return;
_processing = true;
try
{
var response = await NegativeAdjustmentService.UpdateNegativeAdjustmentItemAsync(_model);
await Task.Delay(500);
if (response != null && response.IsSuccess)
{
Snackbar.Add("Item updated successfully", Severity.Success);
MudDialog.Close(DialogResult.Ok(true));
}
}
finally { _processing = false; }
}
}
@@ -0,0 +1,245 @@
@using Indotalent.ConfigBackEnd.Extensions
@using Indotalent.Features.Inventory.NegativeAdjustment.Cqrs
@using Indotalent.Features.Inventory.NegativeAdjustment.Components
@using Indotalent.Shared.Utils
@using MudBlazor
@using Microsoft.JSInterop
@inject NegativeAdjustmentService NegativeAdjustmentService
@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") Adjustment</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" Typo="Typo.button" Style="text-transform: none !important;">Generating PDF...</MudText>
}
else
{
<MudText>Print PDF</MudText>
}
</MudButton>
}
</MudPaper>
<MudPaper Elevation="0" Outlined="true" Class="pa-8" Style="border-radius: 0px; 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">Adjustment Date</MudText>
<MudDatePicker @bind-Date="_model.AdjustmentDate" ReadOnly="ReadOnly"
Variant="Variant.Outlined" Margin="Margin.Dense" />
</MudItem>
<MudItem xs="12" sm="6">
<MudText Typo="Typo.subtitle2" Class="mb-0">Status</MudText>
<MudSelect T="Indotalent.Data.Enums.AdjustmentStatus" @bind-Value="_model.Status"
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.AdjustmentStatus)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">
<_NegativeAdjustmentItemDataTable Items="_items" NegativeAdjustmentId="@(_model.Id ?? string.Empty)" ReadOnly="ReadOnly" OnChanged="RefreshItems" />
</MudItem>
<MudItem xs="12" sm="7"></MudItem>
<MudItem xs="12" sm="5">
<MudPaper Elevation="0" Outlined="true" Class="pa-4" Style="border-radius: 0px; background-color: #F8FAFC; border: 1px solid #DCEBFA;">
<MudText Typo="Typo.button" Color="Color.Primary" Style="font-weight: 800;" Class="mb-4 d-block">Movement Summary</MudText>
<div class="d-flex justify-space-between mb-2">
<MudText Typo="Typo.body2">Total Line Items</MudText>
<MudText Typo="Typo.body2" Style="font-weight: 700;">@_items.Count</MudText>
</div>
<div class="d-flex justify-space-between">
<MudText Typo="Typo.body2">Total Qty Minus</MudText>
<MudText Typo="Typo.body2" Style="font-weight: 700;">@_items.Sum(x => x.Movement)</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; border: 1px solid #e0e0e0; text-transform: none; font-weight: 700;">
@(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" Typo="Typo.button" Style="text-transform: none !important;">Updating...</MudText>
}
else
{
<MudText>Save Changes</MudText>
}
</MudButton>
}
</div>
</MudForm>
</MudPaper>
@code {
[Parameter] public UpdateNegativeAdjustmentRequest 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 UpdateNegativeAdjustmentValidator _validator = new();
private UpdateNegativeAdjustmentRequest _model = new();
private List<NegativeAdjustmentItemResponse> _items = new();
private NegativeAdjustmentLookupResponse _lookup = new();
private bool _processing = false;
private bool _isPrinting = false;
protected override async Task OnInitializedAsync()
{
var resLookup = await NegativeAdjustmentService.GetNegativeAdjustmentLookupAsync();
if (resLookup != null && resLookup.IsSuccess) _lookup = resLookup.Value ?? new();
_model = Data;
await RefreshItems();
}
private async Task RefreshItems()
{
try
{
var response = await NegativeAdjustmentService.GetNegativeAdjustmentByIdAsync(_model.Id!);
await Task.Delay(500);
if (response != null && response.IsSuccess && response.Value != null)
{
_items = response.Value.Items ?? new();
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 NegativeAdjustmentService.GetNegativeAdjustmentByIdAsync(_model.Id!);
if (response != null && response.IsSuccess && response.Value != null)
{
var pdfBytes = NegativeAdjustmentPdfGenerator.Generate(response.Value);
var fileName = $"NegativeAdjustment_{response.Value.AutoNumber}.pdf";
var base64 = Convert.ToBase64String(pdfBytes);
await JSRuntime.InvokeVoidAsync("downloadFile", fileName, "application/pdf", base64);
Snackbar.Add("PDF generated successfully.", Severity.Success);
}
}
catch (Exception ex)
{
Snackbar.Add($"Error: {ex.Message}", Severity.Error);
}
finally
{
_isPrinting = false;
StateHasChanged();
}
}
private async Task Submit()
{
if (ReadOnly) return;
await _form.Validate();
if (!_form.IsValid) return;
_processing = true;
StateHasChanged();
try
{
var response = await NegativeAdjustmentService.UpdateNegativeAdjustmentAsync(_model);
await Task.Delay(500);
if (response != null && response.IsSuccess)
{
Snackbar.Add("Updated successfully", Severity.Success);
await OnSuccess.InvokeAsync();
}
}
catch (Exception ex)
{
Snackbar.Add($"Error: {ex.Message}", Severity.Error);
}
finally
{
_processing = false;
StateHasChanged();
}
}
}
@@ -0,0 +1,53 @@
using Indotalent.ConfigBackEnd.Extensions;
using Indotalent.Infrastructure.Database;
using MediatR;
namespace Indotalent.Features.Inventory.NegativeAdjustment.Cqrs;
public class CreateNegativeAdjustmentRequest
{
public DateTime? AdjustmentDate { get; set; }
public Data.Enums.AdjustmentStatus Status { get; set; }
public string? Description { get; set; }
}
public class CreateNegativeAdjustmentResponse
{
public string? Id { get; set; }
public string? AutoNumber { get; set; }
}
public record CreateNegativeAdjustmentCommand(CreateNegativeAdjustmentRequest Data) : IRequest<CreateNegativeAdjustmentResponse>;
public class CreateNegativeAdjustmentHandler : IRequestHandler<CreateNegativeAdjustmentCommand, CreateNegativeAdjustmentResponse>
{
private readonly AppDbContext _context;
public CreateNegativeAdjustmentHandler(AppDbContext context) => _context = context;
public async Task<CreateNegativeAdjustmentResponse> Handle(CreateNegativeAdjustmentCommand request, CancellationToken cancellationToken)
{
var entityName = nameof(Data.Entities.NegativeAdjustment);
var autoNo = await _context.GenerateAutoNumberAsync(
entityName: entityName,
prefixTemplate: $"{entityName.ToShortNameConsonant(3)}/{{Year}}/",
ct: cancellationToken
);
var entity = new Data.Entities.NegativeAdjustment
{
AutoNumber = autoNo,
AdjustmentDate = request.Data.AdjustmentDate,
Status = request.Data.Status,
Description = request.Data.Description
};
_context.NegativeAdjustment.Add(entity);
await _context.SaveChangesAsync(cancellationToken);
return new CreateNegativeAdjustmentResponse
{
Id = entity.Id,
AutoNumber = entity.AutoNumber
};
}
}
@@ -0,0 +1,58 @@
using Indotalent.ConfigBackEnd.Extensions;
using Indotalent.Infrastructure.Database;
using MediatR;
using Microsoft.EntityFrameworkCore;
namespace Indotalent.Features.Inventory.NegativeAdjustment.Cqrs;
public class CreateNegativeAdjustmentItemRequest
{
public string? NegativeAdjustmentId { get; set; }
public string? ProductId { get; set; }
public string? WarehouseId { get; set; }
public double? Movement { get; set; }
}
public record CreateNegativeAdjustmentItemCommand(CreateNegativeAdjustmentItemRequest Data) : IRequest<bool>;
public class CreateNegativeAdjustmentItemHandler : IRequestHandler<CreateNegativeAdjustmentItemCommand, bool>
{
private readonly AppDbContext _context;
public CreateNegativeAdjustmentItemHandler(AppDbContext context) => _context = context;
public async Task<bool> Handle(CreateNegativeAdjustmentItemCommand request, CancellationToken cancellationToken)
{
var master = await _context.NegativeAdjustment
.AsNoTracking()
.FirstOrDefaultAsync(x => x.Id == request.Data.NegativeAdjustmentId, cancellationToken);
if (master == null) return false;
var ivtEntityName = nameof(Data.Entities.InventoryTransaction);
var autoNoIVT = await _context.GenerateAutoNumberAsync(
entityName: ivtEntityName,
prefixTemplate: $"{ivtEntityName.ToShortNameConsonant(3)}/{{Year}}/",
ct: cancellationToken
);
var entity = new Data.Entities.InventoryTransaction
{
ModuleId = master.Id,
ModuleName = nameof(Data.Entities.NegativeAdjustment),
ModuleCode = "ADJ-",
ModuleNumber = master.AutoNumber,
MovementDate = master.AdjustmentDate!.Value,
Status = (Data.Enums.InventoryTransactionStatus)master.Status,
AutoNumber = autoNoIVT,
WarehouseId = request.Data.WarehouseId,
ProductId = request.Data.ProductId,
Movement = Math.Abs(request.Data.Movement ?? 0)
};
_context.CalculateInvenTrans(entity);
_context.InventoryTransaction.Add(entity);
await _context.SaveChangesAsync(cancellationToken);
return true;
}
}
@@ -0,0 +1,11 @@
using FluentValidation;
namespace Indotalent.Features.Inventory.NegativeAdjustment.Cqrs;
public class CreateNegativeAdjustmentValidator : AbstractValidator<CreateNegativeAdjustmentRequest>
{
public CreateNegativeAdjustmentValidator()
{
RuleFor(x => x.AdjustmentDate).NotEmpty().WithMessage("Adjustment Date is required");
}
}
@@ -0,0 +1,30 @@
using Indotalent.Infrastructure.Database;
using MediatR;
using Microsoft.EntityFrameworkCore;
namespace Indotalent.Features.Inventory.NegativeAdjustment.Cqrs;
public record DeleteNegativeAdjustmentByIdCommand(string Id) : IRequest<bool>;
public class DeleteNegativeAdjustmentByIdHandler : IRequestHandler<DeleteNegativeAdjustmentByIdCommand, bool>
{
private readonly AppDbContext _context;
public DeleteNegativeAdjustmentByIdHandler(AppDbContext context) => _context = context;
public async Task<bool> Handle(DeleteNegativeAdjustmentByIdCommand request, CancellationToken cancellationToken)
{
var entity = await _context.NegativeAdjustment
.FirstOrDefaultAsync(x => x.Id == request.Id, cancellationToken);
if (entity == null) return false;
var items = await _context.InventoryTransaction
.Where(x => x.ModuleId == request.Id && x.ModuleName == nameof(Data.Entities.NegativeAdjustment))
.ToListAsync(cancellationToken);
_context.InventoryTransaction.RemoveRange(items);
_context.NegativeAdjustment.Remove(entity);
await _context.SaveChangesAsync(cancellationToken);
return true;
}
}
@@ -0,0 +1,26 @@
using Indotalent.Infrastructure.Database;
using MediatR;
using Microsoft.EntityFrameworkCore;
namespace Indotalent.Features.Inventory.NegativeAdjustment.Cqrs;
public record DeleteNegativeAdjustmentItemCommand(string Id) : IRequest<bool>;
public class DeleteNegativeAdjustmentItemHandler : IRequestHandler<DeleteNegativeAdjustmentItemCommand, bool>
{
private readonly AppDbContext _context;
public DeleteNegativeAdjustmentItemHandler(AppDbContext context) => _context = context;
public async Task<bool> Handle(DeleteNegativeAdjustmentItemCommand request, CancellationToken cancellationToken)
{
var entity = await _context.InventoryTransaction
.FirstOrDefaultAsync(x => x.Id == request.Id, cancellationToken);
if (entity == null) return false;
_context.InventoryTransaction.Remove(entity);
await _context.SaveChangesAsync(cancellationToken);
return true;
}
}
@@ -0,0 +1,75 @@
using Indotalent.Infrastructure.Database;
using MediatR;
using Microsoft.EntityFrameworkCore;
namespace Indotalent.Features.Inventory.NegativeAdjustment.Cqrs;
public class NegativeAdjustmentItemResponse
{
public string? Id { get; set; }
public string? ProductId { get; set; }
public string? ProductName { get; set; }
public string? WarehouseId { get; set; }
public string? WarehouseName { get; set; }
public double? Movement { get; set; }
}
public class GetNegativeAdjustmentByIdResponse
{
public string? Id { get; set; }
public string? AutoNumber { get; set; }
public DateTime? AdjustmentDate { get; set; }
public Data.Enums.AdjustmentStatus Status { 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 List<NegativeAdjustmentItemResponse> Items { get; set; } = new();
}
public record GetNegativeAdjustmentByIdQuery(string Id) : IRequest<GetNegativeAdjustmentByIdResponse?>;
public class GetNegativeAdjustmentByIdHandler : IRequestHandler<GetNegativeAdjustmentByIdQuery, GetNegativeAdjustmentByIdResponse?>
{
private readonly AppDbContext _context;
public GetNegativeAdjustmentByIdHandler(AppDbContext context) => _context = context;
public async Task<GetNegativeAdjustmentByIdResponse?> Handle(GetNegativeAdjustmentByIdQuery request, CancellationToken cancellationToken)
{
var master = await _context.NegativeAdjustment
.AsNoTracking()
.FirstOrDefaultAsync(x => x.Id == request.Id, cancellationToken);
if (master == null) return null;
var items = await _context.InventoryTransaction
.AsNoTracking()
.Include(x => x.Product)
.Include(x => x.Warehouse)
.Where(x => x.ModuleId == request.Id && x.ModuleName == nameof(Data.Entities.NegativeAdjustment))
.Select(x => new NegativeAdjustmentItemResponse
{
Id = x.Id,
ProductId = x.ProductId,
ProductName = x.Product!.Name,
WarehouseId = x.WarehouseId,
WarehouseName = x.Warehouse!.Name,
Movement = x.Movement
}).ToListAsync(cancellationToken);
return new GetNegativeAdjustmentByIdResponse
{
Id = master.Id,
AutoNumber = master.AutoNumber,
AdjustmentDate = master.AdjustmentDate,
Status = master.Status,
Description = master.Description,
CreatedAt = master.CreatedAt,
CreatedBy = master.CreatedBy,
UpdatedAt = master.UpdatedAt,
UpdatedBy = master.UpdatedBy,
Items = items
};
}
}
@@ -0,0 +1,37 @@
using Indotalent.Infrastructure.Database;
using MediatR;
using Microsoft.EntityFrameworkCore;
namespace Indotalent.Features.Inventory.NegativeAdjustment.Cqrs;
public class GetNegativeAdjustmentListResponse
{
public string? Id { get; set; }
public string? AutoNumber { get; set; }
public DateTime? AdjustmentDate { get; set; }
public Data.Enums.AdjustmentStatus Status { get; set; }
public string? Description { get; set; }
}
public record GetNegativeAdjustmentListQuery() : IRequest<List<GetNegativeAdjustmentListResponse>>;
public class GetNegativeAdjustmentListHandler : IRequestHandler<GetNegativeAdjustmentListQuery, List<GetNegativeAdjustmentListResponse>>
{
private readonly AppDbContext _context;
public GetNegativeAdjustmentListHandler(AppDbContext context) => _context = context;
public async Task<List<GetNegativeAdjustmentListResponse>> Handle(GetNegativeAdjustmentListQuery request, CancellationToken cancellationToken)
{
return await _context.NegativeAdjustment
.AsNoTracking()
.OrderByDescending(x => x.CreatedAt)
.Select(x => new GetNegativeAdjustmentListResponse
{
Id = x.Id,
AutoNumber = x.AutoNumber,
AdjustmentDate = x.AdjustmentDate,
Status = x.Status,
Description = x.Description
}).ToListAsync(cancellationToken);
}
}
@@ -0,0 +1,61 @@
using Indotalent.Infrastructure.Database;
using MediatR;
using Microsoft.EntityFrameworkCore;
using Indotalent.Data.Enums;
using Indotalent.ConfigBackEnd.Extensions;
namespace Indotalent.Features.Inventory.NegativeAdjustment.Cqrs;
public class NegativeAdjustmentLookupResponse
{
public List<LookupItem> Warehouses { get; set; } = new();
public List<LookupItem> Products { get; set; } = new();
public List<LookupStatusItem> Statuses { get; set; } = new();
}
public class LookupItem
{
public string? Id { get; set; }
public string? Name { get; set; }
}
public class LookupStatusItem
{
public int Value { get; set; }
public string? Name { get; set; }
}
public record GetNegativeAdjustmentLookupQuery() : IRequest<NegativeAdjustmentLookupResponse>;
public class GetNegativeAdjustmentLookupHandler : IRequestHandler<GetNegativeAdjustmentLookupQuery, NegativeAdjustmentLookupResponse>
{
private readonly AppDbContext _context;
public GetNegativeAdjustmentLookupHandler(AppDbContext context) => _context = context;
public async Task<NegativeAdjustmentLookupResponse> Handle(GetNegativeAdjustmentLookupQuery request, CancellationToken cancellationToken)
{
var response = new NegativeAdjustmentLookupResponse();
response.Warehouses = await _context.Warehouse.AsNoTracking()
.Where(x => x.SystemWarehouse == false)
.OrderBy(x => x.Name)
.Select(x => new LookupItem { Id = x.Id, Name = x.Name })
.ToListAsync(cancellationToken);
response.Products = await _context.Product.AsNoTracking()
.Where(x => x.Physical == true)
.OrderBy(x => x.Name)
.Select(x => new LookupItem { Id = x.Id, Name = x.Name })
.ToListAsync(cancellationToken);
response.Statuses = Enum.GetValues(typeof(AdjustmentStatus))
.Cast<AdjustmentStatus>()
.Select(x => new LookupStatusItem
{
Value = (int)x,
Name = x.GetDescription()
}).ToList();
return response;
}
}
@@ -0,0 +1,53 @@
using Indotalent.Infrastructure.Database;
using MediatR;
using Microsoft.EntityFrameworkCore;
namespace Indotalent.Features.Inventory.NegativeAdjustment.Cqrs;
public class UpdateNegativeAdjustmentRequest
{
public string? Id { get; set; }
public string? AutoNumber { get; set; }
public DateTime? AdjustmentDate { get; set; }
public Data.Enums.AdjustmentStatus Status { 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 UpdateNegativeAdjustmentCommand(UpdateNegativeAdjustmentRequest Data) : IRequest<bool>;
public class UpdateNegativeAdjustmentHandler : IRequestHandler<UpdateNegativeAdjustmentCommand, bool>
{
private readonly AppDbContext _context;
public UpdateNegativeAdjustmentHandler(AppDbContext context) => _context = context;
public async Task<bool> Handle(UpdateNegativeAdjustmentCommand request, CancellationToken cancellationToken)
{
var entity = await _context.NegativeAdjustment
.FirstOrDefaultAsync(x => x.Id == request.Data.Id, cancellationToken);
if (entity == null) return false;
entity.AdjustmentDate = request.Data.AdjustmentDate;
entity.Status = request.Data.Status;
entity.Description = request.Data.Description;
var details = await _context.InventoryTransaction
.Where(x => x.ModuleId == entity.Id && x.ModuleName == nameof(Data.Entities.NegativeAdjustment))
.ToListAsync(cancellationToken);
foreach (var item in details)
{
item.MovementDate = entity.AdjustmentDate ?? DateTime.Now;
item.Status = (Data.Enums.InventoryTransactionStatus)entity.Status;
item.ModuleNumber = entity.AutoNumber;
_context.CalculateInvenTrans(item);
}
await _context.SaveChangesAsync(cancellationToken);
return true;
}
}
@@ -0,0 +1,38 @@
using Indotalent.Infrastructure.Database;
using MediatR;
using Microsoft.EntityFrameworkCore;
namespace Indotalent.Features.Inventory.NegativeAdjustment.Cqrs;
public class UpdateNegativeAdjustmentItemRequest
{
public string? Id { get; set; }
public string? ProductId { get; set; }
public string? WarehouseId { get; set; }
public double? Movement { get; set; }
}
public record UpdateNegativeAdjustmentItemCommand(UpdateNegativeAdjustmentItemRequest Data) : IRequest<bool>;
public class UpdateNegativeAdjustmentItemHandler : IRequestHandler<UpdateNegativeAdjustmentItemCommand, bool>
{
private readonly AppDbContext _context;
public UpdateNegativeAdjustmentItemHandler(AppDbContext context) => _context = context;
public async Task<bool> Handle(UpdateNegativeAdjustmentItemCommand request, CancellationToken cancellationToken)
{
var entity = await _context.InventoryTransaction
.FirstOrDefaultAsync(x => x.Id == request.Data.Id, cancellationToken);
if (entity == null) return false;
entity.ProductId = request.Data.ProductId;
entity.WarehouseId = request.Data.WarehouseId;
entity.Movement = Math.Abs(request.Data.Movement ?? 0);
_context.CalculateInvenTrans(entity);
await _context.SaveChangesAsync(cancellationToken);
return true;
}
}
@@ -0,0 +1,12 @@
using FluentValidation;
namespace Indotalent.Features.Inventory.NegativeAdjustment.Cqrs;
public class UpdateNegativeAdjustmentValidator : AbstractValidator<UpdateNegativeAdjustmentRequest>
{
public UpdateNegativeAdjustmentValidator()
{
RuleFor(x => x.Id).NotEmpty();
RuleFor(x => x.AdjustmentDate).NotEmpty().WithMessage("Adjustment Date is required");
}
}
@@ -0,0 +1,97 @@
using Indotalent.ConfigBackEnd.Extensions;
using Indotalent.Features.Inventory.NegativeAdjustment.Cqrs;
using MediatR;
using Microsoft.AspNetCore.Authentication.JwtBearer;
namespace Indotalent.Features.Inventory.NegativeAdjustment;
public static class NegativeAdjustmentEndpoint
{
public static void MapNegativeAdjustmentEndpoints(this IEndpointRouteBuilder app)
{
var group = app.MapGroup("/negative-adjustment").WithTags("NegativeAdjustments")
.RequireAuthorization(policy => policy.AddAuthenticationSchemes(JwtBearerDefaults.AuthenticationScheme)
.RequireAuthenticatedUser());
group.MapGet("/", async (IMediator mediator) =>
{
var result = await mediator.Send(new GetNegativeAdjustmentListQuery());
return result.ToApiResponse("Negative adjustment list retrieved successfully");
})
.WithName("GetNegativeAdjustmentList");
group.MapGet("/{id}", async (string id, IMediator mediator) =>
{
var result = await mediator.Send(new GetNegativeAdjustmentByIdQuery(id));
return result.ToApiResponse(result is not null
? "Negative adjustment detail retrieved successfully"
: $"Negative adjustment with ID {id} not found");
})
.WithName("GetNegativeAdjustmentById");
group.MapGet("/lookup", async (IMediator mediator) =>
{
var result = await mediator.Send(new GetNegativeAdjustmentLookupQuery());
return result.ToApiResponse("Lookup data retrieved successfully");
})
.WithName("GetNegativeAdjustmentLookup");
group.MapPost("/", async (CreateNegativeAdjustmentRequest request, IMediator mediator) =>
{
var result = await mediator.Send(new CreateNegativeAdjustmentCommand(request));
return result.ToApiResponse("Negative adjustment has been created successfully", StatusCodes.Status201Created);
})
.WithName("CreateNegativeAdjustment");
group.MapPost("/update", async (UpdateNegativeAdjustmentRequest request, IMediator mediator) =>
{
var result = await mediator.Send(new UpdateNegativeAdjustmentCommand(request));
if (!result)
{
return ((object?)null).ToApiResponse("Update failed. Negative adjustment not found.");
}
return result.ToApiResponse("Negative adjustment has been updated successfully");
})
.WithName("UpdateNegativeAdjustment");
group.MapPost("/delete/{id}", async (string id, IMediator mediator) =>
{
var result = await mediator.Send(new DeleteNegativeAdjustmentByIdCommand(id));
if (!result)
{
return ((object?)null).ToApiResponse("Delete failed. Negative adjustment not found.");
}
return true.ToApiResponse("Negative adjustment has been deleted successfully");
})
.WithName("DeleteNegativeAdjustmentById");
group.MapPost("/negative-adjustment-item", async (CreateNegativeAdjustmentItemRequest request, IMediator mediator) =>
{
var result = await mediator.Send(new CreateNegativeAdjustmentItemCommand(request));
return result.ToApiResponse("Item has been added successfully");
})
.WithName("CreateNegativeAdjustmentItem");
group.MapPost("/negative-adjustment-item/update", async (UpdateNegativeAdjustmentItemRequest request, IMediator mediator) =>
{
var result = await mediator.Send(new UpdateNegativeAdjustmentItemCommand(request));
if (!result)
{
return ((object?)null).ToApiResponse("Update item failed.");
}
return result.ToApiResponse("Item has been updated successfully");
})
.WithName("UpdateNegativeAdjustmentItem");
group.MapPost("/negative-adjustment-item/delete/{id}", async (string id, IMediator mediator) =>
{
var result = await mediator.Send(new DeleteNegativeAdjustmentItemCommand(id));
if (!result)
{
return ((object?)null).ToApiResponse("Delete item failed.");
}
return true.ToApiResponse("Item has been removed successfully");
})
.WithName("DeleteNegativeAdjustmentItem");
}
}
@@ -0,0 +1,109 @@
using QuestPDF.Fluent;
using QuestPDF.Helpers;
using QuestPDF.Infrastructure;
using Indotalent.Features.Inventory.NegativeAdjustment.Cqrs;
namespace Indotalent.Features.Inventory.NegativeAdjustment;
public class NegativeAdjustmentPdfGenerator
{
public static byte[] Generate(GetNegativeAdjustmentByIdResponse 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("NEGATIVE ADJUSTMENT")
.FontSize(20).ExtraBold().FontColor(primaryBlue);
col.Item().Text($"{data.AutoNumber}").FontSize(11).SemiBold();
});
row.RelativeItem().AlignRight().Column(col =>
{
col.Item().Text("STOCK ADJUSTMENT (OUT)").FontSize(11).ExtraBold();
col.Item().Text($"Date: {data.AdjustmentDate?.ToString("dd MMM yyyy")}").FontColor(textSlate);
col.Item().Text($"Status: {data.Status.ToString().ToUpper()}").FontColor(textSlate);
});
});
page.Content().PaddingVertical(20).Column(col =>
{
col.Item().Table(table =>
{
table.ColumnsDefinition(columns =>
{
columns.ConstantColumn(30);
columns.RelativeColumn(4);
columns.RelativeColumn(3);
columns.RelativeColumn(2);
});
table.Header(header =>
{
header.Cell().Element(HeaderStyle).Text("#");
header.Cell().Element(HeaderStyle).Text("Product");
header.Cell().Element(HeaderStyle).Text("Warehouse");
header.Cell().Element(HeaderStyle).AlignCenter().Text("Qty Minus");
static IContainer HeaderStyle(IContainer container)
{
return 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).Text(item.ProductName);
table.Cell().Element(CellStyle).Text(item.WarehouseName);
table.Cell().Element(CellStyle).AlignCenter().Text(item.Movement?.ToString());
static IContainer CellStyle(IContainer container)
{
return container.BorderBottom(1).BorderColor("#E2E8F0").PaddingVertical(8).PaddingHorizontal(5);
}
}
});
col.Item().PaddingTop(30).Row(row =>
{
row.RelativeItem().Column(c => {
c.Item().Text("Description:").FontSize(8).Bold();
c.Item().Text(string.IsNullOrEmpty(data.Description) ? "-" : data.Description).FontSize(8);
});
row.ConstantItem(150).Column(c => {
c.Item().PaddingTop(10).AlignCenter().Text("Authorized By,").FontSize(8);
c.Item().PaddingTop(40).AlignCenter().Text("____________________").FontSize(8);
c.Item().AlignCenter().Text("( Inventory Manager )").FontSize(7);
});
});
});
page.Footer().AlignCenter().Text(x =>
{
x.Span("Page ").FontSize(8);
x.CurrentPageNumber().FontSize(8);
x.Span(" of ").FontSize(8);
x.TotalPages().FontSize(8);
});
});
}).GeneratePdf();
}
}
@@ -0,0 +1,86 @@
using Indotalent.ConfigBackEnd.Interfaces;
using Indotalent.ConfigFrontEnd.Common;
using Indotalent.Features.Inventory.NegativeAdjustment.Cqrs;
using Indotalent.Infrastructure.Authentication.Identity;
using Indotalent.Shared.Models;
using Microsoft.AspNetCore.Components;
using MudBlazor;
using RestSharp;
namespace Indotalent.Features.Inventory.NegativeAdjustment;
public class NegativeAdjustmentService : BaseService
{
private readonly RestClient _client;
public NegativeAdjustmentService(
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<GetNegativeAdjustmentListResponse>>?> GetNegativeAdjustmentListAsync()
{
var request = new RestRequest("api/negative-adjustment", Method.Get);
return await ExecuteWithResponseAsync<List<GetNegativeAdjustmentListResponse>>(_client, request);
}
public async Task<ApiResponse<GetNegativeAdjustmentByIdResponse>?> GetNegativeAdjustmentByIdAsync(string id)
{
var request = new RestRequest($"api/negative-adjustment/{id}", Method.Get);
return await ExecuteWithResponseAsync<GetNegativeAdjustmentByIdResponse>(_client, request);
}
public async Task<ApiResponse<NegativeAdjustmentLookupResponse>?> GetNegativeAdjustmentLookupAsync()
{
var request = new RestRequest("api/negative-adjustment/lookup", Method.Get);
return await ExecuteWithResponseAsync<NegativeAdjustmentLookupResponse>(_client, request);
}
public async Task<ApiResponse<CreateNegativeAdjustmentResponse>?> CreateNegativeAdjustmentAsync(CreateNegativeAdjustmentRequest data)
{
var request = new RestRequest("api/negative-adjustment", Method.Post);
request.AddJsonBody(data);
return await ExecuteWithResponseAsync<CreateNegativeAdjustmentResponse>(_client, request);
}
public async Task<ApiResponse<bool>?> UpdateNegativeAdjustmentAsync(UpdateNegativeAdjustmentRequest data)
{
var request = new RestRequest("api/negative-adjustment/update", Method.Post);
request.AddJsonBody(data);
return await ExecuteWithResponseAsync<bool>(_client, request);
}
public async Task<bool> DeleteNegativeAdjustmentByIdAsync(string id)
{
var request = new RestRequest($"api/negative-adjustment/delete/{id}", Method.Post);
var response = await ExecuteWithResponseAsync<object>(_client, request);
return response?.IsSuccess ?? false;
}
public async Task<ApiResponse<bool>?> CreateNegativeAdjustmentItemAsync(CreateNegativeAdjustmentItemRequest data)
{
var request = new RestRequest("api/negative-adjustment/negative-adjustment-item", Method.Post);
request.AddJsonBody(data);
return await ExecuteWithResponseAsync<bool>(_client, request);
}
public async Task<ApiResponse<bool>?> UpdateNegativeAdjustmentItemAsync(UpdateNegativeAdjustmentItemRequest data)
{
var request = new RestRequest("api/negative-adjustment/negative-adjustment-item/update", Method.Post);
request.AddJsonBody(data);
return await ExecuteWithResponseAsync<bool>(_client, request);
}
public async Task<bool> DeleteNegativeAdjustmentItemAsync(string id)
{
var request = new RestRequest($"api/negative-adjustment/negative-adjustment-item/delete/{id}", Method.Post);
var response = await ExecuteWithResponseAsync<object>(_client, request);
return response?.IsSuccess ?? false;
}
}
@@ -0,0 +1,51 @@
@page "/inventory/positive-adjustment"
@using Indotalent.Features.Inventory.PositiveAdjustment.Cqrs
@using Indotalent.Features.Inventory.PositiveAdjustment.Components
@using MudBlazor
@if (_currentView == ViewMode.Create)
{
<_PositiveAdjustmentCreateForm OnCancel="BackToTable" OnSuccess="HandleSuccess" />
}
else if (_currentView == ViewMode.Update || _currentView == ViewMode.View)
{
<_PositiveAdjustmentUpdateForm Data="_selectedData!"
ReadOnly="@(_currentView == ViewMode.View)"
OnCancel="BackToTable"
OnSuccess="HandleSuccess" />
}
else
{
<_PositiveAdjustmentDataTable 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 UpdatePositiveAdjustmentRequest? _selectedData;
private void ShowCreate()
{
_currentView = ViewMode.Create;
}
private void ShowUpdate(UpdatePositiveAdjustmentRequest 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,116 @@
@using Indotalent.Features.Inventory.PositiveAdjustment.Cqrs
@using Indotalent.Shared.Utils
@using MudBlazor
@inject PositiveAdjustmentService PositiveAdjustmentService
@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 Positive Adjustment</MudText>
<MudText Typo="Typo.body2" Style="color: #64748b;">Record stock additions to specific warehouses.</MudText>
</div>
</div>
</MudPaper>
<MudPaper Elevation="0" Outlined="true" Class="pa-8" Style="border-radius: 0px; 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">Adjustment Date</MudText>
<MudDatePicker @bind-Date="_model.AdjustmentDate"
Variant="Variant.Outlined" Margin="Margin.Dense" />
</MudItem>
<MudItem xs="12" sm="6">
<MudText Typo="Typo.subtitle2" Class="mb-0">Status</MudText>
<MudSelect T="Indotalent.Data.Enums.AdjustmentStatus" @bind-Value="_model.Status"
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.AdjustmentStatus)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="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; border: 1px solid #e0e0e0; text-transform: none; font-weight: 700;">
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 Adjustment</MudText>
}
</MudButton>
</div>
</MudForm>
</MudPaper>
@code {
[Parameter] public EventCallback OnCancel { get; set; }
[Parameter] public EventCallback OnSuccess { get; set; }
private MudForm _form = default!;
private CreatePositiveAdjustmentValidator _validator = new();
private CreatePositiveAdjustmentRequest _model = new() { AdjustmentDate = DateTime.Today };
private PositiveAdjustmentLookupResponse _lookup = new();
private bool _processing = false;
protected override async Task OnInitializedAsync()
{
var res = await PositiveAdjustmentService.GetPositiveAdjustmentLookupAsync();
if (res != null && res.IsSuccess) _lookup = res.Value ?? new();
}
private async Task Submit()
{
await _form.Validate();
if (!_form.IsValid) return;
_processing = true;
try
{
var response = await PositiveAdjustmentService.CreatePositiveAdjustmentAsync(_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,377 @@
@using Indotalent.ConfigBackEnd.Extensions
@using Indotalent.Features.Inventory.PositiveAdjustment
@using Indotalent.Features.Inventory.PositiveAdjustment.Cqrs
@using Microsoft.AspNetCore.Components.Web
@using Microsoft.JSInterop
@using MudBlazor
@using Features.Root.Shared
@using ClosedXML.Excel
@using System.IO
@inject PositiveAdjustmentService PositiveAdjustmentService
@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: 700; color: #111827;">Positive Adjustment</MudText>
<MudText Typo="Typo.body2" Style="color: #9CA3AF;">Record stock additions and inventory corrections.</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;">Positive Adjustment</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;">
@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;">
@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: white; border: 1px solid #D1D5DB;">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: white; border: 1px solid #D1D5DB;">Edit</MudButton>
<MudButton Variant="Variant.Filled" 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 Positive Adjustment
</MudButton>
}
</div>
</div>
<MudTable Striped="true" Class="mud-table-styled" Items="@GetPagedData()" Hover="true" Elevation="0" CustomHeader="true" Dense="true" T="GetPositiveAdjustmentListResponse" OnRowClick="@((args) => _selectedItem = args.Item)" Loading="@_isRefreshing">
<HeaderContent>
<MudTh Style="width: 50px; background-color: #F9FAFB; border-bottom: 1px solid #E5E7EB;"></MudTh>
<MudTh Style="font-weight: 700; color: #111827; background-color: #F9FAFB; border-bottom: 1px solid #E5E7EB; white-space: nowrap;">
<MudTableSortLabel SortBy="new Func<GetPositiveAdjustmentListResponse, object>(x => x.AutoNumber!)">Number</MudTableSortLabel>
</MudTh>
<MudTh Style="font-weight: 700; color: #111827; background-color: #F9FAFB; border-bottom: 1px solid #E5E7EB; white-space: nowrap;">
<MudTableSortLabel SortBy="new Func<GetPositiveAdjustmentListResponse, object>(x => x.AdjustmentDate!)">Adjustment 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; white-space: nowrap;">
<MudTableSortLabel SortBy="new Func<GetPositiveAdjustmentListResponse, object>(x => x.Description!)">Description</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; white-space: nowrap;">
<MudTableSortLabel SortBy="new Func<GetPositiveAdjustmentListResponse, object>(x => x.Status)">Status</MudTableSortLabel>
</MudTh>
</HeaderContent>
<RowTemplate>
<MudTd Style="padding-top: 0.75rem; padding-bottom: 0.75rem;">
<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: #6B7280; font-size: 0.875rem;">@context.AutoNumber</MudTd>
<MudTd Style="padding-top: 0.75rem; padding-bottom: 0.75rem; color: #6B7280; font-size: 0.875rem;">@context.AdjustmentDate?.ToString("yyyy-MM-dd")</MudTd>
<MudTd Style="padding-top: 0.75rem; padding-bottom: 0.75rem; color: #6B7280; font-size: 0.875rem;">@context.Description</MudTd>
<MudTd Style="padding-top: 0.75rem; padding-bottom: 0.75rem;">
<MudChip T="string" Color="Color.Info" Size="Size.Small" Variant="Variant.Text" Style="font-weight: 600;">@context.Status.ToString().ToUpper()</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; font-size: 0.75rem; font-weight: 500; margin-left: 12px;">
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 ? "min-width: 34px; padding: 4px 8px; font-size: 0.75rem; font-weight: 500; color: #D1D5DB; border-radius: 6px; text-transform: none;" : "min-width: 34px; padding: 4px 8px; font-size: 0.75rem; font-weight: 500; color: #6B7280; background: white; border: 1px solid #D1D5DB; border-radius: 6px; text-transform: none;")">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 ? "min-width: 34px; padding: 4px 8px; font-size: 0.75rem; font-weight: 500; color: #D1D5DB; border-radius: 6px; text-transform: none;" : "min-width: 34px; padding: 4px 8px; font-size: 0.75rem; font-weight: 500; color: #6B7280; background: white; border: 1px solid #D1D5DB; border-radius: 6px; text-transform: none;")">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;" : "color: #6B7280; background: white; border: 1px solid #D1D5DB; border-radius: 6px;")" />
</div>
</div>
</MudPaper>
<script>
function downloadFile(fileName, contentType, base64String) {
const link = document.createElement('a');
link.download = fileName;
link.href = `data:${contentType};base64,${base64String}`;
document.body.appendChild(link);
link.click();
document.body.removeChild(link);
}
</script>
<style>
.mud-table-styled .mud-table-row:hover { background-color: #F9FAFB !important; }
</style>
@code {
[Parameter] public EventCallback OnAdd { get; set; }
[Parameter] public EventCallback<UpdatePositiveAdjustmentRequest> OnEdit { get; set; }
[Parameter] public EventCallback<UpdatePositiveAdjustmentRequest> OnView { get; set; }
private List<GetPositiveAdjustmentListResponse> _items = new();
private GetPositiveAdjustmentListResponse? _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 PositiveAdjustmentService.GetPositiveAdjustmentListAsync();
await Task.Delay(500);
if (response != null && response.IsSuccess)
{
_items = response.Value ?? new();
}
}
finally
{
_isRefreshing = false;
StateHasChanged();
}
}
private IEnumerable<GetPositiveAdjustmentListResponse> GetFilteredData()
{
if (string.IsNullOrWhiteSpace(_searchString)) return _items;
return _items.Where(x =>
(x.AutoNumber?.Contains(_searchString, StringComparison.OrdinalIgnoreCase) ?? false) ||
(x.Description?.Contains(_searchString, StringComparison.OrdinalIgnoreCase) ?? false)
);
}
private IEnumerable<GetPositiveAdjustmentListResponse> 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("PositiveAdjustments");
var currentRow = 1;
worksheet.Cell(currentRow, 1).Value = "Number";
worksheet.Cell(currentRow, 2).Value = "Adjustment Date";
worksheet.Cell(currentRow, 3).Value = "Description";
worksheet.Cell(currentRow, 4).Value = "Status";
var headerRange = worksheet.Range(1, 1, 1, 4);
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.AdjustmentDate?.ToString("yyyy-MM-dd");
worksheet.Cell(currentRow, 3).Value = item.Description;
worksheet.Cell(currentRow, 4).Value = item.Status.ToString();
}
worksheet.Columns().AdjustToContents();
using (var stream = new MemoryStream())
{
workbook.SaveAs(stream);
var content = Convert.ToBase64String(stream.ToArray());
await JSRuntime.InvokeVoidAsync("downloadFile", "PositiveAdjustment_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<UpdatePositiveAdjustmentRequest?> MapToUpdateRequest(string id)
{
var response = await PositiveAdjustmentService.GetPositiveAdjustmentByIdAsync(id);
if (response != null && response.IsSuccess && response.Value != null)
{
var detail = response.Value;
return new UpdatePositiveAdjustmentRequest
{
Id = detail.Id,
AdjustmentDate = detail.AdjustmentDate,
Status = detail.Status,
Description = detail.Description,
CreatedAt = detail.CreatedAt,
CreatedBy = detail.CreatedBy,
UpdatedAt = detail.UpdatedAt,
UpdatedBy = detail.UpdatedBy,
AutoNumber = detail.AutoNumber
};
}
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 PositiveAdjustmentService.DeletePositiveAdjustmentByIdAsync(_selectedItem.Id!);
if (isSuccess)
{
_selectedItem = null;
await LoadData();
Snackbar.Add("Deleted successfully", Severity.Success);
}
}
}
}
@@ -0,0 +1,89 @@
@using Indotalent.Features.Inventory.PositiveAdjustment.Cqrs
@using MudBlazor
@inject PositiveAdjustmentService PositiveAdjustmentService
@inject ISnackbar Snackbar
<MudDialog>
<DialogContent>
<MudForm @ref="_form" Model="_model">
<MudGrid Spacing="2">
<MudItem xs="12">
<MudText Typo="Typo.subtitle2" Class="mb-0">Product</MudText>
<MudSelect T="string" @bind-Value="_model.ProductId"
Variant="Variant.Outlined" Margin="Margin.Dense" Dense="true"
AnchorOrigin="Origin.BottomCenter" TransformOrigin="Origin.TopCenter">
@foreach (var item in _lookup.Products)
{
<MudSelectItem Value="@item.Id">@item.Name</MudSelectItem>
}
</MudSelect>
</MudItem>
<MudItem xs="12">
<MudText Typo="Typo.subtitle2" Class="mb-0">Warehouse</MudText>
<MudSelect T="string" @bind-Value="_model.WarehouseId"
Variant="Variant.Outlined" Margin="Margin.Dense" Dense="true"
AnchorOrigin="Origin.BottomCenter" TransformOrigin="Origin.TopCenter">
@foreach (var item in _lookup.Warehouses)
{
<MudSelectItem Value="@item.Id">@item.Name</MudSelectItem>
}
</MudSelect>
</MudItem>
<MudItem xs="12">
<MudText Typo="Typo.subtitle2" Class="mb-1">Quantity Plus</MudText>
<MudNumericField @bind-Value="_model.Movement" Variant="Variant.Outlined" Margin="Margin.Dense" />
</MudItem>
</MudGrid>
</MudForm>
</DialogContent>
<DialogActions>
<MudButton OnClick="Cancel" Variant="Variant.Text">Cancel</MudButton>
<MudButton Color="Color.Primary" OnClick="Submit" Variant="Variant.Filled" Disabled="_processing" Style="text-transform: none; font-weight: 700; border-radius: 4px;">
@if (_processing)
{
<MudProgressCircular Size="Size.Small" Indeterminate="true" />
<MudText Class="ms-2" Typo="Typo.button" Style="text-transform: none !important;">Processing...</MudText>
}
else
{
<MudText>Add Item</MudText>
}
</MudButton>
</DialogActions>
</MudDialog>
@code {
[CascadingParameter] IMudDialogInstance MudDialog { get; set; } = default!;
[Parameter] public string PositiveAdjustmentId { get; set; } = string.Empty;
private MudForm _form = default!;
private CreatePositiveAdjustmentItemRequest _model = new() { Movement = 1 };
private PositiveAdjustmentLookupResponse _lookup = new();
private bool _processing = false;
protected override async Task OnInitializedAsync()
{
var res = await PositiveAdjustmentService.GetPositiveAdjustmentLookupAsync();
if (res != null && res.IsSuccess) _lookup = res.Value ?? new();
_model.PositiveAdjustmentId = PositiveAdjustmentId;
}
private void Cancel() => MudDialog.Cancel();
private async Task Submit()
{
await _form.Validate();
if (!_form.IsValid) return;
_processing = true;
try
{
var response = await PositiveAdjustmentService.CreatePositiveAdjustmentItemAsync(_model);
await Task.Delay(500);
if (response != null && response.IsSuccess)
{
Snackbar.Add("Item added successfully", Severity.Success);
MudDialog.Close(DialogResult.Ok(true));
}
}
finally { _processing = false; }
}
}
@@ -0,0 +1,90 @@
@using Indotalent.ConfigBackEnd.Extensions
@using Indotalent.Features.Inventory.PositiveAdjustment
@using Indotalent.Features.Inventory.PositiveAdjustment.Cqrs
@using MudBlazor
@using Indotalent.Features.Root.Shared
@inject PositiveAdjustmentService PositiveAdjustmentService
@inject IDialogService DialogService
@inject ISnackbar Snackbar
<MudPaper Elevation="0" Outlined="true" Style="border-radius: 12px; border: 1px solid #E5E7EB;">
<div style="padding: 16px; border-bottom: 1px solid #E5E7EB; display: flex; justify-content: space-between; align-items: center; background-color: #F9FAFB;">
<MudText Typo="Typo.button" Style="font-weight: 600;">Adjustment Items</MudText>
@if (!ReadOnly)
{
<MudButton Variant="Variant.Filled" Color="Color.Primary" StartIcon="@Icons.Material.Filled.Add" OnClick="OnAddClick" Size="Size.Small" Style="text-transform: none; font-weight: 500; border-radius: 6px;">
Add Item
</MudButton>
}
</div>
<MudTable Striped="true" Class="mud-table-styled" Items="Items" Hover="true" Elevation="0" Dense="true" T="PositiveAdjustmentItemResponse">
<HeaderContent>
<MudTh Style="font-weight: 700; color: #111827;">Product</MudTh>
<MudTh Style="font-weight: 700; color: #111827;">Warehouse</MudTh>
<MudTh Style="font-weight: 600; color: #6B7280; text-transform: uppercase; font-size: 0.6875rem; letter-spacing: 0.05em; text-align: right;">Quantity Plus</MudTh>
@if (!ReadOnly)
{
<MudTh Style="width: 100px; text-align: right; font-weight: 700;">Actions</MudTh>
}
</HeaderContent>
<RowTemplate>
<MudTd DataLabel="Product" Style="padding-top: 0.75rem; padding-bottom: 0.75rem; color: #6B7280; font-size: 0.875rem;">@context.ProductName</MudTd>
<MudTd DataLabel="Warehouse" Style="padding-top: 0.75rem; padding-bottom: 0.75rem; color: #6B7280; font-size: 0.875rem;">@context.WarehouseName</MudTd>
<MudTd DataLabel="Quantity" Style="text-align: right; font-weight: 700;">@context.Movement</MudTd>
@if (!ReadOnly)
{
<MudTd Style="text-align: right; padding-top: 0.75rem; padding-bottom: 0.75rem; color: #6B7280; font-size: 0.875rem;">
<MudIconButton Icon="@Icons.Material.Filled.Edit" Size="Size.Small" Color="Color.Primary" OnClick="@(() => OnEditClick(context))" />
<MudIconButton Icon="@Icons.Material.Filled.Delete" Size="Size.Small" Color="Color.Error" OnClick="@(() => OnDeleteClick(context))" />
</MudTd>
}
</RowTemplate>
</MudTable>
</MudPaper>
<style>
.mud-table-styled .mud-table-row:hover { background-color: #F9FAFB !important; }
</style>
@code {
[Parameter] public string PositiveAdjustmentId { get; set; } = string.Empty;
[Parameter] public List<PositiveAdjustmentItemResponse> Items { get; set; } = new();
[Parameter] public bool ReadOnly { get; set; } = false;
[Parameter] public EventCallback OnChanged { get; set; }
private async Task OnAddClick()
{
var parameters = new DialogParameters { ["PositiveAdjustmentId"] = PositiveAdjustmentId };
var options = new DialogOptions { MaxWidth = MaxWidth.Small, FullWidth = true, CloseButton = true };
var dialog = await DialogService.ShowAsync<_PositiveAdjustmentItemCreateForm>("Add Adjustment Item", parameters, options);
var result = await dialog.Result;
if (result != null && !result.Canceled) await OnChanged.InvokeAsync();
}
private async Task OnEditClick(PositiveAdjustmentItemResponse item)
{
var parameters = new DialogParameters { ["Data"] = item };
var options = new DialogOptions { MaxWidth = MaxWidth.Small, FullWidth = true, CloseButton = true };
var dialog = await DialogService.ShowAsync<_PositiveAdjustmentItemUpdateForm>("Edit Adjustment Item", parameters, options);
var result = await dialog.Result;
if (result != null && !result.Canceled) await OnChanged.InvokeAsync();
}
private async Task OnDeleteClick(PositiveAdjustmentItemResponse item)
{
var parameters = new DialogParameters { ["ContentText"] = $"Are you sure you want to remove this item?" };
var dialog = await DialogService.ShowAsync<_DeleteConfirmation>("Delete Confirmation", parameters, new DialogOptions { MaxWidth = MaxWidth.ExtraSmall, FullWidth = true });
var result = await dialog.Result;
if (result != null && !result.Canceled)
{
var success = await PositiveAdjustmentService.DeletePositiveAdjustmentItemAsync(item.Id!);
if (success)
{
Snackbar.Add("Removed successfully", Severity.Success);
await OnChanged.InvokeAsync();
}
}
}
}
@@ -0,0 +1,93 @@
@using Indotalent.Features.Inventory.PositiveAdjustment.Cqrs
@using MudBlazor
@inject PositiveAdjustmentService PositiveAdjustmentService
@inject ISnackbar Snackbar
<MudDialog>
<DialogContent>
<MudForm @ref="_form" Model="_model">
<MudGrid Spacing="2">
<MudItem xs="12">
<MudText Typo="Typo.subtitle2" Class="mb-0">Product</MudText>
<MudSelect T="string" @bind-Value="_model.ProductId"
Variant="Variant.Outlined" Margin="Margin.Dense" Dense="true"
AnchorOrigin="Origin.BottomCenter" TransformOrigin="Origin.TopCenter">
@foreach (var item in _lookup.Products)
{
<MudSelectItem Value="@item.Id">@item.Name</MudSelectItem>
}
</MudSelect>
</MudItem>
<MudItem xs="12">
<MudText Typo="Typo.subtitle2" Class="mb-0">Warehouse</MudText>
<MudSelect T="string" @bind-Value="_model.WarehouseId"
Variant="Variant.Outlined" Margin="Margin.Dense" Dense="true"
AnchorOrigin="Origin.BottomCenter" TransformOrigin="Origin.TopCenter">
@foreach (var item in _lookup.Warehouses)
{
<MudSelectItem Value="@item.Id">@item.Name</MudSelectItem>
}
</MudSelect>
</MudItem>
<MudItem xs="12">
<MudText Typo="Typo.subtitle2" Class="mb-1">Quantity Plus</MudText>
<MudNumericField @bind-Value="_model.Movement" Variant="Variant.Outlined" Margin="Margin.Dense" />
</MudItem>
</MudGrid>
</MudForm>
</DialogContent>
<DialogActions>
<MudButton OnClick="Cancel" Variant="Variant.Text">Cancel</MudButton>
<MudButton Color="Color.Primary" OnClick="Submit" Variant="Variant.Filled" Disabled="_processing" Style="text-transform: none; font-weight: 700; border-radius: 4px;">
@if (_processing)
{
<MudProgressCircular Size="Size.Small" Indeterminate="true" />
<MudText Class="ms-2" Typo="Typo.button" Style="text-transform: none !important;">Updating...</MudText>
}
else
{
<MudText>Save Changes</MudText>
}
</MudButton>
</DialogActions>
</MudDialog>
@code {
[CascadingParameter] IMudDialogInstance MudDialog { get; set; } = default!;
[Parameter] public PositiveAdjustmentItemResponse Data { get; set; } = new();
private MudForm _form = default!;
private UpdatePositiveAdjustmentItemRequest _model = new();
private PositiveAdjustmentLookupResponse _lookup = new();
private bool _processing = false;
protected override async Task OnInitializedAsync()
{
var res = await PositiveAdjustmentService.GetPositiveAdjustmentLookupAsync();
if (res != null && res.IsSuccess) _lookup = res.Value ?? new();
_model.Id = Data.Id;
_model.ProductId = Data.ProductId;
_model.WarehouseId = Data.WarehouseId;
_model.Movement = Data.Movement;
}
private void Cancel() => MudDialog.Cancel();
private async Task Submit()
{
await _form.Validate();
if (!_form.IsValid) return;
_processing = true;
try
{
var response = await PositiveAdjustmentService.UpdatePositiveAdjustmentItemAsync(_model);
await Task.Delay(500);
if (response != null && response.IsSuccess)
{
Snackbar.Add("Item updated successfully", Severity.Success);
MudDialog.Close(DialogResult.Ok(true));
}
}
finally { _processing = false; }
}
}
@@ -0,0 +1,245 @@
@using Indotalent.ConfigBackEnd.Extensions
@using Indotalent.Features.Inventory.PositiveAdjustment.Cqrs
@using Indotalent.Features.Inventory.PositiveAdjustment.Components
@using Indotalent.Shared.Utils
@using MudBlazor
@using Microsoft.JSInterop
@inject PositiveAdjustmentService PositiveAdjustmentService
@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") Adjustment</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" Typo="Typo.button" Style="text-transform: none !important;">Generating PDF...</MudText>
}
else
{
<MudText>Print PDF</MudText>
}
</MudButton>
}
</MudPaper>
<MudPaper Elevation="0" Outlined="true" Class="pa-8" Style="border-radius: 0px; 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">Adjustment Date</MudText>
<MudDatePicker @bind-Date="_model.AdjustmentDate" ReadOnly="ReadOnly"
Variant="Variant.Outlined" Margin="Margin.Dense" />
</MudItem>
<MudItem xs="12" sm="6">
<MudText Typo="Typo.subtitle2" Class="mb-0">Status</MudText>
<MudSelect T="Indotalent.Data.Enums.AdjustmentStatus" @bind-Value="_model.Status"
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.AdjustmentStatus)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">
<_PositiveAdjustmentItemDataTable Items="_items" PositiveAdjustmentId="@(_model.Id ?? string.Empty)" ReadOnly="ReadOnly" OnChanged="RefreshItems" />
</MudItem>
<MudItem xs="12" sm="7"></MudItem>
<MudItem xs="12" sm="5">
<MudPaper Elevation="0" Outlined="true" Class="pa-4" Style="border-radius: 0px; background-color: #F8FAFC; border: 1px solid #DCEBFA;">
<MudText Typo="Typo.button" Color="Color.Primary" Style="font-weight: 800;" Class="mb-4 d-block">Movement Summary</MudText>
<div class="d-flex justify-space-between mb-2">
<MudText Typo="Typo.body2">Total Line Items</MudText>
<MudText Typo="Typo.body2" Style="font-weight: 700;">@_items.Count</MudText>
</div>
<div class="d-flex justify-space-between">
<MudText Typo="Typo.body2">Total Qty Plus</MudText>
<MudText Typo="Typo.body2" Style="font-weight: 700;">@_items.Sum(x => x.Movement)</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; border: 1px solid #e0e0e0; text-transform: none; font-weight: 700;">
@(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" Typo="Typo.button" Style="text-transform: none !important;">Updating...</MudText>
}
else
{
<MudText>Save Changes</MudText>
}
</MudButton>
}
</div>
</MudForm>
</MudPaper>
@code {
[Parameter] public UpdatePositiveAdjustmentRequest 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 UpdatePositiveAdjustmentValidator _validator = new();
private UpdatePositiveAdjustmentRequest _model = new();
private List<PositiveAdjustmentItemResponse> _items = new();
private PositiveAdjustmentLookupResponse _lookup = new();
private bool _processing = false;
private bool _isPrinting = false;
protected override async Task OnInitializedAsync()
{
var resLookup = await PositiveAdjustmentService.GetPositiveAdjustmentLookupAsync();
if (resLookup != null && resLookup.IsSuccess) _lookup = resLookup.Value ?? new();
_model = Data;
await RefreshItems();
}
private async Task RefreshItems()
{
try
{
var response = await PositiveAdjustmentService.GetPositiveAdjustmentByIdAsync(_model.Id!);
await Task.Delay(500);
if (response != null && response.IsSuccess && response.Value != null)
{
_items = response.Value.Items ?? new();
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 PositiveAdjustmentService.GetPositiveAdjustmentByIdAsync(_model.Id!);
if (response != null && response.IsSuccess && response.Value != null)
{
var pdfBytes = PositiveAdjustmentPdfGenerator.Generate(response.Value);
var fileName = $"PositiveAdjustment_{response.Value.AutoNumber}.pdf";
var base64 = Convert.ToBase64String(pdfBytes);
await JSRuntime.InvokeVoidAsync("downloadFile", fileName, "application/pdf", base64);
Snackbar.Add("PDF generated successfully.", Severity.Success);
}
}
catch (Exception ex)
{
Snackbar.Add($"Error: {ex.Message}", Severity.Error);
}
finally
{
_isPrinting = false;
StateHasChanged();
}
}
private async Task Submit()
{
if (ReadOnly) return;
await _form.Validate();
if (!_form.IsValid) return;
_processing = true;
StateHasChanged();
try
{
var response = await PositiveAdjustmentService.UpdatePositiveAdjustmentAsync(_model);
await Task.Delay(500);
if (response != null && response.IsSuccess)
{
Snackbar.Add("Updated successfully", Severity.Success);
await OnSuccess.InvokeAsync();
}
}
catch (Exception ex)
{
Snackbar.Add($"Error: {ex.Message}", Severity.Error);
}
finally
{
_processing = false;
StateHasChanged();
}
}
}
@@ -0,0 +1,53 @@
using Indotalent.ConfigBackEnd.Extensions;
using Indotalent.Infrastructure.Database;
using MediatR;
namespace Indotalent.Features.Inventory.PositiveAdjustment.Cqrs;
public class CreatePositiveAdjustmentRequest
{
public DateTime? AdjustmentDate { get; set; }
public Data.Enums.AdjustmentStatus Status { get; set; }
public string? Description { get; set; }
}
public class CreatePositiveAdjustmentResponse
{
public string? Id { get; set; }
public string? AutoNumber { get; set; }
}
public record CreatePositiveAdjustmentCommand(CreatePositiveAdjustmentRequest Data) : IRequest<CreatePositiveAdjustmentResponse>;
public class CreatePositiveAdjustmentHandler : IRequestHandler<CreatePositiveAdjustmentCommand, CreatePositiveAdjustmentResponse>
{
private readonly AppDbContext _context;
public CreatePositiveAdjustmentHandler(AppDbContext context) => _context = context;
public async Task<CreatePositiveAdjustmentResponse> Handle(CreatePositiveAdjustmentCommand request, CancellationToken cancellationToken)
{
var entityName = nameof(Data.Entities.PositiveAdjustment);
var autoNo = await _context.GenerateAutoNumberAsync(
entityName: entityName,
prefixTemplate: $"{entityName.ToShortNameConsonant(3)}/{{Year}}/",
ct: cancellationToken
);
var entity = new Data.Entities.PositiveAdjustment
{
AutoNumber = autoNo,
AdjustmentDate = request.Data.AdjustmentDate,
Status = request.Data.Status,
Description = request.Data.Description
};
_context.PositiveAdjustment.Add(entity);
await _context.SaveChangesAsync(cancellationToken);
return new CreatePositiveAdjustmentResponse
{
Id = entity.Id,
AutoNumber = entity.AutoNumber
};
}
}
@@ -0,0 +1,58 @@
using Indotalent.ConfigBackEnd.Extensions;
using Indotalent.Infrastructure.Database;
using MediatR;
using Microsoft.EntityFrameworkCore;
namespace Indotalent.Features.Inventory.PositiveAdjustment.Cqrs;
public class CreatePositiveAdjustmentItemRequest
{
public string? PositiveAdjustmentId { get; set; }
public string? ProductId { get; set; }
public string? WarehouseId { get; set; }
public double? Movement { get; set; }
}
public record CreatePositiveAdjustmentItemCommand(CreatePositiveAdjustmentItemRequest Data) : IRequest<bool>;
public class CreatePositiveAdjustmentItemHandler : IRequestHandler<CreatePositiveAdjustmentItemCommand, bool>
{
private readonly AppDbContext _context;
public CreatePositiveAdjustmentItemHandler(AppDbContext context) => _context = context;
public async Task<bool> Handle(CreatePositiveAdjustmentItemCommand request, CancellationToken cancellationToken)
{
var master = await _context.PositiveAdjustment
.AsNoTracking()
.FirstOrDefaultAsync(x => x.Id == request.Data.PositiveAdjustmentId, cancellationToken);
if (master == null) return false;
var ivtEntityName = nameof(Data.Entities.InventoryTransaction);
var autoNoIVT = await _context.GenerateAutoNumberAsync(
entityName: ivtEntityName,
prefixTemplate: $"{ivtEntityName.ToShortNameConsonant(3)}/{{Year}}/",
ct: cancellationToken
);
var entity = new Data.Entities.InventoryTransaction
{
ModuleId = master.Id,
ModuleName = nameof(Data.Entities.PositiveAdjustment),
ModuleCode = "ADJ+",
ModuleNumber = master.AutoNumber,
MovementDate = master.AdjustmentDate!.Value,
Status = (Data.Enums.InventoryTransactionStatus)master.Status,
AutoNumber = autoNoIVT,
WarehouseId = request.Data.WarehouseId,
ProductId = request.Data.ProductId,
Movement = request.Data.Movement
};
_context.CalculateInvenTrans(entity);
_context.InventoryTransaction.Add(entity);
await _context.SaveChangesAsync(cancellationToken);
return true;
}
}
@@ -0,0 +1,11 @@
using FluentValidation;
namespace Indotalent.Features.Inventory.PositiveAdjustment.Cqrs;
public class CreatePositiveAdjustmentValidator : AbstractValidator<CreatePositiveAdjustmentRequest>
{
public CreatePositiveAdjustmentValidator()
{
RuleFor(x => x.AdjustmentDate).NotEmpty().WithMessage("Adjustment Date is required");
}
}
@@ -0,0 +1,30 @@
using Indotalent.Infrastructure.Database;
using MediatR;
using Microsoft.EntityFrameworkCore;
namespace Indotalent.Features.Inventory.PositiveAdjustment.Cqrs;
public record DeletePositiveAdjustmentByIdCommand(string Id) : IRequest<bool>;
public class DeletePositiveAdjustmentByIdHandler : IRequestHandler<DeletePositiveAdjustmentByIdCommand, bool>
{
private readonly AppDbContext _context;
public DeletePositiveAdjustmentByIdHandler(AppDbContext context) => _context = context;
public async Task<bool> Handle(DeletePositiveAdjustmentByIdCommand request, CancellationToken cancellationToken)
{
var entity = await _context.PositiveAdjustment
.FirstOrDefaultAsync(x => x.Id == request.Id, cancellationToken);
if (entity == null) return false;
var items = await _context.InventoryTransaction
.Where(x => x.ModuleId == request.Id && x.ModuleName == nameof(Data.Entities.PositiveAdjustment))
.ToListAsync(cancellationToken);
_context.InventoryTransaction.RemoveRange(items);
_context.PositiveAdjustment.Remove(entity);
await _context.SaveChangesAsync(cancellationToken);
return true;
}
}
@@ -0,0 +1,26 @@
using Indotalent.Infrastructure.Database;
using MediatR;
using Microsoft.EntityFrameworkCore;
namespace Indotalent.Features.Inventory.PositiveAdjustment.Cqrs;
public record DeletePositiveAdjustmentItemCommand(string Id) : IRequest<bool>;
public class DeletePositiveAdjustmentItemHandler : IRequestHandler<DeletePositiveAdjustmentItemCommand, bool>
{
private readonly AppDbContext _context;
public DeletePositiveAdjustmentItemHandler(AppDbContext context) => _context = context;
public async Task<bool> Handle(DeletePositiveAdjustmentItemCommand request, CancellationToken cancellationToken)
{
var entity = await _context.InventoryTransaction
.FirstOrDefaultAsync(x => x.Id == request.Id, cancellationToken);
if (entity == null) return false;
_context.InventoryTransaction.Remove(entity);
await _context.SaveChangesAsync(cancellationToken);
return true;
}
}
@@ -0,0 +1,75 @@
using Indotalent.Infrastructure.Database;
using MediatR;
using Microsoft.EntityFrameworkCore;
namespace Indotalent.Features.Inventory.PositiveAdjustment.Cqrs;
public class PositiveAdjustmentItemResponse
{
public string? Id { get; set; }
public string? ProductId { get; set; }
public string? ProductName { get; set; }
public string? WarehouseId { get; set; }
public string? WarehouseName { get; set; }
public double? Movement { get; set; }
}
public class GetPositiveAdjustmentByIdResponse
{
public string? Id { get; set; }
public string? AutoNumber { get; set; }
public DateTime? AdjustmentDate { get; set; }
public Data.Enums.AdjustmentStatus Status { 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 List<PositiveAdjustmentItemResponse> Items { get; set; } = new();
}
public record GetPositiveAdjustmentByIdQuery(string Id) : IRequest<GetPositiveAdjustmentByIdResponse?>;
public class GetPositiveAdjustmentByIdHandler : IRequestHandler<GetPositiveAdjustmentByIdQuery, GetPositiveAdjustmentByIdResponse?>
{
private readonly AppDbContext _context;
public GetPositiveAdjustmentByIdHandler(AppDbContext context) => _context = context;
public async Task<GetPositiveAdjustmentByIdResponse?> Handle(GetPositiveAdjustmentByIdQuery request, CancellationToken cancellationToken)
{
var master = await _context.PositiveAdjustment
.AsNoTracking()
.FirstOrDefaultAsync(x => x.Id == request.Id, cancellationToken);
if (master == null) return null;
var items = await _context.InventoryTransaction
.AsNoTracking()
.Include(x => x.Product)
.Include(x => x.Warehouse)
.Where(x => x.ModuleId == request.Id && x.ModuleName == nameof(Data.Entities.PositiveAdjustment))
.Select(x => new PositiveAdjustmentItemResponse
{
Id = x.Id,
ProductId = x.ProductId,
ProductName = x.Product!.Name,
WarehouseId = x.WarehouseId,
WarehouseName = x.Warehouse!.Name,
Movement = x.Movement
}).ToListAsync(cancellationToken);
return new GetPositiveAdjustmentByIdResponse
{
Id = master.Id,
AutoNumber = master.AutoNumber,
AdjustmentDate = master.AdjustmentDate,
Status = master.Status,
Description = master.Description,
CreatedAt = master.CreatedAt,
CreatedBy = master.CreatedBy,
UpdatedAt = master.UpdatedAt,
UpdatedBy = master.UpdatedBy,
Items = items
};
}
}
@@ -0,0 +1,37 @@
using Indotalent.Infrastructure.Database;
using MediatR;
using Microsoft.EntityFrameworkCore;
namespace Indotalent.Features.Inventory.PositiveAdjustment.Cqrs;
public class GetPositiveAdjustmentListResponse
{
public string? Id { get; set; }
public string? AutoNumber { get; set; }
public DateTime? AdjustmentDate { get; set; }
public Data.Enums.AdjustmentStatus Status { get; set; }
public string? Description { get; set; }
}
public record GetPositiveAdjustmentListQuery() : IRequest<List<GetPositiveAdjustmentListResponse>>;
public class GetPositiveAdjustmentListHandler : IRequestHandler<GetPositiveAdjustmentListQuery, List<GetPositiveAdjustmentListResponse>>
{
private readonly AppDbContext _context;
public GetPositiveAdjustmentListHandler(AppDbContext context) => _context = context;
public async Task<List<GetPositiveAdjustmentListResponse>> Handle(GetPositiveAdjustmentListQuery request, CancellationToken cancellationToken)
{
return await _context.PositiveAdjustment
.AsNoTracking()
.OrderByDescending(x => x.CreatedAt)
.Select(x => new GetPositiveAdjustmentListResponse
{
Id = x.Id,
AutoNumber = x.AutoNumber,
AdjustmentDate = x.AdjustmentDate,
Status = x.Status,
Description = x.Description
}).ToListAsync(cancellationToken);
}
}
@@ -0,0 +1,61 @@
using Indotalent.Infrastructure.Database;
using MediatR;
using Microsoft.EntityFrameworkCore;
using Indotalent.Data.Enums;
using Indotalent.ConfigBackEnd.Extensions;
namespace Indotalent.Features.Inventory.PositiveAdjustment.Cqrs;
public class PositiveAdjustmentLookupResponse
{
public List<LookupItem> Warehouses { get; set; } = new();
public List<LookupItem> Products { get; set; } = new();
public List<LookupStatusItem> Statuses { get; set; } = new();
}
public class LookupItem
{
public string? Id { get; set; }
public string? Name { get; set; }
}
public class LookupStatusItem
{
public int Value { get; set; }
public string? Name { get; set; }
}
public record GetPositiveAdjustmentLookupQuery() : IRequest<PositiveAdjustmentLookupResponse>;
public class GetPositiveAdjustmentLookupHandler : IRequestHandler<GetPositiveAdjustmentLookupQuery, PositiveAdjustmentLookupResponse>
{
private readonly AppDbContext _context;
public GetPositiveAdjustmentLookupHandler(AppDbContext context) => _context = context;
public async Task<PositiveAdjustmentLookupResponse> Handle(GetPositiveAdjustmentLookupQuery request, CancellationToken cancellationToken)
{
var response = new PositiveAdjustmentLookupResponse();
response.Warehouses = await _context.Warehouse.AsNoTracking()
.Where(x => x.SystemWarehouse == false)
.OrderBy(x => x.Name)
.Select(x => new LookupItem { Id = x.Id, Name = x.Name })
.ToListAsync(cancellationToken);
response.Products = await _context.Product.AsNoTracking()
.Where(x => x.Physical == true)
.OrderBy(x => x.Name)
.Select(x => new LookupItem { Id = x.Id, Name = x.Name })
.ToListAsync(cancellationToken);
response.Statuses = Enum.GetValues(typeof(AdjustmentStatus))
.Cast<AdjustmentStatus>()
.Select(x => new LookupStatusItem
{
Value = (int)x,
Name = x.GetDescription()
}).ToList();
return response;
}
}
@@ -0,0 +1,53 @@
using Indotalent.Infrastructure.Database;
using MediatR;
using Microsoft.EntityFrameworkCore;
namespace Indotalent.Features.Inventory.PositiveAdjustment.Cqrs;
public class UpdatePositiveAdjustmentRequest
{
public string? Id { get; set; }
public string? AutoNumber { get; set; }
public DateTime? AdjustmentDate { get; set; }
public Data.Enums.AdjustmentStatus Status { 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 UpdatePositiveAdjustmentCommand(UpdatePositiveAdjustmentRequest Data) : IRequest<bool>;
public class UpdatePositiveAdjustmentHandler : IRequestHandler<UpdatePositiveAdjustmentCommand, bool>
{
private readonly AppDbContext _context;
public UpdatePositiveAdjustmentHandler(AppDbContext context) => _context = context;
public async Task<bool> Handle(UpdatePositiveAdjustmentCommand request, CancellationToken cancellationToken)
{
var entity = await _context.PositiveAdjustment
.FirstOrDefaultAsync(x => x.Id == request.Data.Id, cancellationToken);
if (entity == null) return false;
entity.AdjustmentDate = request.Data.AdjustmentDate;
entity.Status = request.Data.Status;
entity.Description = request.Data.Description;
var details = await _context.InventoryTransaction
.Where(x => x.ModuleId == entity.Id && x.ModuleName == nameof(Data.Entities.PositiveAdjustment))
.ToListAsync(cancellationToken);
foreach (var item in details)
{
item.MovementDate = entity.AdjustmentDate ?? DateTime.Now;
item.Status = (Data.Enums.InventoryTransactionStatus)entity.Status;
item.ModuleNumber = entity.AutoNumber;
_context.CalculateInvenTrans(item);
}
await _context.SaveChangesAsync(cancellationToken);
return true;
}
}
@@ -0,0 +1,38 @@
using Indotalent.Infrastructure.Database;
using MediatR;
using Microsoft.EntityFrameworkCore;
namespace Indotalent.Features.Inventory.PositiveAdjustment.Cqrs;
public class UpdatePositiveAdjustmentItemRequest
{
public string? Id { get; set; }
public string? ProductId { get; set; }
public string? WarehouseId { get; set; }
public double? Movement { get; set; }
}
public record UpdatePositiveAdjustmentItemCommand(UpdatePositiveAdjustmentItemRequest Data) : IRequest<bool>;
public class UpdatePositiveAdjustmentItemHandler : IRequestHandler<UpdatePositiveAdjustmentItemCommand, bool>
{
private readonly AppDbContext _context;
public UpdatePositiveAdjustmentItemHandler(AppDbContext context) => _context = context;
public async Task<bool> Handle(UpdatePositiveAdjustmentItemCommand request, CancellationToken cancellationToken)
{
var entity = await _context.InventoryTransaction
.FirstOrDefaultAsync(x => x.Id == request.Data.Id, cancellationToken);
if (entity == null) return false;
entity.ProductId = request.Data.ProductId;
entity.WarehouseId = request.Data.WarehouseId;
entity.Movement = request.Data.Movement;
_context.CalculateInvenTrans(entity);
await _context.SaveChangesAsync(cancellationToken);
return true;
}
}
@@ -0,0 +1,12 @@
using FluentValidation;
namespace Indotalent.Features.Inventory.PositiveAdjustment.Cqrs;
public class UpdatePositiveAdjustmentValidator : AbstractValidator<UpdatePositiveAdjustmentRequest>
{
public UpdatePositiveAdjustmentValidator()
{
RuleFor(x => x.Id).NotEmpty();
RuleFor(x => x.AdjustmentDate).NotEmpty().WithMessage("Adjustment Date is required");
}
}
@@ -0,0 +1,97 @@
using Indotalent.ConfigBackEnd.Extensions;
using Indotalent.Features.Inventory.PositiveAdjustment.Cqrs;
using MediatR;
using Microsoft.AspNetCore.Authentication.JwtBearer;
namespace Indotalent.Features.Inventory.PositiveAdjustment;
public static class PositiveAdjustmentEndpoint
{
public static void MapPositiveAdjustmentEndpoints(this IEndpointRouteBuilder app)
{
var group = app.MapGroup("/positive-adjustment").WithTags("PositiveAdjustments")
.RequireAuthorization(policy => policy.AddAuthenticationSchemes(JwtBearerDefaults.AuthenticationScheme)
.RequireAuthenticatedUser());
group.MapGet("/", async (IMediator mediator) =>
{
var result = await mediator.Send(new GetPositiveAdjustmentListQuery());
return result.ToApiResponse("Positive adjustment list retrieved successfully");
})
.WithName("GetPositiveAdjustmentList");
group.MapGet("/{id}", async (string id, IMediator mediator) =>
{
var result = await mediator.Send(new GetPositiveAdjustmentByIdQuery(id));
return result.ToApiResponse(result is not null
? "Positive adjustment detail retrieved successfully"
: $"Positive adjustment with ID {id} not found");
})
.WithName("GetPositiveAdjustmentById");
group.MapGet("/lookup", async (IMediator mediator) =>
{
var result = await mediator.Send(new GetPositiveAdjustmentLookupQuery());
return result.ToApiResponse("Lookup data retrieved successfully");
})
.WithName("GetPositiveAdjustmentLookup");
group.MapPost("/", async (CreatePositiveAdjustmentRequest request, IMediator mediator) =>
{
var result = await mediator.Send(new CreatePositiveAdjustmentCommand(request));
return result.ToApiResponse("Positive adjustment has been created successfully", StatusCodes.Status201Created);
})
.WithName("CreatePositiveAdjustment");
group.MapPost("/update", async (UpdatePositiveAdjustmentRequest request, IMediator mediator) =>
{
var result = await mediator.Send(new UpdatePositiveAdjustmentCommand(request));
if (!result)
{
return ((object?)null).ToApiResponse("Update failed. Positive adjustment not found.");
}
return result.ToApiResponse("Positive adjustment has been updated successfully");
})
.WithName("UpdatePositiveAdjustment");
group.MapPost("/delete/{id}", async (string id, IMediator mediator) =>
{
var result = await mediator.Send(new DeletePositiveAdjustmentByIdCommand(id));
if (!result)
{
return ((object?)null).ToApiResponse("Delete failed. Positive adjustment not found.");
}
return true.ToApiResponse("Positive adjustment has been deleted successfully");
})
.WithName("DeletePositiveAdjustmentById");
group.MapPost("/positive-adjustment-item", async (CreatePositiveAdjustmentItemRequest request, IMediator mediator) =>
{
var result = await mediator.Send(new CreatePositiveAdjustmentItemCommand(request));
return result.ToApiResponse("Item has been added successfully");
})
.WithName("CreatePositiveAdjustmentItem");
group.MapPost("/positive-adjustment-item/update", async (UpdatePositiveAdjustmentItemRequest request, IMediator mediator) =>
{
var result = await mediator.Send(new UpdatePositiveAdjustmentItemCommand(request));
if (!result)
{
return ((object?)null).ToApiResponse("Update item failed.");
}
return result.ToApiResponse("Item has been updated successfully");
})
.WithName("UpdatePositiveAdjustmentItem");
group.MapPost("/positive-adjustment-item/delete/{id}", async (string id, IMediator mediator) =>
{
var result = await mediator.Send(new DeletePositiveAdjustmentItemCommand(id));
if (!result)
{
return ((object?)null).ToApiResponse("Delete item failed.");
}
return true.ToApiResponse("Item has been removed successfully");
})
.WithName("DeletePositiveAdjustmentItem");
}
}
@@ -0,0 +1,109 @@
using QuestPDF.Fluent;
using QuestPDF.Helpers;
using QuestPDF.Infrastructure;
using Indotalent.Features.Inventory.PositiveAdjustment.Cqrs;
namespace Indotalent.Features.Inventory.PositiveAdjustment;
public class PositiveAdjustmentPdfGenerator
{
public static byte[] Generate(GetPositiveAdjustmentByIdResponse 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("POSITIVE ADJUSTMENT")
.FontSize(20).ExtraBold().FontColor(primaryBlue);
col.Item().Text($"{data.AutoNumber}").FontSize(11).SemiBold();
});
row.RelativeItem().AlignRight().Column(col =>
{
col.Item().Text("STOCK ADJUSTMENT (IN)").FontSize(11).ExtraBold();
col.Item().Text($"Date: {data.AdjustmentDate?.ToString("dd MMM yyyy")}").FontColor(textSlate);
col.Item().Text($"Status: {data.Status.ToString().ToUpper()}").FontColor(textSlate);
});
});
page.Content().PaddingVertical(20).Column(col =>
{
col.Item().Table(table =>
{
table.ColumnsDefinition(columns =>
{
columns.ConstantColumn(30);
columns.RelativeColumn(4);
columns.RelativeColumn(3);
columns.RelativeColumn(2);
});
table.Header(header =>
{
header.Cell().Element(HeaderStyle).Text("#");
header.Cell().Element(HeaderStyle).Text("Product");
header.Cell().Element(HeaderStyle).Text("Warehouse");
header.Cell().Element(HeaderStyle).AlignCenter().Text("Qty Plus");
static IContainer HeaderStyle(IContainer container)
{
return 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).Text(item.ProductName);
table.Cell().Element(CellStyle).Text(item.WarehouseName);
table.Cell().Element(CellStyle).AlignCenter().Text(item.Movement?.ToString());
static IContainer CellStyle(IContainer container)
{
return container.BorderBottom(1).BorderColor("#E2E8F0").PaddingVertical(8).PaddingHorizontal(5);
}
}
});
col.Item().PaddingTop(30).Row(row =>
{
row.RelativeItem().Column(c => {
c.Item().Text("Description:").FontSize(8).Bold();
c.Item().Text(string.IsNullOrEmpty(data.Description) ? "-" : data.Description).FontSize(8);
});
row.ConstantItem(150).Column(c => {
c.Item().PaddingTop(10).AlignCenter().Text("Authorized By,").FontSize(8);
c.Item().PaddingTop(40).AlignCenter().Text("____________________").FontSize(8);
c.Item().AlignCenter().Text("( Inventory Manager )").FontSize(7);
});
});
});
page.Footer().AlignCenter().Text(x =>
{
x.Span("Page ").FontSize(8);
x.CurrentPageNumber().FontSize(8);
x.Span(" of ").FontSize(8);
x.TotalPages().FontSize(8);
});
});
}).GeneratePdf();
}
}
@@ -0,0 +1,86 @@
using Indotalent.ConfigBackEnd.Interfaces;
using Indotalent.ConfigFrontEnd.Common;
using Indotalent.Features.Inventory.PositiveAdjustment.Cqrs;
using Indotalent.Infrastructure.Authentication.Identity;
using Indotalent.Shared.Models;
using Microsoft.AspNetCore.Components;
using MudBlazor;
using RestSharp;
namespace Indotalent.Features.Inventory.PositiveAdjustment;
public class PositiveAdjustmentService : BaseService
{
private readonly RestClient _client;
public PositiveAdjustmentService(
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<GetPositiveAdjustmentListResponse>>?> GetPositiveAdjustmentListAsync()
{
var request = new RestRequest("api/positive-adjustment", Method.Get);
return await ExecuteWithResponseAsync<List<GetPositiveAdjustmentListResponse>>(_client, request);
}
public async Task<ApiResponse<GetPositiveAdjustmentByIdResponse>?> GetPositiveAdjustmentByIdAsync(string id)
{
var request = new RestRequest($"api/positive-adjustment/{id}", Method.Get);
return await ExecuteWithResponseAsync<GetPositiveAdjustmentByIdResponse>(_client, request);
}
public async Task<ApiResponse<PositiveAdjustmentLookupResponse>?> GetPositiveAdjustmentLookupAsync()
{
var request = new RestRequest("api/positive-adjustment/lookup", Method.Get);
return await ExecuteWithResponseAsync<PositiveAdjustmentLookupResponse>(_client, request);
}
public async Task<ApiResponse<CreatePositiveAdjustmentResponse>?> CreatePositiveAdjustmentAsync(CreatePositiveAdjustmentRequest data)
{
var request = new RestRequest("api/positive-adjustment", Method.Post);
request.AddJsonBody(data);
return await ExecuteWithResponseAsync<CreatePositiveAdjustmentResponse>(_client, request);
}
public async Task<ApiResponse<bool>?> UpdatePositiveAdjustmentAsync(UpdatePositiveAdjustmentRequest data)
{
var request = new RestRequest("api/positive-adjustment/update", Method.Post);
request.AddJsonBody(data);
return await ExecuteWithResponseAsync<bool>(_client, request);
}
public async Task<bool> DeletePositiveAdjustmentByIdAsync(string id)
{
var request = new RestRequest($"api/positive-adjustment/delete/{id}", Method.Post);
var response = await ExecuteWithResponseAsync<object>(_client, request);
return response?.IsSuccess ?? false;
}
public async Task<ApiResponse<bool>?> CreatePositiveAdjustmentItemAsync(CreatePositiveAdjustmentItemRequest data)
{
var request = new RestRequest("api/positive-adjustment/positive-adjustment-item", Method.Post);
request.AddJsonBody(data);
return await ExecuteWithResponseAsync<bool>(_client, request);
}
public async Task<ApiResponse<bool>?> UpdatePositiveAdjustmentItemAsync(UpdatePositiveAdjustmentItemRequest data)
{
var request = new RestRequest("api/positive-adjustment/positive-adjustment-item/update", Method.Post);
request.AddJsonBody(data);
return await ExecuteWithResponseAsync<bool>(_client, request);
}
public async Task<bool> DeletePositiveAdjustmentItemAsync(string id)
{
var request = new RestRequest($"api/positive-adjustment/positive-adjustment-item/delete/{id}", Method.Post);
var response = await ExecuteWithResponseAsync<object>(_client, request);
return response?.IsSuccess ?? 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: 0px; 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; border: 1px solid #e0e0e0; text-transform: none; font-weight: 700;">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,298 @@
@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: 700; 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;">
@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;">
@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: white; border: 1px solid #D1D5DB;">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: white; border: 1px solid #D1D5DB;">Edit</MudButton>
<MudButton Variant="Variant.Filled" 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 Striped="true" Class="mud-table-styled" Items="@GetPagedData()" Hover="true" Elevation="0" CustomHeader="true" Dense="true" T="GetProductListResponse" OnRowClick="@((args) => _selectedProduct = args.Item)" Loading="@_isRefreshing">
<HeaderContent>
<MudTh Style="width: 50px; background-color: #F9FAFB; border-bottom: 1px solid #E5E7EB;"></MudTh>
<MudTh Style="font-weight: 700; color: #111827; background-color: #F9FAFB; border-bottom: 1px solid #E5E7EB; white-space: nowrap;">
<MudTableSortLabel SortBy="new Func<GetProductListResponse, object>(x => x.Name!)">Product</MudTableSortLabel>
</MudTh>
<MudTh Style="font-weight: 700; color: #111827; background-color: #F9FAFB; border-bottom: 1px solid #E5E7EB; white-space: nowrap;">
<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; white-space: nowrap;">
<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; white-space: nowrap; text-align: right;">
<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; white-space: nowrap;">Type</MudTh>
</HeaderContent>
<RowTemplate>
<MudTd Style="padding-top: 0.75rem; padding-bottom: 0.75rem;">
<MudCheckBox T="bool" Value="@(_selectedProduct?.Id == context.Id)" Color="Color.Primary" Dense="true" Size="Size.Small" ReadOnly="true" />
</MudTd>
<MudTd Style="padding-top: 0.75rem; padding-bottom: 0.75rem;">
<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: #6B7280; font-size: 0.875rem;">@context.ProductGroupName</MudTd>
<MudTd Style="padding-top: 0.75rem; padding-bottom: 0.75rem; color: #6B7280; font-size: 0.875rem;">@context.UnitMeasureName</MudTd>
<MudTd Style="text-align: right; padding-top: 0.75rem; padding-bottom: 0.75rem; color: #6B7280; font-size: 0.875rem;">@context.UnitPrice?.ToString("N2")</MudTd>
<MudTd Style="padding-top: 0.75rem; padding-bottom: 0.75rem;">
<MudChip T="string" Color="@(context.Physical == true ? Color.Info : Color.Warning)" Size="Size.Small" Variant="Variant.Text" Style="font-weight: 600; border-radius: 0px;">
@(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; font-size: 0.75rem; font-weight: 500; margin-left: 12px;">
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 ? "min-width: 34px; padding: 4px 8px; font-size: 0.75rem; font-weight: 500; color: #D1D5DB; border-radius: 6px; text-transform: none;" : "min-width: 34px; padding: 4px 8px; font-size: 0.75rem; font-weight: 500; color: #6B7280; background: white; border: 1px solid #D1D5DB; border-radius: 6px; text-transform: none;")">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 ? "min-width: 34px; padding: 4px 8px; font-size: 0.75rem; font-weight: 500; color: #D1D5DB; border-radius: 6px; text-transform: none;" : "min-width: 34px; padding: 4px 8px; font-size: 0.75rem; font-weight: 500; color: #6B7280; background: white; border: 1px solid #D1D5DB; border-radius: 6px; text-transform: none;")">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;" : "color: #6B7280; background: white; border: 1px solid #D1D5DB; border-radius: 6px;")" />
</div>
</div>
</MudPaper>
<style>
.mud-table-styled .mud-table-row:hover { background-color: #F9FAFB !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: 0px; 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; border: 1px solid #e0e0e0; text-transform: none; font-weight: 700;">@(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" Typo="Typo.button" Style="text-transform: none !important;">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: 0px; 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; border: 1px solid #e0e0e0; text-transform: none; font-weight: 700;">
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,372 @@
@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: 700; 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;">
@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;">
@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: white; border: 1px solid #D1D5DB;">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: white; border: 1px solid #D1D5DB;">Edit</MudButton>
<MudButton Variant="Variant.Filled" 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 Striped="true" Class="mud-table-styled" Items="@GetPagedData()" Hover="true" Elevation="0" CustomHeader="true" Dense="true" T="GetProductGroupListResponse" OnRowClick="@((args) => _selectedGroup = args.Item)" Loading="@_isRefreshing">
<HeaderContent>
<MudTh Style="width: 50px; background-color: #F9FAFB; border-bottom: 1px solid #E5E7EB;"></MudTh>
<MudTh Style="font-weight: 700; color: #111827; background-color: #F9FAFB; border-bottom: 1px solid #E5E7EB; white-space: nowrap;">
<MudTableSortLabel SortBy="new Func<GetProductGroupListResponse, object>(x => x.Name!)">Group Name</MudTableSortLabel>
</MudTh>
<MudTh Style="font-weight: 700; color: #111827; background-color: #F9FAFB; border-bottom: 1px solid #E5E7EB; white-space: nowrap;">Description</MudTh>
</HeaderContent>
<RowTemplate>
<MudTd Style="padding-top: 0.75rem; padding-bottom: 0.75rem;">
<MudCheckBox T="bool" Value="@(_selectedGroup?.Id == context.Id)" Color="Color.Primary" Dense="true" Size="Size.Small" ReadOnly="true" />
</MudTd>
<MudTd Style="padding-top: 0.75rem; padding-bottom: 0.75rem;">
<div class="d-flex align-center gap-2">
<MudAvatar Color="Color.Primary" Variant="Variant.Filled" Size="Size.Small" Style="width: 32px; height: 32px; font-size: 10px; font-weight: 700;">
@(!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: #6B7280; 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; font-size: 0.75rem; font-weight: 500; margin-left: 12px;">
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 ? "min-width: 34px; padding: 4px 8px; font-size: 0.75rem; font-weight: 500; color: #D1D5DB; border-radius: 6px; text-transform: none;" : "min-width: 34px; padding: 4px 8px; font-size: 0.75rem; font-weight: 500; color: #6B7280; background: white; border: 1px solid #D1D5DB; border-radius: 6px; text-transform: none;")">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 ? "min-width: 34px; padding: 4px 8px; font-size: 0.75rem; font-weight: 500; color: #D1D5DB; border-radius: 6px; text-transform: none;" : "min-width: 34px; padding: 4px 8px; font-size: 0.75rem; font-weight: 500; color: #6B7280; background: white; border: 1px solid #D1D5DB; border-radius: 6px; text-transform: none;")">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;" : "color: #6B7280; background: white; border: 1px solid #D1D5DB; border-radius: 6px;")" />
</div>
</div>
</MudPaper>
<style>
.mud-table-styled .mud-table-row:hover { background-color: #F9FAFB !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: 0px; 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; border: 1px solid #e0e0e0; text-transform: none; font-weight: 700;">
@(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" Typo="Typo.button" Style="text-transform: none !important;">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,51 @@
@page "/inventory/scrapping"
@using Indotalent.Features.Inventory.Scrapping.Cqrs
@using Indotalent.Features.Inventory.Scrapping.Components
@using MudBlazor
@if (_currentView == ViewMode.Create)
{
<_ScrappingCreateForm OnCancel="BackToTable" OnSuccess="HandleSuccess" />
}
else if (_currentView == ViewMode.Update || _currentView == ViewMode.View)
{
<_ScrappingUpdateForm Data="_selectedData!"
ReadOnly="@(_currentView == ViewMode.View)"
OnCancel="BackToTable"
OnSuccess="HandleSuccess" />
}
else
{
<_ScrappingDataTable 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 UpdateScrappingRequest? _selectedData;
private void ShowCreate()
{
_currentView = ViewMode.Create;
}
private void ShowUpdate(UpdateScrappingRequest 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,127 @@
@using Indotalent.Features.Inventory.Scrapping.Cqrs
@using Indotalent.Shared.Utils
@using MudBlazor
@inject ScrappingService ScrappingService
@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 Scrapping</MudText>
<MudText Typo="Typo.body2" Style="color: #64748b;">Create a new inventory scrapping session.</MudText>
</div>
</div>
</MudPaper>
<MudPaper Elevation="0" Outlined="true" Class="pa-8" Style="border-radius: 0px; 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;">Scrapping Header</MudText><MudDivider /></MudItem>
<MudItem xs="12" sm="6">
<MudText Typo="Typo.subtitle2" Class="mb-1">Scrapping Date</MudText>
<MudDatePicker @bind-Date="_model.ScrappingDate"
Variant="Variant.Outlined" Margin="Margin.Dense" />
</MudItem>
<MudItem xs="12" sm="6">
<MudText Typo="Typo.subtitle2" Class="mb-0">Warehouse</MudText>
<MudSelect T="string" @bind-Value="_model.WarehouseId"
Variant="Variant.Outlined" Margin="Margin.Dense" Dense="true" FullWidth="true"
AnchorOrigin="Origin.BottomCenter" TransformOrigin="Origin.TopCenter">
@foreach (var item in _lookup.Warehouses)
{
<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.ScrappingStatus" @bind-Value="_model.Status"
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.ScrappingStatus)item.Value)">@item.Name</MudSelectItem>
}
</MudSelect>
</MudItem>
<MudItem xs="12">
<MudText Typo="Typo.subtitle2" Class="mb-1">Description</MudText>
<MudTextField @bind-Value="_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; border: 1px solid #e0e0e0; text-transform: none; font-weight: 700;">
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 Scrapping</MudText>
}
</MudButton>
</div>
</MudForm>
</MudPaper>
@code {
[Parameter] public EventCallback OnCancel { get; set; }
[Parameter] public EventCallback OnSuccess { get; set; }
private MudForm _form = default!;
private CreateScrappingValidator _validator = new();
private CreateScrappingRequest _model = new() { ScrappingDate = DateTime.Today };
private ScrappingLookupResponse _lookup = new();
private bool _processing = false;
protected override async Task OnInitializedAsync()
{
var res = await ScrappingService.GetScrappingLookupAsync();
if (res != null && res.IsSuccess) _lookup = res.Value ?? new();
}
private async Task Submit()
{
await _form.Validate();
if (!_form.IsValid) return;
_processing = true;
try
{
var response = await ScrappingService.CreateScrappingAsync(_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,378 @@
@using Indotalent.ConfigBackEnd.Extensions
@using Indotalent.Features.Inventory.Scrapping
@using Indotalent.Features.Inventory.Scrapping.Cqrs
@using Microsoft.AspNetCore.Components.Web
@using Microsoft.JSInterop
@using MudBlazor
@using Features.Root.Shared
@using ClosedXML.Excel
@using System.IO
@inject ScrappingService ScrappingService
@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: 700; color: #111827;">Scrapping</MudText>
<MudText Typo="Typo.body2" Style="color: #9CA3AF;">Manage damaged or expired inventory disposal.</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;">Scrapping</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;">
@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;">
@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: white; border: 1px solid #D1D5DB;">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: white; border: 1px solid #D1D5DB;">Edit</MudButton>
<MudButton Variant="Variant.Filled" 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 Scrapping
</MudButton>
}
</div>
</div>
<MudTable Striped="true" Class="mud-table-styled" Items="@GetPagedData()" Hover="true" Elevation="0" CustomHeader="true" Dense="true" T="GetScrappingListResponse" OnRowClick="@((args) => _selectedItem = args.Item)" Loading="@_isRefreshing">
<HeaderContent>
<MudTh Style="width: 50px; background-color: #F9FAFB; border-bottom: 1px solid #E5E7EB;"></MudTh>
<MudTh Style="font-weight: 700; color: #111827; background-color: #F9FAFB; border-bottom: 1px solid #E5E7EB; white-space: nowrap;">
<MudTableSortLabel SortBy="new Func<GetScrappingListResponse, object>(x => x.AutoNumber!)">Number</MudTableSortLabel>
</MudTh>
<MudTh Style="font-weight: 700; color: #111827; background-color: #F9FAFB; border-bottom: 1px solid #E5E7EB; white-space: nowrap;">
<MudTableSortLabel SortBy="new Func<GetScrappingListResponse, object>(x => x.ScrappingDate!)">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; white-space: nowrap;">
<MudTableSortLabel SortBy="new Func<GetScrappingListResponse, object>(x => x.WarehouseName!)">Warehouse</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; white-space: nowrap;">
<MudTableSortLabel SortBy="new Func<GetScrappingListResponse, object>(x => x.Status)">Status</MudTableSortLabel>
</MudTh>
</HeaderContent>
<RowTemplate>
<MudTd Style="padding-top: 0.75rem; padding-bottom: 0.75rem;">
<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: #6B7280; font-size: 0.875rem;">@context.AutoNumber</MudTd>
<MudTd Style="padding-top: 0.75rem; padding-bottom: 0.75rem; color: #6B7280; font-size: 0.875rem;">@context.ScrappingDate?.ToString("yyyy-MM-dd")</MudTd>
<MudTd Style="padding-top: 0.75rem; padding-bottom: 0.75rem; color: #6B7280; font-size: 0.875rem;">@context.WarehouseName</MudTd>
<MudTd Style="padding-top: 0.75rem; padding-bottom: 0.75rem;">
<MudChip T="string" Color="Color.Info" Size="Size.Small" Variant="Variant.Text" Style="font-weight: 600;">@context.Status.ToString().ToUpper()</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; font-size: 0.75rem; font-weight: 500; margin-left: 12px;">
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 ? "min-width: 34px; padding: 4px 8px; font-size: 0.75rem; font-weight: 500; color: #D1D5DB; border-radius: 6px; text-transform: none;" : "min-width: 34px; padding: 4px 8px; font-size: 0.75rem; font-weight: 500; color: #6B7280; background: white; border: 1px solid #D1D5DB; border-radius: 6px; text-transform: none;")">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 ? "min-width: 34px; padding: 4px 8px; font-size: 0.75rem; font-weight: 500; color: #D1D5DB; border-radius: 6px; text-transform: none;" : "min-width: 34px; padding: 4px 8px; font-size: 0.75rem; font-weight: 500; color: #6B7280; background: white; border: 1px solid #D1D5DB; border-radius: 6px; text-transform: none;")">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;" : "color: #6B7280; background: white; border: 1px solid #D1D5DB; border-radius: 6px;")" />
</div>
</div>
</MudPaper>
<script>
function downloadFile(fileName, contentType, base64String) {
const link = document.createElement('a');
link.download = fileName;
link.href = `data:${contentType};base64,${base64String}`;
document.body.appendChild(link);
link.click();
document.body.removeChild(link);
}
</script>
<style>
.mud-table-styled .mud-table-row:hover { background-color: #F9FAFB !important; }
</style>
@code {
[Parameter] public EventCallback OnAdd { get; set; }
[Parameter] public EventCallback<UpdateScrappingRequest> OnEdit { get; set; }
[Parameter] public EventCallback<UpdateScrappingRequest> OnView { get; set; }
private List<GetScrappingListResponse> _items = new();
private GetScrappingListResponse? _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 ScrappingService.GetScrappingListAsync();
await Task.Delay(500);
if (response != null && response.IsSuccess)
{
_items = response.Value ?? new();
}
}
finally
{
_isRefreshing = false;
StateHasChanged();
}
}
private IEnumerable<GetScrappingListResponse> GetFilteredData()
{
if (string.IsNullOrWhiteSpace(_searchString)) return _items;
return _items.Where(x =>
(x.AutoNumber?.Contains(_searchString, StringComparison.OrdinalIgnoreCase) ?? false) ||
(x.WarehouseName?.Contains(_searchString, StringComparison.OrdinalIgnoreCase) ?? false)
);
}
private IEnumerable<GetScrappingListResponse> 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("Scrappings");
var currentRow = 1;
worksheet.Cell(currentRow, 1).Value = "Number";
worksheet.Cell(currentRow, 2).Value = "Scrapping Date";
worksheet.Cell(currentRow, 3).Value = "Warehouse";
worksheet.Cell(currentRow, 4).Value = "Status";
var headerRange = worksheet.Range(1, 1, 1, 4);
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.ScrappingDate?.ToString("yyyy-MM-dd");
worksheet.Cell(currentRow, 3).Value = item.WarehouseName;
worksheet.Cell(currentRow, 4).Value = item.Status.ToString();
}
worksheet.Columns().AdjustToContents();
using (var stream = new MemoryStream())
{
workbook.SaveAs(stream);
var content = Convert.ToBase64String(stream.ToArray());
await JSRuntime.InvokeVoidAsync("downloadFile", "Scrapping_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<UpdateScrappingRequest?> MapToUpdateRequest(string id)
{
var response = await ScrappingService.GetScrappingByIdAsync(id);
if (response != null && response.IsSuccess && response.Value != null)
{
var detail = response.Value;
return new UpdateScrappingRequest
{
Id = detail.Id,
AutoNumber = detail.AutoNumber,
ScrappingDate = detail.ScrappingDate,
Status = detail.Status,
Description = detail.Description,
WarehouseId = detail.WarehouseId,
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 ScrappingService.DeleteScrappingByIdAsync(_selectedItem.Id!);
if (isSuccess)
{
_selectedItem = null;
await LoadData();
Snackbar.Add("Deleted successfully", Severity.Success);
}
}
}
}
@@ -0,0 +1,83 @@
@using Indotalent.Features.Inventory.Scrapping.Cqrs
@using MudBlazor
@inject ScrappingService ScrappingService
@inject ISnackbar Snackbar
<MudDialog>
<DialogContent>
<MudForm @ref="_form" Model="_model">
<MudGrid Spacing="2">
<MudItem xs="12">
<MudText Typo="Typo.subtitle2" Class="mb-0">Product</MudText>
<MudSelect T="string" @bind-Value="_model.ProductId"
Variant="Variant.Outlined" Margin="Margin.Dense" Dense="true"
AnchorOrigin="Origin.BottomCenter" TransformOrigin="Origin.TopCenter">
@foreach (var item in _lookup.Products)
{
<MudSelectItem Value="@item.Id">@item.Name</MudSelectItem>
}
</MudSelect>
</MudItem>
<MudItem xs="12">
<MudText Typo="Typo.subtitle2" Class="mb-1">Quantity</MudText>
<MudNumericField @bind-Value="_model.Movement"
Variant="Variant.Outlined"
Margin="Margin.Dense"
Min="0.1"
HelperText="Quantity to be disposed from inventory." />
</MudItem>
</MudGrid>
</MudForm>
</DialogContent>
<DialogActions>
<MudButton OnClick="Cancel" Variant="Variant.Text">Cancel</MudButton>
<MudButton Color="Color.Primary" OnClick="Submit" Variant="Variant.Filled" Disabled="_processing" Style="text-transform: none; font-weight: 700; border-radius: 4px;">
@if (_processing)
{
<MudProgressCircular Size="Size.Small" Indeterminate="true" />
<MudText Class="ms-2" Typo="Typo.button" Style="text-transform: none !important;">Processing...</MudText>
}
else
{
<MudText>Add Item</MudText>
}
</MudButton>
</DialogActions>
</MudDialog>
@code {
[CascadingParameter] IMudDialogInstance MudDialog { get; set; } = default!;
[Parameter] public string ScrappingId { get; set; } = string.Empty;
private MudForm _form = default!;
private CreateScrappingItemRequest _model = new() { Movement = 1 };
private ScrappingLookupResponse _lookup = new();
private bool _processing = false;
protected override async Task OnInitializedAsync()
{
var res = await ScrappingService.GetScrappingLookupAsync();
if (res != null && res.IsSuccess) _lookup = res.Value ?? new();
_model.ScrappingId = ScrappingId;
}
private void Cancel() => MudDialog.Cancel();
private async Task Submit()
{
await _form.Validate();
if (!_form.IsValid) return;
_processing = true;
try
{
var response = await ScrappingService.CreateScrappingItemAsync(_model);
await Task.Delay(500);
if (response != null && response.IsSuccess)
{
Snackbar.Add("Item added successfully", Severity.Success);
MudDialog.Close(DialogResult.Ok(true));
}
}
finally { _processing = false; }
}
}
@@ -0,0 +1,88 @@
@using Indotalent.ConfigBackEnd.Extensions
@using Indotalent.Features.Inventory.Scrapping
@using Indotalent.Features.Inventory.Scrapping.Cqrs
@using MudBlazor
@using Indotalent.Features.Root.Shared
@inject ScrappingService ScrappingService
@inject IDialogService DialogService
@inject ISnackbar Snackbar
<MudPaper Elevation="0" Outlined="true" Style="border-radius: 12px; border: 1px solid #E5E7EB;">
<div style="padding: 16px; border-bottom: 1px solid #E5E7EB; display: flex; justify-content: space-between; align-items: center; background-color: #F9FAFB;">
<MudText Typo="Typo.button" Style="font-weight: 600;">Scrapping Items</MudText>
@if (!ReadOnly)
{
<MudButton Variant="Variant.Filled" Color="Color.Primary" StartIcon="@Icons.Material.Filled.Add" OnClick="OnAddClick" Size="Size.Small" Style="text-transform: none; font-weight: 500; border-radius: 6px;">
Add Item
</MudButton>
}
</div>
<MudTable Striped="true" Class="mud-table-styled" Items="Items" Hover="true" Elevation="0" Dense="true" T="ScrappingItemResponse">
<HeaderContent>
<MudTh Style="font-weight: 700; color: #111827;">Product</MudTh>
<MudTh Style="font-weight: 700; color: #111827; text-align: right;">Quantity</MudTh>
@if (!ReadOnly)
{
<MudTh Style="width: 100px; text-align: right; font-weight: 700;">Actions</MudTh>
}
</HeaderContent>
<RowTemplate>
<MudTd DataLabel="Product" Style="padding-top: 0.75rem; padding-bottom: 0.75rem; color: #6B7280; font-size: 0.875rem;">@context.ProductName</MudTd>
<MudTd DataLabel="Quantity" Style="text-align: right; font-weight: 700;">@context.Movement?.ToString("N2")</MudTd>
@if (!ReadOnly)
{
<MudTd Style="text-align: right; padding-top: 0.75rem; padding-bottom: 0.75rem; color: #6B7280; font-size: 0.875rem;">
<MudIconButton Icon="@Icons.Material.Filled.Edit" Size="Size.Small" Color="Color.Primary" OnClick="@(() => OnEditClick(context))" />
<MudIconButton Icon="@Icons.Material.Filled.Delete" Size="Size.Small" Color="Color.Error" OnClick="@(() => OnDeleteClick(context))" />
</MudTd>
}
</RowTemplate>
</MudTable>
</MudPaper>
<style>
.mud-table-styled .mud-table-row:hover { background-color: #F9FAFB !important; }
</style>
@code {
[Parameter] public string ScrappingId { get; set; } = string.Empty;
[Parameter] public List<ScrappingItemResponse> Items { get; set; } = new();
[Parameter] public bool ReadOnly { get; set; } = false;
[Parameter] public EventCallback OnChanged { get; set; }
private async Task OnAddClick()
{
var parameters = new DialogParameters { ["ScrappingId"] = ScrappingId };
var options = new DialogOptions { MaxWidth = MaxWidth.Small, FullWidth = true, CloseButton = true };
var dialog = await DialogService.ShowAsync<_ScrappingItemCreateForm>("Add Scrapping Item", parameters, options);
var result = await dialog.Result;
if (result != null && !result.Canceled) await OnChanged.InvokeAsync();
}
private async Task OnEditClick(ScrappingItemResponse item)
{
var parameters = new DialogParameters { ["Data"] = item };
var options = new DialogOptions { MaxWidth = MaxWidth.Small, FullWidth = true, CloseButton = true };
var dialog = await DialogService.ShowAsync<_ScrappingItemUpdateForm>("Edit Scrapping Item", parameters, options);
var result = await dialog.Result;
if (result != null && !result.Canceled) await OnChanged.InvokeAsync();
}
private async Task OnDeleteClick(ScrappingItemResponse item)
{
var parameters = new DialogParameters { ["ContentText"] = $"Are you sure you want to remove this item?" };
var dialog = await DialogService.ShowAsync<_DeleteConfirmation>("Delete Confirmation", parameters, new DialogOptions { MaxWidth = MaxWidth.ExtraSmall, FullWidth = true });
var result = await dialog.Result;
if (result != null && !result.Canceled)
{
var success = await ScrappingService.DeleteScrappingItemAsync(item.Id!);
if (success)
{
Snackbar.Add("Removed successfully", Severity.Success);
await OnChanged.InvokeAsync();
}
}
}
}
@@ -0,0 +1,84 @@
@using Indotalent.Features.Inventory.Scrapping.Cqrs
@using MudBlazor
@inject ScrappingService ScrappingService
@inject ISnackbar Snackbar
<MudDialog>
<DialogContent>
<MudForm @ref="_form" Model="_model">
<MudGrid Spacing="2">
<MudItem xs="12">
<MudText Typo="Typo.subtitle2" Class="mb-0">Product</MudText>
<MudSelect T="string" @bind-Value="_model.ProductId"
Variant="Variant.Outlined" Margin="Margin.Dense" Dense="true"
AnchorOrigin="Origin.BottomCenter" TransformOrigin="Origin.TopCenter">
@foreach (var item in _lookup.Products)
{
<MudSelectItem Value="@item.Id">@item.Name</MudSelectItem>
}
</MudSelect>
</MudItem>
<MudItem xs="12">
<MudText Typo="Typo.subtitle2" Class="mb-1">Quantity</MudText>
<MudNumericField @bind-Value="_model.Movement"
Variant="Variant.Outlined"
Margin="Margin.Dense"
Min="0.1" />
</MudItem>
</MudGrid>
</MudForm>
</DialogContent>
<DialogActions>
<MudButton OnClick="Cancel" Variant="Variant.Text">Cancel</MudButton>
<MudButton Color="Color.Primary" OnClick="Submit" Variant="Variant.Filled" Disabled="_processing" Style="text-transform: none; font-weight: 700; border-radius: 4px;">
@if (_processing)
{
<MudProgressCircular Size="Size.Small" Indeterminate="true" />
<MudText Class="ms-2" Typo="Typo.button" Style="text-transform: none !important;">Updating...</MudText>
}
else
{
<MudText>Save Changes</MudText>
}
</MudButton>
</DialogActions>
</MudDialog>
@code {
[CascadingParameter] IMudDialogInstance MudDialog { get; set; } = default!;
[Parameter] public ScrappingItemResponse Data { get; set; } = new();
private MudForm _form = default!;
private UpdateScrappingItemRequest _model = new();
private ScrappingLookupResponse _lookup = new();
private bool _processing = false;
protected override async Task OnInitializedAsync()
{
var res = await ScrappingService.GetScrappingLookupAsync();
if (res != null && res.IsSuccess) _lookup = res.Value ?? new();
_model.Id = Data.Id;
_model.ProductId = Data.ProductId;
_model.Movement = Data.Movement;
}
private void Cancel() => MudDialog.Cancel();
private async Task Submit()
{
await _form.Validate();
if (!_form.IsValid) return;
_processing = true;
try
{
var response = await ScrappingService.UpdateScrappingItemAsync(_model);
await Task.Delay(500);
if (response != null && response.IsSuccess)
{
Snackbar.Add("Item updated successfully", Severity.Success);
MudDialog.Close(DialogResult.Ok(true));
}
}
finally { _processing = false; }
}
}
@@ -0,0 +1,259 @@
@using Indotalent.ConfigBackEnd.Extensions
@using Indotalent.Features.Inventory.Scrapping.Cqrs
@using Indotalent.Features.Inventory.Scrapping.Components
@using Indotalent.Shared.Utils
@using MudBlazor
@using Microsoft.JSInterop
@inject ScrappingService ScrappingService
@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") Scrapping</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" Typo="Typo.button" Style="text-transform: none !important;">Generating PDF...</MudText>
}
else
{
<MudText>Print PDF</MudText>
}
</MudButton>
}
</MudPaper>
<MudPaper Elevation="0" Outlined="true" Class="pa-8" Style="border-radius: 0px; 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;">Scrapping Header</MudText><MudDivider /></MudItem>
<MudItem xs="12" sm="4">
<MudText Typo="Typo.subtitle2" Class="mb-0">Scrapping Date</MudText>
<MudDatePicker @bind-Date="_model.ScrappingDate" ReadOnly="ReadOnly"
Variant="Variant.Outlined" Margin="Margin.Dense" />
</MudItem>
<MudItem xs="12" sm="4">
<MudText Typo="Typo.subtitle2" Class="mb-0">Warehouse</MudText>
<MudSelect T="string" @bind-Value="_model.WarehouseId"
ReadOnly="ReadOnly"
Variant="Variant.Outlined" Margin="Margin.Dense" Dense="true" FullWidth="true"
AnchorOrigin="Origin.BottomCenter" TransformOrigin="Origin.TopCenter">
@foreach (var item in _lookup.Warehouses)
{
<MudSelectItem Value="@item.Id">@item.Name</MudSelectItem>
}
</MudSelect>
</MudItem>
<MudItem xs="12" sm="4">
<MudText Typo="Typo.subtitle2" Class="mb-0">Status</MudText>
<MudSelect T="Indotalent.Data.Enums.ScrappingStatus" @bind-Value="_model.Status"
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.ScrappingStatus)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">
<_ScrappingItemDataTable Items="_items" ScrappingId="@(_model.Id ?? string.Empty)" ReadOnly="ReadOnly" OnChanged="RefreshItems" />
</MudItem>
<MudItem xs="12" sm="7"></MudItem>
<MudItem xs="12" sm="5">
<MudPaper Elevation="0" Outlined="true" Class="pa-4" Style="border-radius: 0px; background-color: #F8FAFC; border: 1px solid #DCEBFA;">
<MudText Typo="Typo.button" Color="Color.Primary" Style="font-weight: 800;" Class="mb-4 d-block">Movement Summary</MudText>
<div class="d-flex justify-space-between mb-2">
<MudText Typo="Typo.body2">Disposal Items</MudText>
<MudText Typo="Typo.body2" Style="font-weight: 700;">@_items.Count</MudText>
</div>
<MudDivider Class="my-2" />
<div class="d-flex justify-space-between">
<MudText Typo="Typo.subtitle1" Style="font-weight: 900;">Total Quantity</MudText>
<MudText Typo="Typo.subtitle1" Color="Color.Error" Style="font-weight: 900;">@_items.Sum(x => x.Movement)?.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; border: 1px solid #e0e0e0; text-transform: none; font-weight: 700;">
@(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" Typo="Typo.button" Style="text-transform: none !important;">Updating...</MudText>
}
else
{
<MudText>Save Changes</MudText>
}
</MudButton>
}
</div>
</MudForm>
</MudPaper>
@code {
[Parameter] public UpdateScrappingRequest 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 UpdateScrappingValidator _validator = new();
private UpdateScrappingRequest _model = new();
private List<ScrappingItemResponse> _items = new();
private ScrappingLookupResponse _lookup = new();
private bool _processing = false;
private bool _isPrinting = false;
protected override async Task OnInitializedAsync()
{
var resLookup = await ScrappingService.GetScrappingLookupAsync();
if (resLookup != null && resLookup.IsSuccess) _lookup = resLookup.Value ?? new();
_model = Data;
await RefreshItems();
}
private async Task RefreshItems()
{
try
{
var response = await ScrappingService.GetScrappingByIdAsync(_model.Id!);
await Task.Delay(500);
if (response != null && response.IsSuccess && response.Value != null)
{
_items = response.Value.Items ?? new();
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 ScrappingService.GetScrappingByIdAsync(_model.Id!);
if (response != null && response.IsSuccess && response.Value != null)
{
var pdfBytes = ScrappingPdfGenerator.Generate(response.Value);
var fileName = $"Scrapping_{response.Value.AutoNumber}.pdf";
var base64 = Convert.ToBase64String(pdfBytes);
await JSRuntime.InvokeVoidAsync("downloadFile", fileName, "application/pdf", base64);
Snackbar.Add("PDF generated successfully.", Severity.Success);
}
}
catch (Exception ex)
{
Snackbar.Add($"Error: {ex.Message}", Severity.Error);
}
finally
{
_isPrinting = false;
StateHasChanged();
}
}
private async Task Submit()
{
if (ReadOnly) return;
await _form.Validate();
if (!_form.IsValid) return;
_processing = true;
StateHasChanged();
try
{
var response = await ScrappingService.UpdateScrappingAsync(_model);
await Task.Delay(500);
if (response != null && response.IsSuccess)
{
Snackbar.Add("Updated successfully", Severity.Success);
await OnSuccess.InvokeAsync();
}
}
catch (Exception ex)
{
Snackbar.Add($"Error: {ex.Message}", Severity.Error);
}
finally
{
_processing = false;
StateHasChanged();
}
}
}

Some files were not shown because too many files have changed in this diff Show More