initial commit

This commit is contained in:
2026-07-21 14:28:43 +07:00
commit 01107db6fd
995 changed files with 75124 additions and 0 deletions
@@ -0,0 +1,45 @@
using Indotalent.ConfigBackEnd.Extensions;
using Indotalent.Features.Setting.AutoNumberSequence.Cqrs;
using MediatR;
namespace Indotalent.Features.Setting.AutoNumberSequence;
public static class AutoNumberSequenceEndpoint
{
public static void MapAutoNumberSequenceEndpoints(this IEndpointRouteBuilder app)
{
var group = app.MapGroup("/auto-number-sequences").WithTags("Auto Number Sequences");
group.MapGet("/", async (IMediator mediator) =>
{
var result = await mediator.Send(new GetAutoNumberSequenceListQuery());
return result.ToApiResponse("Data auto number sequences retrieved successfully");
})
.WithName("GetAutoNumberSequenceList")
.WithTags("Auto Number Sequences");
group.MapGet("/{id}", async (string id, IMediator mediator) =>
{
var result = await mediator.Send(new GetAutoNumberSequenceByIdQuery(id));
return result.ToApiResponse(result is not null
? "Sequence detail retrieved successfully"
: $"Sequence with ID {id} not found");
})
.WithName("GetAutoNumberSequenceById")
.WithTags("Auto Number Sequences");
group.MapPost("/update", async (UpdateAutoNumberSequenceRequest request, IMediator mediator) =>
{
var result = await mediator.Send(new UpdateAutoNumberSequenceCommand(request));
if (!result.Success)
{
return ((object?)null).ToApiResponse("Update failed. The sequence data could not be found.");
}
return result.ToApiResponse("Sequence has been updated successfully");
})
.WithName("UpdateAutoNumberSequence")
.WithTags("Auto Number Sequences");
}
}
@@ -0,0 +1,39 @@
using Indotalent.ConfigBackEnd.Interfaces;
using Indotalent.ConfigFrontEnd.Common;
using Indotalent.Features.Setting.AutoNumberSequence.Cqrs;
using Indotalent.Infrastructure.Authentication.Identity;
using Indotalent.Shared.Models;
using Microsoft.AspNetCore.Components;
using MudBlazor;
using RestSharp;
namespace Indotalent.Features.Setting.AutoNumberSequence;
public class AutoNumberSequenceService : BaseService
{
private readonly RestClient _client;
public AutoNumberSequenceService(
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<GetAutoNumberSequenceListResponse>>?> GetAutoNumberSequenceListAsync()
{
var request = new RestRequest("api/auto-number-sequences", Method.Get);
return await ExecuteWithResponseAsync<List<GetAutoNumberSequenceListResponse>>(_client, request);
}
public async Task<ApiResponse<UpdateAutoNumberSequenceResponse>?> UpdateAutoNumberSequenceAsync(UpdateAutoNumberSequenceRequest data)
{
var request = new RestRequest("api/auto-number-sequences/update", Method.Post);
request.AddJsonBody(data);
return await ExecuteWithResponseAsync<UpdateAutoNumberSequenceResponse>(_client, request);
}
}
@@ -0,0 +1,43 @@
@page "/setting/auto-number-sequence"
@using Indotalent.Features.Setting.AutoNumberSequence.Cqrs
@using MudBlazor
@if (_isShowingForm)
{
<_AutoNumberSequenceForm ExistingData="_selectedData"
ReadOnly="_isReadOnly"
OnCancel="BackToTable"
OnSuccess="HandleSuccess" />
}
else
{
<_AutoNumberSequenceDataTable OnEdit="(item) => ShowForm(item, false)"
OnView="(item) => ShowForm(item, true)" />
}
@code {
private bool _isShowingForm = false;
private bool _isReadOnly = false;
private GetAutoNumberSequenceListResponse? _selectedData;
private void ShowForm(GetAutoNumberSequenceListResponse data, bool readOnly)
{
_selectedData = data;
_isReadOnly = readOnly;
_isShowingForm = true;
}
private void BackToTable()
{
_isShowingForm = false;
_selectedData = null;
_isReadOnly = false;
}
private void HandleSuccess()
{
_isShowingForm = false;
_selectedData = null;
_isReadOnly = false;
}
}
@@ -0,0 +1,355 @@
@using Indotalent.Features.Setting.AutoNumberSequence.Cqrs
@using Indotalent.Shared.Models
@using Microsoft.AspNetCore.Components.Web
@using Microsoft.JSInterop
@using MudBlazor
@using ClosedXML.Excel
@using System.IO
@inject AutoNumberSequenceService AutoNumberSequenceService
@inject ISnackbar Snackbar
@inject IJSRuntime JSRuntime
<MudPaper Elevation="0" Square="true" Class="pa-6 mb-3 d-flex align-center justify-space-between" Style="border: 1px solid #E5E7EB; border-radius: 12px;">
<div>
<MudText Typo="Typo.h5" Style="font-weight: 600; color: #111827;">Auto Number Sequences</MudText>
<MudText Typo="Typo.body2" Style="color: #9CA3AF;">Manage numbering rules, prefixes, and sequence counters for various entities.</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;">Settings</MudText>
<MudText Typo="Typo.caption" Style="color: #9CA3AF;">/</MudText>
<MudText Typo="Typo.caption" Style="font-weight: 600; color: #111827;">Auto Number</MudText>
</div>
</MudPaper>
<MudPaper Elevation="0" Outlined="true" Style="border-radius: 12px; overflow: hidden; background-color: #ffffff; border: 1px solid #E5E7EB;">
<div style="padding: 20px 24px; border-bottom: 1px solid #E5E7EB; display: flex; justify-content: space-between; align-items: center; background-color: #ffffff; min-height: 80px;">
<div style="display: flex; align-items: center; gap: 8px;">
<MudTextField @bind-Value="_searchString"
Placeholder="Search..."
Adornment="Adornment.Start"
AdornmentIcon="@Icons.Material.Filled.Search"
IconSize="Size.Small"
Class="mt-0"
Variant="Variant.Outlined"
Margin="Margin.Dense"
Style="background-color: white; width: 280px; border-radius: 8px;"
OnKeyDown="@HandleSearchKeyDown" />
<MudButton Variant="Variant.Filled"
Color="Color.Primary"
OnClick="OnSearchClick"
Size="Size.Small"
Style="text-transform: none; font-weight: 500; border-radius: 6px; height: 34px; box-shadow: none;">
Search
</MudButton>
</div>
<div style="display: flex; gap: 8px; align-items: center;">
<MudButton Variant="Variant.Outlined"
Color="Color.Success"
OnClick="ExportToExcel"
Size="Size.Small"
Disabled="_isExporting"
StartIcon="@(_isExporting ? null : Icons.Custom.FileFormats.FileExcel)"
Style="background: white; font-weight: 500; border-radius: 6px; text-transform: none; height: 34px; border: 1px solid #D1D5DB; color: #6B7280;">
@if (_isExporting)
{
<MudProgressCircular Class="ms-n1" Size="Size.Small" Indeterminate="true" />
<MudText Class="ms-2" Typo="Typo.button" Style="text-transform: none !important;">Processing...</MudText>
}
else
{
<MudText Typo="Typo.button" Style="text-transform: none !important;">Excel</MudText>
}
</MudButton>
<MudButton Variant="Variant.Outlined"
Color="Color.Primary"
OnClick="LoadData"
Size="Size.Small"
StartIcon="@(_isRefreshing ? null : Icons.Material.Filled.Refresh)"
Disabled="_isRefreshing"
Style="background: white; font-weight: 500; border-radius: 6px; text-transform: none; height: 34px; border: 1px solid #D1D5DB; color: #6B7280;">
@if (_isRefreshing)
{
<MudProgressCircular Class="ms-n1" Size="Size.Small" Indeterminate="true" />
<MudText Class="ms-2" Typo="Typo.button" Style="text-transform: none !important;">Refreshing...</MudText>
}
else
{
<MudText Typo="Typo.button" Style="text-transform: none !important;">Refresh</MudText>
}
</MudButton>
@if (_selectedItem != null)
{
<MudButton Variant="Variant.Outlined" Color="Color.Info" StartIcon="@Icons.Material.Filled.Visibility" OnClick="InvokeView" Size="Size.Small" Style="text-transform: none; font-weight: 500; border-radius: 6px; background-color: white; border: 1px solid #D1D5DB; color: #6B7280;">View</MudButton>
<MudButton Variant="Variant.Outlined" Color="Color.Primary" StartIcon="@Icons.Material.Filled.Edit" OnClick="InvokeEdit" Size="Size.Small" Style="text-transform: none; font-weight: 500; border-radius: 6px; background-color: white; border: 1px solid #D1D5DB; color: #6B7280;">Edit</MudButton>
<MudIconButton Icon="@Icons.Material.Filled.Close" Size="Size.Small" OnClick="() => _selectedItem = null" />
}
</div>
</div>
<MudTable Items="@GetPagedData()" Striped="true" Class="mud-table-styled" Hover="true" Elevation="0" CustomHeader="true" Dense="true" T="GetAutoNumberSequenceListResponse" OnRowClick="@((args) => _selectedItem = args.Item)" Loading="@_isRefreshing">
<HeaderContent>
<MudTh Style="width: 50px; background-color: #ffffff; border-bottom: 1px solid #E5E7EB;"></MudTh>
<MudTh Style="font-weight: 600; color: #6B7280; text-transform: uppercase; font-size: 0.6875rem; letter-spacing: 0.05em; background-color: #F9FAFB; border-bottom: 1px solid #E5E7EB;">
<MudTableSortLabel SortBy="new Func<GetAutoNumberSequenceListResponse, object>(x => x.EntityName!)">Entity 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;">
<MudTableSortLabel SortBy="new Func<GetAutoNumberSequenceListResponse, object>(x => x.PrefixTemplate!)">Prefix</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;">Year</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;">Month</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;">Current Seq</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;">Suffix</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;">Padding</MudTh>
</HeaderContent>
<RowTemplate>
<MudTd>
<MudCheckBox T="bool" Value="@(_selectedItem?.Id == context.Id)" Color="Color.Primary" Dense="true" Size="Size.Small" ReadOnly="true" />
</MudTd>
<MudTd Style="padding-top: 0.75rem; padding-bottom: 0.75rem; color: #374151; font-size: 0.875rem;">
<MudText Typo="Typo.body2" Style="font-weight: 700; color: #374151;">@context.EntityName</MudText>
</MudTd>
<MudTd Style="padding-top: 0.75rem; padding-bottom: 0.75rem; color: #374151; font-size: 0.875rem;">
<MudChip T="string" Variant="Variant.Text" Color="Color.Info" Size="Size.Small" Style="font-weight: 700; border-radius: 4px;">
@(string.IsNullOrEmpty(context.PrefixTemplate) ? "-" : context.PrefixTemplate)
</MudChip>
</MudTd>
<MudTd Style="text-align: center;">@context.Year</MudTd>
<MudTd Style="text-align: center;">@(context.Month?.ToString("D2") ?? "-")</MudTd>
<MudTd Style="text-align: center;">
<MudChip T="string" Variant="Variant.Filled" Color="Color.Default" Size="Size.Small"
Style="font-weight: 600; background-color: #f1f5f9; color: #1e293b; border-radius: 4px;">
@context.CurrentSequence
</MudChip>
</MudTd>
<MudTd Style="padding-top: 0.75rem; padding-bottom: 0.75rem; color: #374151; font-size: 0.875rem;">
<MudChip T="string" Variant="Variant.Text" Color="Color.Secondary" Size="Size.Small" Style="font-weight: 700; border-radius: 4px;">
@(string.IsNullOrEmpty(context.SuffixTemplate) ? "-" : context.SuffixTemplate)
</MudChip>
</MudTd>
<MudTd Style="text-align: center;">@context.PaddingLength</MudTd>
</RowTemplate>
</MudTable>
<div style="display: flex; justify-content: space-between; align-items: center; padding: 12px 24px; background-color: #F9FAFB; border-top: 1px solid #E5E7EB;">
<div style="display: flex; align-items: center; gap: 12px;">
<MudText Typo="Typo.caption" Style="font-weight: 500; color: #9CA3AF; font-size: 0.75rem;">Rows per page:</MudText>
<MudSelect T="int"
Value="@_top"
ValueChanged="OnPageSizeChanged"
Dense="true"
Margin="Margin.Dense"
Style="width: 80px; background-color: white; font-size: 12px; font-weight: 600;"
Variant="Variant.Outlined"
Class="mt-0 custom-select-dense">
<MudSelectItem Value="5" />
<MudSelectItem Value="10" />
<MudSelectItem Value="50" />
<MudSelectItem Value="500" />
<MudSelectItem Value="1000" />
</MudSelect>
<MudText Typo="Typo.caption" Style="color: #9CA3AF; margin-left: 12px; font-size: 0.75rem; font-weight: 500;">
Showing @(GetFilteredData().Count() == 0 ? 0 : _skip + 1)-@Math.Min(_skip + _top, GetFilteredData().Count()) of @GetFilteredData().Count()
</MudText>
</div>
<div style="display: flex; gap: 8px; align-items: center;">
<MudIconButton Icon="@Icons.Material.Filled.FirstPage" Size="Size.Small" OnClick="@(() => OnPageChanged(1))" Disabled="@(_currentPage == 1)" Style="@(_currentPage == 1 ? "color: #D1D5DB; background: transparent;" : "color: #6B7280; background: white; border: 1px solid #D1D5DB; border-radius: 6px;")" />
<MudButton OnClick="@(() => OnPageChanged(_currentPage - 1))" Disabled="@(_currentPage == 1)" Variant="Variant.Text" StartIcon="@Icons.Material.Filled.ChevronLeft" Size="Size.Small" Style="@(_currentPage == 1 ? "text-transform: none; font-weight: 500; color: #D1D5DB;" : "text-transform: none; font-weight: 500; color: #374151; border: 1px solid #D1D5DB; border-radius: 6px; background: white;")">Prev</MudButton>
@{
var totalPages = _totalPage == 0 ? 1 : _totalPage;
var maxVisible = 5;
var startPage = Math.Max(1, _currentPage - maxVisible / 2);
var endPage = Math.Min(totalPages, startPage + maxVisible - 1);
if (endPage - startPage < maxVisible - 1) { startPage = Math.Max(1, endPage - maxVisible + 1); }
}
@for (int i = startPage; i <= endPage; i++)
{
var pageNum = i;
var isActive = pageNum == _currentPage;
<MudButton OnClick="@(() => OnPageChanged(pageNum))"
Variant="Variant.Text" Size="Size.Small"
Style="@(isActive ? "min-width: 34px; padding: 4px 8px; font-size: 0.75rem; font-weight: 600; background: #3B82F6; color: white; border: 1px solid #3B82F6; border-radius: 6px; text-transform: none;" : "min-width: 34px; padding: 4px 8px; font-size: 0.75rem; font-weight: 500; color: #374151; background: white; border: 1px solid #D1D5DB; border-radius: 6px; text-transform: none;")">@pageNum</MudButton>
}
<MudButton OnClick="@(() => OnPageChanged(_currentPage + 1))" Disabled="@(_currentPage == _totalPage || _totalPage == 0)" Variant="Variant.Text" EndIcon="@Icons.Material.Filled.ChevronRight" Size="Size.Small" Style="@(_currentPage == _totalPage || _totalPage == 0 ? "text-transform: none; font-weight: 500; color: #D1D5DB;" : "text-transform: none; font-weight: 500; color: #374151; border: 1px solid #D1D5DB; border-radius: 6px; background: white;")">Next</MudButton>
<MudIconButton Icon="@Icons.Material.Filled.LastPage" Size="Size.Small" OnClick="@(() => OnPageChanged(_totalPage))" Disabled="@(_currentPage == _totalPage || _totalPage == 0)" Style="@(_currentPage == _totalPage || _totalPage == 0 ? "color: #D1D5DB; background: transparent;" : "background-color: white; border: 1px solid #D1D5DB; color: #6B7280;")" />
</div>
</div>
</MudPaper>
<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<GetAutoNumberSequenceListResponse> OnEdit { get; set; }
[Parameter] public EventCallback<GetAutoNumberSequenceListResponse> OnView { get; set; }
private List<GetAutoNumberSequenceListResponse> _items = new();
private GetAutoNumberSequenceListResponse? _selectedItem;
private string _searchString = "";
private bool _isRefreshing = false;
private bool _isExporting = false;
private int _skip = 0;
private int _top = 5;
private int _totalPage => GetFilteredData().Count() == 0 ? 0 : (int)Math.Ceiling((double)GetFilteredData().Count() / (_top == 0 ? 1 : _top));
private int _currentPage => (_top >= GetFilteredData().Count() || _top == 0) ? 1 : (_skip / _top) + 1;
protected override async Task OnInitializedAsync() => await LoadData();
private async Task LoadData()
{
_isRefreshing = true;
_selectedItem = null;
StateHasChanged();
try
{
var response = await AutoNumberSequenceService.GetAutoNumberSequenceListAsync();
await Task.Delay(500);
if (response != null && response.IsSuccess)
{
_items = response.Value ?? new List<GetAutoNumberSequenceListResponse>();
}
}
finally
{
_isRefreshing = false;
StateHasChanged();
}
}
private IEnumerable<GetAutoNumberSequenceListResponse> GetFilteredData()
{
if (string.IsNullOrWhiteSpace(_searchString)) return _items;
return _items.Where(x =>
(x.EntityName?.Contains(_searchString, StringComparison.OrdinalIgnoreCase) ?? false) ||
(x.PrefixTemplate?.Contains(_searchString, StringComparison.OrdinalIgnoreCase) ?? false) ||
(x.SuffixTemplate?.Contains(_searchString, StringComparison.OrdinalIgnoreCase) ?? false)
);
}
private IEnumerable<GetAutoNumberSequenceListResponse> GetPagedData() => GetFilteredData().Skip(_skip).Take(_top);
private void OnSearchClick()
{
_skip = 0;
_selectedItem = null;
StateHasChanged();
}
private void HandleSearchKeyDown(KeyboardEventArgs e)
{
if (e.Key == "Enter") OnSearchClick();
}
private async Task ExportToExcel()
{
_isExporting = true;
StateHasChanged();
try
{
await Task.Delay(1000);
using (var workbook = new XLWorkbook())
{
var worksheet = workbook.Worksheets.Add("AutoNumberSequences");
var currentRow = 1;
worksheet.Cell(currentRow, 1).Value = "Entity Name";
worksheet.Cell(currentRow, 2).Value = "Prefix";
worksheet.Cell(currentRow, 3).Value = "Year";
worksheet.Cell(currentRow, 4).Value = "Month";
worksheet.Cell(currentRow, 5).Value = "Current Seq";
worksheet.Cell(currentRow, 6).Value = "Suffix";
worksheet.Cell(currentRow, 7).Value = "Padding";
var headerRange = worksheet.Range(1, 1, 1, 7);
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.EntityName;
worksheet.Cell(currentRow, 2).Value = item.PrefixTemplate;
worksheet.Cell(currentRow, 3).Value = item.Year;
worksheet.Cell(currentRow, 4).Value = item.Month;
worksheet.Cell(currentRow, 5).Value = item.CurrentSequence;
worksheet.Cell(currentRow, 6).Value = item.SuffixTemplate;
worksheet.Cell(currentRow, 7).Value = item.PaddingLength;
}
worksheet.Columns().AdjustToContents();
using (var stream = new MemoryStream())
{
workbook.SaveAs(stream);
var content = Convert.ToBase64String(stream.ToArray());
await JSRuntime.InvokeVoidAsync("downloadFile", "Auto_Number_Sequences.xlsx", "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet", content);
Snackbar.Add("Excel exported successfully", Severity.Success);
}
}
}
catch (Exception ex)
{
Snackbar.Add($"Export failed: {ex.Message}", Severity.Error);
}
finally
{
_isExporting = false;
StateHasChanged();
}
}
private void OnPageChanged(int page)
{
if (page >= 1 && page <= _totalPage)
{
_skip = (page - 1) * _top;
_selectedItem = null;
StateHasChanged();
}
}
private void OnPageSizeChanged(int size)
{
_top = size;
_skip = 0;
_selectedItem = null;
StateHasChanged();
}
private async Task InvokeEdit()
{
if (_selectedItem != null) await OnEdit.InvokeAsync(_selectedItem);
}
private async Task InvokeView()
{
if (_selectedItem != null) await OnView.InvokeAsync(_selectedItem);
}
}
@@ -0,0 +1,155 @@
@using Indotalent.Features.Setting.AutoNumberSequence.Cqrs
@using Indotalent.Shared.Utils
@using MudBlazor
@inject AutoNumberSequenceService AutoNumberSequenceService
@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;">@GetTitle()</MudText>
<MudText Typo="Typo.body2" Style="color: #64748b;">Adjust the numbering rules and template formats for system entities.</MudText>
</div>
</div>
</MudPaper>
<MudPaper Elevation="0" Outlined="true" Class="pa-8" Style="border-radius: 4px; border: 1px solid #DCEBFA;">
<MudForm @ref="_form" Model="_model">
<MudGrid Spacing="3">
<MudItem xs="12">
<MudText Typo="Typo.subtitle2" Class="mb-1">Entity Name</MudText>
<MudTextField @bind-Value="_model.EntityName"
ReadOnly="true"
Variant="Variant.Outlined" Margin="Margin.Dense" FullWidth="true"
HelperText="Entity name cannot be changed." />
</MudItem>
<MudItem xs="12" sm="6">
<MudText Typo="Typo.subtitle2" Class="mb-1">Prefix Template</MudText>
<MudTextField @bind-Value="_model.PrefixTemplate"
For="@(() => _model.PrefixTemplate)"
Validation="@(_validator.ValidateValue())"
ReadOnly="ReadOnly"
Placeholder="e.g., INV-"
Variant="Variant.Outlined" Margin="Margin.Dense" FullWidth="true" />
</MudItem>
<MudItem xs="12" sm="6">
<MudText Typo="Typo.subtitle2" Class="mb-1">Suffix Template</MudText>
<MudTextField @bind-Value="_model.SuffixTemplate"
For="@(() => _model.SuffixTemplate)"
Validation="@(_validator.ValidateValue())"
ReadOnly="ReadOnly"
Placeholder="e.g., -EXT"
Variant="Variant.Outlined" Margin="Margin.Dense" FullWidth="true" />
</MudItem>
@if (ReadOnly)
{
<MudItem xs="12" sm="4">
<MudText Typo="Typo.subtitle2" Class="mb-1">Current Sequence</MudText>
<MudTextField Value="@ExistingData?.CurrentSequence" ReadOnly="true" Variant="Variant.Outlined" Margin="Margin.Dense" FullWidth="true" />
</MudItem>
<MudItem xs="12" sm="4">
<MudText Typo="Typo.subtitle2" Class="mb-1">Padding Length</MudText>
<MudTextField Value="@ExistingData?.PaddingLength" ReadOnly="true" Variant="Variant.Outlined" Margin="Margin.Dense" FullWidth="true" />
</MudItem>
<MudItem xs="12" sm="4">
<MudText Typo="Typo.subtitle2" Class="mb-1">Period</MudText>
<MudTextField Value="@($"{ExistingData?.Year} / {ExistingData?.Month}")" ReadOnly="true" 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-radius: 4px; text-transform: none; font-weight: 700;border: 1px solid #e0e0e0;">
@(ReadOnly ? "Back to List" : "Cancel")
</MudButton>
@if (!ReadOnly)
{
<MudButton Color="Color.Primary"
Variant="Variant.Filled"
OnClick="Submit"
Disabled="_processing"
Style="border-radius: 4px; text-transform: none; font-weight: 700;">
@if (_processing)
{
<MudProgressCircular Class="ms-n1" Size="Size.Small" Indeterminate="true" />
<MudText Class="ms-2" Typo="Typo.button" Style="text-transform: none !important;">Processing...</MudText>
}
else
{
<MudText>Save Changes</MudText>
}
</MudButton>
}
</div>
</MudForm>
</MudPaper>
@code {
[Parameter] public GetAutoNumberSequenceListResponse? ExistingData { get; set; }
[Parameter] public bool ReadOnly { get; set; } = false;
[Parameter] public EventCallback OnCancel { get; set; }
[Parameter] public EventCallback OnSuccess { get; set; }
private MudForm _form = default!;
private UpdateAutoNumberSequenceValidator _validator = new();
private UpdateAutoNumberSequenceRequest _model = new();
private bool _processing = false;
protected override void OnInitialized()
{
if (ExistingData != null)
{
_model = new UpdateAutoNumberSequenceRequest
{
Id = ExistingData.Id,
EntityName = ExistingData.EntityName,
PrefixTemplate = ExistingData.PrefixTemplate,
SuffixTemplate = ExistingData.SuffixTemplate
};
}
}
private string GetTitle()
{
if (ReadOnly) return "Auto Number Details";
return "Edit Auto Number Template";
}
private async Task Submit()
{
if (ReadOnly) return;
await _form.Validate();
if (!_form.IsValid) return;
_processing = true;
try
{
var response = await AutoNumberSequenceService.UpdateAutoNumberSequenceAsync(_model);
await Task.Delay(500);
if (response?.IsSuccess ?? false)
{
Snackbar.Add("Template updated successfully", Severity.Success);
await OnSuccess.InvokeAsync();
}
}
catch (Exception ex)
{
Snackbar.Add($"System Error: {ex.Message}", Severity.Error);
}
finally
{
_processing = false;
}
}
}
@@ -0,0 +1,28 @@
using Indotalent.Infrastructure.Database;
using MediatR;
using Microsoft.EntityFrameworkCore;
namespace Indotalent.Features.Setting.AutoNumberSequence.Cqrs;
public record GetAutoNumberSequenceByIdResponse(
string Id, string EntityName, int? Year, int? Month,
long CurrentSequence, string PrefixTemplate, string SuffixTemplate, int PaddingLength);
public record GetAutoNumberSequenceByIdQuery(string Id) : IRequest<GetAutoNumberSequenceByIdResponse?>;
public class GetAutoNumberSequenceByIdHandler : IRequestHandler<GetAutoNumberSequenceByIdQuery, GetAutoNumberSequenceByIdResponse?>
{
private readonly AppDbContext _context;
public GetAutoNumberSequenceByIdHandler(AppDbContext context) => _context = context;
public async Task<GetAutoNumberSequenceByIdResponse?> Handle(GetAutoNumberSequenceByIdQuery request, CancellationToken cancellationToken)
{
return await _context.Set<Data.Entities.AutoNumberSequence>()
.AsNoTracking()
.Where(x => x.Id == request.Id)
.Select(x => new GetAutoNumberSequenceByIdResponse(
x.Id, x.EntityName ?? "", x.Year, x.Month,
x.CurrentSequence ?? 0, x.PrefixTemplate ?? "", x.SuffixTemplate ?? "", x.PaddingLength ?? 0))
.FirstOrDefaultAsync(cancellationToken);
}
}
@@ -0,0 +1,45 @@
using Indotalent.Infrastructure.Database;
using MediatR;
using Microsoft.EntityFrameworkCore;
namespace Indotalent.Features.Setting.AutoNumberSequence.Cqrs;
public class GetAutoNumberSequenceListResponse
{
public string? Id { get; set; }
public string? EntityName { get; set; }
public int? Year { get; set; }
public int? Month { get; set; }
public long? CurrentSequence { get; set; }
public string? PrefixTemplate { get; set; }
public string? SuffixTemplate { get; set; }
public int? PaddingLength { get; set; }
}
public record GetAutoNumberSequenceListQuery() : IRequest<List<GetAutoNumberSequenceListResponse>>;
public class GetAutoNumberSequenceListHandler : IRequestHandler<GetAutoNumberSequenceListQuery, List<GetAutoNumberSequenceListResponse>>
{
private readonly AppDbContext _context;
public GetAutoNumberSequenceListHandler(AppDbContext context) => _context = context;
public async Task<List<GetAutoNumberSequenceListResponse>> Handle(GetAutoNumberSequenceListQuery request, CancellationToken cancellationToken)
{
return await _context.Set<Data.Entities.AutoNumberSequence>()
.AsNoTracking()
.OrderBy(x => x.EntityName)
.Select(x => new GetAutoNumberSequenceListResponse
{
Id = x.Id,
EntityName = x.EntityName,
Year = x.Year,
Month = x.Month,
CurrentSequence = x.CurrentSequence,
PrefixTemplate = x.PrefixTemplate,
SuffixTemplate = x.SuffixTemplate,
PaddingLength = x.PaddingLength
})
.ToListAsync(cancellationToken);
}
}
@@ -0,0 +1,41 @@
using Indotalent.Infrastructure.Database;
using MediatR;
using Microsoft.EntityFrameworkCore;
namespace Indotalent.Features.Setting.AutoNumberSequence.Cqrs;
public class UpdateAutoNumberSequenceRequest
{
public string? Id { get; set; }
public string? EntityName { get; set; }
public string? PrefixTemplate { get; set; }
public string? SuffixTemplate { get; set; }
}
public class UpdateAutoNumberSequenceResponse
{
public string? Id { get; set; }
public bool Success { get; set; }
}
public record UpdateAutoNumberSequenceCommand(UpdateAutoNumberSequenceRequest Data) : IRequest<UpdateAutoNumberSequenceResponse>;
public class UpdateAutoNumberSequenceHandler : IRequestHandler<UpdateAutoNumberSequenceCommand, UpdateAutoNumberSequenceResponse>
{
private readonly AppDbContext _context;
public UpdateAutoNumberSequenceHandler(AppDbContext context) => _context = context;
public async Task<UpdateAutoNumberSequenceResponse> Handle(UpdateAutoNumberSequenceCommand request, CancellationToken cancellationToken)
{
var entity = await _context.Set<Data.Entities.AutoNumberSequence>()
.FirstOrDefaultAsync(x => x.Id == request.Data.Id, cancellationToken);
if (entity == null) return new UpdateAutoNumberSequenceResponse { Id = request.Data.Id, Success = false };
entity.PrefixTemplate = request.Data.PrefixTemplate;
entity.SuffixTemplate = request.Data.SuffixTemplate;
await _context.SaveChangesAsync(cancellationToken);
return new UpdateAutoNumberSequenceResponse { Id = entity.Id, Success = true };
}
}
@@ -0,0 +1,14 @@
using FluentValidation;
using Indotalent.Shared.Consts;
namespace Indotalent.Features.Setting.AutoNumberSequence.Cqrs;
public class UpdateAutoNumberSequenceValidator : AbstractValidator<UpdateAutoNumberSequenceRequest>
{
public UpdateAutoNumberSequenceValidator()
{
RuleFor(x => x.Id).NotEmpty().WithMessage("ID is required");
RuleFor(x => x.PrefixTemplate).MaximumLength(GlobalConsts.StringLengthShort);
RuleFor(x => x.SuffixTemplate).MaximumLength(GlobalConsts.StringLengthShort);
}
}
@@ -0,0 +1,46 @@
using Indotalent.ConfigBackEnd.Extensions;
using Indotalent.Features.Setting.Company.Cqrs;
using MediatR;
using Microsoft.AspNetCore.Authentication.JwtBearer;
namespace Indotalent.Features.Setting.Company;
public static class CompanyEndpoint
{
public static void MapCompanyEndpoints(this IEndpointRouteBuilder app)
{
var group = app.MapGroup("/company").WithTags("Companies")
.RequireAuthorization(policy => policy.AddAuthenticationSchemes(JwtBearerDefaults.AuthenticationScheme)
.RequireAuthenticatedUser());
group.MapGet("/", async (IMediator mediator) =>
{
var result = await mediator.Send(new GetCompanyListQuery());
return result.ToApiResponse("Company list retrieved successfully");
});
group.MapGet("/{id}", async (string id, IMediator mediator) =>
{
var result = await mediator.Send(new GetCompanyByIdQuery(id));
return result.ToApiResponse(result is not null ? "Company retrieved" : "Not found");
});
group.MapPost("/", async (CreateCompanyRequest request, IMediator mediator) =>
{
var result = await mediator.Send(new CreateCompanyCommand(request));
return result.ToApiResponse("Company created successfully", StatusCodes.Status201Created);
});
group.MapPost("/update", async (UpdateCompanyRequest request, IMediator mediator) =>
{
var result = await mediator.Send(new UpdateCompanyCommand(request));
return result.Success ? result.ToApiResponse("Company updated") : result.ToApiResponse("Failed");
});
group.MapPost("/delete/{id}", async (string id, IMediator mediator) =>
{
var result = await mediator.Send(new DeleteCompanyByIdCommand(new DeleteCompanyByIdRequest(id)));
return result.ToApiResponse("Company deleted");
});
}
}
@@ -0,0 +1,54 @@
using Indotalent.ConfigBackEnd.Interfaces;
using Indotalent.ConfigFrontEnd.Common;
using Indotalent.Features.Setting.Company.Cqrs;
using Indotalent.Infrastructure.Authentication.Identity;
using Indotalent.Shared.Models;
using Microsoft.AspNetCore.Components;
using MudBlazor;
using RestSharp;
namespace Indotalent.Features.Setting.Company;
public class CompanyService : BaseService
{
private readonly RestClient _client;
public CompanyService(IHttpClientFactory cf, NavigationManager nav, ISnackbar snack, ICurrentUserService cus, TokenProvider tp)
: base(cf, nav, snack, cus, tp)
{
_client = new RestClient(nav.BaseUri);
}
public async Task<ApiResponse<List<GetCompanyListResponse>>?> GetCompanyListAsync()
{
var request = new RestRequest("api/company", Method.Get);
return await ExecuteWithResponseAsync<List<GetCompanyListResponse>>(_client, request);
}
public async Task<ApiResponse<GetCompanyByIdResponse>?> GetCompanyByIdAsync(string id)
{
var request = new RestRequest($"api/company/{id}", Method.Get);
return await ExecuteWithResponseAsync<GetCompanyByIdResponse>(_client, request);
}
public async Task<ApiResponse<CreateCompanyResponse>?> CreateCompanyAsync(CreateCompanyRequest data)
{
var request = new RestRequest("api/company", Method.Post);
request.AddJsonBody(data);
return await ExecuteWithResponseAsync<CreateCompanyResponse>(_client, request);
}
public async Task<ApiResponse<UpdateCompanyResponse>?> UpdateCompanyAsync(UpdateCompanyRequest data)
{
var request = new RestRequest("api/company/update", Method.Post);
request.AddJsonBody(data);
return await ExecuteWithResponseAsync<UpdateCompanyResponse>(_client, request);
}
public async Task<bool> DeleteCompanyByIdAsync(string id)
{
var request = new RestRequest($"api/company/delete/{id}", Method.Post);
var response = await ExecuteWithResponseAsync<object>(_client, request);
return response?.IsSuccess ?? false;
}
}
@@ -0,0 +1,52 @@
@page "/setting/company"
@using Indotalent.Features.Setting.Company
@using Indotalent.Features.Setting.Company.Cqrs
@using MudBlazor
@if (_currentView == ViewMode.Create)
{
<_CompanyCreateForm OnCancel="BackToTable"
OnSuccess="HandleSuccess" />
}
else if (_currentView == ViewMode.Update || _currentView == ViewMode.View)
{
<_CompanyUpdateForm Data="_selectedData!"
ReadOnly="@(_currentView == ViewMode.View)"
OnCancel="BackToTable"
OnSuccess="HandleSuccess" />
}
else
{
<_CompanyDataTable 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 UpdateCompanyRequest? _selectedData;
private void ShowCreate()
{
_currentView = ViewMode.Create;
}
private void ShowUpdate(UpdateCompanyRequest 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,250 @@
@using Indotalent.Features.Setting.Company
@using Indotalent.Features.Setting.Company.Cqrs
@using Indotalent.Features.Setting.Currency
@using Indotalent.Features.Setting.Currency.Cqrs
@using Indotalent.Shared.Utils
@using MudBlazor
@inject CompanyService CompanyService
@inject CurrencyService CurrencyService
@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 Company</MudText>
<MudText Typo="Typo.body2" Style="color: #64748b;">Configure organization identity and legal details.</MudText>
</div>
</div>
</MudPaper>
<MudPaper Elevation="0" Outlined="true" Class="pa-8" Style="border-radius: 4px; border: 1px solid #DCEBFA;">
<MudForm @ref="_form" Model="_model">
<MudStack Spacing="8">
<MudGrid>
<MudItem xs="12" md="4">
<MudText Typo="Typo.h6" Class="fw-bold">Company Profile</MudText>
<MudText Typo="Typo.body2">Basic identity and branding of your organization.</MudText>
</MudItem>
<MudItem xs="12" md="8">
<MudStack Spacing="4">
<MudGrid Spacing="2">
<MudItem xs="12" sm="8">
<div class="d-flex flex-column justify-end h-100">
<MudText Typo="Typo.subtitle2" Class="mb-1">Company Name</MudText>
<MudTextField @bind-Value="_model.Name"
For="@(() => _model.Name)"
Validation="@(_validator.ValidateValue())"
Variant="Variant.Outlined"
FullWidth="true"
Margin="Margin.Dense" />
</div>
</MudItem>
<MudItem xs="12" sm="4">
<div class="d-flex flex-column justify-end h-100">
<MudText Typo="Typo.subtitle2" Class="mb-1">Default Currency</MudText>
<MudSelect @bind-Value="_model.CurrencyId"
For="@(() => _model.CurrencyId)"
Validation="@(_validator.ValidateValue())"
Variant="Variant.Outlined"
FullWidth="true"
Margin="Margin.Dense"
Dense="true"
AnchorOrigin="Origin.BottomCenter"
TransformOrigin="Origin.TopCenter">
@foreach (var curr in _currencies)
{
<MudSelectItem Value="@curr.Id">
<div class="d-flex align-center gap-2">
<MudText Typo="Typo.body2" Style="font-weight: 700;">@curr.Code</MudText>
<MudText Typo="Typo.caption" Style="color: #64748b;">(@curr.Symbol)</MudText>
</div>
</MudSelectItem>
}
</MudSelect>
</div>
</MudItem>
</MudGrid>
<div>
<MudText Typo="Typo.subtitle2" Class="mb-1">Company Description</MudText>
<MudTextField @bind-Value="_model.Description" Variant="Variant.Outlined" Lines="3" FullWidth="true" Margin="Margin.Dense" />
</div>
<MudGrid Spacing="2">
<MudItem xs="12">
<MudText Typo="Typo.subtitle2" Class="mb-1">Set as Default Company</MudText>
<MudSwitch @bind-Value="_model.IsDefault"
Color="Color.Primary"
Label="@(_model.IsDefault ? "This is the primary organization" : "Set this as the primary organization")" />
</MudItem>
</MudGrid>
<MudGrid Spacing="2">
<MudItem xs="12" sm="6">
<MudText Typo="Typo.subtitle2" Class="mb-1">Tax ID (NPWP)</MudText>
<MudTextField @bind-Value="_model.TaxIdentification" Variant="Variant.Outlined" FullWidth="true" Margin="Margin.Dense" />
</MudItem>
<MudItem xs="12" sm="6">
<MudText Typo="Typo.subtitle2" Class="mb-1">Business License (NIB)</MudText>
<MudTextField @bind-Value="_model.BusinessLicense" Variant="Variant.Outlined" FullWidth="true" Margin="Margin.Dense" />
</MudItem>
</MudGrid>
</MudStack>
</MudItem>
</MudGrid>
<MudDivider />
<MudGrid>
<MudItem xs="12" md="4">
<MudText Typo="Typo.h6" Class="fw-bold">Head Office Address</MudText>
<MudText Typo="Typo.body2">Main office location and contact details.</MudText>
</MudItem>
<MudItem xs="12" md="8">
<MudStack Spacing="4">
<div>
<MudText Typo="Typo.subtitle2" Class="mb-1">Street Address</MudText>
<MudTextField @bind-Value="_model.StreetAddress" Variant="Variant.Outlined" FullWidth="true" Margin="Margin.Dense" />
</div>
<MudGrid Spacing="2">
<MudItem xs="12" sm="4">
<MudText Typo="Typo.subtitle2" Class="mb-1">City</MudText>
<MudTextField @bind-Value="_model.City" Variant="Variant.Outlined" FullWidth="true" Margin="Margin.Dense" />
</MudItem>
<MudItem xs="12" sm="4">
<MudText Typo="Typo.subtitle2" Class="mb-1">State/Province</MudText>
<MudTextField @bind-Value="_model.StateProvince" Variant="Variant.Outlined" FullWidth="true" Margin="Margin.Dense" />
</MudItem>
<MudItem xs="12" sm="4">
<MudText Typo="Typo.subtitle2" Class="mb-1">ZIP Code</MudText>
<MudTextField @bind-Value="_model.ZipCode" Variant="Variant.Outlined" FullWidth="true" Margin="Margin.Dense" />
</MudItem>
</MudGrid>
<MudGrid Spacing="2">
<MudItem xs="12" sm="6">
<MudText Typo="Typo.subtitle2" Class="mb-1">Phone</MudText>
<MudTextField @bind-Value="_model.Phone" Variant="Variant.Outlined" FullWidth="true" Margin="Margin.Dense" Adornment="Adornment.Start" AdornmentIcon="@Icons.Material.Filled.Phone" />
</MudItem>
<MudItem xs="12" sm="6">
<MudText Typo="Typo.subtitle2" Class="mb-1">Email</MudText>
<MudTextField @bind-Value="_model.Email" For="@(() => _model.Email)" Validation="@(_validator.ValidateValue())" Variant="Variant.Outlined" FullWidth="true" Margin="Margin.Dense" Adornment="Adornment.Start" AdornmentIcon="@Icons.Material.Filled.Email" />
</MudItem>
</MudGrid>
</MudStack>
</MudItem>
</MudGrid>
<MudDivider />
<MudGrid>
<MudItem xs="12" md="4">
<MudText Typo="Typo.h6" Class="fw-bold">Social Media Presence</MudText>
<MudText Typo="Typo.body2">External links for recruitment branding.</MudText>
</MudItem>
<MudItem xs="12" md="8">
<MudStack Spacing="4">
<div>
<MudText Typo="Typo.subtitle2" Class="mb-1">LinkedIn</MudText>
<MudTextField @bind-Value="_model.SocialMediaLinkedIn" Variant="Variant.Outlined" Margin="Margin.Dense" Adornment="Adornment.Start" AdornmentIcon="@Icons.Custom.Brands.LinkedIn" FullWidth="true" />
</div>
<div>
<MudText Typo="Typo.subtitle2" Class="mb-1">X (Twitter)</MudText>
<MudTextField @bind-Value="_model.SocialMediaX" Variant="Variant.Outlined" Margin="Margin.Dense" Adornment="Adornment.Start" AdornmentIcon="@Icons.Custom.Brands.Twitter" FullWidth="true" />
</div>
<div>
<MudText Typo="Typo.subtitle2" Class="mb-1">Facebook</MudText>
<MudTextField @bind-Value="_model.SocialMediaFacebook" Variant="Variant.Outlined" Margin="Margin.Dense" Adornment="Adornment.Start" AdornmentIcon="@Icons.Custom.Brands.Facebook" FullWidth="true" />
</div>
<div>
<MudText Typo="Typo.subtitle2" Class="mb-1">Instagram</MudText>
<MudTextField @bind-Value="_model.SocialMediaInstagram" Variant="Variant.Outlined" Margin="Margin.Dense" Adornment="Adornment.Start" AdornmentIcon="@Icons.Custom.Brands.Instagram" FullWidth="true" />
</div>
<div>
<MudText Typo="Typo.subtitle2" Class="mb-1">TikTok</MudText>
<MudTextField @bind-Value="_model.SocialMediaTikTok" Variant="Variant.Outlined" Margin="Margin.Dense" Adornment="Adornment.Start" AdornmentIcon="@Icons.Custom.Brands.TikTok" FullWidth="true" />
</div>
</MudStack>
</MudItem>
</MudGrid>
<MudDivider />
<MudGrid>
<MudItem xs="12" md="4">
<MudText Typo="Typo.h6" Class="fw-bold">Other Information</MudText>
<MudText Typo="Typo.body2">Additional company metadata.</MudText>
</MudItem>
<MudItem xs="12" md="8">
<MudStack Spacing="4">
<div>
<MudText Typo="Typo.subtitle2" Class="mb-1">Other Information 1</MudText>
<MudTextField @bind-Value="_model.OtherInformation1" Variant="Variant.Outlined" FullWidth="true" Margin="Margin.Dense" />
</div>
<div>
<MudText Typo="Typo.subtitle2" Class="mb-1">Other Information 2</MudText>
<MudTextField @bind-Value="_model.OtherInformation2" Variant="Variant.Outlined" FullWidth="true" Margin="Margin.Dense" />
</div>
<div>
<MudText Typo="Typo.subtitle2" Class="mb-1">Other Information 3</MudText>
<MudTextField @bind-Value="_model.OtherInformation3" Variant="Variant.Outlined" FullWidth="true" Margin="Margin.Dense" />
</div>
</MudStack>
</MudItem>
</MudGrid>
<div class="d-flex justify-end gap-2 mt-8">
<MudButton OnClick="() => OnCancel.InvokeAsync()" Variant="Variant.Outlined" Disabled="_processing" Style="border-radius: 4px; text-transform: none; font-weight: 700;border: 1px solid #e0e0e0;">Cancel</MudButton>
<MudButton Color="Color.Primary" Variant="Variant.Filled" OnClick="Submit" Disabled="_processing" Style="border-radius: 4px; text-transform: none; font-weight: 700;">
@if (_processing)
{
<MudProgressCircular Class="ms-n1" Size="Size.Small" Indeterminate="true" />
<MudText Class="ms-2" Typo="Typo.button" Style="text-transform: none !important;">Processing...</MudText>
}
else
{
<MudText>Create Company</MudText>
}
</MudButton>
</div>
</MudStack>
</MudForm>
</MudPaper>
@code {
[Parameter] public EventCallback OnCancel { get; set; }
[Parameter] public EventCallback OnSuccess { get; set; }
private MudForm _form = default!;
private CreateCompanyValidator _validator = new();
private CreateCompanyRequest _model = new();
private List<GetCurrencyListResponse> _currencies = new();
private bool _processing = false;
protected override async Task OnInitializedAsync()
{
var response = await CurrencyService.GetCurrencyListAsync();
if (response != null && response.IsSuccess)
{
_currencies = response.Value ?? new();
}
}
private async Task Submit()
{
await _form.Validate();
if (!_form.IsValid) return;
_processing = true;
try
{
var response = await CompanyService.CreateCompanyAsync(_model);
await Task.Delay(500);
if (response != null && response.IsSuccess)
{
Snackbar.Add("Company created successfully", Severity.Success);
await OnSuccess.InvokeAsync();
}
}
finally
{
_processing = false;
}
}
}
@@ -0,0 +1,438 @@
@using Indotalent.ConfigBackEnd.Extensions
@using Indotalent.Features.Setting.Company
@using Indotalent.Features.Setting.Company.Cqrs
@using Microsoft.AspNetCore.Components.Web
@using Microsoft.JSInterop
@using MudBlazor
@using Features.Root.Shared
@using ClosedXML.Excel
@using System.IO
@inject CompanyService CompanyService
@inject IDialogService DialogService
@inject ISnackbar Snackbar
@inject IJSRuntime JSRuntime
<MudPaper Elevation="0" Square="true" Class="pa-6 mb-3 d-flex align-center justify-space-between" Style="border: 1px solid #E5E7EB; border-radius: 12px;">
<div>
<MudText Typo="Typo.h5" Style="font-weight: 600; color: #111827;">Company Management</MudText>
<MudText Typo="Typo.body2" Style="color: #9CA3AF;">Manage organization profile, legal entities, and office locations.</MudText>
</div>
<div class="d-flex align-center gap-2">
<MudIcon Icon="@Icons.Material.Filled.Home" Size="Size.Small" Color="Color.Default" />
<MudText Typo="Typo.caption" Style="color: #9CA3AF;">/</MudText>
<MudText Typo="Typo.caption" Style="color: #9CA3AF;">Settings</MudText>
<MudText Typo="Typo.caption" Style="color: #9CA3AF;">/</MudText>
<MudText Typo="Typo.caption" Style="font-weight: 600; color: #111827;">Company</MudText>
</div>
</MudPaper>
<MudPaper Elevation="0" Outlined="true" Style="border-radius: 12px; overflow: hidden; background-color: #ffffff; border: 1px solid #E5E7EB;">
<div style="padding: 20px 24px; border-bottom: 1px solid #E5E7EB; display: flex; justify-content: space-between; align-items: center; background-color: #ffffff; min-height: 80px;">
<div style="display: flex; align-items: center; gap: 8px;">
<MudTextField @bind-Value="_searchString"
Placeholder="Search..."
Adornment="Adornment.Start"
AdornmentIcon="@Icons.Material.Filled.Search"
IconSize="Size.Small"
Class="mt-0"
Variant="Variant.Outlined"
Margin="Margin.Dense"
Style="background-color: white; width: 280px; border-radius: 8px;"
OnKeyDown="@HandleSearchKeyDown" />
<MudButton Variant="Variant.Filled"
Color="Color.Primary"
OnClick="OnSearchClick"
Size="Size.Small"
Style="text-transform: none; font-weight: 500; border-radius: 6px; height: 34px; box-shadow: none;">
Search
</MudButton>
</div>
<div style="display: flex; gap: 8px; align-items: center;">
<MudButton Variant="Variant.Outlined"
Color="Color.Success"
OnClick="ExportToExcel"
Size="Size.Small"
Disabled="_isExporting"
StartIcon="@(_isExporting ? null : Icons.Custom.FileFormats.FileExcel)"
Style="background: white; font-weight: 500; border-radius: 6px; text-transform: none; height: 34px; border: 1px solid #D1D5DB; color: #6B7280;">
@if (_isExporting)
{
<MudProgressCircular Class="ms-n1" Size="Size.Small" Indeterminate="true" />
<MudText Class="ms-2" Typo="Typo.button" Style="text-transform: none !important;">Processing...</MudText>
}
else
{
<MudText Typo="Typo.button" Style="text-transform: none !important;">Excel</MudText>
}
</MudButton>
<MudButton Variant="Variant.Outlined"
Color="Color.Primary"
OnClick="LoadData"
Size="Size.Small"
StartIcon="@(_isRefreshing ? null : Icons.Material.Filled.Refresh)"
Disabled="_isRefreshing"
Style="background: white; font-weight: 500; border-radius: 6px; text-transform: none; height: 34px; border: 1px solid #D1D5DB; color: #6B7280;">
@if (_isRefreshing)
{
<MudProgressCircular Class="ms-n1" Size="Size.Small" Indeterminate="true" />
<MudText Class="ms-2" Typo="Typo.button" Style="text-transform: none !important;">Refreshing...</MudText>
}
else
{
<MudText Typo="Typo.button" Style="text-transform: none !important;">Refresh</MudText>
}
</MudButton>
@if (_selectedCompany != null)
{
<MudButton Variant="Variant.Outlined" Color="Color.Info" StartIcon="@Icons.Material.Filled.Visibility" OnClick="InvokeView" Size="Size.Small" Style="text-transform: none; font-weight: 500; border-radius: 6px; background-color: white; border: 1px solid #D1D5DB; color: #6B7280;">View</MudButton>
<MudButton Variant="Variant.Outlined" Color="Color.Primary" StartIcon="@Icons.Material.Filled.Edit" OnClick="InvokeEdit" Size="Size.Small" Style="text-transform: none; font-weight: 500; border-radius: 6px; background-color: white; border: 1px solid #D1D5DB; color: #6B7280;">Edit</MudButton>
<MudButton Variant="Variant.Outlined" Color="Color.Error" StartIcon="@Icons.Material.Filled.Delete" OnClick="OnDelete" Size="Size.Small" Style="text-transform: none; font-weight: 500; border-radius: 6px; background: white; border: 1px solid #FCA5A5; color: #EF4444;">Remove</MudButton>
<MudIconButton Icon="@Icons.Material.Filled.Close" Size="Size.Small" OnClick="() => _selectedCompany = 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 Company
</MudButton>
}
</div>
</div>
<MudTable Items="@GetPagedData()" Striped="true" Class="mud-table-styled" Hover="true" Elevation="0" CustomHeader="true" Dense="true" T="GetCompanyListResponse" OnRowClick="@((args) => _selectedCompany = args.Item)" Loading="@_isRefreshing">
<HeaderContent>
<MudTh Style="width: 50px; background-color: #ffffff; border-bottom: 1px solid #E5E7EB;"></MudTh>
<MudTh Style="font-weight: 600; color: #6B7280; text-transform: uppercase; font-size: 0.6875rem; letter-spacing: 0.05em; background-color: #F9FAFB; border-bottom: 1px solid #E5E7EB;">
<MudTableSortLabel SortBy="new Func<GetCompanyListResponse, object>(x => x.Name!)">Company 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;">
<MudTableSortLabel SortBy="new Func<GetCompanyListResponse, object>(x => x.Email!)">Email</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<GetCompanyListResponse, object>(x => x.Phone!)">Phone</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<GetCompanyListResponse, object>(x => x.City!)">City</MudTableSortLabel>
</MudTh>
</HeaderContent>
<RowTemplate>
<MudTd>
<MudCheckBox T="bool" Value="@(_selectedCompany?.Id == context.Id)" Color="Color.Primary" Dense="true" Size="Size.Small" ReadOnly="true" />
</MudTd>
<MudTd>
<div class="d-flex align-center gap-2">
<MudAvatar Color="Color.Primary" Variant="Variant.Filled" Size="Size.Small" Style="border-radius: 4px; font-size: 10px; font-weight: 700; width: 32px; height: 32px;">
@(!string.IsNullOrWhiteSpace(context.Name) ? context.Name.ToInitial() : "?")
</MudAvatar>
<MudText Typo="Typo.body2" Style="font-weight: 600; color: #374151;">@context.Name</MudText>
@if (context.IsDefault)
{
<MudChip T="string" Color="Color.Success" Size="Size.Small" Variant="Variant.Text" Style="font-weight: 600; ">DEFAULT</MudChip>
}
</div>
</MudTd>
<MudTd Style="padding-top: 0.75rem; padding-bottom: 0.75rem; color: #374151; font-size: 0.875rem;">@context.Email</MudTd>
<MudTd Style="padding-top: 0.75rem; padding-bottom: 0.75rem; color: #374151; font-size: 0.875rem;">@context.Phone</MudTd>
<MudTd Style="padding-top: 0.75rem; padding-bottom: 0.75rem; color: #374151; font-size: 0.875rem;">@context.City</MudTd>
</RowTemplate>
</MudTable>
<div style="display: flex; justify-content: space-between; align-items: center; padding: 12px 24px; background-color: #F9FAFB; border-top: 1px solid #E5E7EB;">
<div style="display: flex; align-items: center; gap: 12px;">
<MudText Typo="Typo.caption" Style="font-weight: 500; color: #9CA3AF; font-size: 0.75rem;">Rows per page:</MudText>
<MudSelect T="int"
Value="@_top"
ValueChanged="OnPageSizeChanged"
Dense="true"
Margin="Margin.Dense"
Style="width: 80px; background-color: white; font-size: 12px; font-weight: 600;"
Variant="Variant.Outlined"
Class="mt-0 custom-select-dense">
<MudSelectItem Value="5" />
<MudSelectItem Value="10" />
<MudSelectItem Value="50" />
<MudSelectItem Value="500" />
<MudSelectItem Value="1000" />
</MudSelect>
<MudText Typo="Typo.caption" Style="color: #9CA3AF; margin-left: 12px; font-size: 0.75rem; font-weight: 500;">
Showing @(GetFilteredData().Count() == 0 ? 0 : _skip + 1)-@Math.Min(_skip + _top, GetFilteredData().Count()) of @GetFilteredData().Count()
</MudText>
</div>
<div style="display: flex; gap: 8px; align-items: center;">
<MudIconButton Icon="@Icons.Material.Filled.FirstPage" Size="Size.Small" OnClick="@(() => OnPageChanged(1))" Disabled="@(_currentPage == 1)" Style="@(_currentPage == 1 ? "color: #D1D5DB; background: transparent;" : "color: #6B7280; background: white; border: 1px solid #D1D5DB; border-radius: 6px;")" />
<MudButton OnClick="@(() => OnPageChanged(_currentPage - 1))" Disabled="@(_currentPage == 1)" Variant="Variant.Text" StartIcon="@Icons.Material.Filled.ChevronLeft" Size="Size.Small" Style="@(_currentPage == 1 ? "text-transform: none; font-weight: 500; color: #D1D5DB;" : "text-transform: none; font-weight: 500; color: #374151; border: 1px solid #D1D5DB; border-radius: 6px; background: white;")">Prev</MudButton>
@{
var totalPages = _totalPage == 0 ? 1 : _totalPage;
var maxVisible = 5;
var startPage = Math.Max(1, _currentPage - maxVisible / 2);
var endPage = Math.Min(totalPages, startPage + maxVisible - 1);
if (endPage - startPage < maxVisible - 1) { startPage = Math.Max(1, endPage - maxVisible + 1); }
}
@for (int i = startPage; i <= endPage; i++)
{
var pageNum = i;
var isActive = pageNum == _currentPage;
<MudButton OnClick="@(() => OnPageChanged(pageNum))"
Variant="Variant.Text" Size="Size.Small"
Style="@(isActive ? "min-width: 34px; padding: 4px 8px; font-size: 0.75rem; font-weight: 600; background: #3B82F6; color: white; border: 1px solid #3B82F6; border-radius: 6px; text-transform: none;" : "min-width: 34px; padding: 4px 8px; font-size: 0.75rem; font-weight: 500; color: #374151; background: white; border: 1px solid #D1D5DB; border-radius: 6px; text-transform: none;")">@pageNum</MudButton>
}
<MudButton OnClick="@(() => OnPageChanged(_currentPage + 1))" Disabled="@(_currentPage == _totalPage || _totalPage == 0)" Variant="Variant.Text" EndIcon="@Icons.Material.Filled.ChevronRight" Size="Size.Small" Style="@(_currentPage == _totalPage || _totalPage == 0 ? "text-transform: none; font-weight: 500; color: #D1D5DB;" : "text-transform: none; font-weight: 500; color: #374151; border: 1px solid #D1D5DB; border-radius: 6px; background: white;")">Next</MudButton>
<MudIconButton Icon="@Icons.Material.Filled.LastPage" Size="Size.Small" OnClick="@(() => OnPageChanged(_totalPage))" Disabled="@(_currentPage == _totalPage || _totalPage == 0)" Style="@(_currentPage == _totalPage || _totalPage == 0 ? "color: #D1D5DB; background: transparent;" : "background-color: white; border: 1px solid #D1D5DB; color: #6B7280;")" />
</div>
</div>
</MudPaper>
<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<UpdateCompanyRequest> OnEdit { get; set; }
[Parameter] public EventCallback<UpdateCompanyRequest> OnView { get; set; }
private List<GetCompanyListResponse> _companies = new();
private GetCompanyListResponse? _selectedCompany;
private string _searchString = "";
private bool _isRefreshing = false;
private bool _isExporting = false;
private int _skip = 0;
private int _top = 10;
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;
_selectedCompany = null;
StateHasChanged();
try
{
var response = await CompanyService.GetCompanyListAsync();
await Task.Delay(500);
if (response != null && response.IsSuccess)
{
_companies = response.Value ?? new List<GetCompanyListResponse>();
}
}
finally
{
_isRefreshing = false;
StateHasChanged();
}
}
private IEnumerable<GetCompanyListResponse> GetFilteredData()
{
if (string.IsNullOrWhiteSpace(_searchString)) return _companies;
return _companies.Where(x =>
(x.Name?.Contains(_searchString, StringComparison.OrdinalIgnoreCase) ?? false) ||
(x.Email?.Contains(_searchString, StringComparison.OrdinalIgnoreCase) ?? false) ||
(x.City?.Contains(_searchString, StringComparison.OrdinalIgnoreCase) ?? false) ||
(x.Phone?.Contains(_searchString, StringComparison.OrdinalIgnoreCase) ?? false)
);
}
private IEnumerable<GetCompanyListResponse> GetPagedData() => GetFilteredData().Skip(_skip).Take(_top);
private void OnSearchClick()
{
_skip = 0;
_selectedCompany = 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("Companies");
var currentRow = 1;
worksheet.Cell(currentRow, 1).Value = "Company Name";
worksheet.Cell(currentRow, 2).Value = "Email";
worksheet.Cell(currentRow, 3).Value = "Phone";
worksheet.Cell(currentRow, 4).Value = "City";
worksheet.Cell(currentRow, 5).Value = "Is Default";
var headerRange = worksheet.Range(1, 1, 1, 5);
headerRange.Style.Font.Bold = true;
headerRange.Style.Fill.BackgroundColor = XLColor.FromHtml("#0D47A1");
headerRange.Style.Font.FontColor = XLColor.White;
foreach (var item in GetFilteredData())
{
currentRow++;
worksheet.Cell(currentRow, 1).Value = item.Name;
worksheet.Cell(currentRow, 2).Value = item.Email;
worksheet.Cell(currentRow, 3).Value = item.Phone;
worksheet.Cell(currentRow, 4).Value = item.City;
worksheet.Cell(currentRow, 5).Value = item.IsDefault ? "Yes" : "No";
}
worksheet.Columns().AdjustToContents();
using (var stream = new MemoryStream())
{
workbook.SaveAs(stream);
var content = Convert.ToBase64String(stream.ToArray());
await JSRuntime.InvokeVoidAsync("downloadFile", "Registered_Companies.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;
_selectedCompany = null;
StateHasChanged();
}
}
private void OnPageSizeChanged(int size)
{
_top = size;
_skip = 0;
_selectedCompany = null;
StateHasChanged();
}
private async Task InvokeEdit()
{
if (_selectedCompany == null) return;
var request = await MapToUpdateRequest(_selectedCompany.Id);
if (request != null) await OnEdit.InvokeAsync(request);
}
private async Task InvokeView()
{
if (_selectedCompany == null) return;
var request = await MapToUpdateRequest(_selectedCompany.Id);
if (request != null) await OnView.InvokeAsync(request);
}
private async Task<UpdateCompanyRequest?> MapToUpdateRequest(string id)
{
var response = await CompanyService.GetCompanyByIdAsync(id);
if (response != null && response.IsSuccess && response.Value != null)
{
var detail = response.Value;
return new UpdateCompanyRequest
{
Id = detail.Id,
Name = detail.Name,
Description = detail.Description,
IsDefault = detail.IsDefault,
CurrencyId = detail.CurrencyId,
TaxIdentification = detail.TaxIdentification,
BusinessLicense = detail.BusinessLicense,
CompanyLogo = detail.CompanyLogo,
StreetAddress = detail.StreetAddress,
City = detail.City,
StateProvince = detail.StateProvince,
ZipCode = detail.ZipCode,
Phone = detail.Phone,
Email = detail.Email,
SocialMediaLinkedIn = detail.SocialMediaLinkedIn,
SocialMediaX = detail.SocialMediaX,
SocialMediaFacebook = detail.SocialMediaFacebook,
SocialMediaInstagram = detail.SocialMediaInstagram,
SocialMediaTikTok = detail.SocialMediaTikTok,
OtherInformation1 = detail.OtherInformation1,
OtherInformation2 = detail.OtherInformation2,
OtherInformation3 = detail.OtherInformation3,
CreatedAt = detail.CreatedAt,
CreatedBy = detail.CreatedBy,
UpdatedAt = detail.UpdatedAt,
UpdatedBy = detail.UpdatedBy
};
}
return null;
}
private async Task OnDelete()
{
if (_selectedCompany == null) return;
if (_selectedCompany.IsDefault)
{
Snackbar.Add("Cannot delete the default company. Please set another company as default first.", Severity.Warning);
return;
}
if (_companies.Count <= 1)
{
Snackbar.Add("Cannot delete the last remaining company. At least one company must exist in the system.", Severity.Error);
return;
}
var parameters = new DialogParameters<_DeleteConfirmation> { { x => x.ContentText, _selectedCompany.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 CompanyService.DeleteCompanyByIdAsync(_selectedCompany.Id);
if (isSuccess)
{
_selectedCompany = null;
await LoadData();
Snackbar.Add("Company deleted successfully", Severity.Success);
}
else
{
Snackbar.Add("Delete failed. This record might be protected by the system.", Severity.Error);
}
}
}
}
@@ -0,0 +1,317 @@
@using Indotalent.ConfigBackEnd.Extensions
@using Indotalent.Features.Setting.Company
@using Indotalent.Features.Setting.Company.Cqrs
@using Indotalent.Features.Setting.Currency
@using Indotalent.Features.Setting.Currency.Cqrs
@using Indotalent.Shared.Utils
@using MudBlazor
@inject CompanyService CompanyService
@inject CurrencyService CurrencyService
@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 ? "Company Details" : "Edit Company")</MudText>
<MudText Typo="Typo.body2" Style="color: #64748b;">@(ReadOnly ? "Viewing full organization profile." : "Modify existing company information.")</MudText>
</div>
</div>
</MudPaper>
<MudPaper Elevation="0" Outlined="true" Class="pa-8" Style="border-radius: 4px; border: 1px solid #DCEBFA;">
<MudForm @ref="_form" Model="_model">
<MudStack Spacing="8">
<MudGrid>
<MudItem xs="12" md="4">
<MudText Typo="Typo.h6" Class="fw-bold">Company Profile</MudText>
<MudText Typo="Typo.body2">Basic identity and branding of your organization.</MudText>
</MudItem>
<MudItem xs="12" md="8">
<MudStack Spacing="4">
<MudGrid Spacing="2">
<MudItem xs="12" sm="8">
<div class="d-flex flex-column justify-end h-100">
<MudText Typo="Typo.subtitle2" Class="mb-1">Company Name</MudText>
<MudTextField @bind-Value="_model.Name"
ReadOnly="ReadOnly"
For="@(() => _model.Name)"
Validation="@(_validator.ValidateValue())"
Variant="Variant.Outlined"
FullWidth="true"
Margin="Margin.Dense" />
</div>
</MudItem>
<MudItem xs="12" sm="4">
<div class="d-flex flex-column justify-end h-100">
<MudText Typo="Typo.subtitle2" Class="mb-1">Default Currency</MudText>
<MudSelect @bind-Value="_model.CurrencyId"
ReadOnly="ReadOnly"
For="@(() => _model.CurrencyId)"
Validation="@(_validator.ValidateValue())"
Variant="Variant.Outlined"
FullWidth="true"
Margin="Margin.Dense"
Dense="true"
AnchorOrigin="Origin.BottomCenter"
TransformOrigin="Origin.TopCenter">
@if (_currencies != null)
{
@foreach (var curr in _currencies)
{
<MudSelectItem Value="@curr.Id">
<div class="d-flex align-center gap-2">
<MudText Typo="Typo.body2" Style="font-weight: 700;">@curr.Code</MudText>
<MudText Typo="Typo.caption" Style="color: #64748b;">(@curr.Symbol)</MudText>
</div>
</MudSelectItem>
}
}
</MudSelect>
</div>
</MudItem>
</MudGrid>
<div>
<MudText Typo="Typo.subtitle2" Class="mb-1">Company Description</MudText>
<MudTextField @bind-Value="_model.Description" ReadOnly="ReadOnly" Variant="Variant.Outlined" Lines="3" FullWidth="true" Margin="Margin.Dense" />
</div>
<MudGrid Spacing="2">
<MudItem xs="12">
<MudText Typo="Typo.subtitle2" Class="mb-1">Primary Organization</MudText>
<MudSwitch @bind-Value="_model.IsDefault" ReadOnly="ReadOnly" Color="Color.Primary" Label="@(_model.IsDefault ? "This is the primary organization" : "Set this as the primary organization")" />
</MudItem>
</MudGrid>
<MudGrid Spacing="2">
<MudItem xs="12" sm="6">
<MudText Typo="Typo.subtitle2" Class="mb-1">Tax ID (NPWP)</MudText>
<MudTextField @bind-Value="_model.TaxIdentification" ReadOnly="ReadOnly" Variant="Variant.Outlined" FullWidth="true" Margin="Margin.Dense" />
</MudItem>
<MudItem xs="12" sm="6">
<MudText Typo="Typo.subtitle2" Class="mb-1">Business License (NIB)</MudText>
<MudTextField @bind-Value="_model.BusinessLicense" ReadOnly="ReadOnly" Variant="Variant.Outlined" FullWidth="true" Margin="Margin.Dense" />
</MudItem>
</MudGrid>
</MudStack>
</MudItem>
</MudGrid>
<MudDivider />
<MudGrid>
<MudItem xs="12" md="4">
<MudText Typo="Typo.h6" Class="fw-bold">Head Office Address</MudText>
<MudText Typo="Typo.body2">Main office location and contact details.</MudText>
</MudItem>
<MudItem xs="12" md="8">
<MudStack Spacing="4">
<div>
<MudText Typo="Typo.subtitle2" Class="mb-1">Street Address</MudText>
<MudTextField @bind-Value="_model.StreetAddress" ReadOnly="ReadOnly" Variant="Variant.Outlined" FullWidth="true" Margin="Margin.Dense" />
</div>
<MudGrid Spacing="2">
<MudItem xs="12" sm="4">
<MudText Typo="Typo.subtitle2" Class="mb-1">City</MudText>
<MudTextField @bind-Value="_model.City" ReadOnly="ReadOnly" Variant="Variant.Outlined" FullWidth="true" Margin="Margin.Dense" />
</MudItem>
<MudItem xs="12" sm="4">
<MudText Typo="Typo.subtitle2" Class="mb-1">State/Province</MudText>
<MudTextField @bind-Value="_model.StateProvince" ReadOnly="ReadOnly" Variant="Variant.Outlined" FullWidth="true" Margin="Margin.Dense" />
</MudItem>
<MudItem xs="12" sm="4">
<MudText Typo="Typo.subtitle2" Class="mb-1">ZIP Code</MudText>
<MudTextField @bind-Value="_model.ZipCode" ReadOnly="ReadOnly" Variant="Variant.Outlined" FullWidth="true" Margin="Margin.Dense" />
</MudItem>
</MudGrid>
<MudGrid Spacing="2">
<MudItem xs="12" sm="6">
<MudText Typo="Typo.subtitle2" Class="mb-1">Phone</MudText>
<MudTextField @bind-Value="_model.Phone" ReadOnly="ReadOnly" Variant="Variant.Outlined" FullWidth="true" Margin="Margin.Dense" Adornment="Adornment.Start" AdornmentIcon="@Icons.Material.Filled.Phone" />
</MudItem>
<MudItem xs="12" sm="6">
<MudText Typo="Typo.subtitle2" Class="mb-1">Email</MudText>
<MudTextField @bind-Value="_model.Email" ReadOnly="ReadOnly" For="@(() => _model.Email)" Validation="@(_validator.ValidateValue())" Variant="Variant.Outlined" FullWidth="true" Margin="Margin.Dense" Adornment="Adornment.Start" AdornmentIcon="@Icons.Material.Filled.Email" />
</MudItem>
</MudGrid>
</MudStack>
</MudItem>
</MudGrid>
<MudDivider />
<MudGrid>
<MudItem xs="12" md="4">
<MudText Typo="Typo.h6" Class="fw-bold">Social Media Presence</MudText>
<MudText Typo="Typo.body2">External links for recruitment branding.</MudText>
</MudItem>
<MudItem xs="12" md="8">
<MudStack Spacing="4">
<div>
<MudText Typo="Typo.subtitle2" Class="mb-1">LinkedIn</MudText>
<MudTextField @bind-Value="_model.SocialMediaLinkedIn" ReadOnly="ReadOnly" Variant="Variant.Outlined" Margin="Margin.Dense" Adornment="Adornment.Start" AdornmentIcon="@Icons.Custom.Brands.LinkedIn" FullWidth="true" />
</div>
<div>
<MudText Typo="Typo.subtitle2" Class="mb-1">X (Twitter)</MudText>
<MudTextField @bind-Value="_model.SocialMediaX" ReadOnly="ReadOnly" Variant="Variant.Outlined" Margin="Margin.Dense" Adornment="Adornment.Start" AdornmentIcon="@Icons.Custom.Brands.Twitter" FullWidth="true" />
</div>
<div>
<MudText Typo="Typo.subtitle2" Class="mb-1">Facebook</MudText>
<MudTextField @bind-Value="_model.SocialMediaFacebook" ReadOnly="ReadOnly" Variant="Variant.Outlined" Margin="Margin.Dense" Adornment="Adornment.Start" AdornmentIcon="@Icons.Custom.Brands.Facebook" FullWidth="true" />
</div>
<div>
<MudText Typo="Typo.subtitle2" Class="mb-1">Instagram</MudText>
<MudTextField @bind-Value="_model.SocialMediaInstagram" ReadOnly="ReadOnly" Variant="Variant.Outlined" Margin="Margin.Dense" Adornment="Adornment.Start" AdornmentIcon="@Icons.Custom.Brands.Instagram" FullWidth="true" />
</div>
<div>
<MudText Typo="Typo.subtitle2" Class="mb-1">TikTok</MudText>
<MudTextField @bind-Value="_model.SocialMediaTikTok" ReadOnly="ReadOnly" Variant="Variant.Outlined" Margin="Margin.Dense" Adornment="Adornment.Start" AdornmentIcon="@Icons.Custom.Brands.TikTok" FullWidth="true" />
</div>
</MudStack>
</MudItem>
</MudGrid>
<MudDivider />
<MudGrid>
<MudItem xs="12" md="4">
<MudText Typo="Typo.h6" Class="fw-bold">Other Information</MudText>
<MudText Typo="Typo.body2">Additional company metadata.</MudText>
</MudItem>
<MudItem xs="12" md="8">
<MudStack Spacing="4">
<div>
<MudText Typo="Typo.subtitle2" Class="mb-1">Other Information 1</MudText>
<MudTextField @bind-Value="_model.OtherInformation1" ReadOnly="ReadOnly" Variant="Variant.Outlined" FullWidth="true" Margin="Margin.Dense" />
</div>
<div>
<MudText Typo="Typo.subtitle2" Class="mb-1">Other Information 2</MudText>
<MudTextField @bind-Value="_model.OtherInformation2" ReadOnly="ReadOnly" Variant="Variant.Outlined" FullWidth="true" Margin="Margin.Dense" />
</div>
<div>
<MudText Typo="Typo.subtitle2" Class="mb-1">Other Information 3</MudText>
<MudTextField @bind-Value="_model.OtherInformation3" ReadOnly="ReadOnly" Variant="Variant.Outlined" FullWidth="true" Margin="Margin.Dense" />
</div>
</MudStack>
</MudItem>
</MudGrid>
<MudDivider />
<MudGrid Spacing="3">
<MudItem xs="12" Class="mt-4">
<MudText Typo="Typo.button" Color="Color.Primary" Style="font-weight: 800;">Audit History</MudText>
<MudDivider Class="mt-2 mb-4" />
</MudItem>
<MudItem xs="12" sm="6">
<MudText Typo="Typo.subtitle2">Created At</MudText>
<MudText Typo="Typo.body2" Style="color: #1a1a1a; font-weight: 600;">@DateTimeExtensions.ToString(_model.CreatedAt)</MudText>
</MudItem>
<MudItem xs="12" sm="6">
<MudText Typo="Typo.subtitle2">Created By</MudText>
<MudText Typo="Typo.body2" Style="color: #1a1a1a; font-weight: 600;">@(!string.IsNullOrEmpty(_model.CreatedBy) ? _model.CreatedBy : "System")</MudText>
</MudItem>
<MudItem xs="12" sm="6">
<MudText Typo="Typo.subtitle2">Last Updated At</MudText>
<MudText Typo="Typo.body2" Style="color: #1a1a1a; font-weight: 600;">@DateTimeExtensions.ToString(_model.UpdatedAt)</MudText>
</MudItem>
<MudItem xs="12" sm="6">
<MudText Typo="Typo.subtitle2">Last Updated By</MudText>
<MudText Typo="Typo.body2" Style="color: #1a1a1a; font-weight: 600;">@(!string.IsNullOrEmpty(_model.UpdatedBy) ? _model.UpdatedBy : "System")</MudText>
</MudItem>
</MudGrid>
<div class="d-flex justify-end gap-2 mt-10">
<MudButton OnClick="() => OnCancel.InvokeAsync()" Variant="Variant.Outlined" Disabled="_processing" Style="border-radius: 4px; text-transform: none; font-weight: 700;border: 1px solid #e0e0e0;">@(ReadOnly ? "Back to List" : "Cancel")</MudButton>
@if (!ReadOnly)
{
<MudButton Color="Color.Primary" Variant="Variant.Filled" OnClick="Submit" Disabled="_processing" Style="border-radius: 4px; text-transform: none; font-weight: 700;">
@if (_processing)
{
<MudProgressCircular Class="ms-n1" Size="Size.Small" Indeterminate="true" />
<MudText Class="ms-2">Updating...</MudText>
}
else
{
<MudText>Save Changes</MudText>
}
</MudButton>
}
</div>
</MudStack>
</MudForm>
</MudPaper>
@code {
[Parameter] public UpdateCompanyRequest 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 UpdateCompanyValidator _validator = new();
private UpdateCompanyRequest _model = new();
private List<GetCurrencyListResponse> _currencies = new();
private bool _processing = false;
protected override async Task OnInitializedAsync()
{
_processing = true;
var response = await CurrencyService.GetCurrencyListAsync();
if (response != null && response.IsSuccess)
{
_currencies = response.Value ?? new();
}
_model = new UpdateCompanyRequest
{
Id = Data.Id,
Name = Data.Name,
Description = Data.Description,
IsDefault = Data.IsDefault,
CurrencyId = Data.CurrencyId,
TaxIdentification = Data.TaxIdentification,
BusinessLicense = Data.BusinessLicense,
StreetAddress = Data.StreetAddress,
City = Data.City,
StateProvince = Data.StateProvince,
ZipCode = Data.ZipCode,
Phone = Data.Phone,
Email = Data.Email,
SocialMediaLinkedIn = Data.SocialMediaLinkedIn,
SocialMediaX = Data.SocialMediaX,
SocialMediaFacebook = Data.SocialMediaFacebook,
SocialMediaInstagram = Data.SocialMediaInstagram,
SocialMediaTikTok = Data.SocialMediaTikTok,
OtherInformation1 = Data.OtherInformation1,
OtherInformation2 = Data.OtherInformation2,
OtherInformation3 = Data.OtherInformation3,
CreatedAt = Data.CreatedAt,
CreatedBy = Data.CreatedBy,
UpdatedAt = Data.UpdatedAt,
UpdatedBy = Data.UpdatedBy
};
_processing = false;
}
private async Task Submit()
{
if (ReadOnly) return;
await _form.Validate();
if (!_form.IsValid) return;
_processing = true;
try
{
var response = await CompanyService.UpdateCompanyAsync(_model);
await Task.Delay(500);
if (response != null && response.IsSuccess)
{
Snackbar.Add("Company updated successfully", Severity.Success);
await OnSuccess.InvokeAsync();
}
}
finally
{
_processing = false;
}
}
}
@@ -0,0 +1,107 @@
using Indotalent.ConfigBackEnd.Exceptions;
using Indotalent.ConfigBackEnd.Extensions;
using Indotalent.Infrastructure.Database;
using MediatR;
using Microsoft.EntityFrameworkCore;
namespace Indotalent.Features.Setting.Company.Cqrs;
public class CreateCompanyRequest
{
public string? Name { get; set; }
public string? Description { get; set; }
public bool IsDefault { get; set; }
public string? CurrencyId { get; set; }
public string? TaxIdentification { get; set; }
public string? BusinessLicense { get; set; }
public string? CompanyLogo { get; set; }
public string? StreetAddress { get; set; }
public string? City { get; set; }
public string? StateProvince { get; set; }
public string? ZipCode { get; set; }
public string? Phone { get; set; }
public string? Email { get; set; }
public string? SocialMediaLinkedIn { get; set; }
public string? SocialMediaX { get; set; }
public string? SocialMediaFacebook { get; set; }
public string? SocialMediaInstagram { get; set; }
public string? SocialMediaTikTok { get; set; }
public string? OtherInformation1 { get; set; }
public string? OtherInformation2 { get; set; }
public string? OtherInformation3 { get; set; }
}
public class CreateCompanyResponse
{
public string? Id { get; set; }
public string? Name { get; set; }
}
public record CreateCompanyCommand(CreateCompanyRequest Data) : IRequest<CreateCompanyResponse>;
public class CreateCompanyHandler : IRequestHandler<CreateCompanyCommand, CreateCompanyResponse>
{
private readonly AppDbContext _context;
public CreateCompanyHandler(AppDbContext context) => _context = context;
public async Task<CreateCompanyResponse> Handle(CreateCompanyCommand request, CancellationToken cancellationToken)
{
var isExists = await _context.Company
.AnyAsync(x => x.Name == request.Data.Name, cancellationToken);
if (isExists)
{
throw new AlreadyExistsException("Company", request.Data.Name ?? string.Empty);
}
if (request.Data.IsDefault)
{
var existingDefaults = await _context.Company
.Where(x => x.IsDefault)
.ToListAsync(cancellationToken);
foreach (var comp in existingDefaults)
{
comp.IsDefault = false;
}
}
var entityName = nameof(Data.Entities.Company);
var autoNo = await _context.GenerateAutoNumberAsync(
entityName: entityName,
prefixTemplate: $"{entityName.ToShortNameConsonant(3)}/{{Year}}/",
ct: cancellationToken
);
var entity = new Data.Entities.Company
{
AutoNumber = autoNo,
Name = request.Data.Name ?? string.Empty,
Description = request.Data.Description ?? string.Empty,
IsDefault = request.Data.IsDefault,
CurrencyId = request.Data.CurrencyId ?? string.Empty,
TaxIdentification = request.Data.TaxIdentification ?? string.Empty,
BusinessLicense = request.Data.BusinessLicense ?? string.Empty,
StreetAddress = request.Data.StreetAddress ?? string.Empty,
City = request.Data.City ?? string.Empty,
StateProvince = request.Data.StateProvince ?? string.Empty,
ZipCode = request.Data.ZipCode ?? string.Empty,
Phone = request.Data.Phone ?? string.Empty,
Email = request.Data.Email ?? string.Empty,
SocialMediaLinkedIn = request.Data.SocialMediaLinkedIn ?? string.Empty,
SocialMediaX = request.Data.SocialMediaX ?? string.Empty,
SocialMediaFacebook = request.Data.SocialMediaFacebook ?? string.Empty,
SocialMediaInstagram = request.Data.SocialMediaInstagram ?? string.Empty,
SocialMediaTikTok = request.Data.SocialMediaTikTok ?? string.Empty,
OtherInformation1 = request.Data.OtherInformation1 ?? string.Empty,
OtherInformation2 = request.Data.OtherInformation2 ?? string.Empty,
OtherInformation3 = request.Data.OtherInformation3 ?? string.Empty
};
_context.Company.Add(entity);
await _context.SaveChangesAsync(cancellationToken);
return new CreateCompanyResponse { Id = entity.Id, Name = entity.Name };
}
}
@@ -0,0 +1,24 @@
using FluentValidation;
using Indotalent.Shared.Consts;
namespace Indotalent.Features.Setting.Company.Cqrs;
public class CreateCompanyValidator : AbstractValidator<CreateCompanyRequest>
{
public CreateCompanyValidator()
{
RuleFor(x => x.Name)
.NotEmpty().WithMessage("Company Name is required")
.MaximumLength(GlobalConsts.StringLengthShort);
RuleFor(x => x.CurrencyId)
.NotEmpty().WithMessage("Default Currency is required");
RuleFor(x => x.Email)
.NotEmpty().WithMessage("Email is required")
.EmailAddress().WithMessage("Invalid email format");
RuleFor(x => x.Phone)
.NotEmpty().WithMessage("Phone number is required");
}
}
@@ -0,0 +1,34 @@
using Indotalent.Infrastructure.Database;
using MediatR;
using Microsoft.EntityFrameworkCore;
namespace Indotalent.Features.Setting.Company.Cqrs;
public record DeleteCompanyByIdRequest(string Id);
public record DeleteCompanyByIdCommand(DeleteCompanyByIdRequest Data) : IRequest<bool>;
public class DeleteCompanyByIdHandler : IRequestHandler<DeleteCompanyByIdCommand, bool>
{
private readonly AppDbContext _context;
public DeleteCompanyByIdHandler(AppDbContext context) => _context = context;
public async Task<bool> Handle(DeleteCompanyByIdCommand request, CancellationToken cancellationToken)
{
var entity = await _context.Company
.FirstOrDefaultAsync(x => x.Id == request.Data.Id, cancellationToken);
if (entity == null) return false;
if (entity.IsDefault) return false;
var totalCount = await _context.Company.CountAsync(cancellationToken);
if (totalCount <= 1)
{
return false;
}
_context.Company.Remove(entity);
return await _context.SaveChangesAsync(cancellationToken) > 0;
}
}
@@ -0,0 +1,81 @@
using Indotalent.Infrastructure.Database;
using MediatR;
using Microsoft.EntityFrameworkCore;
namespace Indotalent.Features.Setting.Company.Cqrs;
public class GetCompanyByIdResponse
{
public string? Id { get; set; }
public string? Name { get; set; }
public string? Description { get; set; }
public bool IsDefault { get; set; }
public string? CurrencyId { get; set; }
public string? TaxIdentification { get; set; }
public string? BusinessLicense { get; set; }
public string? CompanyLogo { get; set; }
public string? StreetAddress { get; set; }
public string? City { get; set; }
public string? StateProvince { get; set; }
public string? ZipCode { get; set; }
public string? Phone { get; set; }
public string? Email { get; set; }
public string? SocialMediaLinkedIn { get; set; }
public string? SocialMediaX { get; set; }
public string? SocialMediaFacebook { get; set; }
public string? SocialMediaInstagram { get; set; }
public string? SocialMediaTikTok { get; set; }
public string? OtherInformation1 { get; set; }
public string? OtherInformation2 { get; set; }
public string? OtherInformation3 { get; set; }
public DateTimeOffset? CreatedAt { get; set; }
public string? CreatedBy { get; set; }
public DateTimeOffset? UpdatedAt { get; set; }
public string? UpdatedBy { get; set; }
}
public record GetCompanyByIdQuery(string Id) : IRequest<GetCompanyByIdResponse?>;
public class GetCompanyByIdHandler : IRequestHandler<GetCompanyByIdQuery, GetCompanyByIdResponse?>
{
private readonly AppDbContext _context;
public GetCompanyByIdHandler(AppDbContext context) => _context = context;
public async Task<GetCompanyByIdResponse?> Handle(GetCompanyByIdQuery request, CancellationToken cancellationToken)
{
return await _context.Company
.AsNoTracking()
.Where(x => x.Id == request.Id)
.Select(x => new GetCompanyByIdResponse
{
Id = x.Id,
Name = x.Name,
Description = x.Description,
IsDefault = x.IsDefault,
CurrencyId = x.CurrencyId,
TaxIdentification = x.TaxIdentification,
BusinessLicense = x.BusinessLicense,
CompanyLogo = x.CompanyLogo,
StreetAddress = x.StreetAddress,
City = x.City,
StateProvince = x.StateProvince,
ZipCode = x.ZipCode,
Phone = x.Phone,
Email = x.Email,
SocialMediaLinkedIn = x.SocialMediaLinkedIn,
SocialMediaX = x.SocialMediaX,
SocialMediaFacebook = x.SocialMediaFacebook,
SocialMediaInstagram = x.SocialMediaInstagram,
SocialMediaTikTok = x.SocialMediaTikTok,
OtherInformation1 = x.OtherInformation1,
OtherInformation2 = x.OtherInformation2,
OtherInformation3 = x.OtherInformation3,
CreatedAt = x.CreatedAt,
CreatedBy = x.CreatedBy,
UpdatedAt = x.UpdatedAt,
UpdatedBy = x.UpdatedBy
})
.FirstOrDefaultAsync(cancellationToken);
}
}
@@ -0,0 +1,41 @@
using Indotalent.Infrastructure.Database;
using MediatR;
using Microsoft.EntityFrameworkCore;
namespace Indotalent.Features.Setting.Company.Cqrs;
public class GetCompanyListResponse
{
public string? Id { get; set; }
public string? Name { get; set; }
public string? Email { get; set; }
public string? Phone { get; set; }
public string? City { get; set; }
public bool IsDefault { get; set; }
}
public record GetCompanyListQuery() : IRequest<List<GetCompanyListResponse>>;
public class GetCompanyListHandler : IRequestHandler<GetCompanyListQuery, List<GetCompanyListResponse>>
{
private readonly AppDbContext _context;
public GetCompanyListHandler(AppDbContext context) => _context = context;
public async Task<List<GetCompanyListResponse>> Handle(GetCompanyListQuery request, CancellationToken cancellationToken)
{
return await _context.Company
.AsNoTracking()
.OrderBy(x => x.Name)
.Select(x => new GetCompanyListResponse
{
Id = x.Id,
Name = x.Name,
Email = x.Email,
Phone = x.Phone,
City = x.City,
IsDefault = x.IsDefault
})
.ToListAsync(cancellationToken);
}
}
@@ -0,0 +1,104 @@
using Indotalent.ConfigBackEnd.Exceptions;
using Indotalent.Infrastructure.Database;
using MediatR;
using Microsoft.EntityFrameworkCore;
namespace Indotalent.Features.Setting.Company.Cqrs;
public class UpdateCompanyRequest : CreateCompanyRequest
{
public string? Id { get; set; }
public DateTimeOffset? CreatedAt { get; set; }
public string? CreatedBy { get; set; }
public DateTimeOffset? UpdatedAt { get; set; }
public string? UpdatedBy { get; set; }
}
public class UpdateCompanyResponse
{
public string? Id { get; set; }
public bool Success { get; set; }
}
public record UpdateCompanyCommand(UpdateCompanyRequest Data) : IRequest<UpdateCompanyResponse>;
public class UpdateCompanyHandler : IRequestHandler<UpdateCompanyCommand, UpdateCompanyResponse>
{
private readonly AppDbContext _context;
public UpdateCompanyHandler(AppDbContext context) => _context = context;
public async Task<UpdateCompanyResponse> Handle(UpdateCompanyCommand request, CancellationToken cancellationToken)
{
var entity = await _context.Company
.FirstOrDefaultAsync(x => x.Id == request.Data.Id, cancellationToken);
if (entity == null) return new UpdateCompanyResponse { Id = request.Data.Id, Success = false };
var isNameExists = await _context.Company
.AnyAsync(x => x.Name == request.Data.Name && x.Id != request.Data.Id, cancellationToken);
if (isNameExists)
{
throw new AlreadyExistsException("Company", request.Data.Name ?? string.Empty);
}
if (entity.IsDefault && !request.Data.IsDefault)
{
var totalCount = await _context.Company.CountAsync(cancellationToken);
if (totalCount <= 1)
{
request.Data.IsDefault = true;
throw new Exception("At least one company must be set as default.");
}
}
if (request.Data.IsDefault)
{
var otherDefaults = await _context.Company
.Where(x => x.IsDefault && x.Id != entity.Id)
.ToListAsync(cancellationToken);
foreach (var comp in otherDefaults)
{
comp.IsDefault = false;
}
}
else
{
var anyOtherDefault = await _context.Company
.AnyAsync(x => x.IsDefault && x.Id != entity.Id, cancellationToken);
if (!anyOtherDefault)
{
request.Data.IsDefault = true;
}
}
entity.Name = request.Data.Name ?? string.Empty;
entity.Description = request.Data.Description ?? string.Empty;
entity.IsDefault = request.Data.IsDefault;
entity.CurrencyId = request.Data.CurrencyId ?? string.Empty;
entity.TaxIdentification = request.Data.TaxIdentification ?? string.Empty;
entity.BusinessLicense = request.Data.BusinessLicense ?? string.Empty;
entity.StreetAddress = request.Data.StreetAddress ?? string.Empty;
entity.City = request.Data.City ?? string.Empty;
entity.StateProvince = request.Data.StateProvince ?? string.Empty;
entity.ZipCode = request.Data.ZipCode ?? string.Empty;
entity.Phone = request.Data.Phone ?? string.Empty;
entity.Email = request.Data.Email ?? string.Empty;
entity.SocialMediaLinkedIn = request.Data.SocialMediaLinkedIn ?? string.Empty;
entity.SocialMediaX = request.Data.SocialMediaX ?? string.Empty;
entity.SocialMediaFacebook = request.Data.SocialMediaFacebook ?? string.Empty;
entity.SocialMediaInstagram = request.Data.SocialMediaInstagram ?? string.Empty;
entity.SocialMediaTikTok = request.Data.SocialMediaTikTok ?? string.Empty;
entity.OtherInformation1 = request.Data.OtherInformation1 ?? string.Empty;
entity.OtherInformation2 = request.Data.OtherInformation2 ?? string.Empty;
entity.OtherInformation3 = request.Data.OtherInformation3 ?? string.Empty;
await _context.SaveChangesAsync(cancellationToken);
return new UpdateCompanyResponse { Id = entity.Id, Success = true };
}
}
@@ -0,0 +1,15 @@
using FluentValidation;
using Indotalent.Shared.Consts;
namespace Indotalent.Features.Setting.Company.Cqrs;
public class UpdateCompanyValidator : AbstractValidator<UpdateCompanyRequest>
{
public UpdateCompanyValidator()
{
RuleFor(x => x.Id).NotEmpty().WithMessage("ID is required for update");
RuleFor(x => x.Name).NotEmpty().MaximumLength(GlobalConsts.StringLengthShort);
RuleFor(x => x.CurrencyId).NotEmpty();
RuleFor(x => x.Email).NotEmpty().EmailAddress();
}
}
@@ -0,0 +1,52 @@
@page "/setting/currency"
@using Indotalent.Features.Setting.Currency
@using Indotalent.Features.Setting.Currency.Cqrs
@using MudBlazor
@if (_currentView == ViewMode.Create)
{
<_CurrencyCreateForm OnCancel="BackToTable"
OnSuccess="HandleSuccess" />
}
else if (_currentView == ViewMode.Update || _currentView == ViewMode.View)
{
<_CurrencyUpdateForm Data="_selectedData!"
ReadOnly="@(_currentView == ViewMode.View)"
OnCancel="BackToTable"
OnSuccess="HandleSuccess" />
}
else
{
<_CurrencyDataTable 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 UpdateCurrencyRequest? _selectedData;
private void ShowCreate()
{
_currentView = ViewMode.Create;
}
private void ShowUpdate(UpdateCurrencyRequest 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,118 @@
@using Indotalent.Features.Setting.Currency
@using Indotalent.Features.Setting.Currency.Cqrs
@using Indotalent.Shared.Utils
@using MudBlazor
@inject CurrencyService CurrencyService
@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 Currency</MudText>
<MudText Typo="Typo.body2" Style="color: #64748b;">Enter currency details and international formatting.</MudText>
</div>
</div>
</MudPaper>
<MudPaper Elevation="0" Outlined="true" Class="pa-8" Style="border-radius: 4px; border: 1px solid #DCEBFA;">
<MudForm @ref="_form" Model="_model">
<MudGrid Spacing="3">
<MudItem xs="12" sm="6">
<MudText Typo="Typo.subtitle2" Class="mb-1">Currency Code</MudText>
<MudTextField @bind-Value="_model.Code"
For="@(() => _model.Code)"
Validation="@(_validator.ValidateValue())"
Variant="Variant.Outlined" Margin="Margin.Dense" FullWidth="true" Placeholder="e.g. USD" />
</MudItem>
<MudItem xs="12" sm="6">
<MudText Typo="Typo.subtitle2" Class="mb-1">Symbol</MudText>
<MudTextField @bind-Value="_model.Symbol"
For="@(() => _model.Symbol)"
Validation="@(_validator.ValidateValue())"
Variant="Variant.Outlined" Margin="Margin.Dense" FullWidth="true" Placeholder="e.g. $" />
</MudItem>
<MudItem xs="12">
<MudText Typo="Typo.subtitle2" Class="mb-1">Currency Name</MudText>
<MudTextField @bind-Value="_model.Name"
For="@(() => _model.Name)"
Validation="@(_validator.ValidateValue())"
Variant="Variant.Outlined" Margin="Margin.Dense" FullWidth="true" Placeholder="e.g. United States Dollar" />
</MudItem>
<MudItem xs="12">
<MudText Typo="Typo.subtitle2" Class="mb-1">Country Owner</MudText>
<MudTextField @bind-Value="_model.CountryOwner"
For="@(() => _model.CountryOwner)"
Validation="@(_validator.ValidateValue())"
Variant="Variant.Outlined" Margin="Margin.Dense" FullWidth="true" Placeholder="e.g. USA" />
</MudItem>
<MudItem xs="12">
<MudText Typo="Typo.subtitle2" Class="mb-1">Description</MudText>
<MudTextField @bind-Value="_model.Description"
For="@(() => _model.Description)"
Variant="Variant.Outlined" Margin="Margin.Dense" Lines="3" FullWidth="true" />
</MudItem>
</MudGrid>
<div class="d-flex justify-end gap-2 mt-8">
<MudButton OnClick="() => OnCancel.InvokeAsync()"
Variant="Variant.Outlined"
Disabled="_processing"
Style="border-radius: 4px; text-transform: none; font-weight: 700;border: 1px solid #e0e0e0;">
Cancel
</MudButton>
<MudButton Color="Color.Primary"
Variant="Variant.Filled"
OnClick="Submit"
Disabled="_processing"
Style="border-radius: 4px; text-transform: none; font-weight: 700;">
@if (_processing)
{
<MudProgressCircular Class="ms-n1" Size="Size.Small" Indeterminate="true" />
<MudText Class="ms-2" Typo="Typo.button" Style="text-transform: none !important;">Processing...</MudText>
}
else
{
<MudText>Create Currency</MudText>
}
</MudButton>
</div>
</MudForm>
</MudPaper>
@code {
[Parameter] public EventCallback OnCancel { get; set; }
[Parameter] public EventCallback OnSuccess { get; set; }
private MudForm _form = default!;
private CreateCurrencyValidator _validator = new();
private CreateCurrencyRequest _model = new();
private bool _processing = false;
private async Task Submit()
{
await _form.Validate();
if (!_form.IsValid) return;
_processing = true;
try
{
var response = await CurrencyService.CreateCurrencyAsync(_model);
await Task.Delay(500);
if (response != null && response.IsSuccess)
{
Snackbar.Add("Currency created successfully", Severity.Success);
await OnSuccess.InvokeAsync();
}
}
catch (Exception ex)
{
Snackbar.Add($"Error: {ex.Message}", Severity.Error);
}
finally
{
_processing = false;
}
}
}
@@ -0,0 +1,401 @@
@using Indotalent.ConfigBackEnd.Extensions
@using Indotalent.Features.Setting.Currency
@using Indotalent.Features.Setting.Currency.Cqrs
@using Microsoft.AspNetCore.Components.Web
@using Microsoft.JSInterop
@using MudBlazor
@using Features.Root.Shared
@using ClosedXML.Excel
@using System.IO
@inject CurrencyService CurrencyService
@inject IDialogService DialogService
@inject ISnackbar Snackbar
@inject IJSRuntime JSRuntime
<MudPaper Elevation="0" Square="true" Class="pa-6 mb-3 d-flex align-center justify-space-between" Style="border: 1px solid #E5E7EB; border-radius: 12px;">
<div>
<MudText Typo="Typo.h5" Style="font-weight: 600; color: #111827;">Currency Management</MudText>
<MudText Typo="Typo.body2" Style="color: #9CA3AF;">Manage global currencies and exchange rates.</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;">Settings</MudText>
<MudText Typo="Typo.caption" Style="color: #9CA3AF;">/</MudText>
<MudText Typo="Typo.caption" Style="font-weight: 600; color: #111827;">Currency</MudText>
</div>
</MudPaper>
<MudPaper Elevation="0" Outlined="true" Style="border-radius: 12px; overflow: hidden; background-color: #ffffff; border: 1px solid #E5E7EB;">
<div style="padding: 20px 24px; border-bottom: 1px solid #E5E7EB; display: flex; justify-content: space-between; align-items: center; background-color: #ffffff; min-height: 80px;">
<div style="display: flex; align-items: center; gap: 8px;">
<MudTextField @bind-Value="_searchString"
Placeholder="Search..."
Adornment="Adornment.Start"
AdornmentIcon="@Icons.Material.Filled.Search"
IconSize="Size.Small"
Class="mt-0"
Variant="Variant.Outlined"
Margin="Margin.Dense"
Style="background-color: white; width: 280px; border-radius: 8px;"
OnKeyDown="@HandleSearchKeyDown" />
<MudButton Variant="Variant.Filled"
Color="Color.Primary"
OnClick="OnSearchClick"
Size="Size.Small"
Style="text-transform: none; font-weight: 500; border-radius: 6px; height: 34px; box-shadow: none;">
Search
</MudButton>
</div>
<div style="display: flex; gap: 8px; align-items: center;">
<MudButton Variant="Variant.Outlined"
Color="Color.Success"
OnClick="ExportToExcel"
Size="Size.Small"
Disabled="_isExporting"
StartIcon="@(_isExporting ? null : Icons.Custom.FileFormats.FileExcel)"
Style="background: white; font-weight: 500; border-radius: 6px; text-transform: none; height: 34px; border: 1px solid #D1D5DB; color: #6B7280;">
@if (_isExporting)
{
<MudProgressCircular Class="ms-n1" Size="Size.Small" Indeterminate="true" />
<MudText Class="ms-2" Typo="Typo.button" Style="text-transform: none !important;">Processing...</MudText>
}
else
{
<MudText Typo="Typo.button" Style="text-transform: none !important;">Excel</MudText>
}
</MudButton>
<MudButton Variant="Variant.Outlined"
Color="Color.Primary"
OnClick="LoadData"
Size="Size.Small"
StartIcon="@(_isRefreshing ? null : Icons.Material.Filled.Refresh)"
Disabled="_isRefreshing"
Style="background: white; font-weight: 500; border-radius: 6px; text-transform: none; height: 34px; border: 1px solid #D1D5DB; color: #6B7280;">
@if (_isRefreshing)
{
<MudProgressCircular Class="ms-n1" Size="Size.Small" Indeterminate="true" />
<MudText Class="ms-2" Typo="Typo.button" Style="text-transform: none !important;">Refreshing...</MudText>
}
else
{
<MudText Typo="Typo.button" Style="text-transform: none !important;">Refresh</MudText>
}
</MudButton>
@if (_selectedCurrency != null)
{
<MudButton Variant="Variant.Outlined" Color="Color.Info" StartIcon="@Icons.Material.Filled.Visibility" OnClick="InvokeView" Size="Size.Small" Style="text-transform: none; font-weight: 500; border-radius: 6px; background-color: white; border: 1px solid #D1D5DB; color: #6B7280;">View</MudButton>
<MudButton Variant="Variant.Outlined" Color="Color.Primary" StartIcon="@Icons.Material.Filled.Edit" OnClick="InvokeEdit" Size="Size.Small" Style="text-transform: none; font-weight: 500; border-radius: 6px; background-color: white; border: 1px solid #D1D5DB; color: #6B7280;">Edit</MudButton>
<MudButton Variant="Variant.Outlined" Color="Color.Error" StartIcon="@Icons.Material.Filled.Delete" OnClick="OnDelete" Size="Size.Small" Style="text-transform: none; font-weight: 500; border-radius: 6px; background: white; border: 1px solid #FCA5A5; color: #EF4444;">Remove</MudButton>
<MudIconButton Icon="@Icons.Material.Filled.Close" Size="Size.Small" OnClick="() => _selectedCurrency = 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 Currency
</MudButton>
}
</div>
</div>
<MudTable Items="@GetPagedData()" Striped="true" Class="mud-table-styled" Hover="true" Elevation="0" CustomHeader="true" Dense="true" T="GetCurrencyListResponse" OnRowClick="@((args) => _selectedCurrency = args.Item)" Loading="@_isRefreshing">
<HeaderContent>
<MudTh Style="width: 50px; background-color: #ffffff; border-bottom: 1px solid #E5E7EB;"></MudTh>
<MudTh Style="font-weight: 600; color: #6B7280; text-transform: uppercase; font-size: 0.6875rem; letter-spacing: 0.05em; background-color: #F9FAFB; border-bottom: 1px solid #E5E7EB;">
<MudTableSortLabel SortBy="new Func<GetCurrencyListResponse, object>(x => x.Name!)">Currency 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;">
<MudTableSortLabel SortBy="new Func<GetCurrencyListResponse, 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;">Symbol</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<GetCurrencyListResponse, object>(x => x.CountryOwner!)">Country Owner</MudTableSortLabel>
</MudTh>
</HeaderContent>
<RowTemplate>
<MudTd>
<MudCheckBox T="bool" Value="@(_selectedCurrency?.Id == context.Id)" Color="Color.Primary" Dense="true" Size="Size.Small" ReadOnly="true" />
</MudTd>
<MudTd>
<div class="d-flex align-center gap-2">
<MudAvatar Color="Color.Info" Variant="Variant.Filled" Size="Size.Small" Style="border-radius: 50%; font-size: 10px; font-weight: 800;">
@(!string.IsNullOrWhiteSpace(context.Name) ? context.Name.ToInitial() : "?")
</MudAvatar>
<MudText Typo="Typo.body2" Style="font-weight: 600; color: #374151;">@context.Name</MudText>
</div>
</MudTd>
<MudTd Style="padding-top: 0.75rem; padding-bottom: 0.75rem; color: #374151; font-size: 0.875rem;"><MudChip T="string" Size="Size.Small" Color="Color.Info" Variant="Variant.Text" Style="border-radius:4px; font-weight:700;">@context.Code</MudChip></MudTd>
<MudTd Style="padding-top: 0.75rem; padding-bottom: 0.75rem; color: #374151; font-size: 0.875rem;">@context.Symbol</MudTd>
<MudTd Style="padding-top: 0.75rem; padding-bottom: 0.75rem; color: #374151; font-size: 0.875rem;">@context.CountryOwner</MudTd>
</RowTemplate>
</MudTable>
<div style="display: flex; justify-content: space-between; align-items: center; padding: 12px 24px; background-color: #F9FAFB; border-top: 1px solid #E5E7EB;">
<div style="display: flex; align-items: center; gap: 12px;">
<MudText Typo="Typo.caption" Style="font-weight: 500; color: #9CA3AF; font-size: 0.75rem;">Rows per page:</MudText>
<MudSelect T="int"
Value="@_top"
ValueChanged="OnPageSizeChanged"
Dense="true"
Margin="Margin.Dense"
Style="width: 80px; background-color: white; font-size: 12px; font-weight: 600;"
Variant="Variant.Outlined"
Class="mt-0 custom-select-dense">
<MudSelectItem Value="5" />
<MudSelectItem Value="10" />
<MudSelectItem Value="50" />
<MudSelectItem Value="500" />
<MudSelectItem Value="1000" />
</MudSelect>
<MudText Typo="Typo.caption" Style="color: #9CA3AF; margin-left: 12px; font-size: 0.75rem; font-weight: 500;">
Showing @(GetFilteredData().Count() == 0 ? 0 : _skip + 1)-@Math.Min(_skip + _top, GetFilteredData().Count()) of @GetFilteredData().Count()
</MudText>
</div>
<div style="display: flex; gap: 8px; align-items: center;">
<MudIconButton Icon="@Icons.Material.Filled.FirstPage" Size="Size.Small" OnClick="@(() => OnPageChanged(1))" Disabled="@(_currentPage == 1)" Style="@(_currentPage == 1 ? "color: #D1D5DB; background: transparent;" : "color: #6B7280; background: white; border: 1px solid #D1D5DB; border-radius: 6px;")" />
<MudButton OnClick="@(() => OnPageChanged(_currentPage - 1))" Disabled="@(_currentPage == 1)" Variant="Variant.Text" StartIcon="@Icons.Material.Filled.ChevronLeft" Size="Size.Small" Style="@(_currentPage == 1 ? "text-transform: none; font-weight: 500; color: #D1D5DB;" : "text-transform: none; font-weight: 500; color: #374151; border: 1px solid #D1D5DB; border-radius: 6px; background: white;")">Prev</MudButton>
@{
var totalPages = _totalPage == 0 ? 1 : _totalPage;
var maxVisible = 5;
var startPage = Math.Max(1, _currentPage - maxVisible / 2);
var endPage = Math.Min(totalPages, startPage + maxVisible - 1);
if (endPage - startPage < maxVisible - 1) { startPage = Math.Max(1, endPage - maxVisible + 1); }
}
@for (int i = startPage; i <= endPage; i++)
{
var pageNum = i;
var isActive = pageNum == _currentPage;
<MudButton OnClick="@(() => OnPageChanged(pageNum))"
Variant="Variant.Text" Size="Size.Small"
Style="@(isActive ? "min-width: 34px; padding: 4px 8px; font-size: 0.75rem; font-weight: 600; background: #3B82F6; color: white; border: 1px solid #3B82F6; border-radius: 6px; text-transform: none;" : "min-width: 34px; padding: 4px 8px; font-size: 0.75rem; font-weight: 500; color: #374151; background: white; border: 1px solid #D1D5DB; border-radius: 6px; text-transform: none;")">@pageNum</MudButton>
}
<MudButton OnClick="@(() => OnPageChanged(_currentPage + 1))" Disabled="@(_currentPage == _totalPage || _totalPage == 0)" Variant="Variant.Text" EndIcon="@Icons.Material.Filled.ChevronRight" Size="Size.Small" Style="@(_currentPage == _totalPage || _totalPage == 0 ? "text-transform: none; font-weight: 500; color: #D1D5DB;" : "text-transform: none; font-weight: 500; color: #374151; border: 1px solid #D1D5DB; border-radius: 6px; background: white;")">Next</MudButton>
<MudIconButton Icon="@Icons.Material.Filled.LastPage" Size="Size.Small" OnClick="@(() => OnPageChanged(_totalPage))" Disabled="@(_currentPage == _totalPage || _totalPage == 0)" Style="@(_currentPage == _totalPage || _totalPage == 0 ? "color: #D1D5DB; background: transparent;" : "background-color: white; border: 1px solid #D1D5DB; color: #6B7280;")" />
</div>
</div>
</MudPaper>
<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<UpdateCurrencyRequest> OnEdit { get; set; }
[Parameter] public EventCallback<UpdateCurrencyRequest> OnView { get; set; }
private List<GetCurrencyListResponse> _currencies = new();
private GetCurrencyListResponse? _selectedCurrency;
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;
_selectedCurrency = null;
StateHasChanged();
try
{
var response = await CurrencyService.GetCurrencyListAsync();
await Task.Delay(500);
if (response != null && response.IsSuccess)
{
_currencies = response.Value ?? new List<GetCurrencyListResponse>();
}
}
finally
{
_isRefreshing = false;
StateHasChanged();
}
}
private IEnumerable<GetCurrencyListResponse> GetFilteredData()
{
if (string.IsNullOrWhiteSpace(_searchString)) return _currencies;
return _currencies.Where(x =>
(x.Name?.Contains(_searchString, StringComparison.OrdinalIgnoreCase) ?? false) ||
(x.Code?.Contains(_searchString, StringComparison.OrdinalIgnoreCase) ?? false) ||
(x.CountryOwner?.Contains(_searchString, StringComparison.OrdinalIgnoreCase) ?? false)
);
}
private IEnumerable<GetCurrencyListResponse> GetPagedData() => GetFilteredData().Skip(_skip).Take(_top);
private void OnSearchClick()
{
_skip = 0;
_selectedCurrency = 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("Currencies");
var currentRow = 1;
worksheet.Cell(currentRow, 1).Value = "Currency Name";
worksheet.Cell(currentRow, 2).Value = "Code";
worksheet.Cell(currentRow, 3).Value = "Symbol";
worksheet.Cell(currentRow, 4).Value = "Country Owner";
var headerRange = worksheet.Range(1, 1, 1, 4);
headerRange.Style.Font.Bold = true;
headerRange.Style.Fill.BackgroundColor = XLColor.FromHtml("#0D47A1");
headerRange.Style.Font.FontColor = XLColor.White;
foreach (var item in GetFilteredData())
{
currentRow++;
worksheet.Cell(currentRow, 1).Value = item.Name;
worksheet.Cell(currentRow, 2).Value = item.Code;
worksheet.Cell(currentRow, 3).Value = item.Symbol;
worksheet.Cell(currentRow, 4).Value = item.CountryOwner;
}
worksheet.Columns().AdjustToContents();
using (var stream = new MemoryStream())
{
workbook.SaveAs(stream);
var content = Convert.ToBase64String(stream.ToArray());
await JSRuntime.InvokeVoidAsync("downloadFile", "Currencies_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;
_selectedCurrency = null;
StateHasChanged();
}
}
private void OnPageSizeChanged(int size)
{
_top = size;
_skip = 0;
_selectedCurrency = null;
StateHasChanged();
}
private async Task InvokeEdit()
{
if (_selectedCurrency == null) return;
var request = await MapToUpdateRequest(_selectedCurrency.Id);
if (request != null) await OnEdit.InvokeAsync(request);
}
private async Task InvokeView()
{
if (_selectedCurrency == null) return;
var request = await MapToUpdateRequest(_selectedCurrency.Id);
if (request != null) await OnView.InvokeAsync(request);
}
private async Task<UpdateCurrencyRequest?> MapToUpdateRequest(string id)
{
var response = await CurrencyService.GetCurrencyByIdAsync(id);
if (response != null && response.IsSuccess && response.Value != null)
{
var detail = response.Value;
return new UpdateCurrencyRequest
{
Id = detail.Id,
Code = detail.Code,
Name = detail.Name,
Symbol = detail.Symbol,
CountryOwner = detail.CountryOwner,
Description = detail.Description,
CreatedAt = detail.CreatedAt,
CreatedBy = detail.CreatedBy,
UpdatedAt = detail.UpdatedAt,
UpdatedBy = detail.UpdatedBy
};
}
return null;
}
private async Task OnDelete()
{
if (_selectedCurrency == null) return;
var parameters = new DialogParameters<_DeleteConfirmation> { { x => x.ContentText, _selectedCurrency.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 CurrencyService.DeleteCurrencyByIdAsync(_selectedCurrency.Id);
if (isSuccess)
{
_selectedCurrency = null;
await LoadData();
Snackbar.Add("Currency deleted successfully", Severity.Success);
}
else
{
Snackbar.Add("Delete failed. This record might be protected by the system.", Severity.Error);
}
}
}
}
@@ -0,0 +1,170 @@
@using Indotalent.ConfigBackEnd.Extensions
@using Indotalent.Features.Setting.Currency
@using Indotalent.Features.Setting.Currency.Cqrs
@using Indotalent.Shared.Utils
@using MudBlazor
@inject CurrencyService CurrencyService
@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 ? "Currency Details" : "Edit Currency")</MudText>
<MudText Typo="Typo.body2" Style="color: #64748b;">@(ReadOnly ? "Viewing international currency specification." : "Modify existing currency information.")</MudText>
</div>
</div>
</MudPaper>
<MudPaper Elevation="0" Outlined="true" Class="pa-8" Style="border-radius: 4px; border: 1px solid #DCEBFA;">
<MudForm @ref="_form" Model="_model">
<MudGrid Spacing="3">
<MudItem xs="12" sm="6">
<MudText Typo="Typo.subtitle2" Class="mb-1">Currency 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">Symbol</MudText>
<MudTextField @bind-Value="_model.Symbol"
For="@(() => _model.Symbol)"
Validation="@(_validator.ValidateValue())"
ReadOnly="ReadOnly"
Variant="Variant.Outlined" Margin="Margin.Dense" FullWidth="true" />
</MudItem>
<MudItem xs="12">
<MudText Typo="Typo.subtitle2" Class="mb-1">Currency Name</MudText>
<MudTextField @bind-Value="_model.Name"
For="@(() => _model.Name)"
Validation="@(_validator.ValidateValue())"
ReadOnly="ReadOnly"
Variant="Variant.Outlined" Margin="Margin.Dense" FullWidth="true" />
</MudItem>
<MudItem xs="12">
<MudText Typo="Typo.subtitle2" Class="mb-1">Country Owner</MudText>
<MudTextField @bind-Value="_model.CountryOwner"
For="@(() => _model.CountryOwner)"
Validation="@(_validator.ValidateValue())"
ReadOnly="ReadOnly"
Variant="Variant.Outlined" Margin="Margin.Dense" FullWidth="true" />
</MudItem>
<MudItem xs="12">
<MudText Typo="Typo.subtitle2" Class="mb-1">Description</MudText>
<MudTextField @bind-Value="_model.Description"
For="@(() => _model.Description)"
ReadOnly="ReadOnly"
Variant="Variant.Outlined" Margin="Margin.Dense" Lines="3" FullWidth="true" />
</MudItem>
<MudItem xs="12" Class="mt-4">
<MudText Typo="Typo.button" Color="Color.Primary" Style="font-weight: 800;">Audit History</MudText>
<MudDivider Class="mt-2 mb-4" />
</MudItem>
<MudItem xs="12" sm="6">
<MudText Typo="Typo.subtitle2">Created At</MudText>
<MudText Typo="Typo.body2" Style="color: #1a1a1a; font-weight: 600;">@DateTimeExtensions.ToString(_model.CreatedAt)</MudText>
</MudItem>
<MudItem xs="12" sm="6">
<MudText Typo="Typo.subtitle2">Created By</MudText>
<MudText Typo="Typo.body2" Style="color: #1a1a1a; font-weight: 600;">@(!string.IsNullOrEmpty(_model.CreatedBy) ? _model.CreatedBy : "System")</MudText>
</MudItem>
<MudItem xs="12" sm="6">
<MudText Typo="Typo.subtitle2">Last Updated At</MudText>
<MudText Typo="Typo.body2" Style="color: #1a1a1a; font-weight: 600;">@DateTimeExtensions.ToString(_model.UpdatedAt)</MudText>
</MudItem>
<MudItem xs="12" sm="6">
<MudText Typo="Typo.subtitle2">Last Updated By</MudText>
<MudText Typo="Typo.body2" Style="color: #1a1a1a; font-weight: 600;">@(!string.IsNullOrEmpty(_model.UpdatedBy) ? _model.UpdatedBy : "System")</MudText>
</MudItem>
</MudGrid>
<div class="d-flex justify-end gap-2 mt-10">
<MudButton OnClick="() => OnCancel.InvokeAsync()"
Variant="Variant.Outlined"
Disabled="_processing"
Style="border-radius: 4px; text-transform: none; font-weight: 700;border: 1px solid #e0e0e0;">
@(ReadOnly ? "Back to List" : "Cancel")
</MudButton>
@if (!ReadOnly)
{
<MudButton Color="Color.Primary"
Variant="Variant.Filled"
OnClick="Submit"
Disabled="_processing"
Style="border-radius: 4px; text-transform: none; font-weight: 700;">
@if (_processing)
{
<MudProgressCircular Class="ms-n1" Size="Size.Small" Indeterminate="true" />
<MudText Class="ms-2">Updating...</MudText>
}
else
{
<MudText>Save Changes</MudText>
}
</MudButton>
}
</div>
</MudForm>
</MudPaper>
@code {
[Parameter] public UpdateCurrencyRequest 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 UpdateCurrencyValidator _validator = new();
private UpdateCurrencyRequest _model = new();
private bool _processing = false;
protected override void OnInitialized()
{
_model = new UpdateCurrencyRequest
{
Id = Data.Id,
Code = Data.Code,
Name = Data.Name,
Symbol = Data.Symbol,
CountryOwner = Data.CountryOwner,
Description = Data.Description,
CreatedAt = Data.CreatedAt,
CreatedBy = Data.CreatedBy,
UpdatedAt = Data.UpdatedAt,
UpdatedBy = Data.UpdatedBy
};
}
private async Task Submit()
{
if (ReadOnly) return;
await _form.Validate();
if (!_form.IsValid) return;
_processing = true;
try
{
var response = await CurrencyService.UpdateCurrencyAsync(_model);
await Task.Delay(500);
if (response != null && response.IsSuccess)
{
Snackbar.Add("Currency updated successfully", Severity.Success);
await OnSuccess.InvokeAsync();
}
}
catch (Exception ex)
{
Snackbar.Add($"Error: {ex.Message}", Severity.Error);
}
finally
{
_processing = false;
}
}
}
@@ -0,0 +1,68 @@
using Indotalent.ConfigBackEnd.Exceptions;
using Indotalent.ConfigBackEnd.Extensions;
using Indotalent.Infrastructure.Database;
using MediatR;
using Microsoft.EntityFrameworkCore;
namespace Indotalent.Features.Setting.Currency.Cqrs;
public class CreateCurrencyRequest
{
public string? Code { get; set; }
public string? Name { get; set; }
public string? Symbol { get; set; }
public string? CountryOwner { get; set; }
public string? Description { get; set; }
}
public class CreateCurrencyResponse
{
public string? Id { get; set; }
public string? Code { get; set; }
}
public record CreateCurrencyCommand(CreateCurrencyRequest Data) : IRequest<CreateCurrencyResponse>;
public class CreateCurrencyHandler : IRequestHandler<CreateCurrencyCommand, CreateCurrencyResponse>
{
private readonly AppDbContext _context;
public CreateCurrencyHandler(AppDbContext context) => _context = context;
public async Task<CreateCurrencyResponse> Handle(CreateCurrencyCommand request, CancellationToken cancellationToken)
{
var isExists = await _context.Currency
.AnyAsync(x => x.Code == request.Data.Code, cancellationToken);
if (isExists)
{
throw new AlreadyExistsException("Currency", request.Data.Code ?? string.Empty);
}
var entityName = nameof(Currency);
var autoNo = await _context.GenerateAutoNumberAsync(
entityName: entityName,
prefixTemplate: $"{entityName.ToShortNameConsonant(3)}/{{Year}}/",
ct: cancellationToken
);
var entity = new Data.Entities.Currency
{
AutoNumber = autoNo,
Code = request.Data.Code,
Name = request.Data.Name,
Symbol = request.Data.Symbol,
CountryOwner = request.Data.CountryOwner,
Description = request.Data.Description
};
_context.Currency.Add(entity);
await _context.SaveChangesAsync(cancellationToken);
return new CreateCurrencyResponse
{
Id = entity.Id,
Code = entity.Code
};
}
}
@@ -0,0 +1,26 @@
using FluentValidation;
using Indotalent.Shared.Consts;
namespace Indotalent.Features.Setting.Currency.Cqrs;
public class CreateCurrencyValidator : AbstractValidator<CreateCurrencyRequest>
{
public CreateCurrencyValidator()
{
RuleFor(x => x.Code)
.NotEmpty().WithMessage("Currency Code is required")
.MaximumLength(GlobalConsts.StringLengthShort);
RuleFor(x => x.Name)
.NotEmpty().WithMessage("Currency Name is required")
.MaximumLength(GlobalConsts.StringLengthShort);
RuleFor(x => x.Symbol)
.NotEmpty().WithMessage("Symbol is required")
.MaximumLength(GlobalConsts.StringLengthShort);
RuleFor(x => x.CountryOwner)
.NotEmpty().WithMessage("Country Owner is required")
.MaximumLength(GlobalConsts.StringLengthShort);
}
}
@@ -0,0 +1,27 @@
using Indotalent.Infrastructure.Database;
using MediatR;
using Microsoft.EntityFrameworkCore;
namespace Indotalent.Features.Setting.Currency.Cqrs;
public record DeleteCurrencyByIdRequest(string Id);
public class DeleteCurrencyByIdHandler : IRequestHandler<DeleteCurrencyByIdCommand, bool>
{
private readonly AppDbContext _context;
public DeleteCurrencyByIdHandler(AppDbContext context) => _context = context;
public async Task<bool> Handle(DeleteCurrencyByIdCommand request, CancellationToken cancellationToken)
{
var entity = await _context.Currency
.FirstOrDefaultAsync(x => x.Id == request.Data.Id, cancellationToken);
if (entity == null) return false;
_context.Currency.Remove(entity);
return await _context.SaveChangesAsync(cancellationToken) > 0;
}
}
public record DeleteCurrencyByIdCommand(DeleteCurrencyByIdRequest Data) : IRequest<bool>;
@@ -0,0 +1,49 @@
using Indotalent.Infrastructure.Database;
using MediatR;
using Microsoft.EntityFrameworkCore;
namespace Indotalent.Features.Setting.Currency.Cqrs;
public class GetCurrencyByIdResponse
{
public string? Id { get; set; }
public string? Code { get; set; }
public string? Name { get; set; }
public string? Symbol { get; set; }
public string? CountryOwner { get; set; }
public string? Description { get; set; }
public DateTimeOffset? CreatedAt { get; set; }
public string? CreatedBy { get; set; }
public DateTimeOffset? UpdatedAt { get; set; }
public string? UpdatedBy { get; set; }
}
public record GetCurrencyByIdQuery(string Id) : IRequest<GetCurrencyByIdResponse?>;
public class GetCurrencyByIdHandler : IRequestHandler<GetCurrencyByIdQuery, GetCurrencyByIdResponse?>
{
private readonly AppDbContext _context;
public GetCurrencyByIdHandler(AppDbContext context) => _context = context;
public async Task<GetCurrencyByIdResponse?> Handle(GetCurrencyByIdQuery request, CancellationToken cancellationToken)
{
return await _context.Currency
.AsNoTracking()
.Where(x => x.Id == request.Id)
.Select(x => new GetCurrencyByIdResponse
{
Id = x.Id,
Code = x.Code,
Name = x.Name,
Symbol = x.Symbol,
CountryOwner = x.CountryOwner,
Description = x.Description,
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.Setting.Currency.Cqrs;
public class GetCurrencyListResponse
{
public string? Id { get; set; }
public string? Code { get; set; }
public string? Name { get; set; }
public string? Symbol { get; set; }
public string? CountryOwner { get; set; }
public DateTimeOffset? CreatedAt { get; set; }
public string? CreatedBy { get; set; }
public DateTimeOffset? UpdatedAt { get; set; }
public string? UpdatedBy { get; set; }
}
public record GetCurrencyListQuery() : IRequest<List<GetCurrencyListResponse>>;
public class GetCurrencyListHandler : IRequestHandler<GetCurrencyListQuery, List<GetCurrencyListResponse>>
{
private readonly AppDbContext _context;
public GetCurrencyListHandler(AppDbContext context) => _context = context;
public async Task<List<GetCurrencyListResponse>> Handle(GetCurrencyListQuery request, CancellationToken cancellationToken)
{
return await _context.Currency
.AsNoTracking()
.OrderBy(x => x.Code)
.Select(x => new GetCurrencyListResponse
{
Id = x.Id,
Code = x.Code,
Name = x.Name,
Symbol = x.Symbol,
CountryOwner = x.CountryOwner,
CreatedAt = x.CreatedAt,
CreatedBy = x.CreatedBy,
UpdatedAt = x.UpdatedAt,
UpdatedBy = x.UpdatedBy,
})
.ToListAsync(cancellationToken);
}
}
@@ -0,0 +1,70 @@
using Indotalent.ConfigBackEnd.Exceptions;
using Indotalent.Infrastructure.Database;
using MediatR;
using Microsoft.EntityFrameworkCore;
namespace Indotalent.Features.Setting.Currency.Cqrs;
public class UpdateCurrencyRequest
{
public string? Id { get; set; }
public string? Code { get; set; }
public string? Name { get; set; }
public string? Symbol { get; set; }
public string? CountryOwner { get; set; }
public string? Description { get; set; }
public DateTimeOffset? CreatedAt { get; set; }
public string? CreatedBy { get; set; }
public DateTimeOffset? UpdatedAt { get; set; }
public string? UpdatedBy { get; set; }
}
public class UpdateCurrencyResponse
{
public string? Id { get; set; }
public bool Success { get; set; }
}
public record UpdateCurrencyCommand(UpdateCurrencyRequest Data) : IRequest<UpdateCurrencyResponse>;
public class UpdateCurrencyHandler : IRequestHandler<UpdateCurrencyCommand, UpdateCurrencyResponse>
{
private readonly AppDbContext _context;
public UpdateCurrencyHandler(AppDbContext context)
{
_context = context;
}
public async Task<UpdateCurrencyResponse> Handle(UpdateCurrencyCommand request, CancellationToken cancellationToken)
{
var isExists = await _context.Currency
.AnyAsync(x => x.Code == request.Data.Code && x.Id != request.Data.Id, cancellationToken);
if (isExists)
{
throw new AlreadyExistsException("Currency", request.Data.Code ?? string.Empty);
}
var entity = await _context.Currency
.FirstOrDefaultAsync(x => x.Id == request.Data.Id, cancellationToken);
if (entity == null)
{
return new UpdateCurrencyResponse { Id = request.Data.Id, Success = false };
}
entity.Code = request.Data.Code;
entity.Name = request.Data.Name;
entity.Symbol = request.Data.Symbol;
entity.CountryOwner = request.Data.CountryOwner;
entity.Description = request.Data.Description;
await _context.SaveChangesAsync(cancellationToken);
return new UpdateCurrencyResponse
{
Id = entity.Id,
Success = true
};
}
}
@@ -0,0 +1,29 @@
using FluentValidation;
using Indotalent.Shared.Consts;
namespace Indotalent.Features.Setting.Currency.Cqrs;
public class UpdateCurrencyValidator : AbstractValidator<UpdateCurrencyRequest>
{
public UpdateCurrencyValidator()
{
RuleFor(x => x.Id)
.NotEmpty().WithMessage("ID is required for update");
RuleFor(x => x.Code)
.NotEmpty().WithMessage("Currency Code is required")
.MaximumLength(GlobalConsts.StringLengthShort);
RuleFor(x => x.Name)
.NotEmpty().WithMessage("Currency Name is required")
.MaximumLength(GlobalConsts.StringLengthShort);
RuleFor(x => x.Symbol)
.NotEmpty().WithMessage("Symbol is required")
.MaximumLength(GlobalConsts.StringLengthShort);
RuleFor(x => x.CountryOwner)
.NotEmpty().WithMessage("Country Owner is required")
.MaximumLength(GlobalConsts.StringLengthShort);
}
}
@@ -0,0 +1,73 @@
using Indotalent.ConfigBackEnd.Extensions;
using Indotalent.Features.Setting.Currency.Cqrs;
using MediatR;
using Microsoft.AspNetCore.Authentication.JwtBearer;
namespace Indotalent.Features.Setting.Currency;
public static class CurrencyEndpoint
{
public static void MapCurrencyEndpoints(this IEndpointRouteBuilder app)
{
var group = app.MapGroup("/currency").WithTags("Currencies")
.RequireAuthorization(policy => policy.AddAuthenticationSchemes(JwtBearerDefaults.AuthenticationScheme)
.RequireAuthenticatedUser());
group.MapGet("/", async (IMediator mediator) =>
{
var result = await mediator.Send(new GetCurrencyListQuery());
return result.ToApiResponse("Data currency retrieved successfully");
})
.WithName("GetCurrencyList")
.WithTags("Currencies");
group.MapGet("/{id}", async (string id, IMediator mediator) =>
{
var result = await mediator.Send(new GetCurrencyByIdQuery(id));
return result.ToApiResponse(result is not null
? "Currency detail retrieved successfully"
: $"Currency with ID {id} not found");
})
.WithName("GetCurrencyById")
.WithTags("Currencies");
group.MapPost("/", async (CreateCurrencyRequest request, IMediator mediator) =>
{
var result = await mediator.Send(new CreateCurrencyCommand(request));
return result.ToApiResponse("Currency has been created successfully", StatusCodes.Status201Created);
})
.WithName("CreateCurrency")
.WithTags("Currencies");
group.MapPost("/update", async (UpdateCurrencyRequest request, IMediator mediator) =>
{
var result = await mediator.Send(new UpdateCurrencyCommand(request));
if (!result.Success)
{
return ((object?)null).ToApiResponse("Update failed. The currency data could not be found.");
}
return result.ToApiResponse("Currency has been updated successfully");
})
.WithName("UpdateCurrency")
.WithTags("Currencies");
group.MapPost("/delete/{id}", async (string id, IMediator mediator) =>
{
var result = await mediator.Send(new DeleteCurrencyByIdCommand(new DeleteCurrencyByIdRequest(id)));
if (!result)
{
return ((object?)null).ToApiResponse("Delete failed. The currency data could not be found.");
}
return true.ToApiResponse("Currency has been deleted successfully");
})
.WithName("DeleteCurrencyById")
.WithTags("Currencies");
}
}
@@ -0,0 +1,60 @@
using Indotalent.ConfigBackEnd.Interfaces;
using Indotalent.ConfigFrontEnd.Common;
using Indotalent.Features.Setting.Currency.Cqrs;
using Indotalent.Infrastructure.Authentication.Identity;
using Indotalent.Shared.Models;
using Microsoft.AspNetCore.Components;
using MudBlazor;
using RestSharp;
namespace Indotalent.Features.Setting.Currency;
public class CurrencyService : BaseService
{
private readonly RestClient _client;
public CurrencyService(
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<GetCurrencyListResponse>>?> GetCurrencyListAsync()
{
var request = new RestRequest("api/currency", Method.Get);
return await ExecuteWithResponseAsync<List<GetCurrencyListResponse>>(_client, request);
}
public async Task<ApiResponse<GetCurrencyByIdResponse>?> GetCurrencyByIdAsync(string id)
{
var request = new RestRequest($"api/currency/{id}", Method.Get);
return await ExecuteWithResponseAsync<GetCurrencyByIdResponse>(_client, request);
}
public async Task<ApiResponse<CreateCurrencyResponse>?> CreateCurrencyAsync(CreateCurrencyRequest data)
{
var request = new RestRequest("api/currency", Method.Post);
request.AddJsonBody(data);
return await ExecuteWithResponseAsync<CreateCurrencyResponse>(_client, request);
}
public async Task<bool> DeleteCurrencyByIdAsync(string id)
{
var request = new RestRequest($"api/currency/delete/{id}", Method.Post);
var response = await ExecuteWithResponseAsync<object>(_client, request);
return response?.IsSuccess ?? false;
}
public async Task<ApiResponse<UpdateCurrencyResponse>?> UpdateCurrencyAsync(UpdateCurrencyRequest data)
{
var request = new RestRequest("api/currency/update", Method.Post);
request.AddJsonBody(data);
return await ExecuteWithResponseAsync<UpdateCurrencyResponse>(_client, request);
}
}
+108
View File
@@ -0,0 +1,108 @@
@page "/setting"
@using Microsoft.AspNetCore.Authorization
@using Indotalent.Infrastructure.Authorization.Identity
@attribute [Authorize(Roles = ApplicationRoles.Admin)]
@using Indotalent.Features.Setting.AutoNumberSequence.Components
@using Indotalent.Features.Setting.Company.Components
@using Indotalent.Features.Setting.Currency.Components
@using Indotalent.Features.Setting.SystemUser.Components
@using Indotalent.Features.Setting.Tax.Components
@using MudBlazor
@inject NavigationManager NavigationManager
<style>
.clean-white-tabs .mud-tabs-toolbar {
background-color: white !important;
border-bottom: 2px solid #DCEBFA;
border-radius: 4px !important;
}
.clean-white-tabs .mud-tab {
color: #94a3b8 !important;
text-transform: none;
font-weight: 500;
min-width: 160px;
border-radius: 4px !important;
}
.clean-white-tabs .mud-tab-active {
color: var(--mud-palette-primary) !important;
font-weight: 800;
}
.clean-white-tabs .mud-tabs-slider {
background-color: var(--mud-palette-primary) !important;
height: 3px !important;
bottom: 0;
}
</style>
<MudContainer MaxWidth="MaxWidth.ExtraLarge" Class="mt-2 mb-8">
<div class="clean-white-tabs">
<MudTabs Elevation="0"
ActivePanelIndex="@_activeTabIndex"
ActivePanelIndexChanged="OnTabChanged"
ApplyEffectsToContainer="true"
TabPanelsClass="pt-4">
<MudTabPanel Text="Company Info" Icon="@Icons.Material.Outlined.Business">
<CompanyPage />
</MudTabPanel>
<MudTabPanel Text="Users" Icon="@Icons.Material.Outlined.Group">
<SystemUserPage />
</MudTabPanel>
<MudTabPanel Text="Currencies" Icon="@Icons.Material.Outlined.Paid">
<CurrencyPage />
</MudTabPanel>
<MudTabPanel Text="Tax Rules" Icon="@Icons.Material.Outlined.ReceiptLong">
<TaxPage />
</MudTabPanel>
<MudTabPanel Text="Auto Number" Icon="@Icons.Material.Outlined.Numbers">
<AutoNumberSequencePage />
</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
{
"company" => 0,
"user" => 1,
"currency" => 2,
"tax" => 3,
"autonumber" => 4,
_ => 0
};
}
}
private void OnTabChanged(int index)
{
_activeTabIndex = index;
string tabName = index switch
{
0 => "company",
1 => "user",
2 => "currency",
3 => "tax",
4 => "autonumber",
_ => "company"
};
NavigationManager.NavigateTo($"/setting?tab={tabName}", replace: false);
}
}
@@ -0,0 +1,74 @@
@page "/setting/system-user"
@using Indotalent.Features.Setting.SystemUser
@using Indotalent.Features.Setting.SystemUser.Cqrs
@using MudBlazor
@if (_currentView == ViewMode.Create)
{
<_SystemUserCreateForm OnCancel="BackToTable" OnSuccess="HandleSuccess" />
}
else if (_currentView == ViewMode.Update || _currentView == ViewMode.View)
{
<_SystemUserUpdateForm Data="_selectedData!" ReadOnly="@(_currentView == ViewMode.View)" OnCancel="BackToTable" OnSuccess="HandleSuccess" />
}
else if (_currentView == ViewMode.ChangePassword)
{
<_SystemUserChangePasswordForm Data="_selectedData!" OnCancel="BackToTable" OnSuccess="HandleSuccess" />
}
else if (_currentView == ViewMode.ChangeRole)
{
<_SystemUserChangeRoleForm Data="_selectedData!" OnCancel="BackToTable" OnSuccess="HandleSuccess" />
}
else if (_currentView == ViewMode.ChangeAvatar)
{
<_SystemUserChangeAvatarForm Data="_selectedData!" OnCancel="BackToTable" OnSuccess="HandleSuccess" />
}
else
{
<_SystemUserDataTable OnAdd="() => ShowCreate()"
OnEdit="(item) => ShowUpdate(item, false)"
OnView="(item) => ShowUpdate(item, true)"
OnChangePassword="(item) => ShowChangePassword(item)"
OnManageRoles="(item) => ShowChangeRole(item)"
OnChangeAvatar="(item) => ShowChangeAvatar(item)" />
}
@code {
private enum ViewMode { Table, Create, Update, View, ChangePassword, ChangeRole, ChangeAvatar }
private ViewMode _currentView = ViewMode.Table;
private UpdateSystemUserRequest? _selectedData;
private void ShowCreate() => _currentView = ViewMode.Create;
private void ShowUpdate(UpdateSystemUserRequest data, bool isReadOnly)
{
_selectedData = data;
_currentView = isReadOnly ? ViewMode.View : ViewMode.Update;
}
private void ShowChangePassword(UpdateSystemUserRequest data)
{
_selectedData = data;
_currentView = ViewMode.ChangePassword;
}
private void ShowChangeRole(UpdateSystemUserRequest data)
{
_selectedData = data;
_currentView = ViewMode.ChangeRole;
}
private void ShowChangeAvatar(UpdateSystemUserRequest data)
{
_selectedData = data;
_currentView = ViewMode.ChangeAvatar;
}
private void BackToTable()
{
_currentView = ViewMode.Table;
_selectedData = null;
}
private void HandleSuccess()
{
_currentView = ViewMode.Table;
_selectedData = null;
}
}
@@ -0,0 +1,176 @@
@using Indotalent.ConfigBackEnd.Extensions
@using Indotalent.Features.Setting.SystemUser
@using Indotalent.Features.Setting.SystemUser.Cqrs
@using Microsoft.AspNetCore.Components.Forms
@using MudBlazor
@using System.IO
@inject SystemUserService SystemUserService
@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 Profile Picture</MudText>
<MudText Typo="Typo.body2" Style="color: #64748b;">Change avatar for user: @Data.FullName</MudText>
</div>
</div>
</MudPaper>
<MudGrid Spacing="3">
<MudItem xs="12" sm="5">
<MudPaper Elevation="0" Outlined="true" Class="pa-8 d-flex flex-column align-center" Style="border-radius: 4px; border: 1px solid #DCEBFA; background-color: #F8FAFC;">
<MudText Typo="Typo.button" Color="Color.Primary" Class="mb-4" Style="font-weight: 800;">Preview Avatar</MudText>
@if (_isLoading)
{
<MudProgressCircular Color="Color.Primary" Indeterminate="true" Size="Size.Large" />
}
else if (!string.IsNullOrEmpty(_previewUrl))
{
<div style="width:180px; height:180px; border-radius: 50%; overflow: hidden; border: 4px solid white; box-shadow: 0 4px 12px rgba(0,0,0,0.1);">
<img src="@_previewUrl" style="width: 100%; height: 100%; object-fit: cover;" />
</div>
}
else
{
<MudAvatar Color="Color.Primary" Variant="Variant.Filled" Style="width:180px; height:180px; font-size: 4rem; font-weight: 800;">
@Data.FullName.ToInitial()
</MudAvatar>
}
<MudText Typo="Typo.caption" Class="mt-4" Style="color: #64748b; text-align: center;">
Allowed: JPG, JPEG, PNG. Max: 2MB.
</MudText>
</MudPaper>
</MudItem>
<MudItem xs="12" sm="7">
<MudPaper Elevation="0" Outlined="true" Class="pa-8" Style="border-radius: 4px; border: 1px solid #DCEBFA; height: 100%;">
<MudText Typo="Typo.button" Color="Color.Primary" Style="font-weight: 800;">Upload New Image</MudText>
<MudDivider Class="mt-2 mb-6" />
<MudFileUpload T="IBrowserFile" FilesChanged="HandleFileSelected" Accept=".jpg, .jpeg, .png">
<MudButton Variant="Variant.Outlined"
Color="Color.Primary"
StartIcon="@Icons.Material.Filled.CloudUpload"
FullWidth="true"
Style="height: 120px; border-style: dashed; border-width: 2px; text-transform: none; font-weight: 700;border: 1px solid #e0e0e0;">
@(_selectedFile == null ? "Click or Drag Image Here" : _selectedFile.Name)
</MudButton>
</MudFileUpload>
<div class="d-flex justify-end gap-2 mt-10">
<MudButton OnClick="() => OnCancel.InvokeAsync()"
Variant="Variant.Outlined"
Disabled="_processing"
Style="border-radius: 4px; text-transform: none; font-weight: 700;border: 1px solid #e0e0e0;">
Cancel
</MudButton>
<MudButton Color="Color.Primary"
Variant="Variant.Filled"
OnClick="SubmitAvatar"
Disabled="@(_selectedFile == null || _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>Update Avatar</MudText>
}
</MudButton>
</div>
</MudPaper>
</MudItem>
</MudGrid>
@code {
[Parameter] public UpdateSystemUserRequest Data { get; set; } = new();
[Parameter] public EventCallback OnCancel { get; set; }
[Parameter] public EventCallback OnSuccess { get; set; }
private IBrowserFile? _selectedFile;
private string? _previewUrl;
private bool _processing = false;
private bool _isLoading = false;
protected override async Task OnInitializedAsync()
{
if (!string.IsNullOrEmpty(Data.AvatarFile))
{
_isLoading = true;
try
{
var bytes = await SystemUserService.GetAvatarBlobAsync(Data.AvatarFile);
if (bytes != null && bytes.Length > 0)
{
_previewUrl = $"data:image/png;base64,{Convert.ToBase64String(bytes)}";
}
}
finally
{
_isLoading = false;
StateHasChanged();
}
}
}
private async Task HandleFileSelected(IBrowserFile file)
{
if (file == null) return;
if (file.Size > 2 * 1024 * 1024)
{
Snackbar.Add("File too large. Max 2MB allowed.", Severity.Warning);
return;
}
_selectedFile = file;
using var stream = file.OpenReadStream(2 * 1024 * 1024);
using var ms = new MemoryStream();
await stream.CopyToAsync(ms);
_previewUrl = $"data:{file.ContentType};base64,{Convert.ToBase64String(ms.ToArray())}";
StateHasChanged();
}
private async Task SubmitAvatar()
{
if (_selectedFile == null) return;
_processing = true;
try
{
using var stream = _selectedFile.OpenReadStream(2 * 1024 * 1024);
using var ms = new MemoryStream();
await stream.CopyToAsync(ms);
var request = new ChangeAvatarRequest
{
UserId = Data.Id ?? string.Empty,
FileData = ms.ToArray(),
FileName = _selectedFile.Name
};
var response = await SystemUserService.ChangeAvatarAsync(request);
await Task.Delay(500);
if (response != null && response.IsSuccess)
{
Snackbar.Add("Avatar updated successfully", Severity.Success);
await OnSuccess.InvokeAsync();
}
}
catch (Exception ex)
{
Snackbar.Add($"Upload failed: {ex.Message}", Severity.Error);
}
finally
{
_processing = false;
}
}
}
@@ -0,0 +1,167 @@
@using Indotalent.Features.Setting.SystemUser
@using Indotalent.Features.Setting.SystemUser.Cqrs
@using Indotalent.Shared.Utils
@using MudBlazor
@inject SystemUserService SystemUserService
@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;">Security: Change Password</MudText>
<MudText Typo="Typo.body2" Style="color: #64748b;">Manage password security for account: @Data.FullName</MudText>
</div>
</div>
</MudPaper>
<MudGrid Spacing="3">
<MudItem xs="12" sm="7">
<MudPaper Elevation="0" Outlined="true" Class="pa-8" Style="border-radius: 4px; border: 1px solid #DCEBFA; height: 100%;">
<MudText Typo="Typo.button" Color="Color.Primary" Style="font-weight: 800;">Manual Password Overwrite</MudText>
<MudDivider Class="mt-2 mb-6" />
<MudForm @ref="_form" Model="_model" Validation="@(_validator.ValidateValue())">
<MudGrid Spacing="3">
<MudItem xs="12">
<MudText Typo="Typo.subtitle2" Class="mb-1">New Password</MudText>
<MudTextField @bind-Value="_model.NewPassword"
For="@(() => _model.NewPassword)"
InputType="InputType.Password"
Variant="Variant.Outlined"
Margin="Margin.Dense"
FullWidth="true" />
</MudItem>
<MudItem xs="12">
<MudText Typo="Typo.subtitle2" Class="mb-1">Confirm New Password</MudText>
<MudTextField @bind-Value="_model.ConfirmPassword"
For="@(() => _model.ConfirmPassword)"
InputType="InputType.Password"
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-radius: 4px; text-transform: none; font-weight: 700;border: 1px solid #e0e0e0;">
Cancel
</MudButton>
<MudButton Color="Color.Primary"
Variant="Variant.Filled"
OnClick="SubmitManual"
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>Set New Password</MudText>
}
</MudButton>
</div>
</MudForm>
</MudPaper>
</MudItem>
<MudItem xs="12" sm="5">
<MudPaper Elevation="0" Outlined="true" Class="pa-8" Style="border-radius: 4px; border: 1px solid #DCEBFA; height: 100%; background-color: #F8FAFC;">
<MudText Typo="Typo.button" Color="Color.Info" Style="font-weight: 800;">Password Reset Link</MudText>
<MudDivider Class="mt-2 mb-4" />
<MudText Typo="Typo.body2" Class="mb-4">
Instead of setting a password manually, you can send a secure reset link to the user's registered email:
</MudText>
<MudChip T="string" Color="Color.Info" Variant="Variant.Text" Icon="@Icons.Material.Filled.Email" Class="mb-6">@Data.Email</MudChip>
<MudButton Color="Color.Info"
Variant="Variant.Outlined"
OnClick="SendResetLink"
Disabled="_processingReset"
FullWidth="true"
StartIcon="@Icons.Material.Filled.Send"
Style="background:white; border-radius: 4px; text-transform: none; font-weight: 700; height: 48px;border: 1px solid #e0e0e0;">
@if (_processingReset)
{
<MudProgressCircular Class="ms-n1" Size="Size.Small" Indeterminate="true" />
<MudText Class="ms-2">Sending...</MudText>
}
else
{
<MudText>Send Forgot Password Email</MudText>
}
</MudButton>
<MudAlert Severity="Severity.Info" Dense="true" Class="mt-4" Square="true" Style="font-size: 12px;">
The user will receive an email with instructions to set their own password.
</MudAlert>
</MudPaper>
</MudItem>
</MudGrid>
@code {
[Parameter] public UpdateSystemUserRequest Data { get; set; } = new();
[Parameter] public EventCallback OnCancel { get; set; }
[Parameter] public EventCallback OnSuccess { get; set; }
private MudForm _form = default!;
private ChangePasswordRequest _model = new();
private ChangePasswordValidator _validator = new();
private bool _processing = false;
private bool _processingReset = false;
protected override void OnInitialized()
{
_model.UserId = Data.Id ?? string.Empty;
}
private async Task SubmitManual()
{
await _form.Validate();
if (!_form.IsValid) return;
_processing = true;
try
{
var response = await SystemUserService.ChangePasswordAsync(_model);
await Task.Delay(500);
if (response != null && response.IsSuccess)
{
Snackbar.Add("Password updated successfully", Severity.Success);
await OnSuccess.InvokeAsync();
}
}
finally
{
_processing = false;
}
}
private async Task SendResetLink()
{
_processingReset = true;
try
{
var success = await SystemUserService.SendResetLinkAsync(Data.Id ?? string.Empty);
await Task.Delay(500);
if (success)
{
Snackbar.Add("Reset link sent to user email", Severity.Success);
await OnSuccess.InvokeAsync();
}
}
finally
{
_processingReset = false;
}
}
}
@@ -0,0 +1,125 @@
@using Indotalent.Features.Setting.SystemUser
@using Indotalent.Features.Setting.SystemUser.Cqrs
@using Indotalent.Infrastructure.Authorization.Identity
@using MudBlazor
@inject SystemUserService SystemUserService
@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;">Manage User Roles</MudText>
<MudText Typo="Typo.body2" Style="color: #64748b;">Assign or revoke roles for: @Data.FullName (@Data.Email)</MudText>
</div>
</div>
</MudPaper>
<MudPaper Elevation="0" Outlined="true" Class="pa-8" Style="border-radius: 4px; border: 1px solid #DCEBFA;">
<MudText Typo="Typo.button" Color="Color.Primary" Style="font-weight: 800;">Available System Roles</MudText>
<MudDivider Class="mt-2 mb-6" />
<MudGrid Spacing="3">
@foreach (var role in ApplicationRoles.AllRoles)
{
<MudItem xs="12" sm="4" md="3">
<MudPaper Elevation="0" Class="pa-4 d-flex align-center" Style="border: 1px solid #E2E8F0; background-color: #F8FAFC;">
<MudCheckBox T="bool"
Value="@(_selectedRoles.Contains(role))"
ValueChanged="@((bool val) => OnRoleToggled(role, val))"
Color="Color.Primary"
Dense="true" />
<MudStack Spacing="0">
<MudText Typo="Typo.body2" Style="font-weight: 700;">@role</MudText>
<MudText Typo="Typo.caption" Style="color: #64748b;">System Role</MudText>
</MudStack>
</MudPaper>
</MudItem>
}
</MudGrid>
<div class="d-flex justify-end gap-2 mt-10">
<MudButton OnClick="() => OnCancel.InvokeAsync()"
Variant="Variant.Outlined"
Disabled="_processing"
Style="border-radius: 4px; text-transform: none; font-weight: 700;border: 1px solid #e0e0e0;">
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">Saving Roles...</MudText>
}
else
{
<MudText>Update Role Assignments</MudText>
}
</MudButton>
</div>
</MudPaper>
@code {
[Parameter] public UpdateSystemUserRequest Data { get; set; } = new();
[Parameter] public EventCallback OnCancel { get; set; }
[Parameter] public EventCallback OnSuccess { get; set; }
private List<string> _selectedRoles = new();
private bool _processing = false;
protected override void OnInitialized()
{
if (Data.UserRoles != null)
{
_selectedRoles = new List<string>(Data.UserRoles);
}
}
private void OnRoleToggled(string role, bool isSelected)
{
if (isSelected)
{
if (!_selectedRoles.Contains(role)) _selectedRoles.Add(role);
}
else
{
_selectedRoles.Remove(role);
}
}
private async Task Submit()
{
if (_selectedRoles.Count == 0)
{
Snackbar.Add("Please select at least one role", Severity.Warning);
return;
}
_processing = true;
try
{
var request = new ChangeRoleRequest
{
UserId = Data.Id ?? string.Empty,
Roles = _selectedRoles
};
var success = await SystemUserService.ChangeRoleAsync(request);
await Task.Delay(500);
if (success)
{
Snackbar.Add("User roles updated successfully", Severity.Success);
await OnSuccess.InvokeAsync();
}
}
finally
{
_processing = false;
}
}
}
@@ -0,0 +1,218 @@
@using Indotalent.Features.Setting.SystemUser
@using Indotalent.Features.Setting.SystemUser.Cqrs
@using MudBlazor
@using Indotalent.Shared.Utils
@inject SystemUserService SystemUserService
@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 User</MudText>
<MudText Typo="Typo.body2" Style="color: #64748b;">Fill in the account details and security settings for the new user.</MudText>
</div>
</div>
</MudPaper>
<MudPaper Elevation="0" Outlined="true" Class="pa-8" Style="border-radius: 4px; border: 1px solid #DCEBFA;">
<MudForm @ref="_form" Model="_model" Validation="@(_validator.ValidateValue())">
<MudGrid Spacing="3">
<MudItem xs="12">
<MudText Typo="Typo.button" Color="Color.Primary" Style="font-weight: 800;">Primary Information</MudText>
<MudDivider Class="mt-2 mb-4" />
</MudItem>
<MudItem xs="12" sm="6">
<MudText Typo="Typo.subtitle2" Class="mb-1">Full Name</MudText>
<MudTextField @bind-Value="_model.FullName"
For="@(() => _model.FullName)"
Variant="Variant.Outlined" Margin="Margin.Dense" FullWidth="true" />
</MudItem>
<MudItem xs="12" sm="6">
<MudText Typo="Typo.subtitle2" Class="mb-1">Email Address (as Username)</MudText>
<MudTextField @bind-Value="_model.Email"
For="@(() => _model.Email)"
TextChanged="OnEmailChanged"
Variant="Variant.Outlined" Margin="Margin.Dense" FullWidth="true" />
</MudItem>
<MudItem xs="12" sm="6">
<MudText Typo="Typo.subtitle2" Class="mb-1">Password</MudText>
<MudTextField @bind-Value="_model.Password"
For="@(() => _model.Password)"
InputType="InputType.Password"
Variant="Variant.Outlined" Margin="Margin.Dense" FullWidth="true" />
</MudItem>
<MudItem xs="12" sm="6">
<MudText Typo="Typo.subtitle2" Class="mb-1">Phone Number</MudText>
<MudTextField @bind-Value="_model.PhoneNumber"
For="@(() => _model.PhoneNumber)"
Variant="Variant.Outlined" Margin="Margin.Dense" FullWidth="true" />
</MudItem>
<MudItem xs="12">
<MudText Typo="Typo.button" Color="Color.Primary" Class="mt-4" Style="font-weight: 800;">SSO Identifiers</MudText>
<MudDivider Class="mt-2 mb-4" />
</MudItem>
<MudItem xs="12" sm="4">
<MudText Typo="Typo.subtitle2" Class="mb-1">Firebase ID</MudText>
<MudTextField @bind-Value="_model.SsoIdFirebase" For="@(() => _model.SsoIdFirebase)" Variant="Variant.Outlined" Margin="Margin.Dense" FullWidth="true" />
</MudItem>
<MudItem xs="12" sm="4">
<MudText Typo="Typo.subtitle2" Class="mb-1">Keycloak ID</MudText>
<MudTextField @bind-Value="_model.SsoIdKeycloak" For="@(() => _model.SsoIdKeycloak)" Variant="Variant.Outlined" Margin="Margin.Dense" FullWidth="true" />
</MudItem>
<MudItem xs="12" sm="4">
<MudText Typo="Typo.subtitle2" Class="mb-1">Azure ID</MudText>
<MudTextField @bind-Value="_model.SsoIdAzure" For="@(() => _model.SsoIdAzure)" Variant="Variant.Outlined" Margin="Margin.Dense" FullWidth="true" />
</MudItem>
<MudItem xs="12" sm="4">
<MudText Typo="Typo.subtitle2" Class="mb-1">AWS ID</MudText>
<MudTextField @bind-Value="_model.SsoIdAws" For="@(() => _model.SsoIdAws)" Variant="Variant.Outlined" Margin="Margin.Dense" FullWidth="true" />
</MudItem>
<MudItem xs="12" sm="4">
<MudText Typo="Typo.subtitle2" Class="mb-1">Other SSO ID 1</MudText>
<MudTextField @bind-Value="_model.SsoIdOther1" For="@(() => _model.SsoIdOther1)" Variant="Variant.Outlined" Margin="Margin.Dense" FullWidth="true" />
</MudItem>
<MudItem xs="12" sm="4">
<MudText Typo="Typo.subtitle2" Class="mb-1">Other SSO ID 2</MudText>
<MudTextField @bind-Value="_model.SsoIdOther2" For="@(() => _model.SsoIdOther2)" Variant="Variant.Outlined" Margin="Margin.Dense" FullWidth="true" />
</MudItem>
<MudItem xs="12" sm="4">
<MudText Typo="Typo.subtitle2" Class="mb-1">Other SSO ID 3</MudText>
<MudTextField @bind-Value="_model.SsoIdOther3" For="@(() => _model.SsoIdOther3)" Variant="Variant.Outlined" Margin="Margin.Dense" FullWidth="true" />
</MudItem>
<MudItem xs="12">
<MudText Typo="Typo.button" Color="Color.Primary" Class="mt-4" Style="font-weight: 800;">Account Settings & Status</MudText>
<MudDivider Class="mt-2 mb-4" />
</MudItem>
<MudItem xs="12" sm="6">
<MudStack Spacing="4">
<div>
<MudSwitch @bind-Value="_model.IsActive" Color="Color.Success" Label="Is Active" />
<MudText Typo="Typo.caption" Class="ml-10 d-block mt-n2" Style="color: #64748b;">General availability of the account in the system.</MudText>
</div>
<div>
<MudSwitch @bind-Value="_model.EmailConfirmed" Color="Color.Info" Label="Email Confirmed" />
<MudText Typo="Typo.caption" Class="ml-10 d-block mt-n2" Style="color: #64748b;">Mark email as verified without requiring user action.</MudText>
</div>
<div>
<MudSwitch @bind-Value="_model.PhoneNumberConfirmed" Color="Color.Info" Label="Phone Confirmed" />
<MudText Typo="Typo.caption" Class="ml-10 d-block mt-n2" Style="color: #64748b;">Mark phone number as verified.</MudText>
</div>
<div>
<MudSwitch @bind-Value="_model.TwoFactorEnabled" Color="Color.Warning" Label="Enable 2FA" />
<MudText Typo="Typo.caption" Class="ml-10 d-block mt-n2" Style="color: #64748b;">Enforce Two-Factor Authentication for this user.</MudText>
</div>
</MudStack>
</MudItem>
<MudItem xs="12" sm="6">
<MudStack Spacing="4">
<div>
<MudSwitch @bind-Value="_model.LockoutEnabled" Color="Color.Error" Label="Lockout Enabled" />
<MudText Typo="Typo.caption" Class="ml-10 d-block mt-n2" Style="color: #64748b;">Allow account to be locked after failed attempts.</MudText>
</div>
<div class="mt-2">
<MudText Typo="Typo.subtitle2" Class="mb-1">Manual Lockout Until</MudText>
<MudDatePicker @bind-Date="_lockoutDate"
Placeholder="Select Date"
Variant="Variant.Outlined"
Margin="Margin.Dense"
Editable="true"
Clearable="true"
MinDate="DateTime.Today" />
<MudText Typo="Typo.caption" Style="color: #64748b;">Set this only if you want to pre-lock this new account.</MudText>
</div>
</MudStack>
</MudItem>
</MudGrid>
<div class="d-flex justify-end gap-2 mt-8">
<MudButton OnClick="() => OnCancel.InvokeAsync()"
Variant="Variant.Outlined"
Disabled="_processing"
Style="border-radius: 4px; text-transform: none; font-weight: 700;border: 1px solid #e0e0e0;">
Cancel
</MudButton>
<MudButton Color="Color.Primary"
Variant="Variant.Filled"
OnClick="Submit"
Disabled="_processing"
Style="border-radius: 4px; text-transform: none; font-weight: 700;">
@if (_processing)
{
<MudProgressCircular Class="ms-n1" Size="Size.Small" Indeterminate="true" />
<MudText Class="ms-2" Typo="Typo.button" Style="text-transform: none !important;">Processing...</MudText>
}
else
{
<MudText>Create User</MudText>
}
</MudButton>
</div>
</MudForm>
</MudPaper>
@code {
[Parameter] public EventCallback OnCancel { get; set; }
[Parameter] public EventCallback OnSuccess { get; set; }
private MudForm _form = default!;
private CreateSystemUserRequest _model = new() { IsActive = true, LockoutEnabled = true };
private CreateSystemUserValidator _validator = new();
private DateTime? _lockoutDate;
private bool _processing = false;
private void OnEmailChanged(string value)
{
_model.Email = value;
_model.UserName = value;
}
private async Task Submit()
{
await _form.Validate();
if (!_form.IsValid) return;
_processing = true;
try
{
if (_lockoutDate.HasValue)
{
_model.LockoutEnd = new DateTimeOffset(_lockoutDate.Value, TimeSpan.Zero);
}
else
{
_model.LockoutEnd = null;
}
var response = await SystemUserService.CreateSystemUserAsync(_model);
await Task.Delay(500);
if (response != null && response.IsSuccess)
{
Snackbar.Add("User created successfully", Severity.Success);
await OnSuccess.InvokeAsync();
}
}
catch (Exception ex)
{
Snackbar.Add($"Error: {ex.Message}", Severity.Error);
}
finally
{
_processing = false;
}
}
}
@@ -0,0 +1,466 @@
@using Indotalent.Features.Setting.SystemUser
@using Indotalent.Features.Setting.SystemUser.Cqrs
@using Indotalent.Infrastructure.Authorization.Identity
@using Microsoft.AspNetCore.Components.Web
@using Microsoft.JSInterop
@using MudBlazor
@using Features.Root.Shared
@using Indotalent.ConfigBackEnd.Extensions
@using Indotalent.Shared.Consts
@using ClosedXML.Excel
@using System.IO
@inject SystemUserService SystemUserService
@inject IDialogService DialogService
@inject ISnackbar Snackbar
@inject IJSRuntime JSRuntime
<MudPaper Elevation="0" Square="true" Class="pa-6 mb-3 d-flex align-center justify-space-between" Style="border: 1px solid #E5E7EB; border-radius: 12px;">
<div>
<MudText Typo="Typo.h5" Style="font-weight: 600; color: #111827;">User Management</MudText>
<MudText Typo="Typo.body2" Style="color: #9CA3AF;">Manage system users, status, and role assignments.</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;">Settings</MudText>
<MudText Typo="Typo.caption" Style="color: #9CA3AF;">/</MudText>
<MudText Typo="Typo.caption" Style="font-weight: 600; color: #111827;">System User</MudText>
</div>
</MudPaper>
<MudPaper Elevation="0" Outlined="true" Style="border-radius: 12px; overflow: hidden; background-color: #ffffff; border: 1px solid #E5E7EB;">
<div style="padding: 20px 24px; border-bottom: 1px solid #E5E7EB; display: flex; justify-content: space-between; align-items: center; background-color: #ffffff; min-height: 80px;">
<div style="display: flex; align-items: center; gap: 8px;">
<MudTextField @bind-Value="_searchString"
Placeholder="Search..."
Adornment="Adornment.Start"
AdornmentIcon="@Icons.Material.Filled.Search"
IconSize="Size.Small"
Class="mt-0"
Variant="Variant.Outlined"
Margin="Margin.Dense"
Style="background-color: white; width: 280px; border-radius: 8px;"
OnKeyDown="@HandleSearchKeyDown" />
<MudButton Variant="Variant.Filled"
Color="Color.Primary"
OnClick="OnSearchClick"
Size="Size.Small"
Style="text-transform: none; font-weight: 500; border-radius: 6px; height: 34px; box-shadow: none;">
Search
</MudButton>
</div>
<div style="display: flex; gap: 8px; align-items: center;">
<MudButton Variant="Variant.Outlined"
Color="Color.Success"
OnClick="ExportToExcel"
Size="Size.Small"
Disabled="_isExporting"
StartIcon="@(_isExporting ? null : Icons.Custom.FileFormats.FileExcel)"
Style="background: white; font-weight: 500; border-radius: 6px; text-transform: none; height: 34px; border: 1px solid #D1D5DB; color: #6B7280;">
@if (_isExporting)
{
<MudProgressCircular Class="ms-n1" Size="Size.Small" Indeterminate="true" />
<MudText Class="ms-2" Typo="Typo.button" Style="text-transform: none !important;">Processing...</MudText>
}
else
{
<MudText Typo="Typo.button" Style="text-transform: none !important;">Excel</MudText>
}
</MudButton>
<MudButton Variant="Variant.Outlined"
Color="Color.Primary"
OnClick="LoadData"
Size="Size.Small"
StartIcon="@(_isRefreshing ? null : Icons.Material.Filled.Refresh)"
Disabled="_isRefreshing"
Style="background: white; font-weight: 500; border-radius: 6px; text-transform: none; height: 34px; border: 1px solid #D1D5DB; color: #6B7280;">
@if (_isRefreshing)
{
<MudProgressCircular Class="ms-n1" Size="Size.Small" Indeterminate="true" />
<MudText Class="ms-2" Typo="Typo.button" Style="text-transform: none !important;">Refreshing...</MudText>
}
else
{
<MudText Typo="Typo.button" Style="text-transform: none !important;">Refresh</MudText>
}
</MudButton>
@if (_selectedUser != null)
{
<MudButton Variant="Variant.Outlined" Color="Color.Default" StartIcon="@Icons.Material.Filled.PhotoCamera" OnClick="InvokeChangeAvatar" Size="Size.Small" Style="background:white; border-radius: 4px; text-transform:none; font-weight:700;border: 1px solid #D1D5DB;">Avatar</MudButton>
<MudButton Variant="Variant.Outlined" Color="Color.Success" StartIcon="@Icons.Material.Filled.Security" OnClick="InvokeManageRoles" Size="Size.Small" Style="background:white; border-radius: 4px; text-transform:none; font-weight:700;border: 1px solid #D1D5DB;">Roles</MudButton>
<MudButton Variant="Variant.Outlined" Color="Color.Warning" StartIcon="@Icons.Material.Filled.VpnKey" OnClick="InvokeChangePassword" Size="Size.Small" Style="background:white; border-radius: 4px; text-transform:none; font-weight:700;border: 1px solid #D1D5DB;">PW</MudButton>
<MudButton Variant="Variant.Outlined" Color="Color.Info" StartIcon="@Icons.Material.Filled.Visibility" OnClick="InvokeView" Size="Size.Small" Style="background:white; border-radius: 4px; text-transform:none; font-weight:700;border: 1px solid #D1D5DB;">View</MudButton>
<MudButton Variant="Variant.Outlined" Color="Color.Primary" StartIcon="@Icons.Material.Filled.Edit" OnClick="InvokeEdit" Size="Size.Small" Style="background:white; border-radius: 4px; text-transform:none; font-weight:700;border: 1px solid #D1D5DB;">Edit</MudButton>
<MudIconButton
Variant="Variant.Filled"
Color="Color.Error"
Icon="@Icons.Material.Filled.Delete"
OnClick="OnDelete"
Size="Size.Small"
Style="border-radius:4px;"
Title="Remove" />
<MudIconButton Icon="@Icons.Material.Filled.Close" Size="Size.Small" OnClick="() => _selectedUser = 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 User
</MudButton>
}
</div>
</div>
<MudTable Items="@GetPagedData()" Striped="true" Class="mud-table-styled" Hover="true" Elevation="0" CustomHeader="true" Dense="true" T="GetSystemUserListResponse" OnRowClick="@((args) => _selectedUser = args.Item)" Loading="@_isRefreshing">
<HeaderContent>
<MudTh Style="width: 50px; background-color: #ffffff; border-bottom: 1px solid #E5E7EB;"></MudTh>
<MudTh Style="font-weight: 600; color: #6B7280; text-transform: uppercase; font-size: 0.6875rem; letter-spacing: 0.05em; background-color: #F9FAFB; border-bottom: 1px solid #E5E7EB;">
<MudTableSortLabel SortBy="new Func<GetSystemUserListResponse, object>(x => x.FullName!)">Full 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;">
<MudTableSortLabel SortBy="new Func<GetSystemUserListResponse, object>(x => x.Email!)">Email</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;">Roles</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<GetSystemUserListResponse, object>(x => x.IsActive)">Status</MudTableSortLabel>
</MudTh>
</HeaderContent>
<RowTemplate>
<MudTd>
<MudCheckBox T="bool" Value="@(_selectedUser?.Id == context.Id)" Color="Color.Primary" Dense="true" Size="Size.Small" ReadOnly="true" />
</MudTd>
<MudTd>
<div class="d-flex align-center gap-2">
<MudAvatar Color="Color.Primary" Variant="Variant.Filled" Size="Size.Small" Style="border-radius: 50%; font-size: 10px; font-weight: 800;">
@context.FullName.ToInitial()
</MudAvatar>
<MudText Typo="Typo.body2" Style="font-weight: 600; color: #374151;">@context.FullName</MudText>
</div>
</MudTd>
<MudTd Style="padding-top: 0.75rem; padding-bottom: 0.75rem; color: #374151; font-size: 0.875rem;">@context.Email</MudTd>
<MudTd>
<div class="d-flex flex-wrap gap-x-4 gap-y-1">
@foreach (var roleName in ApplicationRoles.AllRoles)
{
<MudStack Row="true" AlignItems="AlignItems.Center" Spacing="1">
<MudCheckBox T="bool"
Value="@context.UserRoles.Contains(roleName)"
ReadOnly="true"
Dense="true"
Size="Size.Small"
Color="Color.Primary" />
<MudText Typo="Typo.caption" Style="font-size: 11px; font-weight: 600;">@roleName</MudText>
</MudStack>
}
</div>
</MudTd>
<MudTd Style="padding-top: 0.75rem; padding-bottom: 0.75rem; color: #374151; font-size: 0.875rem;">
@if (context.IsActive)
{
<MudChip T="string" Size="Size.Small" Color="Color.Success" Variant="Variant.Text" Style="font-weight: 600; ">Active</MudChip>
}
else
{
<MudChip T="string" Size="Size.Small" Color="Color.Error" Variant="Variant.Text" Style="font-weight: 600; ">Inactive</MudChip>
}
</MudTd>
</RowTemplate>
</MudTable>
<div style="display: flex; justify-content: space-between; align-items: center; padding: 12px 24px; background-color: #F9FAFB; border-top: 1px solid #E5E7EB;">
<div style="display: flex; align-items: center; gap: 12px;">
<MudText Typo="Typo.caption" Style="font-weight: 500; color: #9CA3AF; font-size: 0.75rem;">Rows per page:</MudText>
<MudSelect T="int"
Value="@_top"
ValueChanged="OnPageSizeChanged"
Dense="true"
Margin="Margin.Dense"
Style="width: 80px; background-color: white; font-size: 12px; font-weight: 600;"
Variant="Variant.Outlined"
Class="mt-0 custom-select-dense">
<MudSelectItem Value="5" />
<MudSelectItem Value="10" />
<MudSelectItem Value="50" />
<MudSelectItem Value="500" />
<MudSelectItem Value="1000" />
</MudSelect>
<MudText Typo="Typo.caption" Style="color: #9CA3AF; margin-left: 12px; font-size: 0.75rem; font-weight: 500;">
Showing @(GetFilteredData().Count() == 0 ? 0 : _skip + 1)-@Math.Min(_skip + _top, GetFilteredData().Count()) of @GetFilteredData().Count()
</MudText>
</div>
<div style="display: flex; gap: 8px; align-items: center;">
<MudIconButton Icon="@Icons.Material.Filled.FirstPage" Size="Size.Small" OnClick="@(() => OnPageChanged(1))" Disabled="@(_currentPage == 1)" Style="@(_currentPage == 1 ? "color: #D1D5DB; background: transparent;" : "color: #6B7280; background: white; border: 1px solid #D1D5DB; border-radius: 6px;")" />
<MudButton OnClick="@(() => OnPageChanged(_currentPage - 1))" Disabled="@(_currentPage == 1)" Variant="Variant.Text" StartIcon="@Icons.Material.Filled.ChevronLeft" Size="Size.Small" Style="@(_currentPage == 1 ? "text-transform: none; font-weight: 500; color: #D1D5DB;" : "text-transform: none; font-weight: 500; color: #374151; border: 1px solid #D1D5DB; border-radius: 6px; background: white;")">Prev</MudButton>
@{
var totalPages = _totalPage == 0 ? 1 : _totalPage;
var maxVisible = 5;
var startPage = Math.Max(1, _currentPage - maxVisible / 2);
var endPage = Math.Min(totalPages, startPage + maxVisible - 1);
if (endPage - startPage < maxVisible - 1) { startPage = Math.Max(1, endPage - maxVisible + 1); }
}
@for (int i = startPage; i <= endPage; i++)
{
var pageNum = i;
var isActive = pageNum == _currentPage;
<MudButton OnClick="@(() => OnPageChanged(pageNum))"
Variant="Variant.Text" Size="Size.Small"
Style="@(isActive ? "min-width: 34px; padding: 4px 8px; font-size: 0.75rem; font-weight: 600; background: #3B82F6; color: white; border: 1px solid #3B82F6; border-radius: 6px; text-transform: none;" : "min-width: 34px; padding: 4px 8px; font-size: 0.75rem; font-weight: 500; color: #374151; background: white; border: 1px solid #D1D5DB; border-radius: 6px; text-transform: none;")">@pageNum</MudButton>
}
<MudButton OnClick="@(() => OnPageChanged(_currentPage + 1))" Disabled="@(_currentPage == _totalPage || _totalPage == 0)" Variant="Variant.Text" EndIcon="@Icons.Material.Filled.ChevronRight" Size="Size.Small" Style="@(_currentPage == _totalPage || _totalPage == 0 ? "text-transform: none; font-weight: 500; color: #D1D5DB;" : "text-transform: none; font-weight: 500; color: #374151; border: 1px solid #D1D5DB; border-radius: 6px; background: white;")">Next</MudButton>
<MudIconButton Icon="@Icons.Material.Filled.LastPage" Size="Size.Small" OnClick="@(() => OnPageChanged(_totalPage))" Disabled="@(_currentPage == _totalPage || _totalPage == 0)" Style="@(_currentPage == _totalPage || _totalPage == 0 ? "color: #D1D5DB; background: transparent;" : "background-color: white; border: 1px solid #D1D5DB; color: #6B7280;")" />
</div>
</div>
</MudPaper>
<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<UpdateSystemUserRequest> OnEdit { get; set; }
[Parameter] public EventCallback<UpdateSystemUserRequest> OnView { get; set; }
[Parameter] public EventCallback<UpdateSystemUserRequest> OnChangePassword { get; set; }
[Parameter] public EventCallback<UpdateSystemUserRequest> OnManageRoles { get; set; }
[Parameter] public EventCallback<UpdateSystemUserRequest> OnChangeAvatar { get; set; }
private List<GetSystemUserListResponse> _users = new();
private GetSystemUserListResponse? _selectedUser;
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;
_selectedUser = null;
StateHasChanged();
try
{
var response = await SystemUserService.GetSystemUserListAsync();
await Task.Delay(500);
if (response != null && response.IsSuccess)
{
_users = response.Value ?? new List<GetSystemUserListResponse>();
}
}
finally
{
_isRefreshing = false;
StateHasChanged();
}
}
private IEnumerable<GetSystemUserListResponse> GetFilteredData()
{
if (string.IsNullOrWhiteSpace(_searchString)) return _users;
return _users.Where(x =>
(x.FullName?.Contains(_searchString, StringComparison.OrdinalIgnoreCase) ?? false) ||
(x.Email?.Contains(_searchString, StringComparison.OrdinalIgnoreCase) ?? false)
);
}
private IEnumerable<GetSystemUserListResponse> GetPagedData() => GetFilteredData().Skip(_skip).Take(_top);
private void OnSearchClick()
{
_skip = 0;
_selectedUser = 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("SystemUsers");
var currentRow = 1;
worksheet.Cell(currentRow, 1).Value = "Full Name";
worksheet.Cell(currentRow, 2).Value = "Email";
worksheet.Cell(currentRow, 3).Value = "Roles";
worksheet.Cell(currentRow, 4).Value = "Status";
var headerRange = worksheet.Range(1, 1, 1, 4);
headerRange.Style.Font.Bold = true;
headerRange.Style.Fill.BackgroundColor = XLColor.FromHtml("#0D47A1");
headerRange.Style.Font.FontColor = XLColor.White;
foreach (var item in GetFilteredData())
{
currentRow++;
worksheet.Cell(currentRow, 1).Value = item.FullName;
worksheet.Cell(currentRow, 2).Value = item.Email;
worksheet.Cell(currentRow, 3).Value = string.Join(", ", item.UserRoles);
worksheet.Cell(currentRow, 4).Value = item.IsActive ? "Active" : "Inactive";
}
worksheet.Columns().AdjustToContents();
using (var stream = new MemoryStream())
{
workbook.SaveAs(stream);
var content = Convert.ToBase64String(stream.ToArray());
await JSRuntime.InvokeVoidAsync("downloadFile", "System_Users_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;
_selectedUser = null;
StateHasChanged();
}
}
private void OnPageSizeChanged(int size)
{
_top = size;
_skip = 0;
_selectedUser = null;
StateHasChanged();
}
private async Task InvokeChangeAvatar()
{
if (_selectedUser == null) return;
var request = await MapToUpdateRequest(_selectedUser.Id);
if (request != null) await OnChangeAvatar.InvokeAsync(request);
}
private async Task InvokeManageRoles()
{
if (_selectedUser == null) return;
var request = await MapToUpdateRequest(_selectedUser.Id);
if (request != null) await OnManageRoles.InvokeAsync(request);
}
private async Task InvokeChangePassword()
{
if (_selectedUser == null) return;
var request = await MapToUpdateRequest(_selectedUser.Id);
if (request != null) await OnChangePassword.InvokeAsync(request);
}
private async Task InvokeEdit()
{
if (_selectedUser == null) return;
var request = await MapToUpdateRequest(_selectedUser.Id);
if (request != null) await OnEdit.InvokeAsync(request);
}
private async Task InvokeView()
{
if (_selectedUser == null) return;
var request = await MapToUpdateRequest(_selectedUser.Id);
if (request != null) await OnView.InvokeAsync(request);
}
private async Task<UpdateSystemUserRequest?> MapToUpdateRequest(string id)
{
var response = await SystemUserService.GetSystemUserByIdAsync(id);
if (response != null && response.IsSuccess && response.Value != null)
{
var detail = response.Value;
return new UpdateSystemUserRequest
{
Id = detail.Id,
UserName = detail.UserName,
FullName = detail.FullName,
Email = detail.Email,
PhoneNumber = detail.PhoneNumber,
EmailConfirmed = detail.EmailConfirmed,
PhoneNumberConfirmed = detail.PhoneNumberConfirmed,
TwoFactorEnabled = detail.TwoFactorEnabled,
IsActive = detail.IsActive,
LockoutEnabled = detail.LockoutEnabled,
LockoutEnd = detail.LockoutEnd,
SsoIdFirebase = detail.SsoIdFirebase,
SsoIdKeycloak = detail.SsoIdKeycloak,
SsoIdAzure = detail.SsoIdAzure,
SsoIdAws = detail.SsoIdAws,
SsoIdOther1 = detail.SsoIdOther1,
SsoIdOther2 = detail.SsoIdOther2,
SsoIdOther3 = detail.SsoIdOther3,
CreatedAt = detail.CreatedAt,
LastLoginAt = detail.LastLoginAt,
UpdatedAt = detail.UpdatedAt,
AvatarFile = detail.AvatarFile,
UserRoles = detail.UserRoles ?? new List<string>()
};
}
return null;
}
private async Task OnDelete()
{
if (_selectedUser == null) return;
var parameters = new DialogParameters<_DeleteConfirmation> { { x => x.ContentText, _selectedUser.FullName } };
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 SystemUserService.DeleteSystemUserByIdAsync(_selectedUser.Id);
if (isSuccess)
{
_selectedUser = null;
await LoadData();
Snackbar.Add("User deleted successfully", Severity.Success);
}
}
}
}
@@ -0,0 +1,273 @@
@using Indotalent.ConfigBackEnd.Extensions
@using Indotalent.Features.Setting.SystemUser
@using Indotalent.Features.Setting.SystemUser.Cqrs
@using MudBlazor
@using Indotalent.Shared.Utils
@inject SystemUserService SystemUserService
@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 ? "User Details" : "Edit User")</MudText>
<MudText Typo="Typo.body2" Style="color: #64748b;">@(ReadOnly ? "View complete user account information." : "Update account details and security settings.")</MudText>
</div>
</div>
</MudPaper>
<MudPaper Elevation="0" Outlined="true" Class="pa-8" Style="border-radius: 4px; border: 1px solid #DCEBFA;">
<MudForm @ref="_form" Model="_model" Validation="@(_validator.ValidateValue())">
<MudGrid Spacing="3">
<MudItem xs="12">
<MudText Typo="Typo.button" Color="Color.Primary" Style="font-weight: 800;">Primary Information</MudText>
<MudDivider Class="mt-2 mb-4" />
</MudItem>
<MudItem xs="12" sm="6">
<MudText Typo="Typo.subtitle2" Class="mb-1">Full Name</MudText>
<MudTextField @bind-Value="_model.FullName"
For="@(() => _model.FullName)"
ReadOnly="ReadOnly"
Variant="Variant.Outlined" Margin="Margin.Dense" FullWidth="true" />
</MudItem>
<MudItem xs="12" sm="6">
<MudText Typo="Typo.subtitle2" Class="mb-1">Email Address & Username</MudText>
<MudTextField Value="_model.Email"
ReadOnly="true"
Variant="Variant.Outlined"
Margin="Margin.Dense"
FullWidth="true"
Style="background-color: #f5f5f5; color: #757575;" />
<MudText Typo="Typo.caption" Style="color: #64748b;" Class="mt-1 d-block">
Email and Username cannot be changed. Username is linked to the email address.
</MudText>
</MudItem>
<MudItem xs="12" sm="6">
<MudText Typo="Typo.subtitle2" Class="mb-1">Phone Number</MudText>
<MudTextField @bind-Value="_model.PhoneNumber"
For="@(() => _model.PhoneNumber)"
ReadOnly="ReadOnly"
Variant="Variant.Outlined" Margin="Margin.Dense" FullWidth="true" />
</MudItem>
<MudItem xs="12">
<MudText Typo="Typo.button" Color="Color.Primary" Class="mt-4" Style="font-weight: 800;">SSO Identifiers</MudText>
<MudDivider Class="mt-2 mb-4" />
</MudItem>
<MudItem xs="12" sm="4">
<MudText Typo="Typo.subtitle2" Class="mb-1">Firebase ID</MudText>
<MudTextField @bind-Value="_model.SsoIdFirebase" For="@(() => _model.SsoIdFirebase)" ReadOnly="ReadOnly" Variant="Variant.Outlined" Margin="Margin.Dense" FullWidth="true" />
</MudItem>
<MudItem xs="12" sm="4">
<MudText Typo="Typo.subtitle2" Class="mb-1">Keycloak ID</MudText>
<MudTextField @bind-Value="_model.SsoIdKeycloak" For="@(() => _model.SsoIdKeycloak)" ReadOnly="ReadOnly" Variant="Variant.Outlined" Margin="Margin.Dense" FullWidth="true" />
</MudItem>
<MudItem xs="12" sm="4">
<MudText Typo="Typo.subtitle2" Class="mb-1">Azure ID</MudText>
<MudTextField @bind-Value="_model.SsoIdAzure" For="@(() => _model.SsoIdAzure)" ReadOnly="ReadOnly" Variant="Variant.Outlined" Margin="Margin.Dense" FullWidth="true" />
</MudItem>
<MudItem xs="12" sm="4">
<MudText Typo="Typo.subtitle2" Class="mb-1">AWS ID</MudText>
<MudTextField @bind-Value="_model.SsoIdAws" For="@(() => _model.SsoIdAws)" ReadOnly="ReadOnly" Variant="Variant.Outlined" Margin="Margin.Dense" FullWidth="true" />
</MudItem>
<MudItem xs="12" sm="4">
<MudText Typo="Typo.subtitle2" Class="mb-1">Other SSO ID 1</MudText>
<MudTextField @bind-Value="_model.SsoIdOther1" For="@(() => _model.SsoIdOther1)" ReadOnly="ReadOnly" Variant="Variant.Outlined" Margin="Margin.Dense" FullWidth="true" />
</MudItem>
<MudItem xs="12" sm="4">
<MudText Typo="Typo.subtitle2" Class="mb-1">Other SSO ID 2</MudText>
<MudTextField @bind-Value="_model.SsoIdOther2" For="@(() => _model.SsoIdOther2)" ReadOnly="ReadOnly" Variant="Variant.Outlined" Margin="Margin.Dense" FullWidth="true" />
</MudItem>
<MudItem xs="12" sm="4">
<MudText Typo="Typo.subtitle2" Class="mb-1">Other SSO ID 3</MudText>
<MudTextField @bind-Value="_model.SsoIdOther3" For="@(() => _model.SsoIdOther3)" ReadOnly="ReadOnly" Variant="Variant.Outlined" Margin="Margin.Dense" FullWidth="true" />
</MudItem>
<MudItem xs="12">
<MudText Typo="Typo.button" Color="Color.Primary" Class="mt-4" Style="font-weight: 800;">Account Settings & Status</MudText>
<MudDivider Class="mt-2 mb-4" />
</MudItem>
<MudItem xs="12" sm="6">
<MudStack Spacing="4">
<div>
<MudSwitch @bind-Value="_model.IsActive" Color="Color.Success" Label="Is Active" ReadOnly="ReadOnly" />
<MudText Typo="Typo.caption" Class="ml-10 d-block mt-n2" Style="color: #64748b;">General availability of the account in the system.</MudText>
</div>
<div>
<MudSwitch @bind-Value="_model.EmailConfirmed" Color="Color.Info" Label="Email Confirmed" ReadOnly="ReadOnly" />
<MudText Typo="Typo.caption" Class="ml-10 d-block mt-n2" Style="color: #64748b;">Current status of email verification.</MudText>
</div>
<div>
<MudSwitch @bind-Value="_model.PhoneNumberConfirmed" Color="Color.Info" Label="Phone Confirmed" ReadOnly="ReadOnly" />
<MudText Typo="Typo.caption" Class="ml-10 d-block mt-n2" Style="color: #64748b;">Current status of phone number verification.</MudText>
</div>
<div>
<MudSwitch @bind-Value="_model.TwoFactorEnabled" Color="Color.Warning" Label="Enable 2FA" ReadOnly="ReadOnly" />
<MudText Typo="Typo.caption" Class="ml-10 d-block mt-n2" Style="color: #64748b;">Requirement for Two-Factor Authentication.</MudText>
</div>
</MudStack>
</MudItem>
<MudItem xs="12" sm="6">
<MudStack Spacing="4">
<div>
<MudSwitch @bind-Value="_model.LockoutEnabled" Color="Color.Error" Label="Lockout Enabled" ReadOnly="ReadOnly" />
<MudText Typo="Typo.caption" Class="ml-10 d-block mt-n2" Style="color: #64748b;">Allow account to be locked after failed attempts.</MudText>
</div>
<div class="mt-2">
<MudText Typo="Typo.subtitle2" Class="mb-1">Lockout Until</MudText>
<MudDatePicker @bind-Date="_lockoutDate"
Placeholder="@(ReadOnly ? "No Lockout" : "Select Date")"
Variant="Variant.Outlined"
Margin="Margin.Dense"
Editable="!ReadOnly"
Clearable="!ReadOnly"
ReadOnly="ReadOnly"
MinDate="DateTime.Today" />
<MudText Typo="Typo.caption" Style="color: #64748b;">Current account lockout expiration date.</MudText>
</div>
</MudStack>
</MudItem>
<MudItem xs="12">
<MudText Typo="Typo.button" Color="Color.Primary" Class="mt-4" Style="font-weight: 800;">Audit History</MudText>
<MudDivider Class="mt-2 mb-4" />
</MudItem>
<MudItem xs="12" sm="4">
<MudText Typo="Typo.subtitle2" Class="mb-1">Created At</MudText>
<MudText Typo="Typo.body2" Style="color: #1a1a1a; font-weight: 600;">@DateTimeExtensions.ToString(_model.CreatedAt)</MudText>
</MudItem>
<MudItem xs="12" sm="4">
<MudText Typo="Typo.subtitle2" Class="mb-1">Last Login At</MudText>
<MudText Typo="Typo.body2" Style="color: #1a1a1a; font-weight: 600;">@DateTimeExtensions.ToString(_model.LastLoginAt)</MudText>
</MudItem>
<MudItem xs="12" sm="4">
<MudText Typo="Typo.subtitle2" Class="mb-1">Last Updated At</MudText>
<MudText Typo="Typo.body2" Style="color: #1a1a1a; font-weight: 600;">@DateTimeExtensions.ToString(_model.UpdatedAt)</MudText>
</MudItem>
</MudGrid>
<div class="d-flex justify-end gap-2 mt-8">
<MudButton OnClick="() => OnCancel.InvokeAsync()"
Variant="Variant.Outlined"
Disabled="_processing"
Style="border-radius: 4px; text-transform: none; font-weight: 700;border: 1px solid #e0e0e0;">
@(ReadOnly ? "Back to List" : "Cancel")
</MudButton>
@if (!ReadOnly)
{
<MudButton Color="Color.Primary"
Variant="Variant.Filled"
OnClick="Submit"
Disabled="_processing"
Style="border-radius: 4px; text-transform: none; font-weight: 700;">
@if (_processing)
{
<MudProgressCircular Class="ms-n1" Size="Size.Small" Indeterminate="true" />
<MudText Class="ms-2" Typo="Typo.button" Style="text-transform: none !important;">Processing...</MudText>
}
else
{
<MudText>Save Changes</MudText>
}
</MudButton>
}
</div>
</MudForm>
</MudPaper>
@code {
[Parameter] public UpdateSystemUserRequest 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 UpdateSystemUserRequest _model = new();
private UpdateSystemUserValidator _validator = new();
private DateTime? _lockoutDate;
private bool _processing = false;
protected override void OnInitialized()
{
_model = new UpdateSystemUserRequest
{
Id = Data.Id,
UserName = Data.UserName,
FullName = Data.FullName,
Email = Data.Email,
PhoneNumber = Data.PhoneNumber,
EmailConfirmed = Data.EmailConfirmed,
PhoneNumberConfirmed = Data.PhoneNumberConfirmed,
TwoFactorEnabled = Data.TwoFactorEnabled,
IsActive = Data.IsActive,
LockoutEnabled = Data.LockoutEnabled,
LockoutEnd = Data.LockoutEnd,
SsoIdFirebase = Data.SsoIdFirebase,
SsoIdKeycloak = Data.SsoIdKeycloak,
SsoIdAzure = Data.SsoIdAzure,
SsoIdAws = Data.SsoIdAws,
SsoIdOther1 = Data.SsoIdOther1,
SsoIdOther2 = Data.SsoIdOther2,
SsoIdOther3 = Data.SsoIdOther3,
CreatedAt = Data.CreatedAt,
LastLoginAt = Data.LastLoginAt,
UpdatedAt = Data.UpdatedAt
};
if (_model.LockoutEnd.HasValue)
{
_lockoutDate = _model.LockoutEnd.Value.DateTime;
}
}
private async Task Submit()
{
if (ReadOnly) return;
await _form.Validate();
if (!_form.IsValid) return;
_processing = true;
try
{
if (_lockoutDate.HasValue)
{
_model.LockoutEnd = new DateTimeOffset(_lockoutDate.Value, TimeSpan.Zero);
}
else
{
_model.LockoutEnd = null;
}
var response = await SystemUserService.UpdateSystemUserAsync(_model);
await Task.Delay(500);
if (response != null && response.IsSuccess)
{
Snackbar.Add("User updated successfully", Severity.Success);
await OnSuccess.InvokeAsync();
}
}
catch (Exception ex)
{
Snackbar.Add($"Error: {ex.Message}", Severity.Error);
}
finally
{
_processing = false;
}
}
}
@@ -0,0 +1,64 @@
using Indotalent.Data.Entities;
using MediatR;
using Microsoft.AspNetCore.Identity;
using Microsoft.AspNetCore.WebUtilities;
using System.Text;
namespace Indotalent.Features.Setting.SystemUser.Cqrs;
public class AdminForgotPasswordResponse
{
public bool IsSuccess { get; set; }
public string Message { get; set; } = string.Empty;
}
public record AdminForgotPasswordCommand(string UserId) : IRequest<AdminForgotPasswordResponse>;
public class AdminForgotPasswordHandler : IRequestHandler<AdminForgotPasswordCommand, AdminForgotPasswordResponse>
{
private readonly UserManager<ApplicationUser> _userManager;
private readonly IEmailSender<ApplicationUser> _emailSender;
private readonly IHttpContextAccessor _httpContextAccessor;
public AdminForgotPasswordHandler(
UserManager<ApplicationUser> userManager,
IEmailSender<ApplicationUser> emailSender,
IHttpContextAccessor httpContextAccessor)
{
_userManager = userManager;
_emailSender = emailSender;
_httpContextAccessor = httpContextAccessor;
}
public async Task<AdminForgotPasswordResponse> Handle(AdminForgotPasswordCommand request, CancellationToken cancellationToken)
{
var user = await _userManager.FindByIdAsync(request.UserId);
if (user == null) return new AdminForgotPasswordResponse { IsSuccess = false, Message = "User not found" };
var code = await _userManager.GeneratePasswordResetTokenAsync(user);
code = WebEncoders.Base64UrlEncode(Encoding.UTF8.GetBytes(code));
var requestHttp = _httpContextAccessor.HttpContext?.Request;
var scheme = requestHttp?.Scheme ?? "https";
var host = requestHttp?.Host.Value ?? "localhost:8080";
var callbackUrl = $"{scheme}://{host}/account/reset-password?userId={user.Id}&code={code}";
var message = $@"
<div style=""font-family: Arial, sans-serif;"">
<h3>System Administrator Password Reset</h3>
<p>Hello, {user.FullName}!</p>
<p>An administrator has initiated a password reset for your account. Please click the link below to set your new password:</p>
<p><a href=""{callbackUrl}"" style=""color: #2196F3; font-weight: bold;"">Reset My Password</a></p>
<br/>
<p style=""font-size: 0.8em; color: #666;"">If you believe this is an error, please contact your IT support.</p>
</div>";
await _emailSender.SendPasswordResetLinkAsync(user, user.Email!, message);
return new AdminForgotPasswordResponse
{
IsSuccess = true,
Message = "Reset link sent successfully"
};
}
}
@@ -0,0 +1,63 @@
using Indotalent.Data.Entities;
using Indotalent.Infrastructure.File;
using MediatR;
using Microsoft.AspNetCore.Identity;
namespace Indotalent.Features.Setting.SystemUser.Cqrs;
public class ChangeAvatarResponse
{
public bool IsSuccess { get; set; }
public string Message { get; set; } = string.Empty;
}
public class ChangeAvatarRequest
{
public string UserId { get; set; } = string.Empty;
public byte[] FileData { get; set; } = Array.Empty<byte>();
public string FileName { get; set; } = string.Empty;
}
public record ChangeAvatarCommand(ChangeAvatarRequest Data) : IRequest<ChangeAvatarResponse>;
public class ChangeAvatarHandler : IRequestHandler<ChangeAvatarCommand, ChangeAvatarResponse>
{
private readonly UserManager<ApplicationUser> _userManager;
private readonly FileStorageService _fileStorage;
public ChangeAvatarHandler(UserManager<ApplicationUser> userManager, FileStorageService fileStorage)
{
_userManager = userManager;
_fileStorage = fileStorage;
}
public async Task<ChangeAvatarResponse> Handle(ChangeAvatarCommand request, CancellationToken cancellationToken)
{
var user = await _userManager.FindByIdAsync(request.Data.UserId);
if (user == null) return new ChangeAvatarResponse { IsSuccess = false, Message = "User not found" };
try
{
var extension = Path.GetExtension(request.Data.FileName);
_fileStorage.DeleteOldAvatar(user.AvatarFile);
var newFileName = await _fileStorage.SaveAvatarAsync(user.Id, request.Data.FileData, extension);
user.AvatarFile = newFileName;
user.UpdatedAt = DateTime.Now;
var result = await _userManager.UpdateAsync(user);
return new ChangeAvatarResponse
{
IsSuccess = result.Succeeded,
Message = result.Succeeded ? "Avatar updated successfully" : "Failed to update database"
};
}
catch (Exception ex)
{
return new ChangeAvatarResponse { IsSuccess = false, Message = ex.Message };
}
}
}
@@ -0,0 +1,52 @@
using Indotalent.Data.Entities;
using MediatR;
using Microsoft.AspNetCore.Identity;
namespace Indotalent.Features.Setting.SystemUser.Cqrs;
public class ChangePasswordRequest
{
public string UserId { get; set; } = string.Empty;
public string NewPassword { get; set; } = string.Empty;
public string ConfirmPassword { get; set; } = string.Empty;
}
public class ChangePasswordResponse
{
public bool IsSuccess { get; set; }
public string Message { get; set; } = string.Empty;
}
public record ChangePasswordCommand(ChangePasswordRequest Data) : IRequest<ChangePasswordResponse>;
public class ChangePasswordHandler : IRequestHandler<ChangePasswordCommand, ChangePasswordResponse>
{
private readonly UserManager<ApplicationUser> _userManager;
public ChangePasswordHandler(UserManager<ApplicationUser> userManager)
{
_userManager = userManager;
}
public async Task<ChangePasswordResponse> Handle(ChangePasswordCommand request, CancellationToken cancellationToken)
{
var user = await _userManager.FindByIdAsync(request.Data.UserId);
if (user == null) return new ChangePasswordResponse { IsSuccess = false, Message = "User not found" };
var token = await _userManager.GeneratePasswordResetTokenAsync(user);
var result = await _userManager.ResetPasswordAsync(user, token, request.Data.NewPassword);
if (result.Succeeded)
{
return new ChangePasswordResponse { IsSuccess = true, Message = "Password has been changed successfully" };
}
return new ChangePasswordResponse
{
IsSuccess = false,
Message = string.Join(", ", result.Errors.Select(e => e.Description))
};
}
}
@@ -0,0 +1,16 @@
using FluentValidation;
namespace Indotalent.Features.Setting.SystemUser.Cqrs;
public class ChangePasswordValidator : AbstractValidator<ChangePasswordRequest>
{
public ChangePasswordValidator()
{
RuleFor(x => x.UserId).NotEmpty();
RuleFor(x => x.NewPassword)
.NotEmpty().WithMessage("New password is required")
.MinimumLength(6).WithMessage("Password must be at least 6 characters");
RuleFor(x => x.ConfirmPassword)
.Equal(x => x.NewPassword).WithMessage("Passwords do not match");
}
}
@@ -0,0 +1,47 @@
using Indotalent.Data.Entities;
using MediatR;
using Microsoft.AspNetCore.Identity;
namespace Indotalent.Features.Setting.SystemUser.Cqrs;
public class ChangeRoleResponse
{
public bool IsSuccess { get; set; }
public string Message { get; set; } = string.Empty;
}
public class ChangeRoleRequest
{
public string UserId { get; set; } = string.Empty;
public List<string> Roles { get; set; } = new();
}
public record ChangeRoleCommand(ChangeRoleRequest Data) : IRequest<ChangeRoleResponse>;
public class ChangeRoleHandler : IRequestHandler<ChangeRoleCommand, ChangeRoleResponse>
{
private readonly UserManager<ApplicationUser> _userManager;
public ChangeRoleHandler(UserManager<ApplicationUser> userManager)
{
_userManager = userManager;
}
public async Task<ChangeRoleResponse> Handle(ChangeRoleCommand request, CancellationToken cancellationToken)
{
var user = await _userManager.FindByIdAsync(request.Data.UserId);
if (user == null) return new ChangeRoleResponse { IsSuccess = false, Message = "User not found" };
var currentRoles = await _userManager.GetRolesAsync(user);
var removeResult = await _userManager.RemoveFromRolesAsync(user, currentRoles);
if (!removeResult.Succeeded) return new ChangeRoleResponse { IsSuccess = false, Message = "Remove role fail" };
var addResult = await _userManager.AddToRolesAsync(user, request.Data.Roles);
return new ChangeRoleResponse
{
IsSuccess = true,
Message = "Roles updated successfully"
};
}
}
@@ -0,0 +1,86 @@
using Indotalent.Data.Entities;
using Indotalent.Infrastructure.Authorization.Identity;
using MediatR;
using Microsoft.AspNetCore.Identity;
namespace Indotalent.Features.Setting.SystemUser.Cqrs;
public class CreateSystemUserRequest
{
public string? FullName { get; set; }
public string? Email { get; set; }
public string? Password { get; set; }
public string? PhoneNumber { get; set; }
public string? UserName { get; set; }
public bool EmailConfirmed { get; set; }
public bool PhoneNumberConfirmed { get; set; }
public bool TwoFactorEnabled { get; set; }
public bool IsActive { get; set; }
public bool LockoutEnabled { get; set; }
public DateTimeOffset? LockoutEnd { get; set; }
public string? SsoIdFirebase { get; set; }
public string? SsoIdKeycloak { get; set; }
public string? SsoIdAzure { get; set; }
public string? SsoIdAws { get; set; }
public string? SsoIdOther1 { get; set; }
public string? SsoIdOther2 { get; set; }
public string? SsoIdOther3 { get; set; }
}
public class CreateSystemUserResponse
{
public string? Id { get; set; }
public string? Email { get; set; }
}
public record CreateSystemUserCommand(CreateSystemUserRequest Data) : IRequest<CreateSystemUserResponse>;
public class CreateSystemUserHandler : IRequestHandler<CreateSystemUserCommand, CreateSystemUserResponse>
{
private readonly UserManager<ApplicationUser> _userManager;
public CreateSystemUserHandler(UserManager<ApplicationUser> userManager) => _userManager = userManager;
public async Task<CreateSystemUserResponse> Handle(CreateSystemUserCommand request, CancellationToken cancellationToken)
{
var user = new ApplicationUser
{
FullName = request.Data.FullName,
Email = request.Data.Email,
UserName = request.Data.Email,
PhoneNumber = request.Data.PhoneNumber,
EmailConfirmed = request.Data.EmailConfirmed,
PhoneNumberConfirmed = request.Data.PhoneNumberConfirmed,
TwoFactorEnabled = request.Data.TwoFactorEnabled,
IsActive = request.Data.IsActive,
LockoutEnabled = request.Data.LockoutEnabled,
LockoutEnd = request.Data.LockoutEnd,
SsoIdFirebase = request.Data.SsoIdFirebase,
SsoIdKeycloak = request.Data.SsoIdKeycloak,
SsoIdAzure = request.Data.SsoIdAzure,
SsoIdAws = request.Data.SsoIdAws,
SsoIdOther1 = request.Data.SsoIdOther1,
SsoIdOther2 = request.Data.SsoIdOther2,
SsoIdOther3 = request.Data.SsoIdOther3,
CreatedAt = DateTime.Now
};
var result = await _userManager.CreateAsync(user, request.Data.Password ?? "123456");
if (!result.Succeeded)
{
var errors = string.Join(", ", result.Errors.Select(e => e.Description));
throw new Exception(errors);
}
var rolesToAdd = ApplicationRoles.AllRoles
.Where(role => role != ApplicationRoles.Admin)
.ToList();
if (rolesToAdd.Any())
{
await _userManager.AddToRolesAsync(user, rolesToAdd);
}
return new CreateSystemUserResponse { Id = user.Id, Email = user.Email };
}
}
@@ -0,0 +1,30 @@
using FluentValidation;
using Indotalent.Shared.Consts;
namespace Indotalent.Features.Setting.SystemUser.Cqrs;
public class CreateSystemUserValidator : AbstractValidator<CreateSystemUserRequest>
{
public CreateSystemUserValidator()
{
RuleFor(x => x.Email)
.NotEmpty().WithMessage("Email is required")
.EmailAddress().WithMessage("Invalid email format");
RuleFor(x => x.Password)
.NotEmpty().WithMessage("Password is required")
.MinimumLength(4).WithMessage("Password must be at least 4 characters");
RuleFor(x => x.FullName)
.NotEmpty().WithMessage("Full Name is required")
.MaximumLength(GlobalConsts.StringLengthShort);
RuleFor(x => x.SsoIdFirebase).MaximumLength(GlobalConsts.StringLengthMedium);
RuleFor(x => x.SsoIdKeycloak).MaximumLength(GlobalConsts.StringLengthMedium);
RuleFor(x => x.SsoIdAzure).MaximumLength(GlobalConsts.StringLengthMedium);
RuleFor(x => x.SsoIdAws).MaximumLength(GlobalConsts.StringLengthMedium);
RuleFor(x => x.SsoIdOther1).MaximumLength(GlobalConsts.StringLengthMedium);
RuleFor(x => x.SsoIdOther2).MaximumLength(GlobalConsts.StringLengthMedium);
RuleFor(x => x.SsoIdOther3).MaximumLength(GlobalConsts.StringLengthMedium);
}
}
@@ -0,0 +1,26 @@
using Indotalent.Data.Entities;
using MediatR;
using Microsoft.AspNetCore.Identity;
namespace Indotalent.Features.Setting.SystemUser.Cqrs;
public record DeleteSystemUserByIdRequest(string Id);
public record DeleteSystemUserByIdCommand(DeleteSystemUserByIdRequest Data) : IRequest<bool>;
public class DeleteSystemUserByIdHandler : IRequestHandler<DeleteSystemUserByIdCommand, bool>
{
private readonly UserManager<ApplicationUser> _userManager;
public DeleteSystemUserByIdHandler(UserManager<ApplicationUser> userManager) => _userManager = userManager;
public async Task<bool> Handle(DeleteSystemUserByIdCommand request, CancellationToken cancellationToken)
{
var user = await _userManager.FindByIdAsync(request.Data.Id);
if (user == null) return false;
var result = await _userManager.DeleteAsync(user);
return result.Succeeded;
}
}
@@ -0,0 +1,86 @@
using Indotalent.Infrastructure.Database;
using MediatR;
using Microsoft.EntityFrameworkCore;
namespace Indotalent.Features.Setting.SystemUser.Cqrs;
public class GetSystemUserByIdResponse
{
public string? Id { get; set; }
public string? FullName { get; set; }
public string? Email { get; set; }
public string? PhoneNumber { get; set; }
public string? UserName { get; set; }
public bool EmailConfirmed { get; set; }
public bool PhoneNumberConfirmed { get; set; }
public bool TwoFactorEnabled { get; set; }
public bool IsActive { get; set; }
public bool LockoutEnabled { get; set; }
public DateTimeOffset? LockoutEnd { get; set; }
public int AccessFailedCount { get; set; }
public string? SsoIdFirebase { get; set; }
public string? SsoIdKeycloak { get; set; }
public string? SsoIdAzure { get; set; }
public string? SsoIdAws { get; set; }
public string? SsoIdOther1 { get; set; }
public string? SsoIdOther2 { get; set; }
public string? SsoIdOther3 { get; set; }
public DateTime CreatedAt { get; set; }
public DateTime? LastLoginAt { get; set; }
public DateTime? UpdatedAt { get; set; }
public List<string> UserRoles { get; set; } = new();
public string? AvatarFile { get; set; }
}
public record GetSystemUserByIdQuery(string Id) : IRequest<GetSystemUserByIdResponse?>;
public class GetSystemUserByIdHandler : IRequestHandler<GetSystemUserByIdQuery, GetSystemUserByIdResponse?>
{
private readonly AppDbContext _context;
public GetSystemUserByIdHandler(AppDbContext context) => _context = context;
public async Task<GetSystemUserByIdResponse?> Handle(GetSystemUserByIdQuery request, CancellationToken cancellationToken)
{
var user = await _context.Users
.AsNoTracking()
.Where(x => x.Id == request.Id)
.Select(x => new GetSystemUserByIdResponse
{
Id = x.Id,
FullName = x.FullName,
Email = x.Email,
PhoneNumber = x.PhoneNumber,
UserName = x.UserName,
EmailConfirmed = x.EmailConfirmed,
PhoneNumberConfirmed = x.PhoneNumberConfirmed,
TwoFactorEnabled = x.TwoFactorEnabled,
IsActive = x.IsActive,
LockoutEnabled = x.LockoutEnabled,
LockoutEnd = x.LockoutEnd,
AccessFailedCount = x.AccessFailedCount,
SsoIdFirebase = x.SsoIdFirebase,
SsoIdKeycloak = x.SsoIdKeycloak,
SsoIdAzure = x.SsoIdAzure,
SsoIdAws = x.SsoIdAws,
SsoIdOther1 = x.SsoIdOther1,
SsoIdOther2 = x.SsoIdOther2,
SsoIdOther3 = x.SsoIdOther3,
CreatedAt = x.CreatedAt,
LastLoginAt = x.LastLoginAt,
UpdatedAt = x.UpdatedAt,
AvatarFile = x.AvatarFile,
})
.FirstOrDefaultAsync(cancellationToken);
if (user == null) return null;
user.UserRoles = await (from ur in _context.UserRoles
join r in _context.Roles on ur.RoleId equals r.Id
where ur.UserId == user.Id
select r.Name!)
.ToListAsync(cancellationToken);
return user;
}
}
@@ -0,0 +1,62 @@
using Indotalent.Infrastructure.Database;
using MediatR;
using Microsoft.EntityFrameworkCore;
namespace Indotalent.Features.Setting.SystemUser.Cqrs;
public class GetSystemUserListResponse
{
public string? Id { get; set; }
public string? FullName { get; set; }
public string? AvatarFile { get; set; }
public string? Email { get; set; }
public string? SsoIdFirebase { get; set; }
public string? SsoIdKeycloak { get; set; }
public bool IsActive { get; set; }
public List<string> UserRoles { get; set; } = new();
}
public record GetSystemUserListQuery() : IRequest<List<GetSystemUserListResponse>>;
public class GetSystemUserListHandler : IRequestHandler<GetSystemUserListQuery, List<GetSystemUserListResponse>>
{
private readonly AppDbContext _context;
public GetSystemUserListHandler(AppDbContext context) => _context = context;
public async Task<List<GetSystemUserListResponse>> Handle(GetSystemUserListQuery request, CancellationToken cancellationToken)
{
var users = await _context.Users
.AsNoTracking()
.OrderByDescending(x => x.CreatedAt)
.Select(x => new GetSystemUserListResponse
{
Id = x.Id,
FullName = x.FullName,
Email = x.Email,
SsoIdFirebase = x.SsoIdFirebase,
SsoIdKeycloak = x.SsoIdKeycloak,
IsActive = x.IsActive,
AvatarFile = x.AvatarFile,
})
.ToListAsync(cancellationToken);
var userIds = users.Select(u => u.Id).ToList();
var userRolesMap = await (from ur in _context.UserRoles
join r in _context.Roles on ur.RoleId equals r.Id
where userIds.Contains(ur.UserId)
select new { ur.UserId, r.Name })
.ToListAsync(cancellationToken);
foreach (var user in users)
{
user.UserRoles = userRolesMap
.Where(x => x.UserId == user.Id)
.Select(x => x.Name!)
.ToList();
}
return users;
}
}
@@ -0,0 +1,87 @@
using Indotalent.Data.Entities;
using MediatR;
using Microsoft.AspNetCore.Identity;
namespace Indotalent.Features.Setting.SystemUser.Cqrs;
public class UpdateSystemUserRequest
{
public string? Id { get; set; }
public string? FullName { get; set; }
public string? Email { get; set; }
public string? PhoneNumber { get; set; }
public string? UserName { get; set; }
public bool EmailConfirmed { get; set; }
public bool PhoneNumberConfirmed { get; set; }
public bool TwoFactorEnabled { get; set; }
public bool IsActive { get; set; }
public bool LockoutEnabled { get; set; }
public DateTimeOffset? LockoutEnd { get; set; }
public int AccessFailedCount { get; set; }
public string? SsoIdFirebase { get; set; }
public string? SsoIdKeycloak { get; set; }
public string? SsoIdAzure { get; set; }
public string? SsoIdAws { get; set; }
public string? SsoIdOther1 { get; set; }
public string? SsoIdOther2 { get; set; }
public string? SsoIdOther3 { get; set; }
public DateTime CreatedAt { get; set; }
public DateTime? LastLoginAt { get; set; }
public DateTime? UpdatedAt { get; set; }
public List<string> UserRoles { get; set; } = new();
public string? AvatarFile { get; set; }
}
public class UpdateSystemUserResponse
{
public string? Id { get; set; }
public bool Success { get; set; }
}
public record UpdateSystemUserCommand(UpdateSystemUserRequest Data) : IRequest<UpdateSystemUserResponse>;
public class UpdateSystemUserHandler : IRequestHandler<UpdateSystemUserCommand, UpdateSystemUserResponse>
{
private readonly UserManager<ApplicationUser> _userManager;
public UpdateSystemUserHandler(UserManager<ApplicationUser> userManager) => _userManager = userManager;
public async Task<UpdateSystemUserResponse> Handle(UpdateSystemUserCommand request, CancellationToken cancellationToken)
{
var user = await _userManager.FindByIdAsync(request.Data.Id ?? string.Empty);
if (user == null)
{
return new UpdateSystemUserResponse { Id = request.Data.Id, Success = false };
}
user.FullName = request.Data.FullName;
user.PhoneNumber = request.Data.PhoneNumber;
user.IsActive = request.Data.IsActive;
user.EmailConfirmed = request.Data.EmailConfirmed;
user.PhoneNumberConfirmed = request.Data.PhoneNumberConfirmed;
user.TwoFactorEnabled = request.Data.TwoFactorEnabled;
user.LockoutEnabled = request.Data.LockoutEnabled;
user.LockoutEnd = request.Data.LockoutEnd;
user.SsoIdFirebase = request.Data.SsoIdFirebase;
user.SsoIdKeycloak = request.Data.SsoIdKeycloak;
user.SsoIdAzure = request.Data.SsoIdAzure;
user.SsoIdAws = request.Data.SsoIdAws;
user.SsoIdOther1 = request.Data.SsoIdOther1;
user.SsoIdOther2 = request.Data.SsoIdOther2;
user.SsoIdOther3 = request.Data.SsoIdOther3;
user.UpdatedAt = DateTime.Now;
user.AvatarFile = request.Data.AvatarFile;
var result = await _userManager.UpdateAsync(user);
return new UpdateSystemUserResponse
{
Id = user.Id,
Success = result.Succeeded
};
}
}
@@ -0,0 +1,27 @@
using FluentValidation;
using Indotalent.Shared.Consts;
namespace Indotalent.Features.Setting.SystemUser.Cqrs;
public class UpdateSystemUserValidator : AbstractValidator<UpdateSystemUserRequest>
{
public UpdateSystemUserValidator()
{
RuleFor(x => x.Id).NotEmpty().WithMessage("User ID is required for update");
RuleFor(x => x.Email)
.NotEmpty().WithMessage("Email is required")
.EmailAddress().WithMessage("Invalid email format");
RuleFor(x => x.FullName)
.NotEmpty().WithMessage("Full Name is required")
.MaximumLength(GlobalConsts.StringLengthShort);
RuleFor(x => x.SsoIdFirebase).MaximumLength(GlobalConsts.StringLengthMedium);
RuleFor(x => x.SsoIdKeycloak).MaximumLength(GlobalConsts.StringLengthMedium);
RuleFor(x => x.SsoIdAzure).MaximumLength(GlobalConsts.StringLengthMedium);
RuleFor(x => x.SsoIdAws).MaximumLength(GlobalConsts.StringLengthMedium);
RuleFor(x => x.SsoIdOther1).MaximumLength(GlobalConsts.StringLengthMedium);
RuleFor(x => x.SsoIdOther2).MaximumLength(GlobalConsts.StringLengthMedium);
RuleFor(x => x.SsoIdOther3).MaximumLength(GlobalConsts.StringLengthMedium);
}
}
@@ -0,0 +1,118 @@
using Indotalent.ConfigBackEnd.Extensions;
using Indotalent.Features.Setting.SystemUser.Cqrs;
using Indotalent.Infrastructure.File;
using MediatR;
using Microsoft.AspNetCore.Authentication.JwtBearer;
using Microsoft.Extensions.Options;
namespace Indotalent.Features.Setting.SystemUser;
public static class SystemUserEndpoint
{
public static void MapSystemUserEndpoints(this IEndpointRouteBuilder app)
{
var group = app.MapGroup("/system-user").WithTags("SystemUsers")
.RequireAuthorization(policy => policy.AddAuthenticationSchemes(JwtBearerDefaults.AuthenticationScheme)
.RequireAuthenticatedUser());
group.MapGet("/", async (IMediator mediator) =>
{
var result = await mediator.Send(new GetSystemUserListQuery());
return result.ToApiResponse("User list retrieved successfully");
})
.WithName("GetSystemUserList");
group.MapGet("/{id}", async (string id, IMediator mediator) =>
{
var result = await mediator.Send(new GetSystemUserByIdQuery(id));
return result.ToApiResponse(result is not null ? "User detail retrieved" : "User not found");
})
.WithName("GetSystemUserById");
group.MapPost("/", async (CreateSystemUserRequest request, IMediator mediator) =>
{
var result = await mediator.Send(new CreateSystemUserCommand(request));
return result.ToApiResponse("User created successfully", StatusCodes.Status201Created);
})
.WithName("CreateSystemUser");
group.MapPost("/update", async (UpdateSystemUserRequest request, IMediator mediator) =>
{
var result = await mediator.Send(new UpdateSystemUserCommand(request));
return result.Success
? result.ToApiResponse("User updated successfully")
: ((object?)null).ToApiResponse("Update failed");
})
.WithName("UpdateSystemUser");
group.MapPost("/delete/{id}", async (string id, IMediator mediator) =>
{
var result = await mediator.Send(new DeleteSystemUserByIdCommand(new DeleteSystemUserByIdRequest(id)));
return result.ToApiResponse("User deleted successfully");
})
.WithName("DeleteSystemUserById");
group.MapPost("/change-password", async (ChangePasswordRequest request, IMediator mediator) =>
{
var result = await mediator.Send(new ChangePasswordCommand(request));
return result.IsSuccess
? result.ToApiResponse(result.Message)
: result.ToApiResponse(result.Message, StatusCodes.Status400BadRequest);
})
.WithName("ChangePassword");
group.MapPost("/send-reset-link/{id}", async (string id, IMediator mediator) =>
{
var result = await mediator.Send(new AdminForgotPasswordCommand(id));
return result.IsSuccess
? result.ToApiResponse(result.Message)
: result.ToApiResponse(result.Message, StatusCodes.Status400BadRequest);
})
.WithName("AdminSendResetLink");
group.MapPost("/change-role", async (ChangeRoleRequest request, IMediator mediator) =>
{
var result = await mediator.Send(new ChangeRoleCommand(request));
return result.IsSuccess
? result.ToApiResponse(result.Message)
: result.ToApiResponse(result.Message, StatusCodes.Status400BadRequest);
})
.WithName("ChangeRole");
group.MapPost("/change-avatar", async (ChangeAvatarRequest request, IMediator mediator) =>
{
var result = await mediator.Send(new ChangeAvatarCommand(request));
return result.IsSuccess
? result.ToApiResponse(result.Message)
: result.ToApiResponse(result.Message, StatusCodes.Status400BadRequest);
})
.WithName("ChangeAvatar");
group.MapGet("/avatar-image/{fileName}", async (string fileName, IOptions<FileStorageSettingsModel> options, IWebHostEnvironment env) =>
{
var avatarSettings = options.Value.Avatar;
var folderPath = Path.Combine(env.WebRootPath, avatarSettings.StoragePath);
var filePath = Path.Combine(folderPath, fileName);
if (!System.IO.File.Exists(filePath))
{
return Results.NotFound();
}
var bytes = await System.IO.File.ReadAllBytesAsync(filePath);
var extension = Path.GetExtension(fileName).ToLower();
var contentType = extension switch
{
".png" => "image/png",
".jpg" or ".jpeg" => "image/jpeg",
_ => "application/octet-stream"
};
return Results.File(bytes, contentType);
})
.WithName("GetAvatarImage");
}
}
@@ -0,0 +1,109 @@
using Indotalent.ConfigBackEnd.Interfaces;
using Indotalent.ConfigFrontEnd.Common;
using Indotalent.Features.Setting.SystemUser.Cqrs;
using Indotalent.Infrastructure.Authentication.Identity;
using Indotalent.Shared.Models;
using Microsoft.AspNetCore.Components;
using MudBlazor;
using RestSharp;
namespace Indotalent.Features.Setting.SystemUser;
public class SystemUserService : BaseService
{
private readonly RestClient _client;
public SystemUserService(
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<GetSystemUserListResponse>>?> GetSystemUserListAsync()
{
var request = new RestRequest("api/system-user", Method.Get);
return await ExecuteWithResponseAsync<List<GetSystemUserListResponse>>(_client, request);
}
public async Task<ApiResponse<GetSystemUserByIdResponse>?> GetSystemUserByIdAsync(string id)
{
var request = new RestRequest($"api/system-user/{id}", Method.Get);
return await ExecuteWithResponseAsync<GetSystemUserByIdResponse>(_client, request);
}
public async Task<ApiResponse<CreateSystemUserResponse>?> CreateSystemUserAsync(CreateSystemUserRequest data)
{
var request = new RestRequest("api/system-user", Method.Post);
request.AddJsonBody(data);
return await ExecuteWithResponseAsync<CreateSystemUserResponse>(_client, request);
}
public async Task<ApiResponse<UpdateSystemUserResponse>?> UpdateSystemUserAsync(UpdateSystemUserRequest data)
{
var request = new RestRequest("api/system-user/update", Method.Post);
request.AddJsonBody(data);
return await ExecuteWithResponseAsync<UpdateSystemUserResponse>(_client, request);
}
public async Task<bool> DeleteSystemUserByIdAsync(string id)
{
var request = new RestRequest($"api/system-user/delete/{id}", Method.Post);
var response = await ExecuteWithResponseAsync<object>(_client, request);
return response?.IsSuccess ?? false;
}
public async Task<ApiResponse<ChangePasswordResponse>?> ChangePasswordAsync(ChangePasswordRequest data)
{
var request = new RestRequest("api/system-user/change-password", Method.Post);
request.AddJsonBody(data);
return await ExecuteWithResponseAsync<ChangePasswordResponse>(_client, request);
}
public async Task<bool> SendResetLinkAsync(string userId)
{
var request = new RestRequest($"api/system-user/send-reset-link/{userId}", Method.Post);
var response = await ExecuteWithResponseAsync<object>(_client, request);
return response?.IsSuccess ?? false;
}
public async Task<bool> ChangeRoleAsync(ChangeRoleRequest data)
{
var request = new RestRequest("api/system-user/change-role", Method.Post);
request.AddJsonBody(data);
var response = await ExecuteWithResponseAsync<object>(_client, request);
return response?.IsSuccess ?? false;
}
public async Task<ApiResponse<ChangeAvatarResponse>?> ChangeAvatarAsync(ChangeAvatarRequest data)
{
var request = new RestRequest("api/system-user/change-avatar", Method.Post);
request.AddJsonBody(data);
return await ExecuteWithResponseAsync<ChangeAvatarResponse>(_client, request);
}
public async Task<byte[]?> GetAvatarBlobAsync(string fileName)
{
var request = new RestRequest($"api/system-user/avatar-image/{fileName}", Method.Get);
if (!string.IsNullOrEmpty(TokenProvider.Token))
{
request.AddHeader("Authorization", $"Bearer {TokenProvider.Token}");
}
if (!string.IsNullOrEmpty(CurrentUserService.UserId))
{
request.AddHeader("X-UserId", CurrentUserService.UserId);
}
var response = await _client.ExecuteAsync(request);
return response.IsSuccessful ? response.RawBytes : null;
}
}
@@ -0,0 +1,52 @@
@page "/setting/tax"
@using Indotalent.Features.Setting.Tax
@using Indotalent.Features.Setting.Tax.Cqrs
@using MudBlazor
@if (_currentView == ViewMode.Create)
{
<_TaxCreateForm OnCancel="BackToTable"
OnSuccess="HandleSuccess" />
}
else if (_currentView == ViewMode.Update || _currentView == ViewMode.View)
{
<_TaxUpdateForm Data="_selectedData!"
ReadOnly="@(_currentView == ViewMode.View)"
OnCancel="BackToTable"
OnSuccess="HandleSuccess" />
}
else
{
<_TaxDataTable 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 UpdateTaxRequest? _selectedData;
private void ShowCreate()
{
_currentView = ViewMode.Create;
}
private void ShowUpdate(UpdateTaxRequest 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,117 @@
@using Indotalent.Features.Setting.Tax
@using Indotalent.Features.Setting.Tax.Cqrs
@using Indotalent.Shared.Utils
@using MudBlazor
@inject TaxService TaxService
@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 Tax</MudText>
<MudText Typo="Typo.body2" Style="color: #64748b;">Enter tax details and percentage rates.</MudText>
</div>
</div>
</MudPaper>
<MudPaper Elevation="0" Outlined="true" Class="pa-8" Style="border-radius: 4px; border: 1px solid #DCEBFA;">
<MudForm @ref="_form" Model="_model">
<MudGrid Spacing="3">
<MudItem xs="12" sm="6">
<MudText Typo="Typo.subtitle2" Class="mb-1">Tax Code</MudText>
<MudTextField @bind-Value="_model.Code"
For="@(() => _model.Code)"
Validation="@(_validator.ValidateValue())"
Variant="Variant.Outlined" Margin="Margin.Dense" FullWidth="true" Placeholder="e.g. VAT-11" />
</MudItem>
<MudItem xs="12" sm="6">
<MudText Typo="Typo.subtitle2" Class="mb-1">Percentage (%)</MudText>
<MudNumericField @bind-Value="_model.PercentageValue"
For="@(() => _model.PercentageValue)"
Variant="Variant.Outlined" Margin="Margin.Dense" FullWidth="true" />
</MudItem>
<MudItem xs="12" sm="6">
<MudText Typo="Typo.subtitle2" Class="mb-1">Tax Name</MudText>
<MudTextField @bind-Value="_model.Name"
For="@(() => _model.Name)"
Validation="@(_validator.ValidateValue())"
Variant="Variant.Outlined" Margin="Margin.Dense" FullWidth="true" Placeholder="e.g. PPN Indonesia" />
</MudItem>
<MudItem xs="12" sm="6">
<MudText Typo="Typo.subtitle2" Class="mb-1">Category</MudText>
<MudTextField @bind-Value="_model.Category"
For="@(() => _model.Category)"
Validation="@(_validator.ValidateValue())"
Variant="Variant.Outlined" Margin="Margin.Dense" FullWidth="true" Placeholder="e.g. Sales Tax" />
</MudItem>
<MudItem xs="12">
<MudText Typo="Typo.subtitle2" Class="mb-1">Description</MudText>
<MudTextField @bind-Value="_model.Description"
For="@(() => _model.Description)"
Variant="Variant.Outlined" Margin="Margin.Dense" Lines="3" FullWidth="true" />
</MudItem>
</MudGrid>
<div class="d-flex justify-end gap-2 mt-8">
<MudButton OnClick="() => OnCancel.InvokeAsync()"
Variant="Variant.Outlined"
Disabled="_processing"
Style="border-radius: 4px; text-transform: none; font-weight: 700;border: 1px solid #e0e0e0;">
Cancel
</MudButton>
<MudButton Color="Color.Primary"
Variant="Variant.Filled"
OnClick="Submit"
Disabled="_processing"
Style="border-radius: 4px; text-transform: none; font-weight: 700;">
@if (_processing)
{
<MudProgressCircular Class="ms-n1" Size="Size.Small" Indeterminate="true" />
<MudText Class="ms-2" Typo="Typo.button" Style="text-transform: none !important;">Processing...</MudText>
}
else
{
<MudText>Create Tax</MudText>
}
</MudButton>
</div>
</MudForm>
</MudPaper>
@code {
[Parameter] public EventCallback OnCancel { get; set; }
[Parameter] public EventCallback OnSuccess { get; set; }
private MudForm _form = default!;
private CreateTaxValidator _validator = new();
private CreateTaxRequest _model = new();
private bool _processing = false;
private async Task Submit()
{
await _form.Validate();
if (!_form.IsValid) return;
_processing = true;
try
{
var response = await TaxService.CreateTaxAsync(_model);
await Task.Delay(500);
if (response != null && response.IsSuccess)
{
Snackbar.Add("Tax created successfully", Severity.Success);
await OnSuccess.InvokeAsync();
}
}
catch (Exception ex)
{
Snackbar.Add($"Error: {ex.Message}", Severity.Error);
}
finally
{
_processing = false;
}
}
}
@@ -0,0 +1,403 @@
@using Indotalent.ConfigBackEnd.Extensions
@using Indotalent.Features.Setting.Tax
@using Indotalent.Features.Setting.Tax.Cqrs
@using Microsoft.AspNetCore.Components.Web
@using Microsoft.JSInterop
@using MudBlazor
@using Features.Root.Shared
@using ClosedXML.Excel
@using System.IO
@inject TaxService TaxService
@inject IDialogService DialogService
@inject ISnackbar Snackbar
@inject IJSRuntime JSRuntime
<MudPaper Elevation="0" Square="true" Class="pa-6 mb-3 d-flex align-center justify-space-between" Style="border: 1px solid #E5E7EB; border-radius: 12px;">
<div>
<MudText Typo="Typo.h5" Style="font-weight: 600; color: #111827;">Tax Management</MudText>
<MudText Typo="Typo.body2" Style="color: #9CA3AF;">Manage tax codes, categories, and percentage rates.</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;">Settings</MudText>
<MudText Typo="Typo.caption" Style="color: #9CA3AF;">/</MudText>
<MudText Typo="Typo.caption" Style="font-weight: 600; color: #111827;">Tax</MudText>
</div>
</MudPaper>
<MudPaper Elevation="0" Outlined="true" Style="border-radius: 12px; overflow: hidden; background-color: #ffffff; border: 1px solid #E5E7EB;">
<div style="padding: 20px 24px; border-bottom: 1px solid #E5E7EB; display: flex; justify-content: space-between; align-items: center; background-color: #ffffff; min-height: 80px;">
<div style="display: flex; align-items: center; gap: 8px;">
<MudTextField @bind-Value="_searchString"
Placeholder="Search..."
Adornment="Adornment.Start"
AdornmentIcon="@Icons.Material.Filled.Search"
IconSize="Size.Small"
Class="mt-0"
Variant="Variant.Outlined"
Margin="Margin.Dense"
Style="background-color: white; width: 280px; border-radius: 8px;"
OnKeyDown="@HandleSearchKeyDown" />
<MudButton Variant="Variant.Filled"
Color="Color.Primary"
OnClick="OnSearchClick"
Size="Size.Small"
Style="text-transform: none; font-weight: 500; border-radius: 6px; height: 34px; box-shadow: none;">
Search
</MudButton>
</div>
<div style="display: flex; gap: 8px; align-items: center;">
<MudButton Variant="Variant.Outlined"
Color="Color.Success"
OnClick="ExportToExcel"
Size="Size.Small"
Disabled="_isExporting"
StartIcon="@(_isExporting ? null : Icons.Custom.FileFormats.FileExcel)"
Style="background: white; font-weight: 500; border-radius: 6px; text-transform: none; height: 34px; border: 1px solid #D1D5DB; color: #6B7280;">
@if (_isExporting)
{
<MudProgressCircular Class="ms-n1" Size="Size.Small" Indeterminate="true" />
<MudText Class="ms-2" Typo="Typo.button" Style="text-transform: none !important;">Processing...</MudText>
}
else
{
<MudText Typo="Typo.button" Style="text-transform: none !important;">Excel</MudText>
}
</MudButton>
<MudButton Variant="Variant.Outlined"
Color="Color.Primary"
OnClick="LoadData"
Size="Size.Small"
StartIcon="@(_isRefreshing ? null : Icons.Material.Filled.Refresh)"
Disabled="_isRefreshing"
Style="background: white; font-weight: 500; border-radius: 6px; text-transform: none; height: 34px; border: 1px solid #D1D5DB; color: #6B7280;">
@if (_isRefreshing)
{
<MudProgressCircular Class="ms-n1" Size="Size.Small" Indeterminate="true" />
<MudText Class="ms-2" Typo="Typo.button" Style="text-transform: none !important;">Refreshing...</MudText>
}
else
{
<MudText Typo="Typo.button" Style="text-transform: none !important;">Refresh</MudText>
}
</MudButton>
@if (_selectedTax != null)
{
<MudButton Variant="Variant.Outlined" Color="Color.Info" StartIcon="@Icons.Material.Filled.Visibility" OnClick="InvokeView" Size="Size.Small" Style="text-transform: none; font-weight: 500; border-radius: 6px; background-color: white; border: 1px solid #D1D5DB; color: #6B7280;">View</MudButton>
<MudButton Variant="Variant.Outlined" Color="Color.Primary" StartIcon="@Icons.Material.Filled.Edit" OnClick="InvokeEdit" Size="Size.Small" Style="text-transform: none; font-weight: 500; border-radius: 6px; background-color: white; border: 1px solid #D1D5DB; color: #6B7280;">Edit</MudButton>
<MudButton Variant="Variant.Outlined" Color="Color.Error" StartIcon="@Icons.Material.Filled.Delete" OnClick="OnDelete" Size="Size.Small" Style="text-transform: none; font-weight: 500; border-radius: 6px; background: white; border: 1px solid #FCA5A5; color: #EF4444;">Remove</MudButton>
<MudIconButton Icon="@Icons.Material.Filled.Close" Size="Size.Small" OnClick="() => _selectedTax = 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 Tax
</MudButton>
}
</div>
</div>
<MudTable Items="@GetPagedData()" Striped="true" Class="mud-table-styled" Hover="true" Elevation="0" CustomHeader="true" Dense="true" T="GetTaxListResponse" OnRowClick="@((args) => _selectedTax = args.Item)" Loading="@_isRefreshing">
<HeaderContent>
<MudTh Style="width: 50px; background-color: #ffffff; border-bottom: 1px solid #E5E7EB;"></MudTh>
<MudTh Style="font-weight: 600; color: #6B7280; text-transform: uppercase; font-size: 0.6875rem; letter-spacing: 0.05em; background-color: #F9FAFB; border-bottom: 1px solid #E5E7EB;">
<MudTableSortLabel SortBy="new Func<GetTaxListResponse, object>(x => x.Name!)">Tax 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;">
<MudTableSortLabel SortBy="new Func<GetTaxListResponse, 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<GetTaxListResponse, object>(x => x.PercentageValue)">Percentage</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<GetTaxListResponse, object>(x => x.Category!)">Category</MudTableSortLabel>
</MudTh>
</HeaderContent>
<RowTemplate>
<MudTd>
<MudCheckBox T="bool" Value="@(_selectedTax?.Id == context.Id)" Color="Color.Primary" Dense="true" Size="Size.Small" ReadOnly="true" />
</MudTd>
<MudTd>
<div class="d-flex align-center gap-2">
<MudAvatar Color="Color.Warning" Variant="Variant.Filled" Size="Size.Small" Style="border-radius: 4px; font-size: 10px; font-weight: 700; width: 32px; height: 32px;">
@(!string.IsNullOrWhiteSpace(context.Name) ? context.Name.ToInitial() : "?")
</MudAvatar>
<MudText Typo="Typo.body2" Style="font-weight: 600; color: #374151;">@context.Name</MudText>
</div>
</MudTd>
<MudTd Style="padding-top: 0.75rem; padding-bottom: 0.75rem; color: #374151; font-size: 0.875rem;"><MudChip T="string" Size="Size.Small" Color="Color.Warning" Variant="Variant.Text" Style="border-radius:4px; font-weight:700;">@context.Code</MudChip></MudTd>
<MudTd Style="padding-top: 0.75rem; padding-bottom: 0.75rem; color: #374151; font-size: 0.875rem;"><MudText Typo="Typo.body2" Style="font-weight: 600; color: #374151;">@context.PercentageValue%</MudText></MudTd>
<MudTd Style="padding-top: 0.75rem; padding-bottom: 0.75rem; color: #374151; font-size: 0.875rem;">@context.Category</MudTd>
</RowTemplate>
</MudTable>
<div style="display: flex; justify-content: space-between; align-items: center; padding: 12px 24px; background-color: #F9FAFB; border-top: 1px solid #E5E7EB;">
<div style="display: flex; align-items: center; gap: 12px;">
<MudText Typo="Typo.caption" Style="font-weight: 500; color: #9CA3AF; font-size: 0.75rem;">Rows per page:</MudText>
<MudSelect T="int"
Value="@_top"
ValueChanged="OnPageSizeChanged"
Dense="true"
Margin="Margin.Dense"
Style="width: 80px; background-color: white; font-size: 12px; font-weight: 600;"
Variant="Variant.Outlined"
Class="mt-0 custom-select-dense">
<MudSelectItem Value="5" />
<MudSelectItem Value="10" />
<MudSelectItem Value="50" />
<MudSelectItem Value="500" />
<MudSelectItem Value="1000" />
</MudSelect>
<MudText Typo="Typo.caption" Style="color: #9CA3AF; margin-left: 12px; font-size: 0.75rem; font-weight: 500;">
Showing @(GetFilteredData().Count() == 0 ? 0 : _skip + 1)-@Math.Min(_skip + _top, GetFilteredData().Count()) of @GetFilteredData().Count()
</MudText>
</div>
<div style="display: flex; gap: 8px; align-items: center;">
<MudIconButton Icon="@Icons.Material.Filled.FirstPage" Size="Size.Small" OnClick="@(() => OnPageChanged(1))" Disabled="@(_currentPage == 1)" Style="@(_currentPage == 1 ? "color: #D1D5DB; background: transparent;" : "color: #6B7280; background: white; border: 1px solid #D1D5DB; border-radius: 6px;")" />
<MudButton OnClick="@(() => OnPageChanged(_currentPage - 1))" Disabled="@(_currentPage == 1)" Variant="Variant.Text" StartIcon="@Icons.Material.Filled.ChevronLeft" Size="Size.Small" Style="@(_currentPage == 1 ? "text-transform: none; font-weight: 500; color: #D1D5DB;" : "text-transform: none; font-weight: 500; color: #374151; border: 1px solid #D1D5DB; border-radius: 6px; background: white;")">Prev</MudButton>
@{
var totalPages = _totalPage == 0 ? 1 : _totalPage;
var maxVisible = 5;
var startPage = Math.Max(1, _currentPage - maxVisible / 2);
var endPage = Math.Min(totalPages, startPage + maxVisible - 1);
if (endPage - startPage < maxVisible - 1) { startPage = Math.Max(1, endPage - maxVisible + 1); }
}
@for (int i = startPage; i <= endPage; i++)
{
var pageNum = i;
var isActive = pageNum == _currentPage;
<MudButton OnClick="@(() => OnPageChanged(pageNum))"
Variant="Variant.Text" Size="Size.Small"
Style="@(isActive ? "min-width: 34px; padding: 4px 8px; font-size: 0.75rem; font-weight: 600; background: #3B82F6; color: white; border: 1px solid #3B82F6; border-radius: 6px; text-transform: none;" : "min-width: 34px; padding: 4px 8px; font-size: 0.75rem; font-weight: 500; color: #374151; background: white; border: 1px solid #D1D5DB; border-radius: 6px; text-transform: none;")">@pageNum</MudButton>
}
<MudButton OnClick="@(() => OnPageChanged(_currentPage + 1))" Disabled="@(_currentPage == _totalPage || _totalPage == 0)" Variant="Variant.Text" EndIcon="@Icons.Material.Filled.ChevronRight" Size="Size.Small" Style="@(_currentPage == _totalPage || _totalPage == 0 ? "text-transform: none; font-weight: 500; color: #D1D5DB;" : "text-transform: none; font-weight: 500; color: #374151; border: 1px solid #D1D5DB; border-radius: 6px; background: white;")">Next</MudButton>
<MudIconButton Icon="@Icons.Material.Filled.LastPage" Size="Size.Small" OnClick="@(() => OnPageChanged(_totalPage))" Disabled="@(_currentPage == _totalPage || _totalPage == 0)" Style="@(_currentPage == _totalPage || _totalPage == 0 ? "color: #D1D5DB; background: transparent;" : "background-color: white; border: 1px solid #D1D5DB; color: #6B7280;")" />
</div>
</div>
</MudPaper>
<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<UpdateTaxRequest> OnEdit { get; set; }
[Parameter] public EventCallback<UpdateTaxRequest> OnView { get; set; }
private List<GetTaxListResponse> _taxes = new();
private GetTaxListResponse? _selectedTax;
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;
_selectedTax = null;
StateHasChanged();
try
{
var response = await TaxService.GetTaxListAsync();
await Task.Delay(500);
if (response != null && response.IsSuccess)
{
_taxes = response.Value ?? new List<GetTaxListResponse>();
}
}
finally
{
_isRefreshing = false;
StateHasChanged();
}
}
private IEnumerable<GetTaxListResponse> GetFilteredData()
{
if (string.IsNullOrWhiteSpace(_searchString)) return _taxes;
return _taxes.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<GetTaxListResponse> GetPagedData() => GetFilteredData().Skip(_skip).Take(_top);
private void OnSearchClick()
{
_skip = 0;
_selectedTax = 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("Taxes");
var currentRow = 1;
worksheet.Cell(currentRow, 1).Value = "Tax Name";
worksheet.Cell(currentRow, 2).Value = "Code";
worksheet.Cell(currentRow, 3).Value = "Percentage";
worksheet.Cell(currentRow, 4).Value = "Category";
var headerRange = worksheet.Range(1, 1, 1, 4);
headerRange.Style.Font.Bold = true;
headerRange.Style.Fill.BackgroundColor = XLColor.FromHtml("#0D47A1");
headerRange.Style.Font.FontColor = XLColor.White;
foreach (var item in GetFilteredData())
{
currentRow++;
worksheet.Cell(currentRow, 1).Value = item.Name;
worksheet.Cell(currentRow, 2).Value = item.Code;
worksheet.Cell(currentRow, 3).Value = item.PercentageValue;
worksheet.Cell(currentRow, 4).Value = item.Category;
}
worksheet.Columns().AdjustToContents();
using (var stream = new MemoryStream())
{
workbook.SaveAs(stream);
var content = Convert.ToBase64String(stream.ToArray());
await JSRuntime.InvokeVoidAsync("downloadFile", "Tax_Rates_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;
_selectedTax = null;
StateHasChanged();
}
}
private void OnPageSizeChanged(int size)
{
_top = size;
_skip = 0;
_selectedTax = null;
StateHasChanged();
}
private async Task InvokeEdit()
{
if (_selectedTax == null) return;
var request = await MapToUpdateRequest(_selectedTax.Id);
if (request != null) await OnEdit.InvokeAsync(request);
}
private async Task InvokeView()
{
if (_selectedTax == null) return;
var request = await MapToUpdateRequest(_selectedTax.Id);
if (request != null) await OnView.InvokeAsync(request);
}
private async Task<UpdateTaxRequest?> MapToUpdateRequest(string id)
{
var response = await TaxService.GetTaxByIdAsync(id);
if (response != null && response.IsSuccess && response.Value != null)
{
var detail = response.Value;
return new UpdateTaxRequest
{
Id = detail.Id,
Code = detail.Code,
Name = detail.Name,
PercentageValue = detail.PercentageValue,
Category = detail.Category,
Description = detail.Description,
CreatedAt = detail.CreatedAt,
CreatedBy = detail.CreatedBy,
UpdatedAt = detail.UpdatedAt,
UpdatedBy = detail.UpdatedBy
};
}
return null;
}
private async Task OnDelete()
{
if (_selectedTax == null) return;
var parameters = new DialogParameters<_DeleteConfirmation> { { x => x.ContentText, _selectedTax.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 TaxService.DeleteTaxByIdAsync(_selectedTax.Id);
if (isSuccess)
{
_selectedTax = null;
await LoadData();
Snackbar.Add("Tax deleted successfully", Severity.Success);
}
else
{
Snackbar.Add("Delete failed. This record might be protected by the system.", Severity.Error);
}
}
}
}
@@ -0,0 +1,169 @@
@using Indotalent.ConfigBackEnd.Extensions
@using Indotalent.Features.Setting.Tax
@using Indotalent.Features.Setting.Tax.Cqrs
@using Indotalent.Shared.Utils
@using MudBlazor
@inject TaxService TaxService
@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 ? "Tax Details" : "Edit Tax")</MudText>
<MudText Typo="Typo.body2" Style="color: #64748b;">@(ReadOnly ? "Viewing tax configuration." : "Modify existing tax information.")</MudText>
</div>
</div>
</MudPaper>
<MudPaper Elevation="0" Outlined="true" Class="pa-8" Style="border-radius: 4px; border: 1px solid #DCEBFA;">
<MudForm @ref="_form" Model="_model">
<MudGrid Spacing="3">
<MudItem xs="12" sm="6">
<MudText Typo="Typo.subtitle2" Class="mb-1">Tax 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">Percentage (%)</MudText>
<MudNumericField @bind-Value="_model.PercentageValue"
For="@(() => _model.PercentageValue)"
ReadOnly="ReadOnly"
Variant="Variant.Outlined" Margin="Margin.Dense" FullWidth="true" />
</MudItem>
<MudItem xs="12" sm="6">
<MudText Typo="Typo.subtitle2" Class="mb-1">Tax 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>
<MudTextField @bind-Value="_model.Category"
For="@(() => _model.Category)"
Validation="@(_validator.ValidateValue())"
ReadOnly="ReadOnly"
Variant="Variant.Outlined" Margin="Margin.Dense" FullWidth="true" />
</MudItem>
<MudItem xs="12">
<MudText Typo="Typo.subtitle2" Class="mb-1">Description</MudText>
<MudTextField @bind-Value="_model.Description"
For="@(() => _model.Description)"
ReadOnly="ReadOnly"
Variant="Variant.Outlined" Margin="Margin.Dense" Lines="3" FullWidth="true" />
</MudItem>
<MudItem xs="12" Class="mt-4">
<MudText Typo="Typo.button" Color="Color.Primary" Style="font-weight: 800;">Audit History</MudText>
<MudDivider Class="mt-2 mb-4" />
</MudItem>
<MudItem xs="12" sm="6">
<MudText Typo="Typo.subtitle2">Created At</MudText>
<MudText Typo="Typo.body2" Style="color: #1a1a1a; font-weight: 600;">@DateTimeExtensions.ToString(_model.CreatedAt)</MudText>
</MudItem>
<MudItem xs="12" sm="6">
<MudText Typo="Typo.subtitle2">Created By</MudText>
<MudText Typo="Typo.body2" Style="color: #1a1a1a; font-weight: 600;">@(!string.IsNullOrEmpty(_model.CreatedBy) ? _model.CreatedBy : "System")</MudText>
</MudItem>
<MudItem xs="12" sm="6">
<MudText Typo="Typo.subtitle2">Last Updated At</MudText>
<MudText Typo="Typo.body2" Style="color: #1a1a1a; font-weight: 600;">@DateTimeExtensions.ToString(_model.UpdatedAt)</MudText>
</MudItem>
<MudItem xs="12" sm="6">
<MudText Typo="Typo.subtitle2">Last Updated By</MudText>
<MudText Typo="Typo.body2" Style="color: #1a1a1a; font-weight: 600;">@(!string.IsNullOrEmpty(_model.UpdatedBy) ? _model.UpdatedBy : "System")</MudText>
</MudItem>
</MudGrid>
<div class="d-flex justify-end gap-2 mt-10">
<MudButton OnClick="() => OnCancel.InvokeAsync()"
Variant="Variant.Outlined"
Disabled="_processing"
Style="border-radius: 4px; text-transform: none; font-weight: 700;border: 1px solid #e0e0e0;">
@(ReadOnly ? "Back to List" : "Cancel")
</MudButton>
@if (!ReadOnly)
{
<MudButton Color="Color.Primary"
Variant="Variant.Filled"
OnClick="Submit"
Disabled="_processing"
Style="border-radius: 4px; text-transform: none; font-weight: 700;">
@if (_processing)
{
<MudProgressCircular Class="ms-n1" Size="Size.Small" Indeterminate="true" />
<MudText Class="ms-2">Updating...</MudText>
}
else
{
<MudText>Save Changes</MudText>
}
</MudButton>
}
</div>
</MudForm>
</MudPaper>
@code {
[Parameter] public UpdateTaxRequest 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 UpdateTaxValidator _validator = new();
private UpdateTaxRequest _model = new();
private bool _processing = false;
protected override void OnInitialized()
{
_model = new UpdateTaxRequest
{
Id = Data.Id,
Code = Data.Code,
Name = Data.Name,
PercentageValue = Data.PercentageValue,
Category = Data.Category,
Description = Data.Description,
CreatedAt = Data.CreatedAt,
CreatedBy = Data.CreatedBy,
UpdatedAt = Data.UpdatedAt,
UpdatedBy = Data.UpdatedBy
};
}
private async Task Submit()
{
if (ReadOnly) return;
await _form.Validate();
if (!_form.IsValid) return;
_processing = true;
try
{
var response = await TaxService.UpdateTaxAsync(_model);
await Task.Delay(500);
if (response != null && response.IsSuccess)
{
Snackbar.Add("Tax updated successfully", Severity.Success);
await OnSuccess.InvokeAsync();
}
}
catch (Exception ex)
{
Snackbar.Add($"Error: {ex.Message}", Severity.Error);
}
finally
{
_processing = false;
}
}
}
@@ -0,0 +1,69 @@
using Indotalent.ConfigBackEnd.Exceptions;
using Indotalent.ConfigBackEnd.Extensions;
using Indotalent.Infrastructure.Database;
using MediatR;
using Microsoft.EntityFrameworkCore;
namespace Indotalent.Features.Setting.Tax.Cqrs;
public class CreateTaxRequest
{
public string? Code { get; set; }
public string? Name { get; set; }
public decimal PercentageValue { get; set; }
public string? Category { get; set; }
public string? Description { get; set; }
}
public class CreateTaxResponse
{
public string? Id { get; set; }
public string? Code { get; set; }
}
public record CreateTaxCommand(CreateTaxRequest Data) : IRequest<CreateTaxResponse>;
public class CreateTaxHandler : IRequestHandler<CreateTaxCommand, CreateTaxResponse>
{
private readonly AppDbContext _context;
public CreateTaxHandler(AppDbContext context) => _context = context;
public async Task<CreateTaxResponse> Handle(CreateTaxCommand request, CancellationToken cancellationToken)
{
var isExists = await _context.Tax
.AnyAsync(x => x.Code == request.Data.Code, cancellationToken);
if (isExists)
{
throw new AlreadyExistsException("Tax", request.Data.Code ?? string.Empty);
}
var entityName = nameof(Data.Entities.Tax);
var autoNo = await _context.GenerateAutoNumberAsync(
entityName: entityName,
prefixTemplate: $"{entityName.ToShortNameConsonant(3)}/{{Year}}/",
ct: cancellationToken
);
var entity = new Data.Entities.Tax
{
AutoNumber = autoNo,
Code = request.Data.Code,
Name = request.Data.Name,
PercentageValue = request.Data.PercentageValue,
Category = request.Data.Category,
Description = request.Data.Description
};
_context.Tax.Add(entity);
await _context.SaveChangesAsync(cancellationToken);
return new CreateTaxResponse
{
Id = entity.Id,
Code = entity.Code
};
}
}
@@ -0,0 +1,22 @@
using FluentValidation;
using Indotalent.Shared.Consts;
namespace Indotalent.Features.Setting.Tax.Cqrs;
public class CreateTaxValidator : AbstractValidator<CreateTaxRequest>
{
public CreateTaxValidator()
{
RuleFor(x => x.Code)
.NotEmpty().WithMessage("Tax Code is required")
.MaximumLength(GlobalConsts.StringLengthShort);
RuleFor(x => x.Name)
.NotEmpty().WithMessage("Tax Name is required")
.MaximumLength(GlobalConsts.StringLengthShort);
RuleFor(x => x.Category)
.NotEmpty().WithMessage("Category is required")
.MaximumLength(GlobalConsts.StringLengthShort);
}
}
@@ -0,0 +1,27 @@
using Indotalent.Infrastructure.Database;
using MediatR;
using Microsoft.EntityFrameworkCore;
namespace Indotalent.Features.Setting.Tax.Cqrs;
public record DeleteTaxByIdRequest(string Id);
public class DeleteTaxByIdHandler : IRequestHandler<DeleteTaxByIdCommand, bool>
{
private readonly AppDbContext _context;
public DeleteTaxByIdHandler(AppDbContext context) => _context = context;
public async Task<bool> Handle(DeleteTaxByIdCommand request, CancellationToken cancellationToken)
{
var entity = await _context.Tax
.FirstOrDefaultAsync(x => x.Id == request.Data.Id, cancellationToken);
if (entity == null) return false;
_context.Tax.Remove(entity);
return await _context.SaveChangesAsync(cancellationToken) > 0;
}
}
public record DeleteTaxByIdCommand(DeleteTaxByIdRequest Data) : IRequest<bool>;
@@ -0,0 +1,49 @@
using Indotalent.Infrastructure.Database;
using MediatR;
using Microsoft.EntityFrameworkCore;
namespace Indotalent.Features.Setting.Tax.Cqrs;
public class GetTaxByIdResponse
{
public string? Id { get; set; }
public string? Code { get; set; }
public string? Name { get; set; }
public decimal PercentageValue { get; set; }
public string? Category { get; set; }
public string? Description { get; set; }
public DateTimeOffset? CreatedAt { get; set; }
public string? CreatedBy { get; set; }
public DateTimeOffset? UpdatedAt { get; set; }
public string? UpdatedBy { get; set; }
}
public record GetTaxByIdQuery(string Id) : IRequest<GetTaxByIdResponse?>;
public class GetTaxByIdHandler : IRequestHandler<GetTaxByIdQuery, GetTaxByIdResponse?>
{
private readonly AppDbContext _context;
public GetTaxByIdHandler(AppDbContext context) => _context = context;
public async Task<GetTaxByIdResponse?> Handle(GetTaxByIdQuery request, CancellationToken cancellationToken)
{
return await _context.Tax
.AsNoTracking()
.Where(x => x.Id == request.Id)
.Select(x => new GetTaxByIdResponse
{
Id = x.Id,
Code = x.Code,
Name = x.Name,
PercentageValue = x.PercentageValue,
Category = x.Category,
Description = x.Description,
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.Setting.Tax.Cqrs;
public class GetTaxListResponse
{
public string? Id { get; set; }
public string? Code { get; set; }
public string? Name { get; set; }
public decimal PercentageValue { get; set; }
public string? Category { get; set; }
public DateTimeOffset? CreatedAt { get; set; }
public string? CreatedBy { get; set; }
public DateTimeOffset? UpdatedAt { get; set; }
public string? UpdatedBy { get; set; }
}
public record GetTaxListQuery() : IRequest<List<GetTaxListResponse>>;
public class GetTaxListHandler : IRequestHandler<GetTaxListQuery, List<GetTaxListResponse>>
{
private readonly AppDbContext _context;
public GetTaxListHandler(AppDbContext context) => _context = context;
public async Task<List<GetTaxListResponse>> Handle(GetTaxListQuery request, CancellationToken cancellationToken)
{
return await _context.Tax
.AsNoTracking()
.OrderBy(x => x.Code)
.Select(x => new GetTaxListResponse
{
Id = x.Id,
Code = x.Code,
Name = x.Name,
PercentageValue = x.PercentageValue,
Category = x.Category,
CreatedAt = x.CreatedAt,
CreatedBy = x.CreatedBy,
UpdatedAt = x.UpdatedAt,
UpdatedBy = x.UpdatedBy,
})
.ToListAsync(cancellationToken);
}
}
@@ -0,0 +1,70 @@
using Indotalent.ConfigBackEnd.Exceptions;
using Indotalent.Infrastructure.Database;
using MediatR;
using Microsoft.EntityFrameworkCore;
namespace Indotalent.Features.Setting.Tax.Cqrs;
public class UpdateTaxRequest
{
public string? Id { get; set; }
public string? Code { get; set; }
public string? Name { get; set; }
public decimal PercentageValue { get; set; }
public string? Category { get; set; }
public string? Description { get; set; }
public DateTimeOffset? CreatedAt { get; set; }
public string? CreatedBy { get; set; }
public DateTimeOffset? UpdatedAt { get; set; }
public string? UpdatedBy { get; set; }
}
public class UpdateTaxResponse
{
public string? Id { get; set; }
public bool Success { get; set; }
}
public record UpdateTaxCommand(UpdateTaxRequest Data) : IRequest<UpdateTaxResponse>;
public class UpdateTaxHandler : IRequestHandler<UpdateTaxCommand, UpdateTaxResponse>
{
private readonly AppDbContext _context;
public UpdateTaxHandler(AppDbContext context)
{
_context = context;
}
public async Task<UpdateTaxResponse> Handle(UpdateTaxCommand request, CancellationToken cancellationToken)
{
var isExists = await _context.Tax
.AnyAsync(x => x.Code == request.Data.Code && x.Id != request.Data.Id, cancellationToken);
if (isExists)
{
throw new AlreadyExistsException("Tax", request.Data.Code ?? string.Empty);
}
var entity = await _context.Tax
.FirstOrDefaultAsync(x => x.Id == request.Data.Id, cancellationToken);
if (entity == null)
{
return new UpdateTaxResponse { Id = request.Data.Id, Success = false };
}
entity.Code = request.Data.Code;
entity.Name = request.Data.Name;
entity.PercentageValue = request.Data.PercentageValue;
entity.Category = request.Data.Category;
entity.Description = request.Data.Description;
await _context.SaveChangesAsync(cancellationToken);
return new UpdateTaxResponse
{
Id = entity.Id,
Success = true
};
}
}
@@ -0,0 +1,25 @@
using FluentValidation;
using Indotalent.Shared.Consts;
namespace Indotalent.Features.Setting.Tax.Cqrs;
public class UpdateTaxValidator : AbstractValidator<UpdateTaxRequest>
{
public UpdateTaxValidator()
{
RuleFor(x => x.Id)
.NotEmpty().WithMessage("ID is required for update");
RuleFor(x => x.Code)
.NotEmpty().WithMessage("Tax Code is required")
.MaximumLength(GlobalConsts.StringLengthShort);
RuleFor(x => x.Name)
.NotEmpty().WithMessage("Tax Name is required")
.MaximumLength(GlobalConsts.StringLengthShort);
RuleFor(x => x.Category)
.NotEmpty().WithMessage("Category is required")
.MaximumLength(GlobalConsts.StringLengthShort);
}
}
+73
View File
@@ -0,0 +1,73 @@
using Indotalent.ConfigBackEnd.Extensions;
using Indotalent.Features.Setting.Tax.Cqrs;
using MediatR;
using Microsoft.AspNetCore.Authentication.JwtBearer;
namespace Indotalent.Features.Setting.Tax;
public static class TaxEndpoint
{
public static void MapTaxEndpoints(this IEndpointRouteBuilder app)
{
var group = app.MapGroup("/tax").WithTags("Taxes")
.RequireAuthorization(policy => policy.AddAuthenticationSchemes(JwtBearerDefaults.AuthenticationScheme)
.RequireAuthenticatedUser());
group.MapGet("/", async (IMediator mediator) =>
{
var result = await mediator.Send(new GetTaxListQuery());
return result.ToApiResponse("Data tax retrieved successfully");
})
.WithName("GetTaxList")
.WithTags("Taxes");
group.MapGet("/{id}", async (string id, IMediator mediator) =>
{
var result = await mediator.Send(new GetTaxByIdQuery(id));
return result.ToApiResponse(result is not null
? "Tax detail retrieved successfully"
: $"Tax with ID {id} not found");
})
.WithName("GetTaxById")
.WithTags("Taxes");
group.MapPost("/", async (CreateTaxRequest request, IMediator mediator) =>
{
var result = await mediator.Send(new CreateTaxCommand(request));
return result.ToApiResponse("Tax has been created successfully", StatusCodes.Status201Created);
})
.WithName("CreateTax")
.WithTags("Taxes");
group.MapPost("/update", async (UpdateTaxRequest request, IMediator mediator) =>
{
var result = await mediator.Send(new UpdateTaxCommand(request));
if (!result.Success)
{
return ((object?)null).ToApiResponse("Update failed. The tax data could not be found.");
}
return result.ToApiResponse("Tax has been updated successfully");
})
.WithName("UpdateTax")
.WithTags("Taxes");
group.MapPost("/delete/{id}", async (string id, IMediator mediator) =>
{
var result = await mediator.Send(new DeleteTaxByIdCommand(new DeleteTaxByIdRequest(id)));
if (!result)
{
return ((object?)null).ToApiResponse("Delete failed. The tax data could not be found.");
}
return true.ToApiResponse("Tax has been deleted successfully");
})
.WithName("DeleteTaxById")
.WithTags("Taxes");
}
}
+60
View File
@@ -0,0 +1,60 @@
using Indotalent.ConfigBackEnd.Interfaces;
using Indotalent.ConfigFrontEnd.Common;
using Indotalent.Features.Setting.Tax.Cqrs;
using Indotalent.Infrastructure.Authentication.Identity;
using Indotalent.Shared.Models;
using Microsoft.AspNetCore.Components;
using MudBlazor;
using RestSharp;
namespace Indotalent.Features.Setting.Tax;
public class TaxService : BaseService
{
private readonly RestClient _client;
public TaxService(
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<GetTaxListResponse>>?> GetTaxListAsync()
{
var request = new RestRequest("api/tax", Method.Get);
return await ExecuteWithResponseAsync<List<GetTaxListResponse>>(_client, request);
}
public async Task<ApiResponse<GetTaxByIdResponse>?> GetTaxByIdAsync(string id)
{
var request = new RestRequest($"api/tax/{id}", Method.Get);
return await ExecuteWithResponseAsync<GetTaxByIdResponse>(_client, request);
}
public async Task<ApiResponse<CreateTaxResponse>?> CreateTaxAsync(CreateTaxRequest data)
{
var request = new RestRequest("api/tax", Method.Post);
request.AddJsonBody(data);
return await ExecuteWithResponseAsync<CreateTaxResponse>(_client, request);
}
public async Task<bool> DeleteTaxByIdAsync(string id)
{
var request = new RestRequest($"api/tax/delete/{id}", Method.Post);
var response = await ExecuteWithResponseAsync<object>(_client, request);
return response?.IsSuccess ?? false;
}
public async Task<ApiResponse<UpdateTaxResponse>?> UpdateTaxAsync(UpdateTaxRequest data)
{
var request = new RestRequest("api/tax/update", Method.Post);
request.AddJsonBody(data);
return await ExecuteWithResponseAsync<UpdateTaxResponse>(_client, request);
}
}