initial commit
This commit is contained in:
@@ -0,0 +1,27 @@
|
||||
@page "/payroll/deduction"
|
||||
@using Indotalent.Features.Payroll.Deduction.Cqrs
|
||||
@using MudBlazor
|
||||
|
||||
@if (_currentView == ViewMode.Create)
|
||||
{
|
||||
<_DeductionCreateForm OnCancel="BackToTable" OnSuccess="HandleSuccess" />
|
||||
}
|
||||
else if (_currentView == ViewMode.Update || _currentView == ViewMode.View)
|
||||
{
|
||||
<_DeductionUpdateForm Data="_selectedData!" ReadOnly="@(_currentView == ViewMode.View)" OnCancel="BackToTable" OnSuccess="HandleSuccess" />
|
||||
}
|
||||
else
|
||||
{
|
||||
<_DeductionDataTable 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 UpdateDeductionRequest? _selectedData;
|
||||
|
||||
private void ShowCreate() => _currentView = ViewMode.Create;
|
||||
private void ShowUpdate(UpdateDeductionRequest data, bool readOnly) { _selectedData = data; _currentView = readOnly ? ViewMode.View : ViewMode.Update; }
|
||||
private void BackToTable() => _currentView = ViewMode.Table;
|
||||
private void HandleSuccess() => _currentView = ViewMode.Table;
|
||||
}
|
||||
@@ -0,0 +1,140 @@
|
||||
@using Indotalent.Features.Payroll.Deduction
|
||||
@using Indotalent.Features.Payroll.Deduction.Cqrs
|
||||
@using Indotalent.Shared.Utils
|
||||
@using MudBlazor
|
||||
@inject DeductionService DeductionService
|
||||
@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 Deduction Component</MudText>
|
||||
<MudText Typo="Typo.body2" Style="color: #64748b;">Define new deduction element for payroll calculation.</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">Component Code</MudText>
|
||||
<MudTextField @bind-Value="_model.Code"
|
||||
For="@(() => _model.Code)"
|
||||
Validation="@(_validator.ValidateValue())"
|
||||
Variant="Variant.Outlined" Margin="Margin.Dense" FullWidth="true" Placeholder="e.g. DED-01" />
|
||||
</MudItem>
|
||||
<MudItem xs="12" sm="6">
|
||||
<MudText Typo="Typo.subtitle2" Class="mb-1">Component Name</MudText>
|
||||
<MudTextField @bind-Value="_model.Name"
|
||||
For="@(() => _model.Name)"
|
||||
Validation="@(_validator.ValidateValue())"
|
||||
Variant="Variant.Outlined" Margin="Margin.Dense" FullWidth="true" Placeholder="e.g. Income Tax" />
|
||||
</MudItem>
|
||||
<MudItem xs="12" sm="6">
|
||||
<MudText Typo="Typo.subtitle2" Class="mb-1">Category</MudText>
|
||||
<MudSelect @bind-Value="_model.Category"
|
||||
For="@(() => _model.Category)"
|
||||
Variant="Variant.Outlined" Margin="Margin.Dense" Dense="true">
|
||||
<MudSelectItem Value="@("Statutory")">Statutory</MudSelectItem>
|
||||
<MudSelectItem Value="@("Loan")">Loan</MudSelectItem>
|
||||
<MudSelectItem Value="@("Penalty")">Penalty</MudSelectItem>
|
||||
<MudSelectItem Value="@("Internal")">Internal</MudSelectItem>
|
||||
</MudSelect>
|
||||
</MudItem>
|
||||
<MudItem xs="12" sm="6">
|
||||
<MudText Typo="Typo.subtitle2" Class="mb-1">Tax Treatment</MudText>
|
||||
<div style="height: 40px; display: flex; align-items: center;">
|
||||
<MudCheckBox @bind-Value="_model.PreTax"
|
||||
Label="Is Pre-Tax Deduction"
|
||||
Color="Color.Primary"
|
||||
Dense="true" />
|
||||
</div>
|
||||
</MudItem>
|
||||
<MudItem xs="12" sm="6">
|
||||
<MudText Typo="Typo.subtitle2" Class="mb-1">Calculation Method</MudText>
|
||||
<MudTextField @bind-Value="_model.CalculationMethod"
|
||||
For="@(() => _model.CalculationMethod)"
|
||||
Validation="@(_validator.ValidateValue())"
|
||||
Variant="Variant.Outlined" Margin="Margin.Dense" FullWidth="true" Placeholder="e.g. Fixed Amount" />
|
||||
</MudItem>
|
||||
<MudItem xs="12" sm="6">
|
||||
<MudText Typo="Typo.subtitle2" Class="mb-1">Status</MudText>
|
||||
<MudSelect @bind-Value="_model.Status"
|
||||
For="@(() => _model.Status)"
|
||||
Variant="Variant.Outlined" Margin="Margin.Dense" Dense="true">
|
||||
<MudSelectItem Value="@("Active")">Active</MudSelectItem>
|
||||
<MudSelectItem Value="@("Inactive")">Inactive</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: 1px solid #e0e0e0; border-radius: 4px; 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 Component</MudText>
|
||||
}
|
||||
</MudButton>
|
||||
</div>
|
||||
</MudForm>
|
||||
</MudPaper>
|
||||
|
||||
@code {
|
||||
[Parameter] public EventCallback OnCancel { get; set; }
|
||||
[Parameter] public EventCallback OnSuccess { get; set; }
|
||||
|
||||
private MudForm _form = default!;
|
||||
private CreateDeductionValidator _validator = new();
|
||||
private CreateDeductionRequest _model = new() { Category = "Statutory", Status = "Active", PreTax = false };
|
||||
private bool _processing = false;
|
||||
|
||||
private async Task Submit()
|
||||
{
|
||||
await _form.Validate();
|
||||
if (!_form.IsValid) return;
|
||||
|
||||
_processing = true;
|
||||
try
|
||||
{
|
||||
var response = await DeductionService.CreateDeductionAsync(_model);
|
||||
await Task.Delay(500);
|
||||
|
||||
if (response != null && response.IsSuccess)
|
||||
{
|
||||
Snackbar.Add("Deduction component created successfully", Severity.Success);
|
||||
await OnSuccess.InvokeAsync();
|
||||
}
|
||||
}
|
||||
catch (Exception ex)
|
||||
{
|
||||
Snackbar.Add($"Error: {ex.Message}", Severity.Error);
|
||||
}
|
||||
finally
|
||||
{
|
||||
_processing = false;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,396 @@
|
||||
@using Indotalent.ConfigBackEnd.Extensions
|
||||
@using Indotalent.Features.Payroll.Deduction
|
||||
@using Indotalent.Features.Payroll.Deduction.Cqrs
|
||||
@using Microsoft.AspNetCore.Components.Web
|
||||
@using Microsoft.JSInterop
|
||||
@using MudBlazor
|
||||
@using Features.Root.Shared
|
||||
@using ClosedXML.Excel
|
||||
@using System.IO
|
||||
@inject DeductionService DeductionService
|
||||
@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;">Deduction Components</MudText>
|
||||
<MudText Typo="Typo.body2" Style="color: #9CA3AF;">Manage statutory contributions, insurance, and internal company deductions.</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;">Payroll</MudText>
|
||||
<MudText Typo="Typo.caption" Style="color: #9CA3AF;">/</MudText>
|
||||
<MudText Typo="Typo.caption" Style="font-weight: 600; color: #111827;">Deduction</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.Error"
|
||||
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="border: 1px solid #D1D5DB; background: white; font-weight: 500; border-radius: 6px; text-transform: none; height: 34px; color: #6B7280;">
|
||||
@if (_isExporting)
|
||||
{
|
||||
<MudProgressCircular Class="ms-n1" Size="Size.Small" Indeterminate="true" />
|
||||
<MudText Class="ms-2" Typo="Typo.button" Style="text-transform: none !important;">Processing...</MudText>
|
||||
}
|
||||
else
|
||||
{
|
||||
<MudText Typo="Typo.button" Style="text-transform: none !important;">Excel</MudText>
|
||||
}
|
||||
</MudButton>
|
||||
|
||||
<MudButton Variant="Variant.Outlined"
|
||||
Color="Color.Error"
|
||||
OnClick="LoadData"
|
||||
Size="Size.Small"
|
||||
StartIcon="@(_isRefreshing ? null : Icons.Material.Filled.Refresh)"
|
||||
Disabled="_isRefreshing"
|
||||
Style="border: 1px solid #D1D5DB; background: white; font-weight: 500; border-radius: 6px; text-transform: none; height: 34px; color: #6B7280;">
|
||||
@if (_isRefreshing)
|
||||
{
|
||||
<MudProgressCircular Class="ms-n1" Size="Size.Small" Indeterminate="true" />
|
||||
<MudText Class="ms-2" Typo="Typo.button" Style="text-transform: none !important;">Refreshing...</MudText>
|
||||
}
|
||||
else
|
||||
{
|
||||
<MudText Typo="Typo.button" Style="text-transform: none !important;">Refresh</MudText>
|
||||
}
|
||||
</MudButton>
|
||||
|
||||
@if (_selectedDeduction != null)
|
||||
{
|
||||
<MudButton Variant="Variant.Outlined" Color="Color.Info" StartIcon="@Icons.Material.Filled.Visibility" OnClick="InvokeView" Size="Size.Small" Style="border: 1px solid #D1D5DB; text-transform: none; font-weight: 500; border-radius: 6px; background: white; color: #6B7280;">View</MudButton>
|
||||
<MudButton Variant="Variant.Outlined" Color="Color.Primary" StartIcon="@Icons.Material.Filled.Edit" OnClick="InvokeEdit" Size="Size.Small" Style="border: 1px solid #D1D5DB; text-transform: none; font-weight: 500; border-radius: 6px; background: white; color: #6B7280;">Edit</MudButton>
|
||||
<MudButton Variant="Variant.Outlined" Color="Color.Error" StartIcon="@Icons.Material.Filled.Delete" OnClick="OnDelete" Size="Size.Small" Style="text-transform: none; font-weight: 500; border-radius: 6px; border: 1px solid #FCA5A5; color: #EF4444; background: white;">Remove</MudButton>
|
||||
<MudIconButton Icon="@Icons.Material.Filled.Close" Size="Size.Small" OnClick="() => _selectedDeduction = null" />
|
||||
}
|
||||
else
|
||||
{
|
||||
<MudButton Variant="Variant.Filled" Color="Color.Error" 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 Deduction
|
||||
</MudButton>
|
||||
}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<MudTable Items="@GetPagedData()" Hover="true" Striped="true" Class="mud-table-styled" Elevation="0" CustomHeader="true" Dense="true" T="GetDeductionListResponse" OnRowClick="@((args) => _selectedDeduction = args.Item)" Loading="@_isRefreshing">
|
||||
<HeaderContent>
|
||||
<MudTh Style="width: 50px; background-color: #F9FAFB; border-bottom: 1px solid #E5E7EB;"></MudTh>
|
||||
<MudTh Style="font-weight: 600; color: #6B7280; text-transform: uppercase; font-size: 0.6875rem; letter-spacing: 0.05em; background-color: #F9FAFB; border-bottom: 1px solid #E5E7EB;">
|
||||
<MudTableSortLabel SortBy="new Func<GetDeductionListResponse, object>(x => x.Code!)">Code</MudTableSortLabel>
|
||||
</MudTh>
|
||||
<MudTh Style="font-weight: 600; color: #6B7280; text-transform: uppercase; font-size: 0.6875rem; letter-spacing: 0.05em; background-color: #F9FAFB; border-bottom: 1px solid #E5E7EB;">
|
||||
<MudTableSortLabel SortBy="new Func<GetDeductionListResponse, object>(x => x.Name!)">Component Name</MudTableSortLabel>
|
||||
</MudTh>
|
||||
<MudTh Style="font-weight: 600; color: #6B7280; text-transform: uppercase; font-size: 0.6875rem; letter-spacing: 0.05em; background-color: #F9FAFB; border-bottom: 1px solid #E5E7EB;">Category</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;">Pre-Tax</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;">Calculation Method</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;">Status</MudTh>
|
||||
</HeaderContent>
|
||||
<RowTemplate>
|
||||
<MudTd>
|
||||
<MudCheckBox T="bool" Value="@(_selectedDeduction?.Id == context.Id)" Color="Color.Error" Dense="true" Size="Size.Small" ReadOnly="true" />
|
||||
</MudTd>
|
||||
<MudTd>
|
||||
<MudChip T="string" Size="Size.Small" Variant="Variant.Text" Style="background-color: #ffffff; color: #C62828; font-weight: 600; border-radius: 0px;">
|
||||
@context.Code
|
||||
</MudChip>
|
||||
</MudTd>
|
||||
<MudTd>
|
||||
<MudText Typo="Typo.body2" Style="font-weight: 600; color: #374151;">@context.Name</MudText>
|
||||
</MudTd>
|
||||
<MudTd>
|
||||
<MudText Typo="Typo.body2" Style="font-weight: 600; color: #5C708A;">@context.Category</MudText>
|
||||
</MudTd>
|
||||
<MudTd>
|
||||
<MudIcon Icon="@(context.PreTax ? Icons.Material.Filled.Warning : Icons.Material.Filled.Remove)" Color="@(context.PreTax ? Color.Warning : Color.Default)" Size="Size.Small" />
|
||||
</MudTd>
|
||||
<MudTd>
|
||||
<MudText Typo="Typo.body2" Style="color: #64748b; font-size: 0.8rem;">@context.CalculationMethod</MudText>
|
||||
</MudTd>
|
||||
<MudTd>
|
||||
<MudChip T="string" Color="@(context.Status == "Active" ? Color.Success : Color.Default)" Size="Size.Small" Variant="Variant.Text" Style="font-weight: 600; border-radius: 0px; text-transform: uppercase; background-color: #f5f5f5; height: 20px; font-size: 0.7rem;">
|
||||
@context.Status
|
||||
</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: 0.75rem; font-weight: 500;"
|
||||
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 ? "text-transform: none; font-weight: 500; background: white; border: 1px solid #D1D5DB; border-radius: 6px; height: 34px; color: #6B7280;" : "text-transform: none; font-weight: 500; background: white; border: 1px solid #D1D5DB; border-radius: 6px; height: 34px; color: #6B7280;")">Prev</MudButton>
|
||||
@{
|
||||
var totalPages = _totalPage == 0 ? 1 : _totalPage;
|
||||
var maxVisible = 5;
|
||||
var startPage = Math.Max(1, _currentPage - maxVisible / 2);
|
||||
var endPage = Math.Min(totalPages, startPage + maxVisible - 1);
|
||||
if (endPage - startPage < maxVisible - 1) { startPage = Math.Max(1, endPage - maxVisible + 1); }
|
||||
}
|
||||
@for (int i = startPage; i <= endPage; i++)
|
||||
{
|
||||
var pageNum = i;
|
||||
var isActive = pageNum == _currentPage;
|
||||
<MudButton OnClick="@(() => OnPageChanged(pageNum))"
|
||||
Variant="Variant.Text" Size="Size.Small"
|
||||
Style="@(isActive ? "min-width: 34px; padding: 4px 8px; font-size: 0.75rem; font-weight: 600; background: #3B82F6; color: white; border: 1px solid #3B82F6; border-radius: 6px; text-transform: none;" : "min-width: 34px; padding: 4px 8px; font-size: 0.75rem; font-weight: 500; color: #374151; background: white; border: 1px solid #D1D5DB; border-radius: 6px; text-transform: none;")">@pageNum</MudButton>
|
||||
}
|
||||
<MudButton OnClick="@(() => OnPageChanged(_currentPage + 1))" Disabled="@(_currentPage == _totalPage || _totalPage == 0)" Variant="Variant.Text" EndIcon="@Icons.Material.Filled.ChevronRight" Size="Size.Small" Style="@(_currentPage == _totalPage || _totalPage == 0 ? "text-transform: none; font-weight: 500; background: white; border: 1px solid #D1D5DB; border-radius: 6px; height: 34px; color: #6B7280;" : "text-transform: none; font-weight: 500; background: white; border: 1px solid #D1D5DB; border-radius: 6px; height: 34px; color: #6B7280;")">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>
|
||||
if (typeof downloadFile !== 'function') {
|
||||
window.downloadFile = function(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-input-outlined-border { border-radius: 8px !important; }
|
||||
.custom-select-dense .mud-input-control { margin-top: 0 !important; }
|
||||
.custom-select-dense .mud-input-slot { padding-top: 4px !important; padding-bottom: 4px !important; padding-left: 8px !important; font-size: 12px !important; }
|
||||
.mud-table-styled .mud-table-row:hover { background-color: #F9FAFB !important; }
|
||||
</style>
|
||||
|
||||
@code {
|
||||
[Parameter] public EventCallback OnAdd { get; set; }
|
||||
[Parameter] public EventCallback<UpdateDeductionRequest> OnEdit { get; set; }
|
||||
[Parameter] public EventCallback<UpdateDeductionRequest> OnView { get; set; }
|
||||
|
||||
private List<GetDeductionListResponse> _deductions = new();
|
||||
private GetDeductionListResponse? _selectedDeduction;
|
||||
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;
|
||||
_selectedDeduction = null;
|
||||
StateHasChanged();
|
||||
try
|
||||
{
|
||||
var response = await DeductionService.GetDeductionListAsync();
|
||||
await Task.Delay(500);
|
||||
if (response != null && response.IsSuccess)
|
||||
{
|
||||
_deductions = response.Value ?? new List<GetDeductionListResponse>();
|
||||
}
|
||||
}
|
||||
finally
|
||||
{
|
||||
_isRefreshing = false;
|
||||
StateHasChanged();
|
||||
}
|
||||
}
|
||||
|
||||
private IEnumerable<GetDeductionListResponse> GetFilteredData()
|
||||
{
|
||||
if (string.IsNullOrWhiteSpace(_searchString)) return _deductions;
|
||||
return _deductions.Where(x =>
|
||||
(x.Name?.Contains(_searchString, StringComparison.OrdinalIgnoreCase) ?? false) ||
|
||||
(x.Code?.Contains(_searchString, StringComparison.OrdinalIgnoreCase) ?? false) ||
|
||||
(x.Category?.Contains(_searchString, StringComparison.OrdinalIgnoreCase) ?? false)
|
||||
);
|
||||
}
|
||||
|
||||
private IEnumerable<GetDeductionListResponse> GetPagedData() => GetFilteredData().Skip(_skip).Take(_top);
|
||||
|
||||
private void OnSearchClick()
|
||||
{
|
||||
_skip = 0;
|
||||
_selectedDeduction = 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("Deductions");
|
||||
var currentRow = 1;
|
||||
|
||||
worksheet.Cell(currentRow, 1).Value = "Code";
|
||||
worksheet.Cell(currentRow, 2).Value = "Component Name";
|
||||
worksheet.Cell(currentRow, 3).Value = "Category";
|
||||
worksheet.Cell(currentRow, 4).Value = "Pre-Tax";
|
||||
worksheet.Cell(currentRow, 5).Value = "Calculation Method";
|
||||
worksheet.Cell(currentRow, 6).Value = "Status";
|
||||
|
||||
var headerRange = worksheet.Range(1, 1, 1, 6);
|
||||
headerRange.Style.Font.Bold = true;
|
||||
headerRange.Style.Fill.BackgroundColor = XLColor.FromHtml("#C62828");
|
||||
headerRange.Style.Font.FontColor = XLColor.White;
|
||||
|
||||
foreach (var item in GetFilteredData())
|
||||
{
|
||||
currentRow++;
|
||||
worksheet.Cell(currentRow, 1).Value = item.Code;
|
||||
worksheet.Cell(currentRow, 2).Value = item.Name;
|
||||
worksheet.Cell(currentRow, 3).Value = item.Category;
|
||||
worksheet.Cell(currentRow, 4).Value = item.PreTax ? "Yes" : "No";
|
||||
worksheet.Cell(currentRow, 5).Value = item.CalculationMethod;
|
||||
worksheet.Cell(currentRow, 6).Value = item.Status;
|
||||
}
|
||||
|
||||
worksheet.Columns().AdjustToContents();
|
||||
|
||||
using (var stream = new MemoryStream())
|
||||
{
|
||||
workbook.SaveAs(stream);
|
||||
var content = Convert.ToBase64String(stream.ToArray());
|
||||
await JSRuntime.InvokeVoidAsync("downloadFile", "Deductions_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;
|
||||
_selectedDeduction = null;
|
||||
StateHasChanged();
|
||||
}
|
||||
}
|
||||
|
||||
private void OnPageSizeChanged(int size)
|
||||
{
|
||||
_top = size;
|
||||
_skip = 0;
|
||||
_selectedDeduction = null;
|
||||
StateHasChanged();
|
||||
}
|
||||
|
||||
private async Task InvokeEdit()
|
||||
{
|
||||
if (_selectedDeduction == null) return;
|
||||
var res = await DeductionService.GetDeductionByIdAsync(_selectedDeduction.Id!);
|
||||
if (res != null && res.IsSuccess) await OnEdit.InvokeAsync(MapToRequest(res.Value!));
|
||||
}
|
||||
|
||||
private async Task InvokeView()
|
||||
{
|
||||
if (_selectedDeduction == null) return;
|
||||
var res = await DeductionService.GetDeductionByIdAsync(_selectedDeduction.Id!);
|
||||
if (res != null && res.IsSuccess) await OnView.InvokeAsync(MapToRequest(res.Value!));
|
||||
}
|
||||
|
||||
private UpdateDeductionRequest MapToRequest(GetDeductionByIdResponse data) => new()
|
||||
{
|
||||
Id = data.Id, Code = data.Code, Name = data.Name, Category = data.Category,
|
||||
PreTax = data.PreTax, CalculationMethod = data.CalculationMethod, Status = data.Status,
|
||||
Description = data.Description, CreatedAt = data.CreatedAt, CreatedBy = data.CreatedBy,
|
||||
UpdatedAt = data.UpdatedAt, UpdatedBy = data.UpdatedBy
|
||||
};
|
||||
|
||||
private async Task OnDelete()
|
||||
{
|
||||
if (_selectedDeduction == null) return;
|
||||
var parameters = new DialogParameters<_DeleteConfirmation> { { x => x.ContentText, _selectedDeduction.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 DeductionService.DeleteDeductionByIdAsync(_selectedDeduction.Id!);
|
||||
if (isSuccess)
|
||||
{
|
||||
_selectedDeduction = null;
|
||||
await LoadData();
|
||||
Snackbar.Add("Deduction deleted successfully", Severity.Success);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,146 @@
|
||||
@using Indotalent.ConfigBackEnd.Extensions
|
||||
@using Indotalent.Features.Payroll.Deduction
|
||||
@using Indotalent.Features.Payroll.Deduction.Cqrs
|
||||
@using Indotalent.Shared.Utils
|
||||
@using MudBlazor
|
||||
@inject DeductionService DeductionService
|
||||
@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 ? "Deduction Details" : "Edit Deduction Component")</MudText>
|
||||
<MudText Typo="Typo.body2" Style="color: #64748b;">@(ReadOnly ? "Viewing deduction component specification." : "Modify existing deduction element.")</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">Component Code</MudText>
|
||||
<MudTextField @bind-Value="_model.Code" For="@(() => _model.Code)" 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">Component 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">Category</MudText>
|
||||
<MudSelect @bind-Value="_model.Category" ReadOnly="ReadOnly" Variant="Variant.Outlined" Margin="Margin.Dense" Dense="true">
|
||||
<MudSelectItem Value="@("Statutory")">Statutory</MudSelectItem>
|
||||
<MudSelectItem Value="@("Loan")">Loan</MudSelectItem>
|
||||
<MudSelectItem Value="@("Penalty")">Penalty</MudSelectItem>
|
||||
<MudSelectItem Value="@("Internal")">Internal</MudSelectItem>
|
||||
</MudSelect>
|
||||
</MudItem>
|
||||
<MudItem xs="12" sm="6">
|
||||
<MudText Typo="Typo.subtitle2" Class="mb-1">Tax Treatment</MudText>
|
||||
<div style="height: 40px; display: flex; align-items: center;">
|
||||
<MudCheckBox @bind-Value="_model.PreTax" Label="Is Pre-Tax Deduction" ReadOnly="ReadOnly" Color="Color.Primary" Dense="true" />
|
||||
</div>
|
||||
</MudItem>
|
||||
<MudItem xs="12" sm="6">
|
||||
<MudText Typo="Typo.subtitle2" Class="mb-1">Calculation Method</MudText>
|
||||
<MudTextField @bind-Value="_model.CalculationMethod" For="@(() => _model.CalculationMethod)" 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">Status</MudText>
|
||||
<MudSelect @bind-Value="_model.Status" ReadOnly="ReadOnly" Variant="Variant.Outlined" Margin="Margin.Dense" Dense="true">
|
||||
<MudSelectItem Value="@("Active")">Active</MudSelectItem>
|
||||
<MudSelectItem Value="@("Inactive")">Inactive</MudSelectItem>
|
||||
</MudSelect>
|
||||
</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" Style="border: 1px solid #e0e0e0; border-radius: 4px; 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 Size="Size.Small" Indeterminate="true" />
|
||||
<MudText Class="ms-2" Typo="Typo.button" Style="text-transform: none !important;">Processing...</MudText>
|
||||
}
|
||||
else
|
||||
{
|
||||
|
||||
<MudText>Save Changes</MudText>
|
||||
}
|
||||
</MudButton>
|
||||
}
|
||||
</div>
|
||||
</MudForm>
|
||||
</MudPaper>
|
||||
|
||||
@code {
|
||||
[Parameter] public UpdateDeductionRequest 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 UpdateDeductionValidator _validator = new();
|
||||
private UpdateDeductionRequest _model = new();
|
||||
private bool _processing = false;
|
||||
|
||||
protected override void OnInitialized()
|
||||
{
|
||||
_model = new UpdateDeductionRequest
|
||||
{
|
||||
Id = Data.Id,
|
||||
Code = Data.Code,
|
||||
Name = Data.Name,
|
||||
Category = Data.Category,
|
||||
PreTax = Data.PreTax,
|
||||
CalculationMethod = Data.CalculationMethod,
|
||||
Status = Data.Status,
|
||||
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 res = await DeductionService.UpdateDeductionAsync(_model);
|
||||
await Task.Delay(500);
|
||||
if (res != null && res.IsSuccess) { Snackbar.Add("Updated successfully", Severity.Success); await OnSuccess.InvokeAsync(); }
|
||||
}
|
||||
finally { _processing = false; }
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,73 @@
|
||||
using Indotalent.ConfigBackEnd.Exceptions;
|
||||
using Indotalent.ConfigBackEnd.Extensions;
|
||||
using Indotalent.Infrastructure.Database;
|
||||
using MediatR;
|
||||
using Microsoft.EntityFrameworkCore;
|
||||
|
||||
namespace Indotalent.Features.Payroll.Deduction.Cqrs;
|
||||
|
||||
public class CreateDeductionRequest
|
||||
{
|
||||
public string? Code { get; set; }
|
||||
public string? Name { get; set; }
|
||||
public string? Description { get; set; }
|
||||
public string? Category { get; set; }
|
||||
public bool PreTax { get; set; }
|
||||
public string? CalculationMethod { get; set; }
|
||||
public string? Status { get; set; } = "Active";
|
||||
}
|
||||
|
||||
public class CreateDeductionResponse
|
||||
{
|
||||
public string? Id { get; set; }
|
||||
public string? Code { get; set; }
|
||||
}
|
||||
|
||||
public record CreateDeductionCommand(CreateDeductionRequest Data) : IRequest<CreateDeductionResponse>;
|
||||
|
||||
public class CreateDeductionHandler : IRequestHandler<CreateDeductionCommand, CreateDeductionResponse>
|
||||
{
|
||||
private readonly AppDbContext _context;
|
||||
|
||||
public CreateDeductionHandler(AppDbContext context) => _context = context;
|
||||
|
||||
public async Task<CreateDeductionResponse> Handle(CreateDeductionCommand request, CancellationToken cancellationToken)
|
||||
{
|
||||
var isExists = await _context.Deduction
|
||||
.AnyAsync(x => x.Code == request.Data.Code, cancellationToken);
|
||||
|
||||
if (isExists)
|
||||
{
|
||||
throw new AlreadyExistsException("Deduction Component", request.Data.Code ?? string.Empty);
|
||||
}
|
||||
|
||||
var entityName = nameof(Data.Entities.Deduction);
|
||||
|
||||
var autoNo = await _context.GenerateAutoNumberAsync(
|
||||
entityName: entityName,
|
||||
prefixTemplate: $"{entityName.ToShortNameConsonant(3)}/{{Year}}/",
|
||||
ct: cancellationToken
|
||||
);
|
||||
|
||||
var entity = new Data.Entities.Deduction
|
||||
{
|
||||
AutoNumber = autoNo,
|
||||
Code = request.Data.Code,
|
||||
Name = request.Data.Name,
|
||||
Description = request.Data.Description,
|
||||
Category = request.Data.Category,
|
||||
PreTax = request.Data.PreTax,
|
||||
CalculationMethod = request.Data.CalculationMethod,
|
||||
Status = request.Data.Status
|
||||
};
|
||||
|
||||
_context.Deduction.Add(entity);
|
||||
await _context.SaveChangesAsync(cancellationToken);
|
||||
|
||||
return new CreateDeductionResponse
|
||||
{
|
||||
Id = entity.Id,
|
||||
Code = entity.Code
|
||||
};
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,30 @@
|
||||
using FluentValidation;
|
||||
using Indotalent.Shared.Consts;
|
||||
|
||||
namespace Indotalent.Features.Payroll.Deduction.Cqrs;
|
||||
|
||||
public class CreateDeductionValidator : AbstractValidator<CreateDeductionRequest>
|
||||
{
|
||||
public CreateDeductionValidator()
|
||||
{
|
||||
RuleFor(x => x.Code)
|
||||
.NotEmpty().WithMessage("Code is required")
|
||||
.MaximumLength(GlobalConsts.StringLengthShort);
|
||||
|
||||
RuleFor(x => x.Name)
|
||||
.NotEmpty().WithMessage("Name is required")
|
||||
.MaximumLength(GlobalConsts.StringLengthShort);
|
||||
|
||||
RuleFor(x => x.Category)
|
||||
.NotEmpty().WithMessage("Category is required")
|
||||
.MaximumLength(GlobalConsts.StringLengthShort);
|
||||
|
||||
RuleFor(x => x.CalculationMethod)
|
||||
.NotEmpty().WithMessage("Calculation Method is required")
|
||||
.MaximumLength(GlobalConsts.StringLengthShort);
|
||||
|
||||
RuleFor(x => x.Status)
|
||||
.NotEmpty().WithMessage("Status is required")
|
||||
.MaximumLength(GlobalConsts.StringLengthShort);
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,27 @@
|
||||
using Indotalent.Infrastructure.Database;
|
||||
using MediatR;
|
||||
using Microsoft.EntityFrameworkCore;
|
||||
|
||||
namespace Indotalent.Features.Payroll.Deduction.Cqrs;
|
||||
|
||||
public record DeleteDeductionByIdRequest(string Id);
|
||||
|
||||
public record DeleteDeductionByIdCommand(DeleteDeductionByIdRequest Data) : IRequest<bool>;
|
||||
|
||||
public class DeleteDeductionByIdHandler : IRequestHandler<DeleteDeductionByIdCommand, bool>
|
||||
{
|
||||
private readonly AppDbContext _context;
|
||||
|
||||
public DeleteDeductionByIdHandler(AppDbContext context) => _context = context;
|
||||
|
||||
public async Task<bool> Handle(DeleteDeductionByIdCommand request, CancellationToken cancellationToken)
|
||||
{
|
||||
var entity = await _context.Deduction
|
||||
.FirstOrDefaultAsync(x => x.Id == request.Data.Id, cancellationToken);
|
||||
|
||||
if (entity == null) return false;
|
||||
|
||||
_context.Deduction.Remove(entity);
|
||||
return await _context.SaveChangesAsync(cancellationToken) > 0;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,53 @@
|
||||
using Indotalent.Infrastructure.Database;
|
||||
using MediatR;
|
||||
using Microsoft.EntityFrameworkCore;
|
||||
|
||||
namespace Indotalent.Features.Payroll.Deduction.Cqrs;
|
||||
|
||||
public class GetDeductionByIdResponse
|
||||
{
|
||||
public string? Id { get; set; }
|
||||
public string? Code { get; set; }
|
||||
public string? Name { get; set; }
|
||||
public string? Description { get; set; }
|
||||
public string? Category { get; set; }
|
||||
public bool PreTax { get; set; }
|
||||
public string? CalculationMethod { get; set; }
|
||||
public string? Status { get; set; }
|
||||
public DateTimeOffset? CreatedAt { get; set; }
|
||||
public string? CreatedBy { get; set; }
|
||||
public DateTimeOffset? UpdatedAt { get; set; }
|
||||
public string? UpdatedBy { get; set; }
|
||||
}
|
||||
|
||||
public record GetDeductionByIdQuery(string Id) : IRequest<GetDeductionByIdResponse?>;
|
||||
|
||||
public class GetDeductionByIdHandler : IRequestHandler<GetDeductionByIdQuery, GetDeductionByIdResponse?>
|
||||
{
|
||||
private readonly AppDbContext _context;
|
||||
|
||||
public GetDeductionByIdHandler(AppDbContext context) => _context = context;
|
||||
|
||||
public async Task<GetDeductionByIdResponse?> Handle(GetDeductionByIdQuery request, CancellationToken cancellationToken)
|
||||
{
|
||||
return await _context.Deduction
|
||||
.AsNoTracking()
|
||||
.Where(x => x.Id == request.Id)
|
||||
.Select(x => new GetDeductionByIdResponse
|
||||
{
|
||||
Id = x.Id,
|
||||
Code = x.Code,
|
||||
Name = x.Name,
|
||||
Description = x.Description,
|
||||
Category = x.Category,
|
||||
PreTax = x.PreTax,
|
||||
CalculationMethod = x.CalculationMethod,
|
||||
Status = x.Status,
|
||||
CreatedAt = x.CreatedAt,
|
||||
CreatedBy = x.CreatedBy,
|
||||
UpdatedAt = x.UpdatedAt,
|
||||
UpdatedBy = x.UpdatedBy
|
||||
})
|
||||
.FirstOrDefaultAsync(cancellationToken);
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,45 @@
|
||||
using Indotalent.Infrastructure.Database;
|
||||
using MediatR;
|
||||
using Microsoft.EntityFrameworkCore;
|
||||
|
||||
namespace Indotalent.Features.Payroll.Deduction.Cqrs;
|
||||
|
||||
public class GetDeductionListResponse
|
||||
{
|
||||
public string? Id { get; set; }
|
||||
public string? Code { get; set; }
|
||||
public string? Name { get; set; }
|
||||
public string? Category { get; set; }
|
||||
public bool PreTax { get; set; }
|
||||
public string? CalculationMethod { get; set; }
|
||||
public string? Status { get; set; }
|
||||
public DateTimeOffset? CreatedAt { get; set; }
|
||||
}
|
||||
|
||||
public record GetDeductionListQuery() : IRequest<List<GetDeductionListResponse>>;
|
||||
|
||||
public class GetDeductionListHandler : IRequestHandler<GetDeductionListQuery, List<GetDeductionListResponse>>
|
||||
{
|
||||
private readonly AppDbContext _context;
|
||||
|
||||
public GetDeductionListHandler(AppDbContext context) => _context = context;
|
||||
|
||||
public async Task<List<GetDeductionListResponse>> Handle(GetDeductionListQuery request, CancellationToken cancellationToken)
|
||||
{
|
||||
return await _context.Deduction
|
||||
.AsNoTracking()
|
||||
.OrderBy(x => x.Code)
|
||||
.Select(x => new GetDeductionListResponse
|
||||
{
|
||||
Id = x.Id,
|
||||
Code = x.Code,
|
||||
Name = x.Name,
|
||||
Category = x.Category,
|
||||
PreTax = x.PreTax,
|
||||
CalculationMethod = x.CalculationMethod,
|
||||
Status = x.Status,
|
||||
CreatedAt = x.CreatedAt
|
||||
})
|
||||
.ToListAsync(cancellationToken);
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,72 @@
|
||||
using Indotalent.ConfigBackEnd.Exceptions;
|
||||
using Indotalent.Infrastructure.Database;
|
||||
using MediatR;
|
||||
using Microsoft.EntityFrameworkCore;
|
||||
|
||||
namespace Indotalent.Features.Payroll.Deduction.Cqrs;
|
||||
|
||||
public class UpdateDeductionRequest
|
||||
{
|
||||
public string? Id { get; set; }
|
||||
public string? Code { get; set; }
|
||||
public string? Name { get; set; }
|
||||
public string? Description { get; set; }
|
||||
public string? Category { get; set; }
|
||||
public bool PreTax { get; set; }
|
||||
public string? CalculationMethod { get; set; }
|
||||
public string? Status { get; set; }
|
||||
public DateTimeOffset? CreatedAt { get; set; }
|
||||
public string? CreatedBy { get; set; }
|
||||
public DateTimeOffset? UpdatedAt { get; set; }
|
||||
public string? UpdatedBy { get; set; }
|
||||
}
|
||||
|
||||
public class UpdateDeductionResponse
|
||||
{
|
||||
public string? Id { get; set; }
|
||||
public bool Success { get; set; }
|
||||
}
|
||||
|
||||
public record UpdateDeductionCommand(UpdateDeductionRequest Data) : IRequest<UpdateDeductionResponse>;
|
||||
|
||||
public class UpdateDeductionHandler : IRequestHandler<UpdateDeductionCommand, UpdateDeductionResponse>
|
||||
{
|
||||
private readonly AppDbContext _context;
|
||||
|
||||
public UpdateDeductionHandler(AppDbContext context) => _context = context;
|
||||
|
||||
public async Task<UpdateDeductionResponse> Handle(UpdateDeductionCommand request, CancellationToken cancellationToken)
|
||||
{
|
||||
var isExists = await _context.Deduction
|
||||
.AnyAsync(x => x.Code == request.Data.Code && x.Id != request.Data.Id, cancellationToken);
|
||||
|
||||
if (isExists)
|
||||
{
|
||||
throw new AlreadyExistsException("Deduction Component", request.Data.Code ?? string.Empty);
|
||||
}
|
||||
|
||||
var entity = await _context.Deduction
|
||||
.FirstOrDefaultAsync(x => x.Id == request.Data.Id, cancellationToken);
|
||||
|
||||
if (entity == null)
|
||||
{
|
||||
return new UpdateDeductionResponse { Id = request.Data.Id, Success = false };
|
||||
}
|
||||
|
||||
entity.Code = request.Data.Code;
|
||||
entity.Name = request.Data.Name;
|
||||
entity.Description = request.Data.Description;
|
||||
entity.Category = request.Data.Category;
|
||||
entity.PreTax = request.Data.PreTax;
|
||||
entity.CalculationMethod = request.Data.CalculationMethod;
|
||||
entity.Status = request.Data.Status;
|
||||
|
||||
await _context.SaveChangesAsync(cancellationToken);
|
||||
|
||||
return new UpdateDeductionResponse
|
||||
{
|
||||
Id = entity.Id,
|
||||
Success = true
|
||||
};
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,33 @@
|
||||
using FluentValidation;
|
||||
using Indotalent.Shared.Consts;
|
||||
|
||||
namespace Indotalent.Features.Payroll.Deduction.Cqrs;
|
||||
|
||||
public class UpdateDeductionValidator : AbstractValidator<UpdateDeductionRequest>
|
||||
{
|
||||
public UpdateDeductionValidator()
|
||||
{
|
||||
RuleFor(x => x.Id)
|
||||
.NotEmpty().WithMessage("ID is required for update");
|
||||
|
||||
RuleFor(x => x.Code)
|
||||
.NotEmpty().WithMessage("Code is required")
|
||||
.MaximumLength(GlobalConsts.StringLengthShort);
|
||||
|
||||
RuleFor(x => x.Name)
|
||||
.NotEmpty().WithMessage("Name is required")
|
||||
.MaximumLength(GlobalConsts.StringLengthShort);
|
||||
|
||||
RuleFor(x => x.Category)
|
||||
.NotEmpty().WithMessage("Category is required")
|
||||
.MaximumLength(GlobalConsts.StringLengthShort);
|
||||
|
||||
RuleFor(x => x.CalculationMethod)
|
||||
.NotEmpty().WithMessage("Calculation Method is required")
|
||||
.MaximumLength(GlobalConsts.StringLengthShort);
|
||||
|
||||
RuleFor(x => x.Status)
|
||||
.NotEmpty().WithMessage("Status is required")
|
||||
.MaximumLength(GlobalConsts.StringLengthShort);
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,66 @@
|
||||
using Indotalent.ConfigBackEnd.Extensions;
|
||||
using Indotalent.Features.Payroll.Deduction.Cqrs;
|
||||
using MediatR;
|
||||
using Microsoft.AspNetCore.Authentication.JwtBearer;
|
||||
|
||||
namespace Indotalent.Features.Payroll.Deduction;
|
||||
|
||||
public static class DeductionEndpoint
|
||||
{
|
||||
public static void MapDeductionEndpoints(this IEndpointRouteBuilder app)
|
||||
{
|
||||
var group = app.MapGroup("/deduction").WithTags("Deductions")
|
||||
.RequireAuthorization(policy => policy.AddAuthenticationSchemes(JwtBearerDefaults.AuthenticationScheme)
|
||||
.RequireAuthenticatedUser());
|
||||
|
||||
group.MapGet("/", async (IMediator mediator) =>
|
||||
{
|
||||
var result = await mediator.Send(new GetDeductionListQuery());
|
||||
return result.ToApiResponse("Deduction components retrieved successfully");
|
||||
})
|
||||
.WithName("GetDeductionList")
|
||||
.WithTags("Deductions");
|
||||
|
||||
group.MapGet("/{id}", async (string id, IMediator mediator) =>
|
||||
{
|
||||
var result = await mediator.Send(new GetDeductionByIdQuery(id));
|
||||
return result.ToApiResponse(result is not null
|
||||
? "Deduction component detail retrieved successfully"
|
||||
: $"Deduction component with ID {id} not found");
|
||||
})
|
||||
.WithName("GetDeductionById")
|
||||
.WithTags("Deductions");
|
||||
|
||||
group.MapPost("/", async (CreateDeductionRequest request, IMediator mediator) =>
|
||||
{
|
||||
var result = await mediator.Send(new CreateDeductionCommand(request));
|
||||
return result.ToApiResponse("Deduction component has been created successfully", StatusCodes.Status201Created);
|
||||
})
|
||||
.WithName("CreateDeduction")
|
||||
.WithTags("Deductions");
|
||||
|
||||
group.MapPost("/update", async (UpdateDeductionRequest request, IMediator mediator) =>
|
||||
{
|
||||
var result = await mediator.Send(new UpdateDeductionCommand(request));
|
||||
if (!result.Success)
|
||||
{
|
||||
return ((object?)null).ToApiResponse("Update failed. The deduction data could not be found.");
|
||||
}
|
||||
return result.ToApiResponse("Deduction component has been updated successfully");
|
||||
})
|
||||
.WithName("UpdateDeduction")
|
||||
.WithTags("Deductions");
|
||||
|
||||
group.MapPost("/delete/{id}", async (string id, IMediator mediator) =>
|
||||
{
|
||||
var result = await mediator.Send(new DeleteDeductionByIdCommand(new DeleteDeductionByIdRequest(id)));
|
||||
if (!result)
|
||||
{
|
||||
return ((object?)null).ToApiResponse("Delete failed. The deduction data could not be found.");
|
||||
}
|
||||
return true.ToApiResponse("Deduction component has been deleted successfully");
|
||||
})
|
||||
.WithName("DeleteDeductionById")
|
||||
.WithTags("Deductions");
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,59 @@
|
||||
using Indotalent.ConfigBackEnd.Interfaces;
|
||||
using Indotalent.ConfigFrontEnd.Common;
|
||||
using Indotalent.Features.Payroll.Deduction.Cqrs;
|
||||
using Indotalent.Infrastructure.Authentication.Identity;
|
||||
using Indotalent.Shared.Models;
|
||||
using Microsoft.AspNetCore.Components;
|
||||
using MudBlazor;
|
||||
using RestSharp;
|
||||
|
||||
namespace Indotalent.Features.Payroll.Deduction;
|
||||
|
||||
public class DeductionService : BaseService
|
||||
{
|
||||
private readonly RestClient _client;
|
||||
|
||||
public DeductionService(
|
||||
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<GetDeductionListResponse>>?> GetDeductionListAsync()
|
||||
{
|
||||
var request = new RestRequest("api/deduction", Method.Get);
|
||||
return await ExecuteWithResponseAsync<List<GetDeductionListResponse>>(_client, request);
|
||||
}
|
||||
|
||||
public async Task<ApiResponse<GetDeductionByIdResponse>?> GetDeductionByIdAsync(string id)
|
||||
{
|
||||
var request = new RestRequest($"api/deduction/{id}", Method.Get);
|
||||
return await ExecuteWithResponseAsync<GetDeductionByIdResponse>(_client, request);
|
||||
}
|
||||
|
||||
public async Task<ApiResponse<CreateDeductionResponse>?> CreateDeductionAsync(CreateDeductionRequest data)
|
||||
{
|
||||
var request = new RestRequest("api/deduction", Method.Post);
|
||||
request.AddJsonBody(data);
|
||||
return await ExecuteWithResponseAsync<CreateDeductionResponse>(_client, request);
|
||||
}
|
||||
|
||||
public async Task<bool> DeleteDeductionByIdAsync(string id)
|
||||
{
|
||||
var request = new RestRequest($"api/deduction/delete/{id}", Method.Post);
|
||||
var response = await ExecuteWithResponseAsync<object>(_client, request);
|
||||
return response?.IsSuccess ?? false;
|
||||
}
|
||||
|
||||
public async Task<ApiResponse<UpdateDeductionResponse>?> UpdateDeductionAsync(UpdateDeductionRequest data)
|
||||
{
|
||||
var request = new RestRequest("api/deduction/update", Method.Post);
|
||||
request.AddJsonBody(data);
|
||||
return await ExecuteWithResponseAsync<UpdateDeductionResponse>(_client, request);
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,28 @@
|
||||
@page "/payroll/grade"
|
||||
@using Indotalent.Features.Payroll.Grade
|
||||
@using Indotalent.Features.Payroll.Grade.Cqrs
|
||||
@using MudBlazor
|
||||
|
||||
@if (_currentView == ViewMode.Create)
|
||||
{
|
||||
<_GradeCreateForm OnCancel="BackToTable" OnSuccess="HandleSuccess" />
|
||||
}
|
||||
else if (_currentView == ViewMode.Update || _currentView == ViewMode.View)
|
||||
{
|
||||
<_GradeUpdateForm Data="_selectedData!" ReadOnly="@(_currentView == ViewMode.View)" OnCancel="BackToTable" OnSuccess="HandleSuccess" />
|
||||
}
|
||||
else
|
||||
{
|
||||
<_GradeDataTable 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 UpdateGradeRequest? _selectedData;
|
||||
|
||||
private void ShowCreate() => _currentView = ViewMode.Create;
|
||||
private void ShowUpdate(UpdateGradeRequest 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,133 @@
|
||||
@using Indotalent.Features.Payroll.Grade
|
||||
@using Indotalent.Features.Payroll.Grade.Cqrs
|
||||
@using Indotalent.Shared.Utils
|
||||
@using MudBlazor
|
||||
@inject GradeService GradeService
|
||||
@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 Grade</MudText>
|
||||
<MudText Typo="Typo.body2" Style="color: #64748b;">Set up salary structure and overtime eligibility for a new pay grade.</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">Grade Code</MudText>
|
||||
<MudTextField @bind-Value="_model.Code"
|
||||
For="@(() => _model.Code)"
|
||||
Validation="@(_validator.ValidateValue())"
|
||||
Variant="Variant.Outlined" Margin="Margin.Dense" FullWidth="true" Placeholder="e.g. MGT-01" />
|
||||
</MudItem>
|
||||
<MudItem xs="12" sm="6">
|
||||
<MudText Typo="Typo.subtitle2" Class="mb-1">Grade Name</MudText>
|
||||
<MudTextField @bind-Value="_model.Name"
|
||||
For="@(() => _model.Name)"
|
||||
Validation="@(_validator.ValidateValue())"
|
||||
Variant="Variant.Outlined" Margin="Margin.Dense" FullWidth="true" Placeholder="e.g. Senior Manager" />
|
||||
</MudItem>
|
||||
<MudItem xs="12" sm="6">
|
||||
<MudText Typo="Typo.subtitle2" Class="mb-1">Salary From (Monthly)</MudText>
|
||||
<MudNumericField @bind-Value="_model.SalaryFrom"
|
||||
For="@(() => _model.SalaryFrom)"
|
||||
HideSpinButtons="true"
|
||||
Variant="Variant.Outlined" Margin="Margin.Dense" FullWidth="true" />
|
||||
</MudItem>
|
||||
<MudItem xs="12" sm="6">
|
||||
<MudText Typo="Typo.subtitle2" Class="mb-1">Salary To (Monthly)</MudText>
|
||||
<MudNumericField @bind-Value="_model.SalaryTo"
|
||||
For="@(() => _model.SalaryTo)"
|
||||
HideSpinButtons="true"
|
||||
Variant="Variant.Outlined" Margin="Margin.Dense" FullWidth="true" />
|
||||
</MudItem>
|
||||
<MudItem xs="12" sm="6">
|
||||
<MudText Typo="Typo.subtitle2" Class="mb-1">Overtime Eligibility</MudText>
|
||||
<div style="height: 40px; display: flex; align-items: center;">
|
||||
<MudCheckBox @bind-Value="_model.IsOverTimeEligible" Label="Eligible for Overtime Pay" Color="Color.Primary" Dense="true" />
|
||||
</div>
|
||||
</MudItem>
|
||||
<MudItem xs="12" sm="6">
|
||||
<MudText Typo="Typo.subtitle2" Class="mb-1">Status</MudText>
|
||||
<MudSelect @bind-Value="_model.Status"
|
||||
For="@(() => _model.Status)"
|
||||
Variant="Variant.Outlined" Margin="Margin.Dense" Dense="true">
|
||||
<MudSelectItem Value="@("Active")">Active</MudSelectItem>
|
||||
<MudSelectItem Value="@("Inactive")">Inactive</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: 1px solid #e0e0e0; border-radius: 4px; 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 Grade</MudText>
|
||||
}
|
||||
</MudButton>
|
||||
</div>
|
||||
</MudForm>
|
||||
</MudPaper>
|
||||
|
||||
@code {
|
||||
[Parameter] public EventCallback OnCancel { get; set; }
|
||||
[Parameter] public EventCallback OnSuccess { get; set; }
|
||||
|
||||
private MudForm _form = default!;
|
||||
private CreateGradeValidator _validator = new();
|
||||
private CreateGradeRequest _model = new() { Status = "Active", IsOverTimeEligible = true };
|
||||
private bool _processing = false;
|
||||
|
||||
private async Task Submit()
|
||||
{
|
||||
await _form.Validate();
|
||||
if (!_form.IsValid) return;
|
||||
|
||||
_processing = true;
|
||||
try
|
||||
{
|
||||
var response = await GradeService.CreateGradeAsync(_model);
|
||||
await Task.Delay(500);
|
||||
|
||||
if (response != null && response.IsSuccess)
|
||||
{
|
||||
Snackbar.Add("Grade created successfully", Severity.Success);
|
||||
await OnSuccess.InvokeAsync();
|
||||
}
|
||||
}
|
||||
catch (Exception ex)
|
||||
{
|
||||
Snackbar.Add($"Error: {ex.Message}", Severity.Error);
|
||||
}
|
||||
finally
|
||||
{
|
||||
_processing = false;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,423 @@
|
||||
@using Indotalent.ConfigBackEnd.Extensions
|
||||
@using Indotalent.Features.Payroll.Grade
|
||||
@using Indotalent.Features.Payroll.Grade.Cqrs
|
||||
@using Microsoft.AspNetCore.Components.Web
|
||||
@using Microsoft.JSInterop
|
||||
@using MudBlazor
|
||||
@using Features.Root.Shared
|
||||
@using ClosedXML.Excel
|
||||
@using System.IO
|
||||
@inject GradeService GradeService
|
||||
@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;">Salary Grade Configuration</MudText>
|
||||
<MudText Typo="Typo.body2" Style="color: #9CA3AF;">Define salary structures, pay scales, and compensation brackets for the payroll engine.</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;">Payroll</MudText>
|
||||
<MudText Typo="Typo.caption" Style="color: #9CA3AF;">/</MudText>
|
||||
<MudText Typo="Typo.caption" Style="font-weight: 600; color: #111827;">Grade</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="border: 1px solid #D1D5DB; background: white; font-weight: 500; border-radius: 6px; text-transform: none; height: 34px; color: #6B7280;">
|
||||
@if (_isExporting)
|
||||
{
|
||||
<MudProgressCircular Class="ms-n1" Size="Size.Small" Indeterminate="true" />
|
||||
<MudText Class="ms-2" Typo="Typo.button" Style="text-transform: none !important;">Processing...</MudText>
|
||||
}
|
||||
else
|
||||
{
|
||||
<MudText Typo="Typo.button" Style="text-transform: none !important;">Excel</MudText>
|
||||
}
|
||||
</MudButton>
|
||||
|
||||
<MudButton Variant="Variant.Outlined"
|
||||
Color="Color.Primary"
|
||||
OnClick="LoadData"
|
||||
Size="Size.Small"
|
||||
StartIcon="@(_isRefreshing ? null : Icons.Material.Filled.Refresh)"
|
||||
Disabled="_isRefreshing"
|
||||
Style="border: 1px solid #D1D5DB; background: white; font-weight: 500; border-radius: 6px; text-transform: none; height: 34px; color: #6B7280;">
|
||||
@if (_isRefreshing)
|
||||
{
|
||||
<MudProgressCircular Class="ms-n1" Size="Size.Small" Indeterminate="true" />
|
||||
<MudText Class="ms-2" Typo="Typo.button" Style="text-transform: none !important;">Refreshing...</MudText>
|
||||
}
|
||||
else
|
||||
{
|
||||
<MudText Typo="Typo.button" Style="text-transform: none !important;">Refresh</MudText>
|
||||
}
|
||||
</MudButton>
|
||||
|
||||
@if (_selectedGrade != null)
|
||||
{
|
||||
<MudButton Variant="Variant.Outlined" Color="Color.Info" StartIcon="@Icons.Material.Filled.Visibility" OnClick="InvokeView" Size="Size.Small" Style="border: 1px solid #D1D5DB; text-transform: none; font-weight: 500; border-radius: 6px; background: white; color: #6B7280;">View</MudButton>
|
||||
<MudButton Variant="Variant.Outlined" Color="Color.Primary" StartIcon="@Icons.Material.Filled.Edit" OnClick="InvokeEdit" Size="Size.Small" Style="border: 1px solid #D1D5DB; text-transform: none; font-weight: 500; border-radius: 6px; background: white; color: #6B7280;">Edit</MudButton>
|
||||
<MudButton Variant="Variant.Outlined" Color="Color.Error" StartIcon="@Icons.Material.Filled.Delete" OnClick="OnDelete" Size="Size.Small" Style="text-transform: none; font-weight: 500; border-radius: 6px; border: 1px solid #FCA5A5; color: #EF4444; background: white;">Remove</MudButton>
|
||||
<MudIconButton Icon="@Icons.Material.Filled.Close" Size="Size.Small" OnClick="() => _selectedGrade = 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 Grade
|
||||
</MudButton>
|
||||
}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<MudTable Items="@GetPagedData()" Hover="true" Striped="true" Class="mud-table-styled" Elevation="0" CustomHeader="true" Dense="true" T="GetGradeListResponse" OnRowClick="@((args) => _selectedGrade = args.Item)" Loading="@_isRefreshing">
|
||||
<HeaderContent>
|
||||
<MudTh Style="width: 50px; background-color: #F9FAFB; border-bottom: 1px solid #E5E7EB;"></MudTh>
|
||||
<MudTh Style="font-weight: 600; color: #6B7280; text-transform: uppercase; font-size: 0.6875rem; letter-spacing: 0.05em; background-color: #F9FAFB; border-bottom: 1px solid #E5E7EB; white-space: nowrap;">
|
||||
<MudTableSortLabel SortBy="new Func<GetGradeListResponse, object>(x => x.Code!)">Grade Code</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<GetGradeListResponse, object>(x => x.Name!)">Grade Name</MudTableSortLabel>
|
||||
</MudTh>
|
||||
<MudTh Style="font-weight: 600; color: #6B7280; text-transform: uppercase; font-size: 0.6875rem; letter-spacing: 0.05em; background-color: #F9FAFB; border-bottom: 1px solid #E5E7EB; white-space: nowrap;">Salary Range (Monthly)</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;">Description</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;">OT Eligible</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;">Status</MudTh>
|
||||
</HeaderContent>
|
||||
<RowTemplate>
|
||||
<MudTd>
|
||||
<MudCheckBox T="bool" Value="@(_selectedGrade?.Id == context.Id)" Color="Color.Primary" Dense="true" Size="Size.Small" ReadOnly="true" />
|
||||
</MudTd>
|
||||
<MudTd>
|
||||
<MudChip T="string" Size="Size.Small" Variant="Variant.Text" Style="background-color: #F3F4F6; color: #374151; font-weight: 600; border-radius: 4px;">
|
||||
@context.Code
|
||||
</MudChip>
|
||||
</MudTd>
|
||||
<MudTd>
|
||||
<MudText Typo="Typo.body2" Style="font-weight: 700;">@context.Name</MudText>
|
||||
</MudTd>
|
||||
<MudTd>
|
||||
<div class="d-flex flex-column">
|
||||
<MudText Typo="Typo.caption" Style="font-weight: 700; color: #1e88e5;">@context.SalaryFrom.ToString("N0") - @context.SalaryTo.ToString("N0")</MudText>
|
||||
<MudProgressLinear Color="Color.Info" Value="50" Size="Size.Small" Style="height: 4px; border-radius: 2px;" />
|
||||
</div>
|
||||
</MudTd>
|
||||
<MudTd>
|
||||
<MudText Typo="Typo.body2" Style="color: #64748b; font-size: 0.8rem;">@context.Description</MudText>
|
||||
</MudTd>
|
||||
<MudTd>
|
||||
<MudIcon Icon="@(context.IsOverTimeEligible ? Icons.Material.Filled.CheckCircle : Icons.Material.Filled.Cancel)"
|
||||
Color="@(context.IsOverTimeEligible ? Color.Success : Color.Error)" Size="Size.Small" />
|
||||
</MudTd>
|
||||
<MudTd>
|
||||
<MudChip T="string" Color="@(context.Status == "Active" ? Color.Success : Color.Default)" Size="Size.Small" Variant="Variant.Text" Style="font-weight: 600; border-radius: 0px; text-transform: uppercase; background-color: #f5f5f5; height: 20px; font-size: 0.7rem;">
|
||||
@context.Status
|
||||
</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: 0.75rem; font-weight: 500;"
|
||||
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 ? "text-transform: none; font-weight: 500; background: white; border: 1px solid #D1D5DB; border-radius: 6px; height: 34px; color: #6B7280;" : "text-transform: none; font-weight: 500; background: white; border: 1px solid #D1D5DB; border-radius: 6px; height: 34px; color: #6B7280;")">Prev</MudButton>
|
||||
@{
|
||||
var totalPages = _totalPage == 0 ? 1 : _totalPage;
|
||||
var maxVisible = 5;
|
||||
var startPage = Math.Max(1, _currentPage - maxVisible / 2);
|
||||
var endPage = Math.Min(totalPages, startPage + maxVisible - 1);
|
||||
if (endPage - startPage < maxVisible - 1) { startPage = Math.Max(1, endPage - maxVisible + 1); }
|
||||
}
|
||||
@for (int i = startPage; i <= endPage; i++)
|
||||
{
|
||||
var pageNum = i;
|
||||
var isActive = pageNum == _currentPage;
|
||||
<MudButton OnClick="@(() => OnPageChanged(pageNum))"
|
||||
Variant="Variant.Text" Size="Size.Small"
|
||||
Style="@(isActive ? "min-width: 34px; padding: 4px 8px; font-size: 0.75rem; font-weight: 600; background: #3B82F6; color: white; border: 1px solid #3B82F6; border-radius: 6px; text-transform: none;" : "min-width: 34px; padding: 4px 8px; font-size: 0.75rem; font-weight: 500; color: #374151; background: white; border: 1px solid #D1D5DB; border-radius: 6px; text-transform: none;")">@pageNum</MudButton>
|
||||
}
|
||||
<MudButton OnClick="@(() => OnPageChanged(_currentPage + 1))" Disabled="@(_currentPage == _totalPage || _totalPage == 0)" Variant="Variant.Text" EndIcon="@Icons.Material.Filled.ChevronRight" Size="Size.Small" Style="@(_currentPage == _totalPage || _totalPage == 0 ? "text-transform: none; font-weight: 500; background: white; border: 1px solid #D1D5DB; border-radius: 6px; height: 34px; color: #6B7280;" : "text-transform: none; font-weight: 500; background: white; border: 1px solid #D1D5DB; border-radius: 6px; height: 34px; color: #6B7280;")">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>
|
||||
if (typeof downloadFile !== 'function') {
|
||||
window.downloadFile = function(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-input-outlined-border { border-radius: 8px !important; }
|
||||
.custom-select-dense .mud-input-control { margin-top: 0 !important; }
|
||||
.custom-select-dense .mud-input-slot { padding-top: 4px !important; padding-bottom: 4px !important; padding-left: 8px !important; font-size: 12px !important; }
|
||||
.mud-table-styled .mud-table-row:hover { background-color: #F9FAFB !important; }
|
||||
</style>
|
||||
|
||||
@code {
|
||||
[Parameter] public EventCallback OnAdd { get; set; }
|
||||
[Parameter] public EventCallback<UpdateGradeRequest> OnEdit { get; set; }
|
||||
[Parameter] public EventCallback<UpdateGradeRequest> OnView { get; set; }
|
||||
|
||||
private List<GetGradeListResponse> _grades = new();
|
||||
private GetGradeListResponse? _selectedGrade;
|
||||
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;
|
||||
_selectedGrade = null;
|
||||
StateHasChanged();
|
||||
try
|
||||
{
|
||||
var response = await GradeService.GetGradeListAsync();
|
||||
await Task.Delay(500);
|
||||
if (response != null && response.IsSuccess)
|
||||
{
|
||||
_grades = response.Value ?? new List<GetGradeListResponse>();
|
||||
}
|
||||
}
|
||||
finally
|
||||
{
|
||||
_isRefreshing = false;
|
||||
StateHasChanged();
|
||||
}
|
||||
}
|
||||
|
||||
private IEnumerable<GetGradeListResponse> GetFilteredData()
|
||||
{
|
||||
if (string.IsNullOrWhiteSpace(_searchString)) return _grades;
|
||||
return _grades.Where(x =>
|
||||
(x.Name?.Contains(_searchString, StringComparison.OrdinalIgnoreCase) ?? false) ||
|
||||
(x.Code?.Contains(_searchString, StringComparison.OrdinalIgnoreCase) ?? false)
|
||||
);
|
||||
}
|
||||
|
||||
private IEnumerable<GetGradeListResponse> GetPagedData() => GetFilteredData().Skip(_skip).Take(_top);
|
||||
|
||||
private void OnSearchClick()
|
||||
{
|
||||
_skip = 0;
|
||||
_selectedGrade = 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("Salary_Grades");
|
||||
var currentRow = 1;
|
||||
|
||||
worksheet.Cell(currentRow, 1).Value = "Grade Code";
|
||||
worksheet.Cell(currentRow, 2).Value = "Grade Name";
|
||||
worksheet.Cell(currentRow, 3).Value = "Salary From";
|
||||
worksheet.Cell(currentRow, 4).Value = "Salary To";
|
||||
worksheet.Cell(currentRow, 5).Value = "OT Eligible";
|
||||
worksheet.Cell(currentRow, 6).Value = "Status";
|
||||
|
||||
var headerRange = worksheet.Range(1, 1, 1, 6);
|
||||
headerRange.Style.Font.Bold = true;
|
||||
headerRange.Style.Fill.BackgroundColor = XLColor.FromHtml("#0D47A1");
|
||||
headerRange.Style.Font.FontColor = XLColor.White;
|
||||
|
||||
foreach (var item in GetFilteredData())
|
||||
{
|
||||
currentRow++;
|
||||
worksheet.Cell(currentRow, 1).Value = item.Code;
|
||||
worksheet.Cell(currentRow, 2).Value = item.Name;
|
||||
worksheet.Cell(currentRow, 3).Value = item.SalaryFrom;
|
||||
worksheet.Cell(currentRow, 4).Value = item.SalaryTo;
|
||||
worksheet.Cell(currentRow, 5).Value = item.IsOverTimeEligible ? "Yes" : "No";
|
||||
worksheet.Cell(currentRow, 6).Value = item.Status;
|
||||
}
|
||||
|
||||
worksheet.Columns().AdjustToContents();
|
||||
|
||||
using (var stream = new MemoryStream())
|
||||
{
|
||||
workbook.SaveAs(stream);
|
||||
var content = Convert.ToBase64String(stream.ToArray());
|
||||
await JSRuntime.InvokeVoidAsync("downloadFile", "Grade_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;
|
||||
_selectedGrade = null;
|
||||
StateHasChanged();
|
||||
}
|
||||
}
|
||||
|
||||
private void OnPageSizeChanged(int size)
|
||||
{
|
||||
_top = size;
|
||||
_skip = 0;
|
||||
_selectedGrade = null;
|
||||
StateHasChanged();
|
||||
}
|
||||
|
||||
private async Task InvokeEdit()
|
||||
{
|
||||
if (_selectedGrade == null) return;
|
||||
var request = await MapToUpdateRequest(_selectedGrade.Id!);
|
||||
if (request != null) await OnEdit.InvokeAsync(request);
|
||||
}
|
||||
|
||||
private async Task InvokeView()
|
||||
{
|
||||
if (_selectedGrade == null) return;
|
||||
var request = await MapToUpdateRequest(_selectedGrade.Id!);
|
||||
if (request != null) await OnView.InvokeAsync(request);
|
||||
}
|
||||
|
||||
private async Task<UpdateGradeRequest?> MapToUpdateRequest(string id)
|
||||
{
|
||||
var response = await GradeService.GetGradeByIdAsync(id);
|
||||
if (response != null && response.IsSuccess && response.Value != null)
|
||||
{
|
||||
var detail = response.Value;
|
||||
return new UpdateGradeRequest
|
||||
{
|
||||
Id = detail.Id,
|
||||
Code = detail.Code,
|
||||
Name = detail.Name,
|
||||
Description = detail.Description,
|
||||
SalaryFrom = detail.SalaryFrom,
|
||||
SalaryTo = detail.SalaryTo,
|
||||
IsOverTimeEligible = detail.IsOverTimeEligible,
|
||||
Status = detail.Status,
|
||||
CreatedAt = detail.CreatedAt,
|
||||
CreatedBy = detail.CreatedBy,
|
||||
UpdatedAt = detail.UpdatedAt,
|
||||
UpdatedBy = detail.UpdatedBy
|
||||
};
|
||||
}
|
||||
return null;
|
||||
}
|
||||
|
||||
private async Task OnDelete()
|
||||
{
|
||||
if (_selectedGrade == null) return;
|
||||
|
||||
var parameters = new DialogParameters<_DeleteConfirmation> { { x => x.ContentText, _selectedGrade.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 GradeService.DeleteGradeByIdAsync(_selectedGrade.Id!);
|
||||
if (isSuccess)
|
||||
{
|
||||
_selectedGrade = null;
|
||||
await LoadData();
|
||||
Snackbar.Add("Grade deleted successfully", Severity.Success);
|
||||
}
|
||||
else
|
||||
{
|
||||
Snackbar.Add("Delete failed.", Severity.Error);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,188 @@
|
||||
@using Indotalent.ConfigBackEnd.Extensions
|
||||
@using Indotalent.Features.Payroll.Grade
|
||||
@using Indotalent.Features.Payroll.Grade.Cqrs
|
||||
@using Indotalent.Shared.Utils
|
||||
@using MudBlazor
|
||||
@inject GradeService GradeService
|
||||
@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 ? "Grade Details" : "Edit Grade")</MudText>
|
||||
<MudText Typo="Typo.body2" Style="color: #64748b;">@(ReadOnly ? "Viewing salary structure and eligibility." : "Modify existing pay scale and compensation rules.")</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">Grade Code</MudText>
|
||||
<MudTextField @bind-Value="_model.Code"
|
||||
For="@(() => _model.Code)"
|
||||
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">Grade 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">Salary From (Monthly)</MudText>
|
||||
<MudNumericField @bind-Value="_model.SalaryFrom"
|
||||
For="@(() => _model.SalaryFrom)"
|
||||
HideSpinButtons="true"
|
||||
ReadOnly="ReadOnly"
|
||||
Variant="Variant.Outlined" Margin="Margin.Dense" FullWidth="true" />
|
||||
</MudItem>
|
||||
<MudItem xs="12" sm="6">
|
||||
<MudText Typo="Typo.subtitle2" Class="mb-1">Salary To (Monthly)</MudText>
|
||||
<MudNumericField @bind-Value="_model.SalaryTo"
|
||||
For="@(() => _model.SalaryTo)"
|
||||
HideSpinButtons="true"
|
||||
ReadOnly="ReadOnly"
|
||||
Variant="Variant.Outlined" Margin="Margin.Dense" FullWidth="true" />
|
||||
</MudItem>
|
||||
<MudItem xs="12" sm="6">
|
||||
<MudText Typo="Typo.subtitle2" Class="mb-1">Overtime Eligibility</MudText>
|
||||
<div style="height: 40px; display: flex; align-items: center;">
|
||||
<MudCheckBox @bind-Value="_model.IsOverTimeEligible" Label="Eligible for Overtime Pay" Color="Color.Primary" Dense="true" Disabled="ReadOnly" />
|
||||
</div>
|
||||
</MudItem>
|
||||
<MudItem xs="12" sm="6">
|
||||
<MudText Typo="Typo.subtitle2" Class="mb-1">Status</MudText>
|
||||
<MudSelect @bind-Value="_model.Status"
|
||||
For="@(() => _model.Status)"
|
||||
ReadOnly="ReadOnly"
|
||||
Variant="Variant.Outlined" Margin="Margin.Dense" Dense="true">
|
||||
<MudSelectItem Value="@("Active")">Active</MudSelectItem>
|
||||
<MudSelectItem Value="@("Inactive")">Inactive</MudSelectItem>
|
||||
</MudSelect>
|
||||
</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: 1px solid #e0e0e0; border-radius: 4px; 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">Updating...</MudText>
|
||||
}
|
||||
else
|
||||
{
|
||||
<MudText>Save Changes</MudText>
|
||||
}
|
||||
</MudButton>
|
||||
}
|
||||
</div>
|
||||
</MudForm>
|
||||
</MudPaper>
|
||||
|
||||
@code {
|
||||
[Parameter] public UpdateGradeRequest 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 UpdateGradeValidator _validator = new();
|
||||
private UpdateGradeRequest _model = new();
|
||||
private bool _processing = false;
|
||||
|
||||
protected override void OnInitialized()
|
||||
{
|
||||
_model = new UpdateGradeRequest
|
||||
{
|
||||
Id = Data.Id,
|
||||
Code = Data.Code,
|
||||
Name = Data.Name,
|
||||
Description = Data.Description,
|
||||
SalaryFrom = Data.SalaryFrom,
|
||||
SalaryTo = Data.SalaryTo,
|
||||
IsOverTimeEligible = Data.IsOverTimeEligible,
|
||||
Status = Data.Status,
|
||||
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 GradeService.UpdateGradeAsync(_model);
|
||||
await Task.Delay(500);
|
||||
|
||||
if (response != null && response.IsSuccess)
|
||||
{
|
||||
Snackbar.Add("Grade updated successfully", Severity.Success);
|
||||
await OnSuccess.InvokeAsync();
|
||||
}
|
||||
}
|
||||
catch (Exception ex)
|
||||
{
|
||||
Snackbar.Add($"Error: {ex.Message}", Severity.Error);
|
||||
}
|
||||
finally
|
||||
{
|
||||
_processing = false;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,73 @@
|
||||
using Indotalent.ConfigBackEnd.Exceptions;
|
||||
using Indotalent.ConfigBackEnd.Extensions;
|
||||
using Indotalent.Infrastructure.Database;
|
||||
using MediatR;
|
||||
using Microsoft.EntityFrameworkCore;
|
||||
|
||||
namespace Indotalent.Features.Payroll.Grade.Cqrs;
|
||||
|
||||
public class CreateGradeRequest
|
||||
{
|
||||
public string? Code { get; set; }
|
||||
public string? Name { get; set; }
|
||||
public string? Description { get; set; }
|
||||
public decimal SalaryFrom { get; set; }
|
||||
public decimal SalaryTo { get; set; }
|
||||
public bool IsOverTimeEligible { get; set; }
|
||||
public string? Status { get; set; } = "Active";
|
||||
}
|
||||
|
||||
public class CreateGradeResponse
|
||||
{
|
||||
public string? Id { get; set; }
|
||||
public string? Code { get; set; }
|
||||
}
|
||||
|
||||
public record CreateGradeCommand(CreateGradeRequest Data) : IRequest<CreateGradeResponse>;
|
||||
|
||||
public class CreateGradeHandler : IRequestHandler<CreateGradeCommand, CreateGradeResponse>
|
||||
{
|
||||
private readonly AppDbContext _context;
|
||||
|
||||
public CreateGradeHandler(AppDbContext context) => _context = context;
|
||||
|
||||
public async Task<CreateGradeResponse> Handle(CreateGradeCommand request, CancellationToken cancellationToken)
|
||||
{
|
||||
var isExists = await _context.Grade
|
||||
.AnyAsync(x => x.Code == request.Data.Code, cancellationToken);
|
||||
|
||||
if (isExists)
|
||||
{
|
||||
throw new AlreadyExistsException("Salary Grade", request.Data.Code ?? string.Empty);
|
||||
}
|
||||
|
||||
var entityName = nameof(Data.Entities.Grade);
|
||||
|
||||
var autoNo = await _context.GenerateAutoNumberAsync(
|
||||
entityName: entityName,
|
||||
prefixTemplate: $"{entityName.ToShortNameConsonant(3)}/{{Year}}/",
|
||||
ct: cancellationToken
|
||||
);
|
||||
|
||||
var entity = new Data.Entities.Grade
|
||||
{
|
||||
AutoNumber = autoNo,
|
||||
Code = request.Data.Code,
|
||||
Name = request.Data.Name,
|
||||
Description = request.Data.Description,
|
||||
SalaryFrom = request.Data.SalaryFrom,
|
||||
SalaryTo = request.Data.SalaryTo,
|
||||
IsOverTimeEligible = request.Data.IsOverTimeEligible,
|
||||
Status = request.Data.Status
|
||||
};
|
||||
|
||||
_context.Grade.Add(entity);
|
||||
await _context.SaveChangesAsync(cancellationToken);
|
||||
|
||||
return new CreateGradeResponse
|
||||
{
|
||||
Id = entity.Id,
|
||||
Code = entity.Code
|
||||
};
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,28 @@
|
||||
using FluentValidation;
|
||||
using Indotalent.Shared.Consts;
|
||||
|
||||
namespace Indotalent.Features.Payroll.Grade.Cqrs;
|
||||
|
||||
public class CreateGradeValidator : AbstractValidator<CreateGradeRequest>
|
||||
{
|
||||
public CreateGradeValidator()
|
||||
{
|
||||
RuleFor(x => x.Code)
|
||||
.NotEmpty().WithMessage("Grade Code is required")
|
||||
.MaximumLength(GlobalConsts.StringLengthShort);
|
||||
|
||||
RuleFor(x => x.Name)
|
||||
.NotEmpty().WithMessage("Grade Name is required")
|
||||
.MaximumLength(GlobalConsts.StringLengthShort);
|
||||
|
||||
RuleFor(x => x.SalaryFrom)
|
||||
.GreaterThanOrEqualTo(0).WithMessage("Salary From must be 0 or greater");
|
||||
|
||||
RuleFor(x => x.SalaryTo)
|
||||
.GreaterThanOrEqualTo(x => x.SalaryFrom).WithMessage("Salary To must be greater than or equal to Salary From");
|
||||
|
||||
RuleFor(x => x.Status)
|
||||
.NotEmpty().WithMessage("Status is required")
|
||||
.MaximumLength(GlobalConsts.StringLengthShort);
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,27 @@
|
||||
using Indotalent.Infrastructure.Database;
|
||||
using MediatR;
|
||||
using Microsoft.EntityFrameworkCore;
|
||||
|
||||
namespace Indotalent.Features.Payroll.Grade.Cqrs;
|
||||
|
||||
public record DeleteGradeByIdRequest(string Id);
|
||||
|
||||
public record DeleteGradeByIdCommand(DeleteGradeByIdRequest Data) : IRequest<bool>;
|
||||
|
||||
public class DeleteGradeByIdHandler : IRequestHandler<DeleteGradeByIdCommand, bool>
|
||||
{
|
||||
private readonly AppDbContext _context;
|
||||
|
||||
public DeleteGradeByIdHandler(AppDbContext context) => _context = context;
|
||||
|
||||
public async Task<bool> Handle(DeleteGradeByIdCommand request, CancellationToken cancellationToken)
|
||||
{
|
||||
var entity = await _context.Grade
|
||||
.FirstOrDefaultAsync(x => x.Id == request.Data.Id, cancellationToken);
|
||||
|
||||
if (entity == null) return false;
|
||||
|
||||
_context.Grade.Remove(entity);
|
||||
return await _context.SaveChangesAsync(cancellationToken) > 0;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,53 @@
|
||||
using Indotalent.Infrastructure.Database;
|
||||
using MediatR;
|
||||
using Microsoft.EntityFrameworkCore;
|
||||
|
||||
namespace Indotalent.Features.Payroll.Grade.Cqrs;
|
||||
|
||||
public class GetGradeByIdResponse
|
||||
{
|
||||
public string? Id { get; set; }
|
||||
public string? Code { get; set; }
|
||||
public string? Name { get; set; }
|
||||
public string? Description { get; set; }
|
||||
public decimal SalaryFrom { get; set; }
|
||||
public decimal SalaryTo { get; set; }
|
||||
public bool IsOverTimeEligible { get; set; }
|
||||
public string? Status { get; set; }
|
||||
public DateTimeOffset? CreatedAt { get; set; }
|
||||
public string? CreatedBy { get; set; }
|
||||
public DateTimeOffset? UpdatedAt { get; set; }
|
||||
public string? UpdatedBy { get; set; }
|
||||
}
|
||||
|
||||
public record GetGradeByIdQuery(string Id) : IRequest<GetGradeByIdResponse?>;
|
||||
|
||||
public class GetGradeByIdHandler : IRequestHandler<GetGradeByIdQuery, GetGradeByIdResponse?>
|
||||
{
|
||||
private readonly AppDbContext _context;
|
||||
|
||||
public GetGradeByIdHandler(AppDbContext context) => _context = context;
|
||||
|
||||
public async Task<GetGradeByIdResponse?> Handle(GetGradeByIdQuery request, CancellationToken cancellationToken)
|
||||
{
|
||||
return await _context.Grade
|
||||
.AsNoTracking()
|
||||
.Where(x => x.Id == request.Id)
|
||||
.Select(x => new GetGradeByIdResponse
|
||||
{
|
||||
Id = x.Id,
|
||||
Code = x.Code,
|
||||
Name = x.Name,
|
||||
Description = x.Description,
|
||||
SalaryFrom = x.SalaryFrom,
|
||||
SalaryTo = x.SalaryTo,
|
||||
IsOverTimeEligible = x.IsOverTimeEligible,
|
||||
Status = x.Status,
|
||||
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.Payroll.Grade.Cqrs;
|
||||
|
||||
public class GetGradeListResponse
|
||||
{
|
||||
public string? Id { get; set; }
|
||||
public string? Code { get; set; }
|
||||
public string? Name { get; set; }
|
||||
public decimal SalaryFrom { get; set; }
|
||||
public decimal SalaryTo { get; set; }
|
||||
public string? Description { get; set; }
|
||||
public bool IsOverTimeEligible { get; set; }
|
||||
public string? Status { get; set; }
|
||||
public DateTimeOffset? CreatedAt { get; set; }
|
||||
}
|
||||
|
||||
public record GetGradeListQuery() : IRequest<List<GetGradeListResponse>>;
|
||||
|
||||
public class GetGradeListHandler : IRequestHandler<GetGradeListQuery, List<GetGradeListResponse>>
|
||||
{
|
||||
private readonly AppDbContext _context;
|
||||
|
||||
public GetGradeListHandler(AppDbContext context) => _context = context;
|
||||
|
||||
public async Task<List<GetGradeListResponse>> Handle(GetGradeListQuery request, CancellationToken cancellationToken)
|
||||
{
|
||||
return await _context.Grade
|
||||
.AsNoTracking()
|
||||
.OrderBy(x => x.Code)
|
||||
.Select(x => new GetGradeListResponse
|
||||
{
|
||||
Id = x.Id,
|
||||
Code = x.Code,
|
||||
Name = x.Name,
|
||||
SalaryFrom = x.SalaryFrom,
|
||||
SalaryTo = x.SalaryTo,
|
||||
Description = x.Description,
|
||||
IsOverTimeEligible = x.IsOverTimeEligible,
|
||||
Status = x.Status,
|
||||
CreatedAt = x.CreatedAt
|
||||
})
|
||||
.ToListAsync(cancellationToken);
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,72 @@
|
||||
using Indotalent.ConfigBackEnd.Exceptions;
|
||||
using Indotalent.Infrastructure.Database;
|
||||
using MediatR;
|
||||
using Microsoft.EntityFrameworkCore;
|
||||
|
||||
namespace Indotalent.Features.Payroll.Grade.Cqrs;
|
||||
|
||||
public class UpdateGradeRequest
|
||||
{
|
||||
public string? Id { get; set; }
|
||||
public string? Code { get; set; }
|
||||
public string? Name { get; set; }
|
||||
public string? Description { get; set; }
|
||||
public decimal SalaryFrom { get; set; }
|
||||
public decimal SalaryTo { get; set; }
|
||||
public bool IsOverTimeEligible { get; set; }
|
||||
public string? Status { get; set; }
|
||||
public DateTimeOffset? CreatedAt { get; set; }
|
||||
public string? CreatedBy { get; set; }
|
||||
public DateTimeOffset? UpdatedAt { get; set; }
|
||||
public string? UpdatedBy { get; set; }
|
||||
}
|
||||
|
||||
public class UpdateGradeResponse
|
||||
{
|
||||
public string? Id { get; set; }
|
||||
public bool Success { get; set; }
|
||||
}
|
||||
|
||||
public record UpdateGradeCommand(UpdateGradeRequest Data) : IRequest<UpdateGradeResponse>;
|
||||
|
||||
public class UpdateGradeHandler : IRequestHandler<UpdateGradeCommand, UpdateGradeResponse>
|
||||
{
|
||||
private readonly AppDbContext _context;
|
||||
|
||||
public UpdateGradeHandler(AppDbContext context) => _context = context;
|
||||
|
||||
public async Task<UpdateGradeResponse> Handle(UpdateGradeCommand request, CancellationToken cancellationToken)
|
||||
{
|
||||
var isExists = await _context.Grade
|
||||
.AnyAsync(x => x.Code == request.Data.Code && x.Id != request.Data.Id, cancellationToken);
|
||||
|
||||
if (isExists)
|
||||
{
|
||||
throw new AlreadyExistsException("Salary Grade", request.Data.Code ?? string.Empty);
|
||||
}
|
||||
|
||||
var entity = await _context.Grade
|
||||
.FirstOrDefaultAsync(x => x.Id == request.Data.Id, cancellationToken);
|
||||
|
||||
if (entity == null)
|
||||
{
|
||||
return new UpdateGradeResponse { Id = request.Data.Id, Success = false };
|
||||
}
|
||||
|
||||
entity.Code = request.Data.Code;
|
||||
entity.Name = request.Data.Name;
|
||||
entity.Description = request.Data.Description;
|
||||
entity.SalaryFrom = request.Data.SalaryFrom;
|
||||
entity.SalaryTo = request.Data.SalaryTo;
|
||||
entity.IsOverTimeEligible = request.Data.IsOverTimeEligible;
|
||||
entity.Status = request.Data.Status;
|
||||
|
||||
await _context.SaveChangesAsync(cancellationToken);
|
||||
|
||||
return new UpdateGradeResponse
|
||||
{
|
||||
Id = entity.Id,
|
||||
Success = true
|
||||
};
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,31 @@
|
||||
using FluentValidation;
|
||||
using Indotalent.Shared.Consts;
|
||||
|
||||
namespace Indotalent.Features.Payroll.Grade.Cqrs;
|
||||
|
||||
public class UpdateGradeValidator : AbstractValidator<UpdateGradeRequest>
|
||||
{
|
||||
public UpdateGradeValidator()
|
||||
{
|
||||
RuleFor(x => x.Id)
|
||||
.NotEmpty().WithMessage("ID is required for update");
|
||||
|
||||
RuleFor(x => x.Code)
|
||||
.NotEmpty().WithMessage("Grade Code is required")
|
||||
.MaximumLength(GlobalConsts.StringLengthShort);
|
||||
|
||||
RuleFor(x => x.Name)
|
||||
.NotEmpty().WithMessage("Grade Name is required")
|
||||
.MaximumLength(GlobalConsts.StringLengthShort);
|
||||
|
||||
RuleFor(x => x.SalaryFrom)
|
||||
.GreaterThanOrEqualTo(0).WithMessage("Salary From must be 0 or greater");
|
||||
|
||||
RuleFor(x => x.SalaryTo)
|
||||
.GreaterThanOrEqualTo(x => x.SalaryFrom).WithMessage("Salary To must be greater than or equal to Salary From");
|
||||
|
||||
RuleFor(x => x.Status)
|
||||
.NotEmpty().WithMessage("Status is required")
|
||||
.MaximumLength(GlobalConsts.StringLengthShort);
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,66 @@
|
||||
using Indotalent.ConfigBackEnd.Extensions;
|
||||
using Indotalent.Features.Payroll.Grade.Cqrs;
|
||||
using MediatR;
|
||||
using Microsoft.AspNetCore.Authentication.JwtBearer;
|
||||
|
||||
namespace Indotalent.Features.Payroll.Grade;
|
||||
|
||||
public static class GradeEndpoint
|
||||
{
|
||||
public static void MapGradeEndpoints(this IEndpointRouteBuilder app)
|
||||
{
|
||||
var group = app.MapGroup("/grade").WithTags("Grades")
|
||||
.RequireAuthorization(policy => policy.AddAuthenticationSchemes(JwtBearerDefaults.AuthenticationScheme)
|
||||
.RequireAuthenticatedUser());
|
||||
|
||||
group.MapGet("/", async (IMediator mediator) =>
|
||||
{
|
||||
var result = await mediator.Send(new GetGradeListQuery());
|
||||
return result.ToApiResponse("Salary grades retrieved successfully");
|
||||
})
|
||||
.WithName("GetGradeList")
|
||||
.WithTags("Grades");
|
||||
|
||||
group.MapGet("/{id}", async (string id, IMediator mediator) =>
|
||||
{
|
||||
var result = await mediator.Send(new GetGradeByIdQuery(id));
|
||||
return result.ToApiResponse(result is not null
|
||||
? "Salary grade detail retrieved successfully"
|
||||
: $"Salary grade with ID {id} not found");
|
||||
})
|
||||
.WithName("GetGradeById")
|
||||
.WithTags("Grades");
|
||||
|
||||
group.MapPost("/", async (CreateGradeRequest request, IMediator mediator) =>
|
||||
{
|
||||
var result = await mediator.Send(new CreateGradeCommand(request));
|
||||
return result.ToApiResponse("Salary grade has been created successfully", StatusCodes.Status201Created);
|
||||
})
|
||||
.WithName("CreateGrade")
|
||||
.WithTags("Grades");
|
||||
|
||||
group.MapPost("/update", async (UpdateGradeRequest request, IMediator mediator) =>
|
||||
{
|
||||
var result = await mediator.Send(new UpdateGradeCommand(request));
|
||||
if (!result.Success)
|
||||
{
|
||||
return ((object?)null).ToApiResponse("Update failed. The grade data could not be found.");
|
||||
}
|
||||
return result.ToApiResponse("Salary grade has been updated successfully");
|
||||
})
|
||||
.WithName("UpdateGrade")
|
||||
.WithTags("Grades");
|
||||
|
||||
group.MapPost("/delete/{id}", async (string id, IMediator mediator) =>
|
||||
{
|
||||
var result = await mediator.Send(new DeleteGradeByIdCommand(new DeleteGradeByIdRequest(id)));
|
||||
if (!result)
|
||||
{
|
||||
return ((object?)null).ToApiResponse("Delete failed. The grade data could not be found.");
|
||||
}
|
||||
return true.ToApiResponse("Salary grade has been deleted successfully");
|
||||
})
|
||||
.WithName("DeleteGradeById")
|
||||
.WithTags("Grades");
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,59 @@
|
||||
using Indotalent.ConfigBackEnd.Interfaces;
|
||||
using Indotalent.ConfigFrontEnd.Common;
|
||||
using Indotalent.Features.Payroll.Grade.Cqrs;
|
||||
using Indotalent.Infrastructure.Authentication.Identity;
|
||||
using Indotalent.Shared.Models;
|
||||
using Microsoft.AspNetCore.Components;
|
||||
using MudBlazor;
|
||||
using RestSharp;
|
||||
|
||||
namespace Indotalent.Features.Payroll.Grade;
|
||||
|
||||
public class GradeService : BaseService
|
||||
{
|
||||
private readonly RestClient _client;
|
||||
|
||||
public GradeService(
|
||||
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<GetGradeListResponse>>?> GetGradeListAsync()
|
||||
{
|
||||
var request = new RestRequest("api/grade", Method.Get);
|
||||
return await ExecuteWithResponseAsync<List<GetGradeListResponse>>(_client, request);
|
||||
}
|
||||
|
||||
public async Task<ApiResponse<GetGradeByIdResponse>?> GetGradeByIdAsync(string id)
|
||||
{
|
||||
var request = new RestRequest($"api/grade/{id}", Method.Get);
|
||||
return await ExecuteWithResponseAsync<GetGradeByIdResponse>(_client, request);
|
||||
}
|
||||
|
||||
public async Task<ApiResponse<CreateGradeResponse>?> CreateGradeAsync(CreateGradeRequest data)
|
||||
{
|
||||
var request = new RestRequest("api/grade", Method.Post);
|
||||
request.AddJsonBody(data);
|
||||
return await ExecuteWithResponseAsync<CreateGradeResponse>(_client, request);
|
||||
}
|
||||
|
||||
public async Task<bool> DeleteGradeByIdAsync(string id)
|
||||
{
|
||||
var request = new RestRequest($"api/grade/delete/{id}", Method.Post);
|
||||
var response = await ExecuteWithResponseAsync<object>(_client, request);
|
||||
return response?.IsSuccess ?? false;
|
||||
}
|
||||
|
||||
public async Task<ApiResponse<UpdateGradeResponse>?> UpdateGradeAsync(UpdateGradeRequest data)
|
||||
{
|
||||
var request = new RestRequest("api/grade/update", Method.Post);
|
||||
request.AddJsonBody(data);
|
||||
return await ExecuteWithResponseAsync<UpdateGradeResponse>(_client, request);
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,31 @@
|
||||
@page "/payroll/income"
|
||||
@using Indotalent.Features.Payroll.Income.Cqrs
|
||||
@using MudBlazor
|
||||
|
||||
@if (_currentView == ViewMode.Create)
|
||||
{
|
||||
<_IncomeCreateForm OnCancel="BackToTable" OnSuccess="HandleSuccess" />
|
||||
}
|
||||
else if (_currentView == ViewMode.Update || _currentView == ViewMode.View)
|
||||
{
|
||||
<_IncomeUpdateForm Data="_selectedData!" ReadOnly="@(_currentView == ViewMode.View)" OnCancel="BackToTable" OnSuccess="HandleSuccess" />
|
||||
}
|
||||
else
|
||||
{
|
||||
<_IncomeDataTable 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 UpdateIncomeRequest? _selectedData;
|
||||
|
||||
private void ShowCreate() => _currentView = ViewMode.Create;
|
||||
private void ShowUpdate(UpdateIncomeRequest data, bool readOnly)
|
||||
{
|
||||
_selectedData = data;
|
||||
_currentView = readOnly ? ViewMode.View : ViewMode.Update;
|
||||
}
|
||||
private void BackToTable() => _currentView = ViewMode.Table;
|
||||
private void HandleSuccess() => _currentView = ViewMode.Table;
|
||||
}
|
||||
@@ -0,0 +1,138 @@
|
||||
@using Indotalent.Features.Payroll.Income
|
||||
@using Indotalent.Features.Payroll.Income.Cqrs
|
||||
@using Indotalent.Shared.Utils
|
||||
@using MudBlazor
|
||||
@inject IncomeService IncomeService
|
||||
@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 Income Component</MudText>
|
||||
<MudText Typo="Typo.body2" Style="color: #64748b;">Define new earning element for payroll processing.</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">Component Code</MudText>
|
||||
<MudTextField @bind-Value="_model.Code"
|
||||
For="@(() => _model.Code)"
|
||||
Validation="@(_validator.ValidateValue())"
|
||||
Variant="Variant.Outlined" Margin="Margin.Dense" FullWidth="true" Placeholder="e.g. INC-01" />
|
||||
</MudItem>
|
||||
<MudItem xs="12" sm="6">
|
||||
<MudText Typo="Typo.subtitle2" Class="mb-1">Component Name</MudText>
|
||||
<MudTextField @bind-Value="_model.Name"
|
||||
For="@(() => _model.Name)"
|
||||
Validation="@(_validator.ValidateValue())"
|
||||
Variant="Variant.Outlined" Margin="Margin.Dense" FullWidth="true" Placeholder="e.g. Basic Salary" />
|
||||
</MudItem>
|
||||
<MudItem xs="12" sm="6">
|
||||
<MudText Typo="Typo.subtitle2" Class="mb-1">Income Type</MudText>
|
||||
<MudSelect @bind-Value="_model.Type"
|
||||
For="@(() => _model.Type)"
|
||||
Variant="Variant.Outlined" Margin="Margin.Dense" Dense="true">
|
||||
<MudSelectItem Value="@("Fixed")">Fixed</MudSelectItem>
|
||||
<MudSelectItem Value="@("Variable")">Variable</MudSelectItem>
|
||||
</MudSelect>
|
||||
</MudItem>
|
||||
<MudItem xs="12" sm="6">
|
||||
<MudText Typo="Typo.subtitle2" Class="mb-1">Tax Treatment</MudText>
|
||||
<div style="height: 40px; display: flex; align-center: center;">
|
||||
<MudCheckBox @bind-Value="_model.IsTaxable"
|
||||
Label="Is Taxable (PPh 21)"
|
||||
Color="Color.Primary"
|
||||
Dense="true" />
|
||||
</div>
|
||||
</MudItem>
|
||||
<MudItem xs="12" sm="6">
|
||||
<MudText Typo="Typo.subtitle2" Class="mb-1">Calculation Base</MudText>
|
||||
<MudTextField @bind-Value="_model.CalculationBase"
|
||||
For="@(() => _model.CalculationBase)"
|
||||
Validation="@(_validator.ValidateValue())"
|
||||
Variant="Variant.Outlined" Margin="Margin.Dense" FullWidth="true" Placeholder="e.g. Daily attendance" />
|
||||
</MudItem>
|
||||
<MudItem xs="12" sm="6">
|
||||
<MudText Typo="Typo.subtitle2" Class="mb-1">Status</MudText>
|
||||
<MudSelect @bind-Value="_model.Status"
|
||||
For="@(() => _model.Status)"
|
||||
Variant="Variant.Outlined" Margin="Margin.Dense" Dense="true">
|
||||
<MudSelectItem Value="@("Active")">Active</MudSelectItem>
|
||||
<MudSelectItem Value="@("Inactive")">Inactive</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: 1px solid #e0e0e0; border-radius: 4px; 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 Component</MudText>
|
||||
}
|
||||
</MudButton>
|
||||
</div>
|
||||
</MudForm>
|
||||
</MudPaper>
|
||||
|
||||
@code {
|
||||
[Parameter] public EventCallback OnCancel { get; set; }
|
||||
[Parameter] public EventCallback OnSuccess { get; set; }
|
||||
|
||||
private MudForm _form = default!;
|
||||
private CreateIncomeValidator _validator = new();
|
||||
private CreateIncomeRequest _model = new() { Type = "Fixed", Status = "Active", IsTaxable = true };
|
||||
private bool _processing = false;
|
||||
|
||||
private async Task Submit()
|
||||
{
|
||||
await _form.Validate();
|
||||
if (!_form.IsValid) return;
|
||||
|
||||
_processing = true;
|
||||
try
|
||||
{
|
||||
var response = await IncomeService.CreateIncomeAsync(_model);
|
||||
await Task.Delay(500);
|
||||
|
||||
if (response != null && response.IsSuccess)
|
||||
{
|
||||
Snackbar.Add("Income component created successfully", Severity.Success);
|
||||
await OnSuccess.InvokeAsync();
|
||||
}
|
||||
}
|
||||
catch (Exception ex)
|
||||
{
|
||||
Snackbar.Add($"Error: {ex.Message}", Severity.Error);
|
||||
}
|
||||
finally
|
||||
{
|
||||
_processing = false;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,394 @@
|
||||
@using Indotalent.ConfigBackEnd.Extensions
|
||||
@using Indotalent.Features.Payroll.Income
|
||||
@using Indotalent.Features.Payroll.Income.Cqrs
|
||||
@using Microsoft.AspNetCore.Components.Web
|
||||
@using Microsoft.JSInterop
|
||||
@using MudBlazor
|
||||
@using Features.Root.Shared
|
||||
@using ClosedXML.Excel
|
||||
@using System.IO
|
||||
@inject IncomeService IncomeService
|
||||
@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;">Income Components</MudText>
|
||||
<MudText Typo="Typo.body2" Style="color: #9CA3AF;">Configure earnings, allowances, and bonuses for payroll calculation.</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;">Payroll</MudText>
|
||||
<MudText Typo="Typo.caption" Style="color: #9CA3AF;">/</MudText>
|
||||
<MudText Typo="Typo.caption" Style="font-weight: 600; color: #111827;">Income</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="border: 1px solid #D1D5DB; background: white; font-weight: 500; border-radius: 6px; text-transform: none; height: 34px; color: #6B7280;">
|
||||
@if (_isExporting)
|
||||
{
|
||||
<MudProgressCircular Class="ms-n1" Size="Size.Small" Indeterminate="true" />
|
||||
<MudText Class="ms-2" Typo="Typo.button" Style="text-transform: none !important;">Processing...</MudText>
|
||||
}
|
||||
else
|
||||
{
|
||||
<MudText Typo="Typo.button" Style="text-transform: none !important;">Excel</MudText>
|
||||
}
|
||||
</MudButton>
|
||||
|
||||
<MudButton Variant="Variant.Outlined"
|
||||
Color="Color.Primary"
|
||||
OnClick="LoadData"
|
||||
Size="Size.Small"
|
||||
StartIcon="@(_isRefreshing ? null : Icons.Material.Filled.Refresh)"
|
||||
Disabled="_isRefreshing"
|
||||
Style="border: 1px solid #D1D5DB; background: white; font-weight: 500; border-radius: 6px; text-transform: none; height: 34px; color: #6B7280;">
|
||||
@if (_isRefreshing)
|
||||
{
|
||||
<MudProgressCircular Class="ms-n1" Size="Size.Small" Indeterminate="true" />
|
||||
<MudText Class="ms-2" Typo="Typo.button" Style="text-transform: none !important;">Refreshing...</MudText>
|
||||
}
|
||||
else
|
||||
{
|
||||
<MudText Typo="Typo.button" Style="text-transform: none !important;">Refresh</MudText>
|
||||
}
|
||||
</MudButton>
|
||||
|
||||
@if (_selectedIncome != null)
|
||||
{
|
||||
<MudButton Variant="Variant.Outlined" Color="Color.Info" StartIcon="@Icons.Material.Filled.Visibility" OnClick="InvokeView" Size="Size.Small" Style="border: 1px solid #D1D5DB; text-transform: none; font-weight: 500; border-radius: 6px; background: white; color: #6B7280;">View</MudButton>
|
||||
<MudButton Variant="Variant.Outlined" Color="Color.Primary" StartIcon="@Icons.Material.Filled.Edit" OnClick="InvokeEdit" Size="Size.Small" Style="border: 1px solid #D1D5DB; text-transform: none; font-weight: 500; border-radius: 6px; background: white; color: #6B7280;">Edit Component</MudButton>
|
||||
<MudButton Variant="Variant.Outlined" Color="Color.Error" StartIcon="@Icons.Material.Filled.Delete" OnClick="OnDelete" Size="Size.Small" Style="text-transform: none; font-weight: 500; border-radius: 6px; border: 1px solid #FCA5A5; color: #EF4444; background: white;">Remove</MudButton>
|
||||
<MudIconButton Icon="@Icons.Material.Filled.Close" Size="Size.Small" OnClick="() => _selectedIncome = null" />
|
||||
}
|
||||
else
|
||||
{
|
||||
<MudButton Variant="Variant.Filled" Color="Color.Primary" StartIcon="@Icons.Material.Filled.Add" OnClick="() => OnAdd.InvokeAsync()" Size="Size.Medium" Style="text-transform: none; font-weight: 500; border-radius: 6px;">
|
||||
Add Income Component
|
||||
</MudButton>
|
||||
}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<MudTable Items="@GetPagedData()" Hover="true" Striped="true" Class="mud-table-styled" Elevation="0" CustomHeader="true" Dense="true" T="GetIncomeListResponse" OnRowClick="@((args) => _selectedIncome = args.Item)" Loading="@_isRefreshing">
|
||||
<HeaderContent>
|
||||
<MudTh Style="width: 50px; background-color: #F9FAFB; border-bottom: 1px solid #E5E7EB;"></MudTh>
|
||||
<MudTh Style="width: 120px; font-weight: 600; color: #6B7280; text-transform: uppercase; font-size: 0.6875rem; letter-spacing: 0.05em; background-color: #F9FAFB; border-bottom: 1px solid #E5E7EB;">
|
||||
<MudTableSortLabel SortBy="new Func<GetIncomeListResponse, object>(x => x.Code!)">Code</MudTableSortLabel>
|
||||
</MudTh>
|
||||
<MudTh Style="width: 200px; font-weight: 600; color: #6B7280; text-transform: uppercase; font-size: 0.6875rem; letter-spacing: 0.05em; background-color: #F9FAFB; border-bottom: 1px solid #E5E7EB;">
|
||||
<MudTableSortLabel SortBy="new Func<GetIncomeListResponse, object>(x => x.Name!)">Component Name</MudTableSortLabel>
|
||||
</MudTh>
|
||||
<MudTh Style="width: 150px; font-weight: 600; color: #6B7280; text-transform: uppercase; font-size: 0.6875rem; letter-spacing: 0.05em; background-color: #F9FAFB; border-bottom: 1px solid #E5E7EB;">
|
||||
<MudTableSortLabel SortBy="new Func<GetIncomeListResponse, object>(x => x.Type!)">Type</MudTableSortLabel>
|
||||
</MudTh>
|
||||
<MudTh Style="width: 120px; font-weight: 600; color: #6B7280; text-transform: uppercase; font-size: 0.6875rem; letter-spacing: 0.05em; background-color: #F9FAFB; border-bottom: 1px solid #E5E7EB;">Taxable</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;">Calculation Base</MudTh>
|
||||
<MudTh Style="width: 100px; font-weight: 600; color: #6B7280; text-transform: uppercase; font-size: 0.6875rem; letter-spacing: 0.05em; background-color: #F9FAFB; border-bottom: 1px solid #E5E7EB;">Status</MudTh>
|
||||
</HeaderContent>
|
||||
<RowTemplate>
|
||||
<MudTd>
|
||||
<MudCheckBox T="bool" Value="@(_selectedIncome?.Id == context.Id)" Color="Color.Primary" Dense="true" Size="Size.Small" ReadOnly="true" />
|
||||
</MudTd>
|
||||
<MudTd>
|
||||
<MudChip T="string" Size="Size.Small" Variant="Variant.Text" Style="background-color: #F3F4F6; color: #374151; font-weight: 600; border-radius: 4px;">
|
||||
@context.Code
|
||||
</MudChip>
|
||||
</MudTd>
|
||||
<MudTd>
|
||||
<MudText Typo="Typo.body2" Style="font-weight: 600; color: #374151;">@context.Name</MudText>
|
||||
</MudTd>
|
||||
<MudTd>
|
||||
<MudChip T="string" Color="@(context.Type == "Fixed" ? Color.Primary : Color.Secondary)" Variant="Variant.Outlined" Size="Size.Small" Style="font-weight: 500; border-radius: 6px;">
|
||||
@context.Type
|
||||
</MudChip>
|
||||
</MudTd>
|
||||
<MudTd>
|
||||
<MudIcon Icon="@(context.IsTaxable ? Icons.Material.Filled.Check : Icons.Material.Filled.Remove)"
|
||||
Color="@(context.IsTaxable ? Color.Error : Color.Default)" Size="Size.Small" />
|
||||
</MudTd>
|
||||
<MudTd>
|
||||
<MudText Typo="Typo.body2" Style="color: #64748b; font-size: 0.8rem;">@context.CalculationBase</MudText>
|
||||
</MudTd>
|
||||
<MudTd>
|
||||
<MudChip T="string" Color="@(context.Status == "Active" ? Color.Success : Color.Default)" Size="Size.Small" Variant="Variant.Text" Style="font-weight: 600; border-radius: 0px; text-transform: uppercase; background-color: #f5f5f5; height: 20px; font-size: 0.7rem;">
|
||||
@context.Status
|
||||
</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="@_pageSize" ValueChanged="OnPageSizeChanged" Dense="true" Margin="Margin.Dense" Style="width: 80px; background-color: white; font-size: 0.75rem; font-weight: 500;" 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 + _pageSize, GetFilteredData().Count()) of @GetFilteredData().Count()
|
||||
</MudText>
|
||||
</div>
|
||||
|
||||
<div style="display: flex; gap: 8px; align-items: center;">
|
||||
<MudIconButton Icon="@Icons.Material.Filled.FirstPage" Size="Size.Small" OnClick="@(() => OnPageChanged(1))" Disabled="@(_currentPage == 1)" Style="@(_currentPage == 1 ? "color: #D1D5DB; background: transparent;" : "color: #6B7280; background: white; border: 1px solid #D1D5DB; border-radius: 6px;")" />
|
||||
<MudButton OnClick="@(() => OnPageChanged(_currentPage - 1))" Disabled="@(_currentPage == 1)" Variant="Variant.Text" StartIcon="@Icons.Material.Filled.ChevronLeft" Size="Size.Small" Style="@(_currentPage == 1 ? "text-transform: none; font-weight: 500; background: white; border: 1px solid #D1D5DB; border-radius: 6px; height: 34px; color: #6B7280;" : "text-transform: none; font-weight: 500; background: white; border: 1px solid #D1D5DB; border-radius: 6px; height: 34px; color: #6B7280;")">Prev</MudButton>
|
||||
@{
|
||||
var totalPages = _totalPage == 0 ? 1 : _totalPage;
|
||||
var maxVisible = 5;
|
||||
var startPage = Math.Max(1, _currentPage - maxVisible / 2);
|
||||
var endPage = Math.Min(totalPages, startPage + maxVisible - 1);
|
||||
if (endPage - startPage < maxVisible - 1) { startPage = Math.Max(1, endPage - maxVisible + 1); }
|
||||
}
|
||||
@for (int i = startPage; i <= endPage; i++)
|
||||
{
|
||||
var pageNum = i;
|
||||
var isActive = pageNum == _currentPage;
|
||||
<MudButton OnClick="@(() => OnPageChanged(pageNum))"
|
||||
Variant="Variant.Text" Size="Size.Small"
|
||||
Style="@(isActive ? "min-width: 34px; padding: 4px 8px; font-size: 0.75rem; font-weight: 600; background: #3B82F6; color: white; border: 1px solid #3B82F6; border-radius: 6px; text-transform: none;" : "min-width: 34px; padding: 4px 8px; font-size: 0.75rem; font-weight: 500; color: #374151; background: white; border: 1px solid #D1D5DB; border-radius: 6px; text-transform: none;")">@pageNum</MudButton>
|
||||
}
|
||||
<MudButton OnClick="@(() => OnPageChanged(_currentPage + 1))" Disabled="@(_currentPage == _totalPage || _totalPage == 0)" Variant="Variant.Text" EndIcon="@Icons.Material.Filled.ChevronRight" Size="Size.Small" Style="@(_currentPage == _totalPage || _totalPage == 0 ? "text-transform: none; font-weight: 500; background: white; border: 1px solid #D1D5DB; border-radius: 6px; height: 34px; color: #6B7280;" : "text-transform: none; font-weight: 500; background: white; border: 1px solid #D1D5DB; border-radius: 6px; height: 34px; color: #6B7280;")">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-input-outlined-border { border-radius: 8px !important; }
|
||||
.custom-select-dense .mud-input-control { margin-top: 0 !important; }
|
||||
.custom-select-dense .mud-input-slot { padding-top: 4px !important; padding-bottom: 4px !important; padding-left: 8px !important; font-size: 12px !important; }
|
||||
.mud-table-styled .mud-table-row:hover { background-color: #F9FAFB !important; }
|
||||
</style>
|
||||
|
||||
@code {
|
||||
[Parameter] public EventCallback OnAdd { get; set; }
|
||||
[Parameter] public EventCallback<UpdateIncomeRequest> OnEdit { get; set; }
|
||||
[Parameter] public EventCallback<UpdateIncomeRequest> OnView { get; set; }
|
||||
|
||||
private List<GetIncomeListResponse> _incomes = new();
|
||||
private GetIncomeListResponse? _selectedIncome;
|
||||
private string _searchString = "";
|
||||
private bool _isRefreshing = false;
|
||||
private bool _isExporting = false;
|
||||
private int _skip = 0;
|
||||
private int _pageSize = 5;
|
||||
private int _currentPage => (_pageSize >= GetFilteredData().Count() || _pageSize == 0) ? 1 : (_skip / _pageSize) + 1;
|
||||
private int _totalPage => GetFilteredData().Count() == 0 ? 0 : (int)Math.Ceiling((double)GetFilteredData().Count() / (_pageSize == 0 ? 1 : _pageSize));
|
||||
|
||||
protected override async Task OnInitializedAsync() => await LoadData();
|
||||
|
||||
private async Task LoadData()
|
||||
{
|
||||
_isRefreshing = true;
|
||||
_selectedIncome = null;
|
||||
StateHasChanged();
|
||||
try
|
||||
{
|
||||
var response = await IncomeService.GetIncomeListAsync();
|
||||
await Task.Delay(500);
|
||||
if (response != null && response.IsSuccess)
|
||||
{
|
||||
_incomes = response.Value ?? new();
|
||||
}
|
||||
}
|
||||
finally
|
||||
{
|
||||
_isRefreshing = false;
|
||||
StateHasChanged();
|
||||
}
|
||||
}
|
||||
|
||||
private IEnumerable<GetIncomeListResponse> GetFilteredData()
|
||||
{
|
||||
if (string.IsNullOrWhiteSpace(_searchString)) return _incomes;
|
||||
return _incomes.Where(x =>
|
||||
(x.Name?.Contains(_searchString, StringComparison.OrdinalIgnoreCase) ?? false) ||
|
||||
(x.Code?.Contains(_searchString, StringComparison.OrdinalIgnoreCase) ?? false) ||
|
||||
(x.Type?.Contains(_searchString, StringComparison.OrdinalIgnoreCase) ?? false)
|
||||
);
|
||||
}
|
||||
|
||||
private IEnumerable<GetIncomeListResponse> GetPagedData() => GetFilteredData().Skip(_skip).Take(_pageSize);
|
||||
|
||||
private void OnSearchClick()
|
||||
{
|
||||
_skip = 0;
|
||||
_selectedIncome = 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("Incomes");
|
||||
var currentRow = 1;
|
||||
|
||||
worksheet.Cell(currentRow, 1).Value = "Code";
|
||||
worksheet.Cell(currentRow, 2).Value = "Component Name";
|
||||
worksheet.Cell(currentRow, 3).Value = "Type";
|
||||
worksheet.Cell(currentRow, 4).Value = "Is Taxable";
|
||||
worksheet.Cell(currentRow, 5).Value = "Calculation Base";
|
||||
worksheet.Cell(currentRow, 6).Value = "Status";
|
||||
|
||||
var headerRange = worksheet.Range(1, 1, 1, 6);
|
||||
headerRange.Style.Font.Bold = true;
|
||||
headerRange.Style.Fill.BackgroundColor = XLColor.FromHtml("#0D47A1");
|
||||
headerRange.Style.Font.FontColor = XLColor.White;
|
||||
|
||||
foreach (var item in GetFilteredData())
|
||||
{
|
||||
currentRow++;
|
||||
worksheet.Cell(currentRow, 1).Value = item.Code;
|
||||
worksheet.Cell(currentRow, 2).Value = item.Name;
|
||||
worksheet.Cell(currentRow, 3).Value = item.Type;
|
||||
worksheet.Cell(currentRow, 4).Value = item.IsTaxable ? "Yes" : "No";
|
||||
worksheet.Cell(currentRow, 5).Value = item.CalculationBase;
|
||||
worksheet.Cell(currentRow, 6).Value = item.Status;
|
||||
}
|
||||
|
||||
worksheet.Columns().AdjustToContents();
|
||||
|
||||
using (var stream = new MemoryStream())
|
||||
{
|
||||
workbook.SaveAs(stream);
|
||||
var content = Convert.ToBase64String(stream.ToArray());
|
||||
await JSRuntime.InvokeVoidAsync("downloadFile", "Income_Components_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) * _pageSize;
|
||||
_selectedIncome = null;
|
||||
StateHasChanged();
|
||||
}
|
||||
}
|
||||
|
||||
private void OnPageSizeChanged(int size)
|
||||
{
|
||||
_pageSize = size;
|
||||
_skip = 0;
|
||||
_selectedIncome = null;
|
||||
StateHasChanged();
|
||||
}
|
||||
|
||||
private async Task InvokeEdit()
|
||||
{
|
||||
if (_selectedIncome == null) return;
|
||||
var res = await IncomeService.GetIncomeByIdAsync(_selectedIncome.Id!);
|
||||
if (res != null && res.IsSuccess)
|
||||
{
|
||||
var data = res.Value!;
|
||||
await OnEdit.InvokeAsync(new UpdateIncomeRequest {
|
||||
Id = data.Id, Code = data.Code, Name = data.Name, Description = data.Description,
|
||||
Type = data.Type, IsTaxable = data.IsTaxable, CalculationBase = data.CalculationBase,
|
||||
Status = data.Status, CreatedAt = data.CreatedAt, CreatedBy = data.CreatedBy,
|
||||
UpdatedAt = data.UpdatedAt, UpdatedBy = data.UpdatedBy
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
private async Task InvokeView()
|
||||
{
|
||||
if (_selectedIncome == null) return;
|
||||
var res = await IncomeService.GetIncomeByIdAsync(_selectedIncome.Id!);
|
||||
if (res != null && res.IsSuccess)
|
||||
{
|
||||
var data = res.Value!;
|
||||
await OnView.InvokeAsync(new UpdateIncomeRequest {
|
||||
Id = data.Id, Code = data.Code, Name = data.Name, Description = data.Description,
|
||||
Type = data.Type, IsTaxable = data.IsTaxable, CalculationBase = data.CalculationBase,
|
||||
Status = data.Status, CreatedAt = data.CreatedAt, CreatedBy = data.CreatedBy,
|
||||
UpdatedAt = data.UpdatedAt, UpdatedBy = data.UpdatedBy
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
private async Task OnDelete()
|
||||
{
|
||||
if (_selectedIncome == null) return;
|
||||
var parameters = new DialogParameters<_DeleteConfirmation> { { x => x.ContentText, _selectedIncome.Name } };
|
||||
var dialog = await DialogService.ShowAsync<_DeleteConfirmation>("", parameters);
|
||||
var result = await dialog.Result;
|
||||
if (result != null && !result.Canceled)
|
||||
{
|
||||
await IncomeService.DeleteIncomeByIdAsync(_selectedIncome.Id!);
|
||||
await LoadData();
|
||||
Snackbar.Add("Deleted successfully", Severity.Success);
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,194 @@
|
||||
@using Indotalent.ConfigBackEnd.Extensions
|
||||
@using Indotalent.Features.Payroll.Income
|
||||
@using Indotalent.Features.Payroll.Income.Cqrs
|
||||
@using Indotalent.Shared.Utils
|
||||
@using MudBlazor
|
||||
@inject IncomeService IncomeService
|
||||
@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 ? "Income Details" : "Edit Income Component")</MudText>
|
||||
<MudText Typo="Typo.body2" Style="color: #64748b;">@(ReadOnly ? "Viewing income component specification." : "Modify existing earning element.")</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">Component Code</MudText>
|
||||
<MudTextField @bind-Value="_model.Code"
|
||||
For="@(() => _model.Code)"
|
||||
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">Component 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">Income Type</MudText>
|
||||
<MudSelect @bind-Value="_model.Type"
|
||||
ReadOnly="ReadOnly"
|
||||
For="@(() => _model.Type)"
|
||||
Variant="Variant.Outlined" Margin="Margin.Dense" Dense="true">
|
||||
<MudSelectItem Value="@("Fixed")">Fixed</MudSelectItem>
|
||||
<MudSelectItem Value="@("Variable")">Variable</MudSelectItem>
|
||||
</MudSelect>
|
||||
</MudItem>
|
||||
<MudItem xs="12" sm="6">
|
||||
<MudText Typo="Typo.subtitle2" Class="mb-1">Tax Treatment</MudText>
|
||||
<div style="height: 40px; display: flex; align-items: center;">
|
||||
<MudCheckBox @bind-Value="_model.IsTaxable"
|
||||
Label="Is Taxable (PPh 21)"
|
||||
ReadOnly="ReadOnly"
|
||||
Color="Color.Primary"
|
||||
Dense="true" />
|
||||
</div>
|
||||
</MudItem>
|
||||
<MudItem xs="12" sm="6">
|
||||
<MudText Typo="Typo.subtitle2" Class="mb-1">Calculation Base</MudText>
|
||||
<MudTextField @bind-Value="_model.CalculationBase"
|
||||
For="@(() => _model.CalculationBase)"
|
||||
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">Status</MudText>
|
||||
<MudSelect @bind-Value="_model.Status"
|
||||
ReadOnly="ReadOnly"
|
||||
For="@(() => _model.Status)"
|
||||
Variant="Variant.Outlined" Margin="Margin.Dense" Dense="true">
|
||||
<MudSelectItem Value="@("Active")">Active</MudSelectItem>
|
||||
<MudSelectItem Value="@("Inactive")">Inactive</MudSelectItem>
|
||||
</MudSelect>
|
||||
</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: 1px solid #e0e0e0; border-radius: 4px; 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">Updating...</MudText>
|
||||
}
|
||||
else
|
||||
{
|
||||
<MudText>Save Changes</MudText>
|
||||
}
|
||||
</MudButton>
|
||||
}
|
||||
</div>
|
||||
</MudForm>
|
||||
</MudPaper>
|
||||
|
||||
@code {
|
||||
[Parameter] public UpdateIncomeRequest 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 UpdateIncomeValidator _validator = new();
|
||||
private UpdateIncomeRequest _model = new();
|
||||
private bool _processing = false;
|
||||
|
||||
protected override void OnInitialized()
|
||||
{
|
||||
_model = new UpdateIncomeRequest
|
||||
{
|
||||
Id = Data.Id,
|
||||
Code = Data.Code,
|
||||
Name = Data.Name,
|
||||
Description = Data.Description,
|
||||
Type = Data.Type,
|
||||
IsTaxable = Data.IsTaxable,
|
||||
CalculationBase = Data.CalculationBase,
|
||||
Status = Data.Status,
|
||||
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 IncomeService.UpdateIncomeAsync(_model);
|
||||
await Task.Delay(500);
|
||||
|
||||
if (response != null && response.IsSuccess)
|
||||
{
|
||||
Snackbar.Add("Income component updated successfully", Severity.Success);
|
||||
await OnSuccess.InvokeAsync();
|
||||
}
|
||||
}
|
||||
catch (Exception ex)
|
||||
{
|
||||
Snackbar.Add($"Error: {ex.Message}", Severity.Error);
|
||||
}
|
||||
finally
|
||||
{
|
||||
_processing = false;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,73 @@
|
||||
using Indotalent.ConfigBackEnd.Exceptions;
|
||||
using Indotalent.ConfigBackEnd.Extensions;
|
||||
using Indotalent.Infrastructure.Database;
|
||||
using MediatR;
|
||||
using Microsoft.EntityFrameworkCore;
|
||||
|
||||
namespace Indotalent.Features.Payroll.Income.Cqrs;
|
||||
|
||||
public class CreateIncomeRequest
|
||||
{
|
||||
public string? Code { get; set; }
|
||||
public string? Name { get; set; }
|
||||
public string? Description { get; set; }
|
||||
public string? Type { get; set; }
|
||||
public bool IsTaxable { get; set; } = true;
|
||||
public string? CalculationBase { get; set; }
|
||||
public string? Status { get; set; } = "Active";
|
||||
}
|
||||
|
||||
public class CreateIncomeResponse
|
||||
{
|
||||
public string? Id { get; set; }
|
||||
public string? Code { get; set; }
|
||||
}
|
||||
|
||||
public record CreateIncomeCommand(CreateIncomeRequest Data) : IRequest<CreateIncomeResponse>;
|
||||
|
||||
public class CreateIncomeHandler : IRequestHandler<CreateIncomeCommand, CreateIncomeResponse>
|
||||
{
|
||||
private readonly AppDbContext _context;
|
||||
|
||||
public CreateIncomeHandler(AppDbContext context) => _context = context;
|
||||
|
||||
public async Task<CreateIncomeResponse> Handle(CreateIncomeCommand request, CancellationToken cancellationToken)
|
||||
{
|
||||
var isExists = await _context.Income
|
||||
.AnyAsync(x => x.Code == request.Data.Code, cancellationToken);
|
||||
|
||||
if (isExists)
|
||||
{
|
||||
throw new AlreadyExistsException("Income Component", request.Data.Code ?? string.Empty);
|
||||
}
|
||||
|
||||
var entityName = nameof(Data.Entities.Income);
|
||||
|
||||
var autoNo = await _context.GenerateAutoNumberAsync(
|
||||
entityName: entityName,
|
||||
prefixTemplate: $"{entityName.ToShortNameConsonant(3)}/{{Year}}/",
|
||||
ct: cancellationToken
|
||||
);
|
||||
|
||||
var entity = new Data.Entities.Income
|
||||
{
|
||||
AutoNumber = autoNo,
|
||||
Code = request.Data.Code,
|
||||
Name = request.Data.Name,
|
||||
Description = request.Data.Description,
|
||||
Type = request.Data.Type,
|
||||
IsTaxable = request.Data.IsTaxable,
|
||||
CalculationBase = request.Data.CalculationBase,
|
||||
Status = request.Data.Status
|
||||
};
|
||||
|
||||
_context.Income.Add(entity);
|
||||
await _context.SaveChangesAsync(cancellationToken);
|
||||
|
||||
return new CreateIncomeResponse
|
||||
{
|
||||
Id = entity.Id,
|
||||
Code = entity.Code
|
||||
};
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,30 @@
|
||||
using FluentValidation;
|
||||
using Indotalent.Shared.Consts;
|
||||
|
||||
namespace Indotalent.Features.Payroll.Income.Cqrs;
|
||||
|
||||
public class CreateIncomeValidator : AbstractValidator<CreateIncomeRequest>
|
||||
{
|
||||
public CreateIncomeValidator()
|
||||
{
|
||||
RuleFor(x => x.Code)
|
||||
.NotEmpty().WithMessage("Code is required")
|
||||
.MaximumLength(GlobalConsts.StringLengthShort);
|
||||
|
||||
RuleFor(x => x.Name)
|
||||
.NotEmpty().WithMessage("Name is required")
|
||||
.MaximumLength(GlobalConsts.StringLengthShort);
|
||||
|
||||
RuleFor(x => x.Type)
|
||||
.NotEmpty().WithMessage("Type is required")
|
||||
.MaximumLength(GlobalConsts.StringLengthShort);
|
||||
|
||||
RuleFor(x => x.CalculationBase)
|
||||
.NotEmpty().WithMessage("Calculation Base is required")
|
||||
.MaximumLength(GlobalConsts.StringLengthShort);
|
||||
|
||||
RuleFor(x => x.Status)
|
||||
.NotEmpty().WithMessage("Status is required")
|
||||
.MaximumLength(GlobalConsts.StringLengthShort);
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,27 @@
|
||||
using Indotalent.Infrastructure.Database;
|
||||
using MediatR;
|
||||
using Microsoft.EntityFrameworkCore;
|
||||
|
||||
namespace Indotalent.Features.Payroll.Income.Cqrs;
|
||||
|
||||
public record DeleteIncomeByIdRequest(string Id);
|
||||
|
||||
public record DeleteIncomeByIdCommand(DeleteIncomeByIdRequest Data) : IRequest<bool>;
|
||||
|
||||
public class DeleteIncomeByIdHandler : IRequestHandler<DeleteIncomeByIdCommand, bool>
|
||||
{
|
||||
private readonly AppDbContext _context;
|
||||
|
||||
public DeleteIncomeByIdHandler(AppDbContext context) => _context = context;
|
||||
|
||||
public async Task<bool> Handle(DeleteIncomeByIdCommand request, CancellationToken cancellationToken)
|
||||
{
|
||||
var entity = await _context.Income
|
||||
.FirstOrDefaultAsync(x => x.Id == request.Data.Id, cancellationToken);
|
||||
|
||||
if (entity == null) return false;
|
||||
|
||||
_context.Income.Remove(entity);
|
||||
return await _context.SaveChangesAsync(cancellationToken) > 0;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,53 @@
|
||||
using Indotalent.Infrastructure.Database;
|
||||
using MediatR;
|
||||
using Microsoft.EntityFrameworkCore;
|
||||
|
||||
namespace Indotalent.Features.Payroll.Income.Cqrs;
|
||||
|
||||
public class GetIncomeByIdResponse
|
||||
{
|
||||
public string? Id { get; set; }
|
||||
public string? Code { get; set; }
|
||||
public string? Name { get; set; }
|
||||
public string? Description { get; set; }
|
||||
public string? Type { get; set; }
|
||||
public bool IsTaxable { get; set; }
|
||||
public string? CalculationBase { get; set; }
|
||||
public string? Status { get; set; }
|
||||
public DateTimeOffset? CreatedAt { get; set; }
|
||||
public string? CreatedBy { get; set; }
|
||||
public DateTimeOffset? UpdatedAt { get; set; }
|
||||
public string? UpdatedBy { get; set; }
|
||||
}
|
||||
|
||||
public record GetIncomeByIdQuery(string Id) : IRequest<GetIncomeByIdResponse?>;
|
||||
|
||||
public class GetIncomeByIdHandler : IRequestHandler<GetIncomeByIdQuery, GetIncomeByIdResponse?>
|
||||
{
|
||||
private readonly AppDbContext _context;
|
||||
|
||||
public GetIncomeByIdHandler(AppDbContext context) => _context = context;
|
||||
|
||||
public async Task<GetIncomeByIdResponse?> Handle(GetIncomeByIdQuery request, CancellationToken cancellationToken)
|
||||
{
|
||||
return await _context.Income
|
||||
.AsNoTracking()
|
||||
.Where(x => x.Id == request.Id)
|
||||
.Select(x => new GetIncomeByIdResponse
|
||||
{
|
||||
Id = x.Id,
|
||||
Code = x.Code,
|
||||
Name = x.Name,
|
||||
Description = x.Description,
|
||||
Type = x.Type,
|
||||
IsTaxable = x.IsTaxable,
|
||||
CalculationBase = x.CalculationBase,
|
||||
Status = x.Status,
|
||||
CreatedAt = x.CreatedAt,
|
||||
CreatedBy = x.CreatedBy,
|
||||
UpdatedAt = x.UpdatedAt,
|
||||
UpdatedBy = x.UpdatedBy
|
||||
})
|
||||
.FirstOrDefaultAsync(cancellationToken);
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,45 @@
|
||||
using Indotalent.Infrastructure.Database;
|
||||
using MediatR;
|
||||
using Microsoft.EntityFrameworkCore;
|
||||
|
||||
namespace Indotalent.Features.Payroll.Income.Cqrs;
|
||||
|
||||
public class GetIncomeListResponse
|
||||
{
|
||||
public string? Id { get; set; }
|
||||
public string? Code { get; set; }
|
||||
public string? Name { get; set; }
|
||||
public string? Type { get; set; }
|
||||
public bool IsTaxable { get; set; }
|
||||
public string? CalculationBase { get; set; }
|
||||
public string? Status { get; set; }
|
||||
public DateTimeOffset? CreatedAt { get; set; }
|
||||
}
|
||||
|
||||
public record GetIncomeListQuery() : IRequest<List<GetIncomeListResponse>>;
|
||||
|
||||
public class GetIncomeListHandler : IRequestHandler<GetIncomeListQuery, List<GetIncomeListResponse>>
|
||||
{
|
||||
private readonly AppDbContext _context;
|
||||
|
||||
public GetIncomeListHandler(AppDbContext context) => _context = context;
|
||||
|
||||
public async Task<List<GetIncomeListResponse>> Handle(GetIncomeListQuery request, CancellationToken cancellationToken)
|
||||
{
|
||||
return await _context.Income
|
||||
.AsNoTracking()
|
||||
.OrderBy(x => x.Code)
|
||||
.Select(x => new GetIncomeListResponse
|
||||
{
|
||||
Id = x.Id,
|
||||
Code = x.Code,
|
||||
Name = x.Name,
|
||||
Type = x.Type,
|
||||
IsTaxable = x.IsTaxable,
|
||||
CalculationBase = x.CalculationBase,
|
||||
Status = x.Status,
|
||||
CreatedAt = x.CreatedAt
|
||||
})
|
||||
.ToListAsync(cancellationToken);
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,72 @@
|
||||
using Indotalent.ConfigBackEnd.Exceptions;
|
||||
using Indotalent.Infrastructure.Database;
|
||||
using MediatR;
|
||||
using Microsoft.EntityFrameworkCore;
|
||||
|
||||
namespace Indotalent.Features.Payroll.Income.Cqrs;
|
||||
|
||||
public class UpdateIncomeRequest
|
||||
{
|
||||
public string? Id { get; set; }
|
||||
public string? Code { get; set; }
|
||||
public string? Name { get; set; }
|
||||
public string? Description { get; set; }
|
||||
public string? Type { get; set; }
|
||||
public bool IsTaxable { get; set; }
|
||||
public string? CalculationBase { get; set; }
|
||||
public string? Status { get; set; }
|
||||
public DateTimeOffset? CreatedAt { get; set; }
|
||||
public string? CreatedBy { get; set; }
|
||||
public DateTimeOffset? UpdatedAt { get; set; }
|
||||
public string? UpdatedBy { get; set; }
|
||||
}
|
||||
|
||||
public class UpdateIncomeResponse
|
||||
{
|
||||
public string? Id { get; set; }
|
||||
public bool Success { get; set; }
|
||||
}
|
||||
|
||||
public record UpdateIncomeCommand(UpdateIncomeRequest Data) : IRequest<UpdateIncomeResponse>;
|
||||
|
||||
public class UpdateIncomeHandler : IRequestHandler<UpdateIncomeCommand, UpdateIncomeResponse>
|
||||
{
|
||||
private readonly AppDbContext _context;
|
||||
|
||||
public UpdateIncomeHandler(AppDbContext context) => _context = context;
|
||||
|
||||
public async Task<UpdateIncomeResponse> Handle(UpdateIncomeCommand request, CancellationToken cancellationToken)
|
||||
{
|
||||
var isExists = await _context.Income
|
||||
.AnyAsync(x => x.Code == request.Data.Code && x.Id != request.Data.Id, cancellationToken);
|
||||
|
||||
if (isExists)
|
||||
{
|
||||
throw new AlreadyExistsException("Income Component", request.Data.Code ?? string.Empty);
|
||||
}
|
||||
|
||||
var entity = await _context.Income
|
||||
.FirstOrDefaultAsync(x => x.Id == request.Data.Id, cancellationToken);
|
||||
|
||||
if (entity == null)
|
||||
{
|
||||
return new UpdateIncomeResponse { Id = request.Data.Id, Success = false };
|
||||
}
|
||||
|
||||
entity.Code = request.Data.Code;
|
||||
entity.Name = request.Data.Name;
|
||||
entity.Description = request.Data.Description;
|
||||
entity.Type = request.Data.Type;
|
||||
entity.IsTaxable = request.Data.IsTaxable;
|
||||
entity.CalculationBase = request.Data.CalculationBase;
|
||||
entity.Status = request.Data.Status;
|
||||
|
||||
await _context.SaveChangesAsync(cancellationToken);
|
||||
|
||||
return new UpdateIncomeResponse
|
||||
{
|
||||
Id = entity.Id,
|
||||
Success = true
|
||||
};
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,33 @@
|
||||
using FluentValidation;
|
||||
using Indotalent.Shared.Consts;
|
||||
|
||||
namespace Indotalent.Features.Payroll.Income.Cqrs;
|
||||
|
||||
public class UpdateIncomeValidator : AbstractValidator<UpdateIncomeRequest>
|
||||
{
|
||||
public UpdateIncomeValidator()
|
||||
{
|
||||
RuleFor(x => x.Id)
|
||||
.NotEmpty().WithMessage("ID is required for update");
|
||||
|
||||
RuleFor(x => x.Code)
|
||||
.NotEmpty().WithMessage("Code is required")
|
||||
.MaximumLength(GlobalConsts.StringLengthShort);
|
||||
|
||||
RuleFor(x => x.Name)
|
||||
.NotEmpty().WithMessage("Name is required")
|
||||
.MaximumLength(GlobalConsts.StringLengthShort);
|
||||
|
||||
RuleFor(x => x.Type)
|
||||
.NotEmpty().WithMessage("Type is required")
|
||||
.MaximumLength(GlobalConsts.StringLengthShort);
|
||||
|
||||
RuleFor(x => x.CalculationBase)
|
||||
.NotEmpty().WithMessage("Calculation Base is required")
|
||||
.MaximumLength(GlobalConsts.StringLengthShort);
|
||||
|
||||
RuleFor(x => x.Status)
|
||||
.NotEmpty().WithMessage("Status is required")
|
||||
.MaximumLength(GlobalConsts.StringLengthShort);
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,66 @@
|
||||
using Indotalent.ConfigBackEnd.Extensions;
|
||||
using Indotalent.Features.Payroll.Income.Cqrs;
|
||||
using MediatR;
|
||||
using Microsoft.AspNetCore.Authentication.JwtBearer;
|
||||
|
||||
namespace Indotalent.Features.Payroll.Income;
|
||||
|
||||
public static class IncomeEndpoint
|
||||
{
|
||||
public static void MapIncomeEndpoints(this IEndpointRouteBuilder app)
|
||||
{
|
||||
var group = app.MapGroup("/income").WithTags("Incomes")
|
||||
.RequireAuthorization(policy => policy.AddAuthenticationSchemes(JwtBearerDefaults.AuthenticationScheme)
|
||||
.RequireAuthenticatedUser());
|
||||
|
||||
group.MapGet("/", async (IMediator mediator) =>
|
||||
{
|
||||
var result = await mediator.Send(new GetIncomeListQuery());
|
||||
return result.ToApiResponse("Income components retrieved successfully");
|
||||
})
|
||||
.WithName("GetIncomeList")
|
||||
.WithTags("Incomes");
|
||||
|
||||
group.MapGet("/{id}", async (string id, IMediator mediator) =>
|
||||
{
|
||||
var result = await mediator.Send(new GetIncomeByIdQuery(id));
|
||||
return result.ToApiResponse(result is not null
|
||||
? "Income component detail retrieved successfully"
|
||||
: $"Income component with ID {id} not found");
|
||||
})
|
||||
.WithName("GetIncomeById")
|
||||
.WithTags("Incomes");
|
||||
|
||||
group.MapPost("/", async (CreateIncomeRequest request, IMediator mediator) =>
|
||||
{
|
||||
var result = await mediator.Send(new CreateIncomeCommand(request));
|
||||
return result.ToApiResponse("Income component has been created successfully", StatusCodes.Status201Created);
|
||||
})
|
||||
.WithName("CreateIncome")
|
||||
.WithTags("Incomes");
|
||||
|
||||
group.MapPost("/update", async (UpdateIncomeRequest request, IMediator mediator) =>
|
||||
{
|
||||
var result = await mediator.Send(new UpdateIncomeCommand(request));
|
||||
if (!result.Success)
|
||||
{
|
||||
return ((object?)null).ToApiResponse("Update failed. The income data could not be found.");
|
||||
}
|
||||
return result.ToApiResponse("Income component has been updated successfully");
|
||||
})
|
||||
.WithName("UpdateIncome")
|
||||
.WithTags("Incomes");
|
||||
|
||||
group.MapPost("/delete/{id}", async (string id, IMediator mediator) =>
|
||||
{
|
||||
var result = await mediator.Send(new DeleteIncomeByIdCommand(new DeleteIncomeByIdRequest(id)));
|
||||
if (!result)
|
||||
{
|
||||
return ((object?)null).ToApiResponse("Delete failed. The income data could not be found.");
|
||||
}
|
||||
return true.ToApiResponse("Income component has been deleted successfully");
|
||||
})
|
||||
.WithName("DeleteIncomeById")
|
||||
.WithTags("Incomes");
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,59 @@
|
||||
using Indotalent.ConfigBackEnd.Interfaces;
|
||||
using Indotalent.ConfigFrontEnd.Common;
|
||||
using Indotalent.Features.Payroll.Income.Cqrs;
|
||||
using Indotalent.Infrastructure.Authentication.Identity;
|
||||
using Indotalent.Shared.Models;
|
||||
using Microsoft.AspNetCore.Components;
|
||||
using MudBlazor;
|
||||
using RestSharp;
|
||||
|
||||
namespace Indotalent.Features.Payroll.Income;
|
||||
|
||||
public class IncomeService : BaseService
|
||||
{
|
||||
private readonly RestClient _client;
|
||||
|
||||
public IncomeService(
|
||||
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<GetIncomeListResponse>>?> GetIncomeListAsync()
|
||||
{
|
||||
var request = new RestRequest("api/income", Method.Get);
|
||||
return await ExecuteWithResponseAsync<List<GetIncomeListResponse>>(_client, request);
|
||||
}
|
||||
|
||||
public async Task<ApiResponse<GetIncomeByIdResponse>?> GetIncomeByIdAsync(string id)
|
||||
{
|
||||
var request = new RestRequest($"api/income/{id}", Method.Get);
|
||||
return await ExecuteWithResponseAsync<GetIncomeByIdResponse>(_client, request);
|
||||
}
|
||||
|
||||
public async Task<ApiResponse<CreateIncomeResponse>?> CreateIncomeAsync(CreateIncomeRequest data)
|
||||
{
|
||||
var request = new RestRequest("api/income", Method.Post);
|
||||
request.AddJsonBody(data);
|
||||
return await ExecuteWithResponseAsync<CreateIncomeResponse>(_client, request);
|
||||
}
|
||||
|
||||
public async Task<bool> DeleteIncomeByIdAsync(string id)
|
||||
{
|
||||
var request = new RestRequest($"api/income/delete/{id}", Method.Post);
|
||||
var response = await ExecuteWithResponseAsync<object>(_client, request);
|
||||
return response?.IsSuccess ?? false;
|
||||
}
|
||||
|
||||
public async Task<ApiResponse<UpdateIncomeResponse>?> UpdateIncomeAsync(UpdateIncomeRequest data)
|
||||
{
|
||||
var request = new RestRequest("api/income/update", Method.Post);
|
||||
request.AddJsonBody(data);
|
||||
return await ExecuteWithResponseAsync<UpdateIncomeResponse>(_client, request);
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,105 @@
|
||||
@page "/payroll"
|
||||
@using Microsoft.AspNetCore.Authorization
|
||||
@using Indotalent.Infrastructure.Authorization.Identity
|
||||
@attribute [Authorize(Roles = $"{ApplicationRoles.Admin},{ApplicationRoles.Member}")]
|
||||
@using Indotalent.Features.Payroll.Deduction.Components
|
||||
@using Indotalent.Features.Payroll.Grade
|
||||
@using Indotalent.Features.Payroll.Grade.Components
|
||||
@using Indotalent.Features.Payroll.Income
|
||||
@using Indotalent.Features.Payroll.Deduction
|
||||
@using Indotalent.Features.Payroll.Income.Components
|
||||
@using Indotalent.Features.Payroll.Payrolls
|
||||
@using Indotalent.Features.Payroll.Payrolls.Components
|
||||
@using MudBlazor
|
||||
@inject NavigationManager NavigationManager
|
||||
|
||||
<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: 150px;
|
||||
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">
|
||||
|
||||
<MudTabPanel Text="Payroll Process" Icon="@Icons.Material.Outlined.Calculate">
|
||||
<PayrollsPage />
|
||||
</MudTabPanel>
|
||||
|
||||
<MudTabPanel Text="Salary Grades" Icon="@Icons.Material.Outlined.Layers">
|
||||
<GradePage />
|
||||
</MudTabPanel>
|
||||
|
||||
<MudTabPanel Text="Income Components" Icon="@Icons.Material.Outlined.AddCard">
|
||||
<IncomePage />
|
||||
</MudTabPanel>
|
||||
|
||||
<MudTabPanel Text="Deductions" Icon="@Icons.Material.Outlined.PriceCheck">
|
||||
<DeductionPage />
|
||||
</MudTabPanel>
|
||||
|
||||
</MudTabs>
|
||||
</div>
|
||||
</MudContainer>
|
||||
|
||||
@code {
|
||||
private int _activeTabIndex = 0;
|
||||
|
||||
protected override void OnInitialized()
|
||||
{
|
||||
var uri = NavigationManager.ToAbsoluteUri(NavigationManager.Uri);
|
||||
if (Microsoft.AspNetCore.WebUtilities.QueryHelpers.ParseQuery(uri.Query).TryGetValue("tab", out var tabValue))
|
||||
{
|
||||
_activeTabIndex = tabValue.ToString().ToLower() switch
|
||||
{
|
||||
"process" => 0,
|
||||
"grade" => 1,
|
||||
"income" => 2,
|
||||
"deduction" => 3,
|
||||
_ => 0
|
||||
};
|
||||
}
|
||||
}
|
||||
|
||||
private void OnTabChanged(int index)
|
||||
{
|
||||
_activeTabIndex = index;
|
||||
string tabName = index switch
|
||||
{
|
||||
0 => "process",
|
||||
1 => "grade",
|
||||
2 => "income",
|
||||
3 => "deduction",
|
||||
_ => "process"
|
||||
};
|
||||
|
||||
NavigationManager.NavigateTo($"/payroll?tab={tabName}", replace: false);
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,66 @@
|
||||
@page "/payroll/payrolls"
|
||||
@using Indotalent.Features.Payroll.Payrolls
|
||||
@using Indotalent.Features.Payroll.Payrolls.Cqrs
|
||||
@using MudBlazor
|
||||
|
||||
@if (_currentView == ViewMode.Table)
|
||||
{
|
||||
<_PayrollProcessDataTable OnAdd="ShowCalculate"
|
||||
OnEdit="ShowUpdate"
|
||||
OnView="ShowDetails" />
|
||||
}
|
||||
else if (_currentView == ViewMode.Calculate)
|
||||
{
|
||||
<_PayrollCalculateForm OnCancel="BackToTable"
|
||||
OnSuccess="HandleSuccess" />
|
||||
}
|
||||
else if (_currentView == ViewMode.Update && _selectedUpdateData != null)
|
||||
{
|
||||
<_PayrollUpdateForm Data="_selectedUpdateData"
|
||||
OnCancel="BackToTable"
|
||||
OnSuccess="HandleSuccess" />
|
||||
}
|
||||
else if (_currentView == ViewMode.Details && _selectedProcess != null)
|
||||
{
|
||||
<_PayrollDetailGrid ProcessId="@_selectedProcess.Id"
|
||||
PeriodName="@_selectedProcess.PeriodName"
|
||||
OnBack="BackToTable" />
|
||||
}
|
||||
|
||||
@code {
|
||||
private enum ViewMode { Table, Calculate, Details, Update }
|
||||
private ViewMode _currentView = ViewMode.Table;
|
||||
private GetPayrollProcessListResponse? _selectedProcess;
|
||||
private UpdatePayrollProcessRequest? _selectedUpdateData;
|
||||
|
||||
private void ShowCalculate()
|
||||
{
|
||||
_currentView = ViewMode.Calculate;
|
||||
}
|
||||
|
||||
private void ShowUpdate(UpdatePayrollProcessRequest data)
|
||||
{
|
||||
_selectedUpdateData = data;
|
||||
_currentView = ViewMode.Update;
|
||||
}
|
||||
|
||||
private void ShowDetails(GetPayrollProcessListResponse data)
|
||||
{
|
||||
_selectedProcess = data;
|
||||
_currentView = ViewMode.Details;
|
||||
}
|
||||
|
||||
private void BackToTable()
|
||||
{
|
||||
_currentView = ViewMode.Table;
|
||||
_selectedProcess = null;
|
||||
_selectedUpdateData = null;
|
||||
}
|
||||
|
||||
private void HandleSuccess()
|
||||
{
|
||||
_currentView = ViewMode.Table;
|
||||
_selectedProcess = null;
|
||||
_selectedUpdateData = null;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,105 @@
|
||||
@using Indotalent.Features.Payroll.Payrolls
|
||||
@using Indotalent.Features.Payroll.Payrolls.Cqrs
|
||||
@using MudBlazor
|
||||
@inject PayrollsService PayrollsService
|
||||
@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;">Calculate New Payroll</MudText>
|
||||
<MudText Typo="Typo.body2" Style="color: #64748b;">Specify the period to run the salary engine for all active employees.</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">Period Name</MudText>
|
||||
<MudTextField @bind-Value="_model.PeriodName"
|
||||
Placeholder="e.g. March 2026"
|
||||
Variant="Variant.Outlined" Margin="Margin.Dense" FullWidth="true" />
|
||||
</MudItem>
|
||||
<MudItem xs="12" sm="3">
|
||||
<MudText Typo="Typo.subtitle2" Class="mb-1">From Date</MudText>
|
||||
<MudDatePicker @bind-Date="_model.FromDate" Editable="true" Placeholder="Start Date" Variant="Variant.Outlined" Margin="Margin.Dense" Required="true"/>
|
||||
</MudItem>
|
||||
<MudItem xs="12" sm="3">
|
||||
<MudText Typo="Typo.subtitle2" Class="mb-1">To Date</MudText>
|
||||
<MudDatePicker @bind-Date="_model.ToDate" Editable="true" Placeholder="End Date" Variant="Variant.Outlined" Margin="Margin.Dense" Required="true"/>
|
||||
</MudItem>
|
||||
<MudItem xs="12">
|
||||
<MudText Typo="Typo.subtitle2" Class="mb-1">Description / Notes</MudText>
|
||||
<MudTextField @bind-Value="_model.Description"
|
||||
Lines="3"
|
||||
Variant="Variant.Outlined" Margin="Margin.Dense" 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: 1px solid #e0e0e0; border-radius: 4px; text-transform: none; font-weight: 700;">
|
||||
Cancel
|
||||
</MudButton>
|
||||
<MudButton Color="Color.Primary"
|
||||
Variant="Variant.Filled"
|
||||
OnClick="Submit"
|
||||
Disabled="_processing"
|
||||
StartIcon="@Icons.Material.Filled.PlayArrow"
|
||||
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">Executing Engine...</MudText>
|
||||
}
|
||||
else
|
||||
{
|
||||
<MudText>Run Calculation</MudText>
|
||||
}
|
||||
</MudButton>
|
||||
</div>
|
||||
</MudForm>
|
||||
</MudPaper>
|
||||
|
||||
@code {
|
||||
[Parameter] public EventCallback OnCancel { get; set; }
|
||||
[Parameter] public EventCallback OnSuccess { get; set; }
|
||||
|
||||
private MudForm _form = default!;
|
||||
private CreatePayrollProcessRequest _model = new()
|
||||
{
|
||||
FromDate = new DateTime(DateTime.Now.Year, DateTime.Now.Month, 1),
|
||||
ToDate = new DateTime(DateTime.Now.Year, DateTime.Now.Month, DateTime.DaysInMonth(DateTime.Now.Year, DateTime.Now.Month))
|
||||
};
|
||||
private bool _processing = false;
|
||||
|
||||
private async Task Submit()
|
||||
{
|
||||
await _form.Validate();
|
||||
if (!_form.IsValid) return;
|
||||
|
||||
_processing = true;
|
||||
try
|
||||
{
|
||||
var response = await PayrollsService.CreatePayrollProcessAsync(_model);
|
||||
if (response != null && response.IsSuccess)
|
||||
{
|
||||
Snackbar.Add("Payroll has been calculated successfully", Severity.Success);
|
||||
await OnSuccess.InvokeAsync();
|
||||
}
|
||||
}
|
||||
catch (Exception ex)
|
||||
{
|
||||
Snackbar.Add($"Error: {ex.Message}", Severity.Error);
|
||||
}
|
||||
finally
|
||||
{
|
||||
_processing = false;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,276 @@
|
||||
@using Indotalent.Features.Payroll.Payrolls
|
||||
@using Indotalent.Features.Payroll.PayrollDetails.Cqrs
|
||||
@using Microsoft.AspNetCore.Components.Web
|
||||
@using Microsoft.JSInterop
|
||||
@using MudBlazor
|
||||
@using ClosedXML.Excel
|
||||
@using System.IO
|
||||
@inject PayrollsService PayrollsService
|
||||
@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 #DCEBFA;">
|
||||
<div class="d-flex align-center gap-4">
|
||||
<MudIconButton Icon="@Icons.Material.Filled.ArrowBack" OnClick="() => OnBack.InvokeAsync()" />
|
||||
<div>
|
||||
<MudText Typo="Typo.h5" Style="font-weight: 900; color: #1a1a1a;">Employee Payroll List</MudText>
|
||||
<MudText Typo="Typo.body2" Style="color: #64748b;">Reviewing distribution for period: <b>@PeriodName</b></MudText>
|
||||
</div>
|
||||
</div>
|
||||
</MudPaper>
|
||||
|
||||
<MudPaper Elevation="0" Outlined="true" Style="border-radius: 0px; overflow: hidden; background-color: #ffffff; border: 1px solid #DCEBFA;">
|
||||
|
||||
<div style="padding: 24px; border-bottom: 2px solid #DCEBFA; display: flex; justify-content: space-between; align-items: center; background-color: #F0F7FF; min-height: 100px;">
|
||||
|
||||
<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: 300px; border-radius: 0px;"
|
||||
OnKeyDown="@HandleSearchKeyDown" />
|
||||
|
||||
<MudButton Variant="Variant.Filled"
|
||||
Color="Color.Primary"
|
||||
OnClick="OnSearchClick"
|
||||
Size="Size.Small"
|
||||
Style="text-transform: none; font-weight: 700; border-radius: 4px; height: 32.25px; 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="border: 1px solid #e0e0e0; background:white; font-weight: 700; border-radius: 4px; text-transform: none; height: 32.25px;">
|
||||
@if (_isExporting)
|
||||
{
|
||||
<MudProgressCircular Class="ms-n1" Size="Size.Small" Indeterminate="true" />
|
||||
}
|
||||
else
|
||||
{
|
||||
|
||||
<MudText Typo="Typo.button" Style="text-transform: none !important;">Excel</MudText>
|
||||
}
|
||||
</MudButton>
|
||||
|
||||
<MudButton Variant="Variant.Outlined"
|
||||
Color="Color.Primary"
|
||||
OnClick="LoadDetails"
|
||||
Size="Size.Small"
|
||||
StartIcon="@(_loading ? null : Icons.Material.Filled.Refresh)"
|
||||
Disabled="_loading"
|
||||
Style="border: 1px solid #e0e0e0; background:white; font-weight: 700; border-radius: 4px; text-transform: none; height: 32.25px;">
|
||||
@if (_loading)
|
||||
{
|
||||
<MudProgressCircular Class="ms-n1" Size="Size.Small" Indeterminate="true" />
|
||||
}
|
||||
else
|
||||
{
|
||||
|
||||
<MudText Typo="Typo.button" Style="text-transform: none !important;">Refresh</MudText>
|
||||
}
|
||||
</MudButton>
|
||||
|
||||
@if (_selectedRow != null)
|
||||
{
|
||||
<MudButton Variant="Variant.Filled"
|
||||
Color="Color.Info"
|
||||
StartIcon="@Icons.Material.Filled.Assignment"
|
||||
OnClick="OpenSlipPopup"
|
||||
Size="Size.Small"
|
||||
Style="text-transform: none; font-weight: 700; border-radius: 4px; height: 32.25px;">
|
||||
Detail
|
||||
</MudButton>
|
||||
<MudIconButton Icon="@Icons.Material.Filled.Close" Size="Size.Small" OnClick="() => _selectedRow = null" Variant="Variant.Outlined" Style="background:white; border-radius: 0px; height: 32.25px;" />
|
||||
}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<MudTable Items="@GetPagedData()" Hover="true" Elevation="0" Dense="true" T="GetPayrollDetailListByProcessIdResponse" OnRowClick="@((args) => _selectedRow = args.Item)" Loading="@_loading">
|
||||
<HeaderContent>
|
||||
<MudTh Style="width: 50px; border-bottom: 2px solid #DCEBFA;"></MudTh>
|
||||
<MudTh Style="font-weight: 900; color: #1a1a1a; text-transform: uppercase; font-size: 0.75rem;">NIK</MudTh>
|
||||
<MudTh Style="font-weight: 900; color: #1a1a1a; text-transform: uppercase; font-size: 0.75rem;">Employee Name</MudTh>
|
||||
<MudTh Style="font-weight: 900; color: #1a1a1a; text-transform: uppercase; font-size: 0.75rem; text-align: right;">Basic Salary</MudTh>
|
||||
<MudTh Style="font-weight: 900; color: #1a1a1a; text-transform: uppercase; font-size: 0.75rem; text-align: right;">Incomes</MudTh>
|
||||
<MudTh Style="font-weight: 900; color: #1a1a1a; text-transform: uppercase; font-size: 0.75rem; text-align: right;">Deductions</MudTh>
|
||||
<MudTh Style="font-weight: 900; color: #1a1a1a; text-transform: uppercase; font-size: 0.75rem; text-align: right;">Take Home Pay</MudTh>
|
||||
</HeaderContent>
|
||||
<RowTemplate>
|
||||
<MudTd>
|
||||
<MudCheckBox T="bool" Value="@(_selectedRow?.Id == context.Id)" Color="Color.Primary" Dense="true" Size="Size.Small" ReadOnly="true" />
|
||||
</MudTd>
|
||||
<MudTd>@context.EmployeeCode</MudTd>
|
||||
<MudTd Style="font-weight: 700;">@context.EmployeeName</MudTd>
|
||||
<MudTd Style="text-align: right;">@context.BasicSalary.ToString("N0")</MudTd>
|
||||
<MudTd Style="text-align: right; color: #2E7D32;">@context.TotalIncome.ToString("N0")</MudTd>
|
||||
<MudTd Style="text-align: right; color: #C62828;">(@context.TotalDeduction.ToString("N0"))</MudTd>
|
||||
<MudTd Style="text-align: right;">
|
||||
<MudChip T="string" Color="Color.Primary" Size="Size.Small" Style="font-weight: 900; border-radius: 0px;">
|
||||
@context.TakeHomePay.ToString("N0")
|
||||
</MudChip>
|
||||
</MudTd>
|
||||
</RowTemplate>
|
||||
</MudTable>
|
||||
|
||||
<div style="display: flex; justify-content: space-between; align-items: center; padding: 12px 24px; background-color: #F0F7FF; border-top: 2px solid #DCEBFA;">
|
||||
<div style="display: flex; align-items: center; gap: 12px;">
|
||||
<MudText Typo="Typo.caption" Style="font-weight: 700; color: #0D47A1;">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: #1E88E5; 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 ? "background-color: #f1f5f9; color: #cbd5e1; border: none;" : "background-color: white; border: 1px solid #DCEBFA; color: #0D47A1;")" Class="rounded-0" />
|
||||
<MudButton OnClick="@(() => OnPageChanged(_currentPage - 1))" Disabled="@(_currentPage == 1)" Variant="Variant.Text" StartIcon="@Icons.Material.Filled.ChevronLeft" Size="Size.Small" Style="@(_currentPage == 1 ? "text-transform: none; font-weight: 700; color: #cbd5e1;" : "text-transform: none; font-weight: 700; color: #0D47A1;")">Prev</MudButton>
|
||||
<MudText Typo="Typo.caption" Style="font-weight: 700; margin: 0 10px; color: #1a1a1a;">Page @_currentPage of @(_totalPage == 0 ? 1 : _totalPage)</MudText>
|
||||
<MudButton OnClick="@(() => OnPageChanged(_currentPage + 1))" Disabled="@(_currentPage == _totalPage || _totalPage == 0)" Variant="Variant.Text" EndIcon="@Icons.Material.Filled.ChevronRight" Size="Size.Small" Style="@(_currentPage == _totalPage || _totalPage == 0 ? "text-transform: none; font-weight: 700; color: #cbd5e1;" : "text-transform: none; font-weight: 700; color: #0D47A1;")">Next</MudButton>
|
||||
<MudIconButton Icon="@Icons.Material.Filled.LastPage" Size="Size.Small" OnClick="@(() => OnPageChanged(_totalPage))" Disabled="@(_currentPage == _totalPage || _totalPage == 0)" Style="@(_currentPage == _totalPage || _totalPage == 0 ? "background-color: #f1f5f9; color: #cbd5e1; border: none;" : "background-color: white; border: 1px solid #DCEBFA; color: #0D47A1;")" Class="rounded-0" />
|
||||
</div>
|
||||
</div>
|
||||
</MudPaper>
|
||||
|
||||
<style>
|
||||
.mud-input-outlined-border { border-radius: 0px !important; }
|
||||
.custom-select-dense .mud-input-control { margin-top: 0 !important; }
|
||||
.custom-select-dense .mud-input-slot { padding-top: 4px !important; padding-bottom: 4px !important; padding-left: 8px !important; font-size: 12px !important; }
|
||||
</style>
|
||||
|
||||
<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>
|
||||
|
||||
@code {
|
||||
[Parameter] public string ProcessId { get; set; } = string.Empty;
|
||||
[Parameter] public string PeriodName { get; set; } = string.Empty;
|
||||
[Parameter] public EventCallback OnBack { get; set; }
|
||||
|
||||
private List<GetPayrollDetailListByProcessIdResponse> _details = new();
|
||||
private GetPayrollDetailListByProcessIdResponse? _selectedRow;
|
||||
private string _searchString = "";
|
||||
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;
|
||||
private bool _loading = false;
|
||||
private bool _isExporting = false;
|
||||
|
||||
protected override async Task OnParametersSetAsync()
|
||||
{
|
||||
if (!string.IsNullOrEmpty(ProcessId)) await LoadDetails();
|
||||
}
|
||||
|
||||
private async Task LoadDetails()
|
||||
{
|
||||
_loading = true;
|
||||
_selectedRow = null;
|
||||
StateHasChanged();
|
||||
var response = await PayrollsService.GetPayrollDetailListByProcessIdAsync(ProcessId);
|
||||
if (response != null && response.IsSuccess)
|
||||
{
|
||||
_details = response.Value ?? new();
|
||||
}
|
||||
_loading = false;
|
||||
StateHasChanged();
|
||||
}
|
||||
|
||||
private IEnumerable<GetPayrollDetailListByProcessIdResponse> GetFilteredData()
|
||||
{
|
||||
if (string.IsNullOrWhiteSpace(_searchString)) return _details;
|
||||
return _details.Where(x =>
|
||||
(x.EmployeeCode?.Contains(_searchString, StringComparison.OrdinalIgnoreCase) ?? false) ||
|
||||
(x.EmployeeName?.Contains(_searchString, StringComparison.OrdinalIgnoreCase) ?? false)
|
||||
);
|
||||
}
|
||||
|
||||
private IEnumerable<GetPayrollDetailListByProcessIdResponse> GetPagedData() => GetFilteredData().Skip(_skip).Take(_top);
|
||||
|
||||
private void OnSearchClick() { _skip = 0; StateHasChanged(); }
|
||||
private void HandleSearchKeyDown(KeyboardEventArgs e) { if (e.Key == "Enter") OnSearchClick(); }
|
||||
private void OnPageChanged(int page) { _skip = (page - 1) * _top; _selectedRow = null; StateHasChanged(); }
|
||||
private void OnPageSizeChanged(int size) { _top = size; _skip = 0; _selectedRow = null; StateHasChanged(); }
|
||||
|
||||
private async Task OpenSlipPopup()
|
||||
{
|
||||
if (_selectedRow == null) return;
|
||||
|
||||
var response = await PayrollsService.GetPayrollSlipByIdAsync(_selectedRow.Id!);
|
||||
if (response != null && response.IsSuccess)
|
||||
{
|
||||
var parameters = new DialogParameters<_PayrollSlipDialog>
|
||||
{
|
||||
{ x => x.Data, response.Value },
|
||||
{ x => x.PeriodName, PeriodName }
|
||||
};
|
||||
|
||||
var options = new DialogOptions { MaxWidth = MaxWidth.Medium, FullWidth = true, CloseButton = true };
|
||||
await DialogService.ShowAsync<_PayrollSlipDialog>("", parameters, options);
|
||||
}
|
||||
}
|
||||
|
||||
private async Task ExportToExcel()
|
||||
{
|
||||
_isExporting = true;
|
||||
StateHasChanged();
|
||||
try
|
||||
{
|
||||
await Task.Delay(500);
|
||||
using var workbook = new XLWorkbook();
|
||||
var worksheet = workbook.Worksheets.Add("EmployeePayroll");
|
||||
worksheet.Cell(1, 1).Value = "NIK";
|
||||
worksheet.Cell(1, 2).Value = "Employee Name";
|
||||
worksheet.Cell(1, 3).Value = "Basic Salary";
|
||||
worksheet.Cell(1, 4).Value = "Total Income";
|
||||
worksheet.Cell(1, 5).Value = "Total Deduction";
|
||||
worksheet.Cell(1, 6).Value = "Take Home Pay";
|
||||
var headerRange = worksheet.Range(1, 1, 1, 6);
|
||||
headerRange.Style.Font.Bold = true;
|
||||
headerRange.Style.Fill.BackgroundColor = XLColor.FromHtml("#0D47A1");
|
||||
headerRange.Style.Font.FontColor = XLColor.White;
|
||||
int row = 2;
|
||||
foreach (var item in GetFilteredData())
|
||||
{
|
||||
worksheet.Cell(row, 1).Value = item.EmployeeCode;
|
||||
worksheet.Cell(row, 2).Value = item.EmployeeName;
|
||||
worksheet.Cell(row, 3).Value = item.BasicSalary;
|
||||
worksheet.Cell(row, 4).Value = item.TotalIncome;
|
||||
worksheet.Cell(row, 5).Value = item.TotalDeduction;
|
||||
worksheet.Cell(row, 6).Value = item.TakeHomePay;
|
||||
row++;
|
||||
}
|
||||
worksheet.Columns().AdjustToContents();
|
||||
using var stream = new MemoryStream();
|
||||
workbook.SaveAs(stream);
|
||||
await JSRuntime.InvokeVoidAsync("downloadFile", $"Payroll_Detail_{PeriodName}.xlsx", "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet", Convert.ToBase64String(stream.ToArray()));
|
||||
Snackbar.Add("Excel exported successfully", Severity.Success);
|
||||
}
|
||||
catch (Exception ex) { Snackbar.Add($"Export failed: {ex.Message}", Severity.Error); }
|
||||
finally { _isExporting = false; StateHasChanged(); }
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,364 @@
|
||||
@using Indotalent.ConfigBackEnd.Extensions
|
||||
@using Indotalent.Features.Payroll.Payrolls
|
||||
@using Indotalent.Features.Payroll.Payrolls.Cqrs
|
||||
@using Microsoft.AspNetCore.Components.Web
|
||||
@using Microsoft.JSInterop
|
||||
@using MudBlazor
|
||||
@using Features.Root.Shared
|
||||
@using ClosedXML.Excel
|
||||
@using System.IO
|
||||
@inject PayrollsService PayrollsService
|
||||
@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;">Payroll Processing & History</MudText>
|
||||
<MudText Typo="Typo.body2" Style="color: #9CA3AF;">Execute monthly salary calculations and review historical payment distributions.</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;">Payroll</MudText>
|
||||
<MudText Typo="Typo.caption" Style="color: #9CA3AF;">/</MudText>
|
||||
<MudText Typo="Typo.caption" Style="font-weight: 600; color: #111827;">Process</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="border: 1px solid #D1D5DB; background: white; font-weight: 500; border-radius: 6px; text-transform: none; height: 34px; color: #6B7280;">
|
||||
@if (_isExporting)
|
||||
{
|
||||
<MudProgressCircular Class="ms-n1" Size="Size.Small" Indeterminate="true" />
|
||||
<MudText Class="ms-2" Typo="Typo.button" Style="text-transform: none !important;">Processing...</MudText>
|
||||
}
|
||||
else
|
||||
{
|
||||
<MudText Typo="Typo.button" Style="text-transform: none !important;">Excel</MudText>
|
||||
}
|
||||
</MudButton>
|
||||
|
||||
<MudButton Variant="Variant.Outlined"
|
||||
Color="Color.Primary"
|
||||
OnClick="LoadData"
|
||||
Size="Size.Small"
|
||||
StartIcon="@(_isRefreshing ? null : Icons.Material.Filled.Refresh)"
|
||||
Disabled="_isRefreshing"
|
||||
Style="border: 1px solid #D1D5DB; background: white; font-weight: 500; border-radius: 6px; text-transform: none; height: 34px; color: #6B7280;">
|
||||
@if (_isRefreshing)
|
||||
{
|
||||
<MudProgressCircular Class="ms-n1" Size="Size.Small" Indeterminate="true" />
|
||||
<MudText Class="ms-2" Typo="Typo.button" Style="text-transform: none !important;">Refreshing...</MudText>
|
||||
}
|
||||
else
|
||||
{
|
||||
<MudText Typo="Typo.button" Style="text-transform: none !important;">Refresh</MudText>
|
||||
}
|
||||
</MudButton>
|
||||
|
||||
@if (_selectedItem != null)
|
||||
{
|
||||
<MudButton Variant="Variant.Outlined" Color="Color.Info" StartIcon="@Icons.Material.Filled.Visibility" OnClick="InvokeView" Size="Size.Small" Style="border: 1px solid #D1D5DB; text-transform: none; font-weight: 500; border-radius: 6px; background: white; color: #6B7280;">View</MudButton>
|
||||
<MudButton Variant="Variant.Outlined" Color="Color.Primary" StartIcon="@Icons.Material.Filled.Edit" OnClick="InvokeEdit" Size="Size.Small" Style="border: 1px solid #D1D5DB; text-transform: none; font-weight: 500; border-radius: 6px; background: white; color: #6B7280;">Edit</MudButton>
|
||||
<MudButton Variant="Variant.Outlined" Color="Color.Error" StartIcon="@Icons.Material.Filled.Delete" OnClick="OnDelete" Size="Size.Small" Style="text-transform: none; font-weight: 500; border-radius: 6px; border: 1px solid #FCA5A5; color: #EF4444; background: white;">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.AutoFixHigh"
|
||||
Size="Size.Small"
|
||||
OnClick="() => OnAdd.InvokeAsync()"
|
||||
Style="text-transform: none; font-weight: 500; border-radius: 6px; height: 34px;">
|
||||
Calculate Payrolls
|
||||
</MudButton>
|
||||
}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<MudTable Items="@GetPagedData()" Hover="true" Striped="true" Class="mud-table-styled" Elevation="0" Dense="true" T="GetPayrollProcessListResponse" 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: 600; color: #6B7280; text-transform: uppercase; font-size: 0.6875rem; letter-spacing: 0.05em;">
|
||||
<MudTableSortLabel SortBy="new Func<GetPayrollProcessListResponse, object>(x => x.FromDate!)">Period</MudTableSortLabel>
|
||||
</MudTh>
|
||||
<MudTh Style="font-weight: 600; color: #6B7280; text-transform: uppercase; font-size: 0.6875rem; letter-spacing: 0.05em;">Total Employees</MudTh>
|
||||
<MudTh Style="font-weight: 600; color: #6B7280; text-transform: uppercase; font-size: 0.6875rem; letter-spacing: 0.05em;">Total Gross</MudTh>
|
||||
<MudTh Style="font-weight: 600; color: #6B7280; text-transform: uppercase; font-size: 0.6875rem; letter-spacing: 0.05em;">Total Deduction</MudTh>
|
||||
<MudTh Style="font-weight: 600; color: #6B7280; text-transform: uppercase; font-size: 0.6875rem; letter-spacing: 0.05em;">Total Net Pay (THP)</MudTh>
|
||||
<MudTh Style="font-weight: 600; color: #6B7280; text-transform: uppercase; font-size: 0.6875rem; letter-spacing: 0.05em;">Status</MudTh>
|
||||
</HeaderContent>
|
||||
<RowTemplate>
|
||||
<MudTd>
|
||||
<MudCheckBox T="bool" Value="@(_selectedItem?.Id == context.Id)" Color="Color.Primary" Dense="true" Size="Size.Small" ReadOnly="true" />
|
||||
</MudTd>
|
||||
<MudTd>
|
||||
<MudText Typo="Typo.body2" Style="font-weight: 600; color: #374151;">@context.PeriodName</MudText>
|
||||
<MudText Typo="Typo.caption">@context.FromDate.ToShortDateString() - @context.ToDate.ToShortDateString()</MudText>
|
||||
</MudTd>
|
||||
<MudTd>@context.TotalEmployees Employees</MudTd>
|
||||
<MudTd>@context.TotalGross.ToString("N0")</MudTd>
|
||||
<MudTd Style="color: #C62828;">(@context.TotalDeduction.ToString("N0"))</MudTd>
|
||||
<MudTd>
|
||||
<MudText Typo="Typo.body2" Style="font-weight: 700; color: #2E7D32;">@context.TotalTakeHomePay.ToString("N0")</MudText>
|
||||
</MudTd>
|
||||
<MudTd>
|
||||
<MudChip T="string" Color="@GetStatusColor(context.Status!)" Size="Size.Small" Variant="Variant.Text" Style="font-weight: 600; border-radius: 0px; text-transform: uppercase;">
|
||||
@context.Status
|
||||
</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: 0.75rem; font-weight: 500;"
|
||||
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 ? "text-transform: none; font-weight: 500; background: white; border: 1px solid #D1D5DB; border-radius: 6px; height: 34px; color: #6B7280;" : "text-transform: none; font-weight: 500; background: white; border: 1px solid #D1D5DB; border-radius: 6px; height: 34px; color: #6B7280;")">Prev</MudButton>
|
||||
@{
|
||||
var totalPages = _totalPage == 0 ? 1 : _totalPage;
|
||||
var maxVisible = 5;
|
||||
var startPage = Math.Max(1, _currentPage - maxVisible / 2);
|
||||
var endPage = Math.Min(totalPages, startPage + maxVisible - 1);
|
||||
if (endPage - startPage < maxVisible - 1) { startPage = Math.Max(1, endPage - maxVisible + 1); }
|
||||
}
|
||||
@for (int i = startPage; i <= endPage; i++)
|
||||
{
|
||||
var pageNum = i;
|
||||
var isActive = pageNum == _currentPage;
|
||||
<MudButton OnClick="@(() => OnPageChanged(pageNum))"
|
||||
Variant="Variant.Text" Size="Size.Small"
|
||||
Style="@(isActive ? "min-width: 34px; padding: 4px 8px; font-size: 0.75rem; font-weight: 600; background: #3B82F6; color: white; border: 1px solid #3B82F6; border-radius: 6px; text-transform: none;" : "min-width: 34px; padding: 4px 8px; font-size: 0.75rem; font-weight: 500; color: #374151; background: white; border: 1px solid #D1D5DB; border-radius: 6px; text-transform: none;")">@pageNum</MudButton>
|
||||
}
|
||||
<MudButton OnClick="@(() => OnPageChanged(_currentPage + 1))" Disabled="@(_currentPage == _totalPage || _totalPage == 0)" Variant="Variant.Text" EndIcon="@Icons.Material.Filled.ChevronRight" Size="Size.Small" Style="@(_currentPage == _totalPage || _totalPage == 0 ? "text-transform: none; font-weight: 500; background: white; border: 1px solid #D1D5DB; border-radius: 6px; height: 34px; color: #6B7280;" : "text-transform: none; font-weight: 500; background: white; border: 1px solid #D1D5DB; border-radius: 6px; height: 34px; color: #6B7280;")">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-input-outlined-border { border-radius: 8px !important; }
|
||||
.custom-select-dense .mud-input-control { margin-top: 0 !important; }
|
||||
.custom-select-dense .mud-input-slot { padding-top: 4px !important; padding-bottom: 4px !important; padding-left: 8px !important; font-size: 12px !important; }
|
||||
.mud-table-styled .mud-table-row:hover { background-color: #F9FAFB !important; }
|
||||
</style>
|
||||
|
||||
<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>
|
||||
|
||||
@code {
|
||||
[Parameter] public EventCallback OnAdd { get; set; }
|
||||
[Parameter] public EventCallback<UpdatePayrollProcessRequest> OnEdit { get; set; }
|
||||
[Parameter] public EventCallback<GetPayrollProcessListResponse> OnView { get; set; }
|
||||
|
||||
private List<GetPayrollProcessListResponse> _payrolls = new();
|
||||
private GetPayrollProcessListResponse? _selectedItem;
|
||||
private string _searchString = "";
|
||||
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;
|
||||
private bool _isRefreshing = false;
|
||||
private bool _isExporting = false;
|
||||
|
||||
protected override async Task OnInitializedAsync() => await LoadData();
|
||||
|
||||
private async Task LoadData()
|
||||
{
|
||||
_isRefreshing = true;
|
||||
_selectedItem = null;
|
||||
StateHasChanged();
|
||||
try
|
||||
{
|
||||
var response = await PayrollsService.GetPayrollProcessListAsync();
|
||||
await Task.Delay(500);
|
||||
if (response != null && response.IsSuccess)
|
||||
{
|
||||
_payrolls = response.Value ?? new();
|
||||
}
|
||||
}
|
||||
finally
|
||||
{
|
||||
_isRefreshing = false;
|
||||
StateHasChanged();
|
||||
}
|
||||
}
|
||||
|
||||
private IEnumerable<GetPayrollProcessListResponse> GetFilteredData()
|
||||
{
|
||||
if (string.IsNullOrWhiteSpace(_searchString)) return _payrolls;
|
||||
return _payrolls.Where(x =>
|
||||
(x.PeriodName?.Contains(_searchString, StringComparison.OrdinalIgnoreCase) ?? false) ||
|
||||
(x.Status?.Contains(_searchString, StringComparison.OrdinalIgnoreCase) ?? false) ||
|
||||
(x.AutoNumber?.Contains(_searchString, StringComparison.OrdinalIgnoreCase) ?? false)
|
||||
);
|
||||
}
|
||||
|
||||
private IEnumerable<GetPayrollProcessListResponse> GetPagedData() => GetFilteredData().Skip(_skip).Take(_top);
|
||||
|
||||
private Color GetStatusColor(string status) => status switch
|
||||
{
|
||||
"Paid" => Color.Success,
|
||||
"Draft" => Color.Warning,
|
||||
"Processed" => Color.Info,
|
||||
_ => Color.Default
|
||||
};
|
||||
|
||||
private void OnSearchClick() { _skip = 0; _selectedItem = null; StateHasChanged(); }
|
||||
private void HandleSearchKeyDown(KeyboardEventArgs e) { if (e.Key == "Enter") OnSearchClick(); }
|
||||
private void OnPageChanged(int page) { _skip = (page - 1) * _top; _selectedItem = null; StateHasChanged(); }
|
||||
private void OnPageSizeChanged(int size)
|
||||
{
|
||||
_top = size; _skip = 0; _selectedItem = null; StateHasChanged();
|
||||
}
|
||||
|
||||
private async Task InvokeView()
|
||||
{
|
||||
if (_selectedItem != null) await OnView.InvokeAsync(_selectedItem);
|
||||
}
|
||||
|
||||
private async Task InvokeEdit()
|
||||
{
|
||||
if (_selectedItem == null) return;
|
||||
var res = await PayrollsService.GetPayrollProcessByIdAsync(_selectedItem.Id!);
|
||||
if (res?.Value != null)
|
||||
{
|
||||
var updateRequest = new UpdatePayrollProcessRequest
|
||||
{
|
||||
Id = res.Value.Id,
|
||||
Status = res.Value.Status,
|
||||
Description = res.Value.Description,
|
||||
PeriodName = res.Value.PeriodName
|
||||
};
|
||||
await OnEdit.InvokeAsync(updateRequest);
|
||||
}
|
||||
}
|
||||
|
||||
private async Task OnDelete()
|
||||
{
|
||||
if (_selectedItem == null) return;
|
||||
var dialog = await DialogService.ShowAsync<_DeleteConfirmation>("", new DialogParameters<_DeleteConfirmation> { { x => x.ContentText, _selectedItem.PeriodName } });
|
||||
if (!(await dialog.Result).Canceled)
|
||||
{
|
||||
if (await PayrollsService.DeletePayrollProcessByIdAsync(_selectedItem.Id!))
|
||||
{
|
||||
await LoadData();
|
||||
Snackbar.Add("Payroll process deleted", Severity.Success);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
private async Task ExportToExcel()
|
||||
{
|
||||
_isExporting = true;
|
||||
StateHasChanged();
|
||||
try
|
||||
{
|
||||
await Task.Delay(1000);
|
||||
using (var workbook = new XLWorkbook())
|
||||
{
|
||||
var worksheet = workbook.Worksheets.Add("PayrollHistory");
|
||||
worksheet.Cell(1, 1).Value = "Period";
|
||||
worksheet.Cell(1, 2).Value = "Total Employees";
|
||||
worksheet.Cell(1, 3).Value = "Total Gross";
|
||||
worksheet.Cell(1, 4).Value = "Total Deduction";
|
||||
worksheet.Cell(1, 5).Value = "Net Pay (THP)";
|
||||
worksheet.Cell(1, 6).Value = "Status";
|
||||
var headerRange = worksheet.Range(1, 1, 1, 6);
|
||||
headerRange.Style.Font.Bold = true;
|
||||
headerRange.Style.Fill.BackgroundColor = XLColor.FromHtml("#0D47A1");
|
||||
headerRange.Style.Font.FontColor = XLColor.White;
|
||||
int row = 2;
|
||||
foreach (var item in GetFilteredData())
|
||||
{
|
||||
worksheet.Cell(row, 1).Value = item.PeriodName;
|
||||
worksheet.Cell(row, 2).Value = item.TotalEmployees;
|
||||
worksheet.Cell(row, 3).Value = item.TotalGross;
|
||||
worksheet.Cell(row, 4).Value = item.TotalDeduction;
|
||||
worksheet.Cell(row, 5).Value = item.TotalTakeHomePay;
|
||||
worksheet.Cell(row, 6).Value = item.Status;
|
||||
row++;
|
||||
}
|
||||
worksheet.Columns().AdjustToContents();
|
||||
using (var stream = new MemoryStream())
|
||||
{
|
||||
workbook.SaveAs(stream);
|
||||
var content = Convert.ToBase64String(stream.ToArray());
|
||||
await JSRuntime.InvokeVoidAsync("downloadFile", "Payroll_History.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();
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,100 @@
|
||||
@using Indotalent.Features.Payroll.PayrollDetails.Cqrs
|
||||
@using Indotalent.Features.Payroll.Payrolls
|
||||
@using Indotalent.Shared.Utils
|
||||
@using Microsoft.JSInterop
|
||||
@using MudBlazor
|
||||
@inject IJSRuntime JSRuntime
|
||||
@inject ISnackbar Snackbar
|
||||
|
||||
<MudDialog>
|
||||
<TitleContent>
|
||||
<MudText Typo="Typo.h6" Style="font-weight: 900; color: #1a1a1a;">PAYROLL SLIP DETAILS</MudText>
|
||||
</TitleContent>
|
||||
<DialogContent>
|
||||
@if (Data != null)
|
||||
{
|
||||
<MudGrid Spacing="2">
|
||||
<MudItem xs="12">
|
||||
<div class="pa-4" style="background-color: #F8FAFC; border: 1px solid #E2E8F0; border-radius: 0px;">
|
||||
<MudGrid>
|
||||
<MudItem xs="6">
|
||||
<MudText Typo="Typo.caption" Style="color: #64748b; font-weight: 600;">Employee Name</MudText>
|
||||
<MudText Typo="Typo.body1" Style="font-weight: 800; color: #0D47A1;">@Data.EmployeeName</MudText>
|
||||
<div class="mt-2">
|
||||
<MudText Typo="Typo.caption" Style="color: #64748b; font-weight: 600;">Code</MudText>
|
||||
<MudText Typo="Typo.body2" Style="font-weight: 700;">@Data.EmployeeCode</MudText>
|
||||
</div>
|
||||
</MudItem>
|
||||
<MudItem xs="6" Style="text-align: right;">
|
||||
<MudText Typo="Typo.caption" Style="color: #64748b; font-weight: 600;">Payroll Period</MudText>
|
||||
<MudText Typo="Typo.body1" Style="font-weight: 800;">@PeriodName</MudText>
|
||||
<div class="mt-2">
|
||||
<MudText Typo="Typo.caption" Style="color: #64748b; font-weight: 600;">Basic Salary</MudText>
|
||||
<MudText Typo="Typo.body1" Color="Color.Primary" Style="font-weight: 800;">@Data.BasicSalary.ToString("N0")</MudText>
|
||||
</div>
|
||||
</MudItem>
|
||||
</MudGrid>
|
||||
</div>
|
||||
</MudItem>
|
||||
|
||||
<MudItem xs="6">
|
||||
<MudText Typo="Typo.subtitle2" Color="Color.Success" Style="font-weight: 900;" Class="mb-2">Incomes (+)</MudText>
|
||||
<MudDivider Class="mb-3" />
|
||||
@foreach (var inc in Data.Incomes)
|
||||
{
|
||||
<div class="d-flex justify-space-between mb-1">
|
||||
<MudText Typo="Typo.body2">@inc.ComponentName</MudText>
|
||||
<MudText Typo="Typo.body2" Style="font-weight: 700;">@inc.Amount.ToString("N0")</MudText>
|
||||
</div>
|
||||
}
|
||||
</MudItem>
|
||||
|
||||
<MudItem xs="6" Style="border-left: 1px solid #E2E8F0;">
|
||||
<MudText Typo="Typo.subtitle2" Color="Color.Error" Style="font-weight: 900;" Class="mb-2">Deductions (-)</MudText>
|
||||
<MudDivider Class="mb-3" />
|
||||
@foreach (var ded in Data.Deductions)
|
||||
{
|
||||
<div class="d-flex justify-space-between mb-1">
|
||||
<MudText Typo="Typo.body2">@ded.ComponentName</MudText>
|
||||
<MudText Typo="Typo.body2" Style="font-weight: 700; color: #C62828;">(@ded.Amount.ToString("N0"))</MudText>
|
||||
</div>
|
||||
}
|
||||
</MudItem>
|
||||
|
||||
<MudItem xs="12">
|
||||
<div class="pa-4 mt-2 d-flex justify-space-between align-center" style="background-color: #0D47A1; color: white;">
|
||||
<MudText Typo="Typo.h6" Style="font-weight: 900;">TAKE HOME PAY</MudText>
|
||||
<MudText Typo="Typo.h5" Style="font-weight: 900;">@Data.TakeHomePay.ToString("N0")</MudText>
|
||||
</div>
|
||||
</MudItem>
|
||||
</MudGrid>
|
||||
}
|
||||
</DialogContent>
|
||||
<DialogActions>
|
||||
<MudButton OnClick="Cancel" Variant="Variant.Outlined" Style="border: 1px solid #e0e0e0; border-radius: 4px; text-transform: none; font-weight: 700;">Close</MudButton>
|
||||
<MudButton Color="Color.Primary" Variant="Variant.Filled" StartIcon="@Icons.Material.Filled.PictureAsPdf" OnClick="PrintPdf" Style="border-radius: 4px; text-transform: none; font-weight: 700;">Print PDF Slip</MudButton>
|
||||
</DialogActions>
|
||||
</MudDialog>
|
||||
|
||||
@code {
|
||||
[CascadingParameter] IMudDialogInstance MudDialog { get; set; } = default!;
|
||||
[Parameter] public GetPayrollSlipByIdResponse Data { get; set; } = new();
|
||||
[Parameter] public string PeriodName { get; set; } = string.Empty;
|
||||
|
||||
private void Cancel() => MudDialog.Cancel();
|
||||
|
||||
private async Task PrintPdf()
|
||||
{
|
||||
try
|
||||
{
|
||||
var pdfBytes = PayrollSlipPdfGenerator.Generate(Data, PeriodName);
|
||||
var fileName = $"Slip_{Data.EmployeeCode}_{DateTime.Now:yyyyMMdd}.pdf";
|
||||
await JSRuntime.InvokeVoidAsync("downloadFile", fileName, "application/pdf", Convert.ToBase64String(pdfBytes));
|
||||
Snackbar.Add("PDF Slip downloaded", Severity.Success);
|
||||
}
|
||||
catch (Exception ex)
|
||||
{
|
||||
Snackbar.Add($"Print failed: {ex.Message}", Severity.Error);
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,112 @@
|
||||
@using Indotalent.Features.Payroll.Payrolls
|
||||
@using Indotalent.Features.Payroll.Payrolls.Cqrs
|
||||
@using MudBlazor
|
||||
@inject PayrollsService PayrollsService
|
||||
@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;">Update Payroll Process</MudText>
|
||||
<MudText Typo="Typo.body2" Style="color: #64748b;">Modify process details or update payment status.</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">Period Name</MudText>
|
||||
<MudTextField @bind-Value="_model.PeriodName"
|
||||
Variant="Variant.Outlined" Margin="Margin.Dense" FullWidth="true" />
|
||||
</MudItem>
|
||||
<MudItem xs="12" sm="6">
|
||||
<MudText Typo="Typo.subtitle2" Class="mb-1">Status</MudText>
|
||||
<MudSelect @bind-Value="_model.Status" T="string" Variant="Variant.Outlined" Margin="Margin.Dense" FullWidth="true">
|
||||
<MudSelectItem Value="@("Draft")" />
|
||||
<MudSelectItem Value="@("Processed")" />
|
||||
<MudSelectItem Value="@("Paid")" />
|
||||
</MudSelect>
|
||||
</MudItem>
|
||||
<MudItem xs="12">
|
||||
<MudText Typo="Typo.subtitle2" Class="mb-1">Description / Notes</MudText>
|
||||
<MudTextField @bind-Value="_model.Description"
|
||||
Lines="3"
|
||||
Variant="Variant.Outlined" Margin="Margin.Dense" 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: 1px solid #e0e0e0; border-radius: 4px; 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">Updating...</MudText>
|
||||
}
|
||||
else
|
||||
{
|
||||
<MudText>Save Changes</MudText>
|
||||
}
|
||||
</MudButton>
|
||||
</div>
|
||||
</MudForm>
|
||||
</MudPaper>
|
||||
|
||||
@code {
|
||||
[Parameter] public UpdatePayrollProcessRequest Data { get; set; } = new();
|
||||
[Parameter] public EventCallback OnCancel { get; set; }
|
||||
[Parameter] public EventCallback OnSuccess { get; set; }
|
||||
|
||||
private MudForm _form = default!;
|
||||
private UpdatePayrollProcessRequest _model = new();
|
||||
private bool _processing = false;
|
||||
|
||||
protected override void OnInitialized()
|
||||
{
|
||||
_model = new UpdatePayrollProcessRequest
|
||||
{
|
||||
Id = Data.Id,
|
||||
PeriodName = Data.PeriodName,
|
||||
Status = Data.Status,
|
||||
Description = Data.Description
|
||||
};
|
||||
}
|
||||
|
||||
private async Task Submit()
|
||||
{
|
||||
await _form.Validate();
|
||||
if (!_form.IsValid) return;
|
||||
|
||||
_processing = true;
|
||||
try
|
||||
{
|
||||
var response = await PayrollsService.UpdatePayrollProcessAsync(_model);
|
||||
await Task.Delay(500);
|
||||
if (response != null && response.IsSuccess)
|
||||
{
|
||||
Snackbar.Add("Payroll process updated successfully", Severity.Success);
|
||||
await OnSuccess.InvokeAsync();
|
||||
}
|
||||
}
|
||||
catch (Exception ex)
|
||||
{
|
||||
Snackbar.Add($"Error: {ex.Message}", Severity.Error);
|
||||
}
|
||||
finally
|
||||
{
|
||||
_processing = false;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,142 @@
|
||||
using Indotalent.ConfigBackEnd.Exceptions;
|
||||
using Indotalent.ConfigBackEnd.Extensions;
|
||||
using Indotalent.Infrastructure.Database;
|
||||
using MediatR;
|
||||
using Microsoft.EntityFrameworkCore;
|
||||
|
||||
namespace Indotalent.Features.Payroll.Payrolls.Cqrs;
|
||||
|
||||
public class CreatePayrollProcessRequest
|
||||
{
|
||||
public string? PeriodName { get; set; }
|
||||
public DateTime? FromDate { get; set; }
|
||||
public DateTime? ToDate { get; set; }
|
||||
public string? Description { get; set; }
|
||||
}
|
||||
|
||||
public class CreatePayrollProcessResponse
|
||||
{
|
||||
public string? Id { get; set; }
|
||||
public string? AutoNumber { get; set; }
|
||||
}
|
||||
|
||||
public record CreatePayrollProcessCommand(CreatePayrollProcessRequest Data) : IRequest<CreatePayrollProcessResponse>;
|
||||
|
||||
public class CreatePayrollProcessHandler : IRequestHandler<CreatePayrollProcessCommand, CreatePayrollProcessResponse>
|
||||
{
|
||||
private readonly AppDbContext _context;
|
||||
|
||||
public CreatePayrollProcessHandler(AppDbContext context) => _context = context;
|
||||
|
||||
public async Task<CreatePayrollProcessResponse> Handle(CreatePayrollProcessCommand request, CancellationToken cancellationToken)
|
||||
{
|
||||
var isExists = await _context.PayrollProcess
|
||||
.AnyAsync(x => x.PeriodName == request.Data.PeriodName, cancellationToken);
|
||||
|
||||
if (isExists)
|
||||
{
|
||||
throw new AlreadyExistsException("Payroll Period", request.Data.PeriodName ?? string.Empty);
|
||||
}
|
||||
|
||||
var entityName = nameof(Data.Entities.PayrollProcess);
|
||||
|
||||
var autoNo = await _context.GenerateAutoNumberAsync(
|
||||
entityName: entityName,
|
||||
prefixTemplate: $"PAY/{request.Data.FromDate?.ToString("yyyyMM") ?? DateTime.Now.ToString("yyyyMM")}/",
|
||||
ct: cancellationToken
|
||||
);
|
||||
|
||||
var payrollProcess = new Data.Entities.PayrollProcess
|
||||
{
|
||||
AutoNumber = autoNo,
|
||||
PeriodName = request.Data.PeriodName,
|
||||
FromDate = request.Data.FromDate ?? DateTime.Now,
|
||||
ToDate = request.Data.ToDate ?? DateTime.Now,
|
||||
Description = request.Data.Description,
|
||||
Status = "Draft",
|
||||
ProcessedBy = "System Admin",
|
||||
ProcessedAt = DateTime.Now
|
||||
};
|
||||
|
||||
var employees = await _context.Employee
|
||||
.Include(x => x.EmployeeIncome)
|
||||
.Include(x => x.EmployeeDeduction)
|
||||
.Where(x => x.EmployeeStatus == "Active")
|
||||
.ToListAsync(cancellationToken);
|
||||
|
||||
decimal grandBasicSalary = 0;
|
||||
decimal grandTotalIncome = 0;
|
||||
decimal grandTotalDeduction = 0;
|
||||
|
||||
foreach (var emp in employees)
|
||||
{
|
||||
var totalIncome = emp.EmployeeIncome?.Sum(x => x.Amount) ?? 0m;
|
||||
var totalDeduction = emp.EmployeeDeduction?.Sum(x => x.Amount) ?? 0m;
|
||||
var takeHomePay = emp.BasicSalary + totalIncome - totalDeduction;
|
||||
|
||||
var detail = new Data.Entities.PayrollDetail
|
||||
{
|
||||
PayrollProcess = payrollProcess,
|
||||
EmployeeId = emp.Id,
|
||||
EmployeeCode = emp.Code,
|
||||
EmployeeName = $"{emp.FirstName} {emp.LastName}",
|
||||
BasicSalary = emp.BasicSalary,
|
||||
TotalIncome = totalIncome,
|
||||
TotalDeduction = totalDeduction,
|
||||
TakeHomePay = takeHomePay
|
||||
};
|
||||
|
||||
if (emp.EmployeeIncome != null)
|
||||
{
|
||||
foreach (var inc in emp.EmployeeIncome)
|
||||
{
|
||||
detail.Components.Add(new Data.Entities.PayrollComponent
|
||||
{
|
||||
PayrollDetail = detail,
|
||||
ComponentName = "Income Component",
|
||||
ComponentType = "Income",
|
||||
Amount = inc.Amount,
|
||||
Description = inc.Description
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
if (emp.EmployeeDeduction != null)
|
||||
{
|
||||
foreach (var ded in emp.EmployeeDeduction)
|
||||
{
|
||||
detail.Components.Add(new Data.Entities.PayrollComponent
|
||||
{
|
||||
PayrollDetail = detail,
|
||||
ComponentName = "Deduction Component",
|
||||
ComponentType = "Deduction",
|
||||
Amount = ded.Amount,
|
||||
Description = ded.Description
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
grandBasicSalary += detail.BasicSalary;
|
||||
grandTotalIncome += totalIncome;
|
||||
grandTotalDeduction += totalDeduction;
|
||||
|
||||
_context.PayrollDetail.Add(detail);
|
||||
}
|
||||
|
||||
payrollProcess.TotalEmployees = employees.Count;
|
||||
payrollProcess.TotalBasicSalary = grandBasicSalary;
|
||||
payrollProcess.TotalIncome = grandTotalIncome;
|
||||
payrollProcess.TotalDeduction = grandTotalDeduction;
|
||||
payrollProcess.TotalGross = grandBasicSalary + grandTotalIncome;
|
||||
payrollProcess.TotalTakeHomePay = payrollProcess.TotalGross - grandTotalDeduction;
|
||||
|
||||
_context.PayrollProcess.Add(payrollProcess);
|
||||
await _context.SaveChangesAsync(cancellationToken);
|
||||
|
||||
return new CreatePayrollProcessResponse
|
||||
{
|
||||
Id = payrollProcess.Id,
|
||||
AutoNumber = payrollProcess.AutoNumber
|
||||
};
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,44 @@
|
||||
using Indotalent.ConfigBackEnd.Exceptions;
|
||||
using Indotalent.Infrastructure.Database;
|
||||
using MediatR;
|
||||
using Microsoft.EntityFrameworkCore;
|
||||
|
||||
namespace Indotalent.Features.Payroll.Payrolls.Cqrs;
|
||||
|
||||
public class DeletePayrollProcessByIdRequest
|
||||
{
|
||||
public string? Id { get; set; }
|
||||
}
|
||||
|
||||
public class DeletePayrollProcessByIdResponse
|
||||
{
|
||||
public string? Id { get; set; }
|
||||
}
|
||||
|
||||
public record DeletePayrollProcessByIdCommand(DeletePayrollProcessByIdRequest Data) : IRequest<DeletePayrollProcessByIdResponse>;
|
||||
|
||||
public class DeletePayrollProcessByIdHandler : IRequestHandler<DeletePayrollProcessByIdCommand, DeletePayrollProcessByIdResponse>
|
||||
{
|
||||
private readonly AppDbContext _context;
|
||||
|
||||
public DeletePayrollProcessByIdHandler(AppDbContext context) => _context = context;
|
||||
|
||||
public async Task<DeletePayrollProcessByIdResponse> Handle(DeletePayrollProcessByIdCommand request, CancellationToken cancellationToken)
|
||||
{
|
||||
var entity = await _context.PayrollProcess
|
||||
.FirstOrDefaultAsync(x => x.Id == request.Data.Id, cancellationToken);
|
||||
|
||||
if (entity == null)
|
||||
{
|
||||
throw new NotFoundException("Payroll Process", request.Data.Id ?? string.Empty);
|
||||
}
|
||||
|
||||
_context.PayrollProcess.Remove(entity);
|
||||
await _context.SaveChangesAsync(cancellationToken);
|
||||
|
||||
return new DeletePayrollProcessByIdResponse
|
||||
{
|
||||
Id = entity.Id
|
||||
};
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,76 @@
|
||||
using Indotalent.ConfigBackEnd.Exceptions;
|
||||
using Indotalent.Infrastructure.Database;
|
||||
using MediatR;
|
||||
using Microsoft.EntityFrameworkCore;
|
||||
|
||||
namespace Indotalent.Features.Payroll.PayrollDetails.Cqrs;
|
||||
|
||||
public class GetPayrollDetailByIdRequest
|
||||
{
|
||||
public string? Id { get; set; }
|
||||
}
|
||||
|
||||
public class GetPayrollDetailByIdResponse
|
||||
{
|
||||
public string? Id { get; set; }
|
||||
public string? PayrollProcessId { get; set; }
|
||||
public string? EmployeeId { get; set; }
|
||||
public string? EmployeeCode { get; set; }
|
||||
public string? EmployeeName { get; set; }
|
||||
public decimal BasicSalary { get; set; }
|
||||
public decimal TotalIncome { get; set; }
|
||||
public decimal TotalDeduction { get; set; }
|
||||
public decimal TakeHomePay { get; set; }
|
||||
public List<PayrollDetailComponentResponse> Components { get; set; } = new();
|
||||
}
|
||||
|
||||
public class PayrollDetailComponentResponse
|
||||
{
|
||||
public string? ComponentName { get; set; }
|
||||
public string? ComponentType { get; set; }
|
||||
public decimal Amount { get; set; }
|
||||
public string? Description { get; set; }
|
||||
}
|
||||
|
||||
public record GetPayrollDetailByIdQuery(GetPayrollDetailByIdRequest Data) : IRequest<GetPayrollDetailByIdResponse>;
|
||||
|
||||
public class GetPayrollDetailByIdHandler : IRequestHandler<GetPayrollDetailByIdQuery, GetPayrollDetailByIdResponse>
|
||||
{
|
||||
private readonly AppDbContext _context;
|
||||
|
||||
public GetPayrollDetailByIdHandler(AppDbContext context) => _context = context;
|
||||
|
||||
public async Task<GetPayrollDetailByIdResponse> Handle(GetPayrollDetailByIdQuery request, CancellationToken cancellationToken)
|
||||
{
|
||||
var entity = await _context.PayrollDetail
|
||||
.Include(x => x.Components)
|
||||
.FirstOrDefaultAsync(x => x.Id == request.Data.Id, cancellationToken);
|
||||
|
||||
if (entity == null)
|
||||
{
|
||||
throw new NotFoundException("Payroll Detail", request.Data.Id ?? string.Empty);
|
||||
}
|
||||
|
||||
var response = new GetPayrollDetailByIdResponse
|
||||
{
|
||||
Id = entity.Id,
|
||||
PayrollProcessId = entity.PayrollProcessId,
|
||||
EmployeeId = entity.EmployeeId,
|
||||
EmployeeCode = entity.EmployeeCode,
|
||||
EmployeeName = entity.EmployeeName,
|
||||
BasicSalary = entity.BasicSalary,
|
||||
TotalIncome = entity.TotalIncome,
|
||||
TotalDeduction = entity.TotalDeduction,
|
||||
TakeHomePay = entity.TakeHomePay,
|
||||
Components = entity.Components.Select(c => new PayrollDetailComponentResponse
|
||||
{
|
||||
ComponentName = c.ComponentName,
|
||||
ComponentType = c.ComponentType,
|
||||
Amount = c.Amount,
|
||||
Description = c.Description
|
||||
}).ToList()
|
||||
};
|
||||
|
||||
return response;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,51 @@
|
||||
using Indotalent.Infrastructure.Database;
|
||||
using MediatR;
|
||||
using Microsoft.EntityFrameworkCore;
|
||||
|
||||
namespace Indotalent.Features.Payroll.PayrollDetails.Cqrs;
|
||||
|
||||
public class GetPayrollDetailListByProcessIdRequest
|
||||
{
|
||||
public string? PayrollProcessId { get; set; }
|
||||
}
|
||||
|
||||
public class GetPayrollDetailListByProcessIdResponse
|
||||
{
|
||||
public string? Id { get; set; }
|
||||
public string? EmployeeId { get; set; }
|
||||
public string? EmployeeCode { get; set; }
|
||||
public string? EmployeeName { get; set; }
|
||||
public decimal BasicSalary { get; set; }
|
||||
public decimal TotalIncome { get; set; }
|
||||
public decimal TotalDeduction { get; set; }
|
||||
public decimal TakeHomePay { get; set; }
|
||||
}
|
||||
|
||||
public record GetPayrollDetailListByProcessIdQuery(GetPayrollDetailListByProcessIdRequest Data) : IRequest<List<GetPayrollDetailListByProcessIdResponse>>;
|
||||
|
||||
public class GetPayrollDetailListByProcessIdHandler : IRequestHandler<GetPayrollDetailListByProcessIdQuery, List<GetPayrollDetailListByProcessIdResponse>>
|
||||
{
|
||||
private readonly AppDbContext _context;
|
||||
|
||||
public GetPayrollDetailListByProcessIdHandler(AppDbContext context) => _context = context;
|
||||
|
||||
public async Task<List<GetPayrollDetailListByProcessIdResponse>> Handle(GetPayrollDetailListByProcessIdQuery request, CancellationToken cancellationToken)
|
||||
{
|
||||
var data = await _context.PayrollDetail
|
||||
.Where(x => x.PayrollProcessId == request.Data.PayrollProcessId)
|
||||
.Select(x => new GetPayrollDetailListByProcessIdResponse
|
||||
{
|
||||
Id = x.Id,
|
||||
EmployeeId = x.EmployeeId,
|
||||
EmployeeCode = x.EmployeeCode,
|
||||
EmployeeName = x.EmployeeName,
|
||||
BasicSalary = x.BasicSalary,
|
||||
TotalIncome = x.TotalIncome,
|
||||
TotalDeduction = x.TotalDeduction,
|
||||
TakeHomePay = x.TakeHomePay
|
||||
})
|
||||
.ToListAsync(cancellationToken);
|
||||
|
||||
return data;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,71 @@
|
||||
using Indotalent.ConfigBackEnd.Exceptions;
|
||||
using Indotalent.Infrastructure.Database;
|
||||
using MediatR;
|
||||
using Microsoft.EntityFrameworkCore;
|
||||
|
||||
namespace Indotalent.Features.Payroll.Payrolls.Cqrs;
|
||||
|
||||
public class GetPayrollProcessByIdRequest
|
||||
{
|
||||
public string? Id { get; set; }
|
||||
}
|
||||
|
||||
public class GetPayrollProcessByIdResponse
|
||||
{
|
||||
public string? Id { get; set; }
|
||||
public string? AutoNumber { get; set; }
|
||||
public string? PeriodName { get; set; }
|
||||
public DateTime FromDate { get; set; }
|
||||
public DateTime ToDate { get; set; }
|
||||
public int TotalEmployees { get; set; }
|
||||
public decimal TotalBasicSalary { get; set; }
|
||||
public decimal TotalIncome { get; set; }
|
||||
public decimal TotalDeduction { get; set; }
|
||||
public decimal TotalGross { get; set; }
|
||||
public decimal TotalTakeHomePay { get; set; }
|
||||
public string? Status { get; set; }
|
||||
public string? ProcessedBy { get; set; }
|
||||
public DateTime ProcessedAt { get; set; }
|
||||
public string? Description { get; set; }
|
||||
}
|
||||
|
||||
public record GetPayrollProcessByIdQuery(GetPayrollProcessByIdRequest Data) : IRequest<GetPayrollProcessByIdResponse>;
|
||||
|
||||
public class GetPayrollProcessByIdHandler : IRequestHandler<GetPayrollProcessByIdQuery, GetPayrollProcessByIdResponse>
|
||||
{
|
||||
private readonly AppDbContext _context;
|
||||
|
||||
public GetPayrollProcessByIdHandler(AppDbContext context) => _context = context;
|
||||
|
||||
public async Task<GetPayrollProcessByIdResponse> Handle(GetPayrollProcessByIdQuery request, CancellationToken cancellationToken)
|
||||
{
|
||||
var entity = await _context.PayrollProcess
|
||||
.FirstOrDefaultAsync(x => x.Id == request.Data.Id, cancellationToken);
|
||||
|
||||
if (entity == null)
|
||||
{
|
||||
throw new NotFoundException("Payroll Process", request.Data.Id ?? string.Empty);
|
||||
}
|
||||
|
||||
var response = new GetPayrollProcessByIdResponse
|
||||
{
|
||||
Id = entity.Id,
|
||||
AutoNumber = entity.AutoNumber,
|
||||
PeriodName = entity.PeriodName,
|
||||
FromDate = entity.FromDate,
|
||||
ToDate = entity.ToDate,
|
||||
TotalEmployees = entity.TotalEmployees,
|
||||
TotalBasicSalary = entity.TotalBasicSalary,
|
||||
TotalIncome = entity.TotalIncome,
|
||||
TotalDeduction = entity.TotalDeduction,
|
||||
TotalGross = entity.TotalGross,
|
||||
TotalTakeHomePay = entity.TotalTakeHomePay,
|
||||
Status = entity.Status,
|
||||
ProcessedBy = entity.ProcessedBy,
|
||||
ProcessedAt = entity.ProcessedAt,
|
||||
Description = entity.Description
|
||||
};
|
||||
|
||||
return response;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,64 @@
|
||||
using Indotalent.Infrastructure.Database;
|
||||
using MediatR;
|
||||
using Microsoft.EntityFrameworkCore;
|
||||
|
||||
namespace Indotalent.Features.Payroll.Payrolls.Cqrs;
|
||||
|
||||
public class GetPayrollProcessListRequest
|
||||
{
|
||||
}
|
||||
|
||||
public class GetPayrollProcessListResponse
|
||||
{
|
||||
public string? Id { get; set; }
|
||||
public string? AutoNumber { get; set; }
|
||||
public string? PeriodName { get; set; }
|
||||
public DateTime FromDate { get; set; }
|
||||
public DateTime ToDate { get; set; }
|
||||
public int TotalEmployees { get; set; }
|
||||
public decimal TotalBasicSalary { get; set; }
|
||||
public decimal TotalIncome { get; set; }
|
||||
public decimal TotalDeduction { get; set; }
|
||||
public decimal TotalGross { get; set; }
|
||||
public decimal TotalTakeHomePay { get; set; }
|
||||
public string? Status { get; set; }
|
||||
public string? ProcessedBy { get; set; }
|
||||
public DateTime ProcessedAt { get; set; }
|
||||
public string? Description { get; set; }
|
||||
}
|
||||
|
||||
public record GetPayrollProcessListQuery(GetPayrollProcessListRequest Data) : IRequest<List<GetPayrollProcessListResponse>>;
|
||||
|
||||
public class GetPayrollProcessListHandler : IRequestHandler<GetPayrollProcessListQuery, List<GetPayrollProcessListResponse>>
|
||||
{
|
||||
private readonly AppDbContext _context;
|
||||
|
||||
public GetPayrollProcessListHandler(AppDbContext context) => _context = context;
|
||||
|
||||
public async Task<List<GetPayrollProcessListResponse>> Handle(GetPayrollProcessListQuery request, CancellationToken cancellationToken)
|
||||
{
|
||||
var data = await _context.PayrollProcess
|
||||
.OrderByDescending(x => x.FromDate)
|
||||
.Select(x => new GetPayrollProcessListResponse
|
||||
{
|
||||
Id = x.Id,
|
||||
AutoNumber = x.AutoNumber,
|
||||
PeriodName = x.PeriodName,
|
||||
FromDate = x.FromDate,
|
||||
ToDate = x.ToDate,
|
||||
TotalEmployees = x.TotalEmployees,
|
||||
TotalBasicSalary = x.TotalBasicSalary,
|
||||
TotalIncome = x.TotalIncome,
|
||||
TotalDeduction = x.TotalDeduction,
|
||||
TotalGross = x.TotalGross,
|
||||
TotalTakeHomePay = x.TotalTakeHomePay,
|
||||
Status = x.Status,
|
||||
ProcessedBy = x.ProcessedBy,
|
||||
ProcessedAt = x.ProcessedAt,
|
||||
Description = x.Description
|
||||
})
|
||||
.ToListAsync(cancellationToken);
|
||||
|
||||
return data;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,93 @@
|
||||
using Indotalent.ConfigBackEnd.Exceptions;
|
||||
using Indotalent.Infrastructure.Database;
|
||||
using MediatR;
|
||||
using Microsoft.EntityFrameworkCore;
|
||||
|
||||
namespace Indotalent.Features.Payroll.PayrollDetails.Cqrs;
|
||||
|
||||
public class GetPayrollSlipByIdRequest
|
||||
{
|
||||
public string? Id { get; set; }
|
||||
}
|
||||
|
||||
public class GetPayrollSlipByIdResponse
|
||||
{
|
||||
public string? Id { get; set; }
|
||||
public string? EmployeeName { get; set; }
|
||||
public string? EmployeeCode { get; set; }
|
||||
public string? DesignationName { get; set; }
|
||||
public string? DepartmentName { get; set; }
|
||||
public string? PeriodName { get; set; }
|
||||
public DateTime FromDate { get; set; }
|
||||
public DateTime ToDate { get; set; }
|
||||
public decimal BasicSalary { get; set; }
|
||||
public decimal TotalIncome { get; set; }
|
||||
public decimal TotalDeduction { get; set; }
|
||||
public decimal TakeHomePay { get; set; }
|
||||
public List<PayrollSlipComponentResponse> Incomes { get; set; } = new();
|
||||
public List<PayrollSlipComponentResponse> Deductions { get; set; } = new();
|
||||
}
|
||||
|
||||
public class PayrollSlipComponentResponse
|
||||
{
|
||||
public string? ComponentName { get; set; }
|
||||
public decimal Amount { get; set; }
|
||||
}
|
||||
|
||||
public record GetPayrollSlipByIdQuery(GetPayrollSlipByIdRequest Data) : IRequest<GetPayrollSlipByIdResponse>;
|
||||
|
||||
public class GetPayrollSlipByIdHandler : IRequestHandler<GetPayrollSlipByIdQuery, GetPayrollSlipByIdResponse>
|
||||
{
|
||||
private readonly AppDbContext _context;
|
||||
|
||||
public GetPayrollSlipByIdHandler(AppDbContext context) => _context = context;
|
||||
|
||||
public async Task<GetPayrollSlipByIdResponse> Handle(GetPayrollSlipByIdQuery request, CancellationToken cancellationToken)
|
||||
{
|
||||
var data = await _context.PayrollDetail
|
||||
.Include(x => x.PayrollProcess)
|
||||
.Include(x => x.Components)
|
||||
.Include(x => x.Employee)
|
||||
.ThenInclude(e => e!.Designation)
|
||||
.Include(x => x.Employee)
|
||||
.ThenInclude(e => e!.Department)
|
||||
.FirstOrDefaultAsync(x => x.Id == request.Data.Id, cancellationToken);
|
||||
|
||||
if (data == null)
|
||||
{
|
||||
throw new NotFoundException("Payroll Detail", request.Data.Id ?? string.Empty);
|
||||
}
|
||||
|
||||
var response = new GetPayrollSlipByIdResponse
|
||||
{
|
||||
Id = data.Id,
|
||||
EmployeeName = data.EmployeeName,
|
||||
EmployeeCode = data.EmployeeCode,
|
||||
DesignationName = data.Employee?.Designation?.Name,
|
||||
DepartmentName = data.Employee?.Department?.Name,
|
||||
PeriodName = data.PayrollProcess?.PeriodName,
|
||||
FromDate = data.PayrollProcess?.FromDate ?? DateTime.MinValue,
|
||||
ToDate = data.PayrollProcess?.ToDate ?? DateTime.MinValue,
|
||||
BasicSalary = data.BasicSalary,
|
||||
TotalIncome = data.TotalIncome,
|
||||
TotalDeduction = data.TotalDeduction,
|
||||
TakeHomePay = data.TakeHomePay,
|
||||
Incomes = data.Components
|
||||
.Where(c => c.ComponentType == "Income")
|
||||
.Select(c => new PayrollSlipComponentResponse
|
||||
{
|
||||
ComponentName = c.ComponentName,
|
||||
Amount = c.Amount
|
||||
}).ToList(),
|
||||
Deductions = data.Components
|
||||
.Where(c => c.ComponentType == "Deduction")
|
||||
.Select(c => new PayrollSlipComponentResponse
|
||||
{
|
||||
ComponentName = c.ComponentName,
|
||||
Amount = c.Amount
|
||||
}).ToList()
|
||||
};
|
||||
|
||||
return response;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,52 @@
|
||||
using Indotalent.ConfigBackEnd.Exceptions;
|
||||
using Indotalent.Infrastructure.Database;
|
||||
using MediatR;
|
||||
using Microsoft.EntityFrameworkCore;
|
||||
|
||||
namespace Indotalent.Features.Payroll.Payrolls.Cqrs;
|
||||
|
||||
public class UpdatePayrollProcessRequest
|
||||
{
|
||||
public string? Id { get; set; }
|
||||
public string? Status { get; set; }
|
||||
public string? Description { get; set; }
|
||||
public string? PeriodName { get; set; }
|
||||
}
|
||||
|
||||
public class UpdatePayrollProcessResponse
|
||||
{
|
||||
public string? Id { get; set; }
|
||||
public string? Status { get; set; }
|
||||
}
|
||||
|
||||
public record UpdatePayrollProcessCommand(UpdatePayrollProcessRequest Data) : IRequest<UpdatePayrollProcessResponse>;
|
||||
|
||||
public class UpdatePayrollProcessHandler : IRequestHandler<UpdatePayrollProcessCommand, UpdatePayrollProcessResponse>
|
||||
{
|
||||
private readonly AppDbContext _context;
|
||||
|
||||
public UpdatePayrollProcessHandler(AppDbContext context) => _context = context;
|
||||
|
||||
public async Task<UpdatePayrollProcessResponse> Handle(UpdatePayrollProcessCommand request, CancellationToken cancellationToken)
|
||||
{
|
||||
var entity = await _context.PayrollProcess
|
||||
.FirstOrDefaultAsync(x => x.Id == request.Data.Id, cancellationToken);
|
||||
|
||||
if (entity == null)
|
||||
{
|
||||
throw new NotFoundException("Payroll Process", request.Data.Id ?? string.Empty);
|
||||
}
|
||||
|
||||
entity.Status = request.Data.Status;
|
||||
entity.Description = request.Data.Description;
|
||||
entity.PeriodName = request.Data.PeriodName;
|
||||
|
||||
await _context.SaveChangesAsync(cancellationToken);
|
||||
|
||||
return new UpdatePayrollProcessResponse
|
||||
{
|
||||
Id = entity.Id,
|
||||
Status = entity.Status
|
||||
};
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,75 @@
|
||||
using Indotalent.ConfigBackEnd.Extensions;
|
||||
using Indotalent.Features.Payroll.Payrolls.Cqrs;
|
||||
using Indotalent.Features.Payroll.PayrollDetails.Cqrs;
|
||||
using MediatR;
|
||||
using Microsoft.AspNetCore.Authentication.JwtBearer;
|
||||
|
||||
namespace Indotalent.Features.Payroll.Payrolls;
|
||||
|
||||
public static class PayrollsEndpoint
|
||||
{
|
||||
public static void MapPayrollsEndpoints(this IEndpointRouteBuilder app)
|
||||
{
|
||||
var group = app.MapGroup("/payroll").WithTags("Payrolls")
|
||||
.RequireAuthorization(policy => policy.AddAuthenticationSchemes(JwtBearerDefaults.AuthenticationScheme)
|
||||
.RequireAuthenticatedUser());
|
||||
|
||||
group.MapGet("/", async (IMediator mediator) =>
|
||||
{
|
||||
var result = await mediator.Send(new GetPayrollProcessListQuery(new GetPayrollProcessListRequest()));
|
||||
return result.ToApiResponse("Payroll processes retrieved successfully");
|
||||
})
|
||||
.WithName("GetPayrollProcessList");
|
||||
|
||||
group.MapGet("/{id}", async (string id, IMediator mediator) =>
|
||||
{
|
||||
var result = await mediator.Send(new GetPayrollProcessByIdQuery(new GetPayrollProcessByIdRequest { Id = id }));
|
||||
return result.ToApiResponse(result is not null
|
||||
? "Payroll process detail retrieved successfully"
|
||||
: $"Payroll process with ID {id} not found");
|
||||
})
|
||||
.WithName("GetPayrollProcessById");
|
||||
|
||||
group.MapPost("/", async (CreatePayrollProcessRequest request, IMediator mediator) =>
|
||||
{
|
||||
var result = await mediator.Send(new CreatePayrollProcessCommand(request));
|
||||
return result.ToApiResponse("Payroll calculation completed successfully", StatusCodes.Status201Created);
|
||||
})
|
||||
.WithName("CreatePayrollProcess");
|
||||
|
||||
group.MapPost("/update", async (UpdatePayrollProcessRequest request, IMediator mediator) =>
|
||||
{
|
||||
var result = await mediator.Send(new UpdatePayrollProcessCommand(request));
|
||||
return result.ToApiResponse("Payroll process updated successfully");
|
||||
})
|
||||
.WithName("UpdatePayrollProcess");
|
||||
|
||||
group.MapPost("/delete/{id}", async (string id, IMediator mediator) =>
|
||||
{
|
||||
var result = await mediator.Send(new DeletePayrollProcessByIdCommand(new DeletePayrollProcessByIdRequest { Id = id }));
|
||||
return true.ToApiResponse("Payroll process deleted successfully");
|
||||
})
|
||||
.WithName("DeletePayrollProcessById");
|
||||
|
||||
group.MapGet("/detail/list/{processId}", async (string processId, IMediator mediator) =>
|
||||
{
|
||||
var result = await mediator.Send(new GetPayrollDetailListByProcessIdQuery(new GetPayrollDetailListByProcessIdRequest { PayrollProcessId = processId }));
|
||||
return result.ToApiResponse("Payroll employee details retrieved successfully");
|
||||
})
|
||||
.WithName("GetPayrollDetailListByProcessId");
|
||||
|
||||
group.MapGet("/detail/{id}", async (string id, IMediator mediator) =>
|
||||
{
|
||||
var result = await mediator.Send(new GetPayrollDetailByIdQuery(new GetPayrollDetailByIdRequest { Id = id }));
|
||||
return result.ToApiResponse("Employee payroll component detail retrieved successfully");
|
||||
})
|
||||
.WithName("GetPayrollDetailById");
|
||||
|
||||
group.MapGet("/detail/slip/{id}", async (string id, IMediator mediator) =>
|
||||
{
|
||||
var result = await mediator.Send(new GetPayrollSlipByIdQuery(new GetPayrollSlipByIdRequest { Id = id }));
|
||||
return result.ToApiResponse("Payroll slip retrieved successfully");
|
||||
})
|
||||
.WithName("GetPayrollSlipById");
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,72 @@
|
||||
using Indotalent.ConfigBackEnd.Interfaces;
|
||||
using Indotalent.ConfigFrontEnd.Common;
|
||||
using Indotalent.Features.Payroll.Payrolls.Cqrs;
|
||||
using Indotalent.Features.Payroll.PayrollDetails.Cqrs;
|
||||
using Indotalent.Infrastructure.Authentication.Identity;
|
||||
using Indotalent.Shared.Models;
|
||||
using Microsoft.AspNetCore.Components;
|
||||
using MudBlazor;
|
||||
using RestSharp;
|
||||
|
||||
namespace Indotalent.Features.Payroll.Payrolls;
|
||||
|
||||
public class PayrollsService : BaseService
|
||||
{
|
||||
private readonly RestClient _client;
|
||||
|
||||
public PayrollsService(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<GetPayrollProcessListResponse>>?> GetPayrollProcessListAsync()
|
||||
{
|
||||
var request = new RestRequest("api/payroll", Method.Get);
|
||||
return await ExecuteWithResponseAsync<List<GetPayrollProcessListResponse>>(_client, request);
|
||||
}
|
||||
|
||||
public async Task<ApiResponse<GetPayrollProcessByIdResponse>?> GetPayrollProcessByIdAsync(string id)
|
||||
{
|
||||
var request = new RestRequest($"api/payroll/{id}", Method.Get);
|
||||
return await ExecuteWithResponseAsync<GetPayrollProcessByIdResponse>(_client, request);
|
||||
}
|
||||
|
||||
public async Task<ApiResponse<CreatePayrollProcessResponse>?> CreatePayrollProcessAsync(CreatePayrollProcessRequest data)
|
||||
{
|
||||
var request = new RestRequest("api/payroll", Method.Post);
|
||||
request.AddJsonBody(data);
|
||||
return await ExecuteWithResponseAsync<CreatePayrollProcessResponse>(_client, request);
|
||||
}
|
||||
|
||||
public async Task<ApiResponse<UpdatePayrollProcessResponse>?> UpdatePayrollProcessAsync(UpdatePayrollProcessRequest data)
|
||||
{
|
||||
var request = new RestRequest("api/payroll/update", Method.Post);
|
||||
request.AddJsonBody(data);
|
||||
return await ExecuteWithResponseAsync<UpdatePayrollProcessResponse>(_client, request);
|
||||
}
|
||||
|
||||
public async Task<bool> DeletePayrollProcessByIdAsync(string id)
|
||||
{
|
||||
var request = new RestRequest($"api/payroll/delete/{id}", Method.Post);
|
||||
var response = await ExecuteWithResponseAsync<object>(_client, request);
|
||||
return response?.IsSuccess ?? false;
|
||||
}
|
||||
|
||||
public async Task<ApiResponse<List<GetPayrollDetailListByProcessIdResponse>>?> GetPayrollDetailListByProcessIdAsync(string processId)
|
||||
{
|
||||
var request = new RestRequest($"api/payroll/detail/list/{processId}", Method.Get);
|
||||
return await ExecuteWithResponseAsync<List<GetPayrollDetailListByProcessIdResponse>>(_client, request);
|
||||
}
|
||||
|
||||
public async Task<ApiResponse<GetPayrollDetailByIdResponse>?> GetPayrollDetailByIdAsync(string id)
|
||||
{
|
||||
var request = new RestRequest($"api/payroll/detail/{id}", Method.Get);
|
||||
return await ExecuteWithResponseAsync<GetPayrollDetailByIdResponse>(_client, request);
|
||||
}
|
||||
public async Task<ApiResponse<GetPayrollSlipByIdResponse>?> GetPayrollSlipByIdAsync(string id)
|
||||
{
|
||||
var request = new RestRequest($"api/payroll/detail/slip/{id}", Method.Get);
|
||||
return await ExecuteWithResponseAsync<GetPayrollSlipByIdResponse>(_client, request);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user