go2ismail/blazor-oms
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

initial commit

Browse Source
This commit is contained in:
go2ismail
2026-07-21 13:38:38 +07:00
commit 5047288f04
777 changed files with 57255 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Features/Utilities/Todo/Components/TodoPage.razor
+53
View File
@@ -0,0 +1,53 @@
@page "/utilities/todo"
@using Indotalent.Features.Utilities.Todo
@using Indotalent.Features.Utilities.Todo.Cqrs
@using Indotalent.Features.Utilities.Todo.Components
@using MudBlazor
@if (_currentView == ViewMode.Create)
{
<_TodoCreateForm OnCancel="BackToTable"
OnSuccess="HandleSuccess" />
}
else if (_currentView == ViewMode.Update || _currentView == ViewMode.View)
{
<_TodoUpdateForm Data="_selectedData!"
ReadOnly="@(_currentView == ViewMode.View)"
OnCancel="BackToTable"
OnSuccess="HandleSuccess" />
}
else
{
<_TodoDataTable 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 UpdateTodoRequest? _selectedData;
private void ShowCreate()
{
_currentView = ViewMode.Create;
}
private void ShowUpdate(UpdateTodoRequest 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;
}
}
Features/Utilities/Todo/Components/_TodoCreateForm.razor
+137
View File
@@ -0,0 +1,137 @@
@using Indotalent.Features.Utilities.Todo
@using Indotalent.Features.Utilities.Todo.Cqrs
@using Indotalent.Shared.Utils
@using MudBlazor
@inject TodoService TodoService
@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 Todo</MudText>
<MudText Typo="Typo.body2" Style="color: #64748b;">Create a new master todo and its items.</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">Todo Name</MudText>
<MudTextField @bind-Value="_model.Name"
For="@(() => _model.Name)"
Validation="@(_validator.ValidateValue())"
Variant="Variant.Outlined" Margin="Margin.Dense" FullWidth="true" Placeholder="e.g. Project Launch" />
</MudItem>
<MudItem xs="12" sm="6">
<MudText Typo="Typo.subtitle2" Class="mb-1">Start Date</MudText>
<MudDatePicker @bind-Date="_startDate"
Variant="Variant.Outlined" Margin="Margin.Dense" />
</MudItem>
<MudItem xs="12" sm="6">
<MudText Typo="Typo.subtitle2" Class="mb-1">Start Time</MudText>
<MudTimePicker @bind-Time="_startTime"
Variant="Variant.Outlined" Margin="Margin.Dense" />
</MudItem>
<MudItem xs="12" sm="6">
<MudText Typo="Typo.subtitle2" Class="mb-1">End Date</MudText>
<MudDatePicker @bind-Date="_endDate"
Variant="Variant.Outlined" Margin="Margin.Dense" />
</MudItem>
<MudItem xs="12" sm="6">
<MudText Typo="Typo.subtitle2" Class="mb-1">End Time</MudText>
<MudTimePicker @bind-Time="_endTime"
Variant="Variant.Outlined" Margin="Margin.Dense" />
</MudItem>
<MudItem xs="12">
<MudCheckBox @bind-Value="_model.IsCompleted" Label="Completed" Color="Color.Primary" />
</MudItem>
<MudItem xs="12">
<MudText Typo="Typo.subtitle2" Class="mb-1">Description</MudText>
<MudTextField @bind-Value="_model.Description"
For="@(() => _model.Description)"
Variant="Variant.Outlined" Margin="Margin.Dense" Lines="3" FullWidth="true" />
</MudItem>
</MudGrid>
<div class="d-flex justify-end gap-2 mt-8">
<MudButton OnClick="() => OnCancel.InvokeAsync()"
Variant="Variant.Outlined"
Disabled="_processing"
Style="border: 1px solid #e0e0e0; border-radius: 4px; text-transform: none; font-weight: 700;">
Cancel
</MudButton>
<MudButton Color="Color.Primary"
Variant="Variant.Filled"
OnClick="Submit"
Disabled="_processing"
Style="border-radius: 4px; text-transform: none; font-weight: 700;">
@if (_processing)
{
<MudProgressCircular Class="ms-n1" Size="Size.Small" Indeterminate="true" />
<MudText Class="ms-2" Typo="Typo.button" Style="text-transform: none !important;">Processing...</MudText>
}
else
{
<MudText>Create Todo</MudText>
}
</MudButton>
</div>
</MudForm>
</MudPaper>
@code {
[Parameter] public EventCallback OnCancel { get; set; }
[Parameter] public EventCallback OnSuccess { get; set; }
private MudForm _form = default!;
private CreateTodoValidator _validator = new();
private CreateTodoRequest _model = new();
private bool _processing = false;
private DateTime? _startDate = DateTime.Today;
private TimeSpan? _startTime = DateTime.Now.TimeOfDay;
private DateTime? _endDate = DateTime.Today;
private TimeSpan? _endTime = DateTime.Now.TimeOfDay.Add(TimeSpan.FromHours(1));
private async Task Submit()
{
if (_startDate.HasValue && _startTime.HasValue)
_model.StartTime = _startDate.Value.Date.Add(_startTime.Value);
if (_endDate.HasValue && _endTime.HasValue)
_model.EndTime = _endDate.Value.Date.Add(_endTime.Value);
await _form.Validate();
if (!_form.IsValid) return;
_processing = true;
try
{
var response = await TodoService.CreateTodoAsync(_model);
await Task.Delay(500);
if (response != null && response.IsSuccess)
{
Snackbar.Add("Todo created successfully", Severity.Success);
await OnSuccess.InvokeAsync();
}
}
catch (Exception ex)
{
Snackbar.Add($"Error: {ex.Message}", Severity.Error);
}
finally
{
_processing = false;
}
}
}
Features/Utilities/Todo/Components/_TodoDataTable.razor
+401
View File
@@ -0,0 +1,401 @@
@using Indotalent.ConfigBackEnd.Extensions
@using Indotalent.Features.Utilities.Todo
@using Indotalent.Features.Utilities.Todo.Cqrs
@using Microsoft.AspNetCore.Components.Web
@using Microsoft.JSInterop
@using MudBlazor
@using Features.Root.Shared
@using ClosedXML.Excel
@using System.IO
@inject TodoService TodoService
@inject IDialogService DialogService
@inject ISnackbar Snackbar
@inject IJSRuntime JSRuntime
<MudPaper Elevation="0" Square="true" Class="pa-6 mb-3 d-flex align-center justify-space-between" Style="border: 1px solid #E5E7EB; border-radius: 12px;">
<div>
<MudText Typo="Typo.h5" Style="font-weight: 700; color: #111827;">Todo Management</MudText>
<MudText Typo="Typo.body2" Style="color: #9CA3AF;">Manage your daily tasks and activities.</MudText>
</div>
<div class="d-flex align-center gap-2">
<MudIcon Icon="@Icons.Material.Filled.Home" Size="Size.Small" Color="Color.Default" />
<MudText Typo="Typo.caption" Style="color: #94a3b8;">/</MudText>
<MudText Typo="Typo.caption" Style="color: #94a3b8;">Utilities</MudText>
<MudText Typo="Typo.caption" Style="color: #94a3b8;">/</MudText>
<MudText Typo="Typo.caption" Style="font-weight: 600; color: #111827;">Todo</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; background: #3B82F6; color: white; box-shadow: none;">
Search
</MudButton>
</div>
<div style="display: flex; gap: 8px; align-items: center;">
<MudButton Variant="Variant.Outlined"
Color="Color.Success"
OnClick="ExportToExcel"
Size="Size.Small"
Disabled="_isExporting"
StartIcon="@(_isExporting ? null : Icons.Custom.FileFormats.FileExcel)"
Style="border: 1px solid #D1D5DB; background:white; font-weight: 500; border-radius: 6px; text-transform: none; height: 34px;">
@if (_isExporting)
{
<MudProgressCircular Class="ms-n1" Size="Size.Small" Indeterminate="true" />
<MudText Class="ms-2" Typo="Typo.button" Style="text-transform: none !important;">Processing...</MudText>
}
else
{
<MudText Typo="Typo.button" Style="text-transform: none !important;">Excel</MudText>
}
</MudButton>
<MudButton Variant="Variant.Outlined"
Color="Color.Primary"
OnClick="LoadData"
Size="Size.Small"
StartIcon="@(_isRefreshing ? null : Icons.Material.Filled.Refresh)"
Disabled="_isRefreshing"
Style="border: 1px solid #D1D5DB; background:white; font-weight: 500; border-radius: 6px; text-transform: none; height: 34px;">
@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 (_selectedTodo != null)
{
<MudButton Variant="Variant.Outlined" Color="Color.Info" StartIcon="@Icons.Material.Filled.Visibility" OnClick="InvokeView" Size="Size.Small" Style="border: 1px solid #D1D5DB; text-transform: none; font-weight: 500; border-radius: 6px; background-color: white; height: 34px;">View</MudButton>
<MudButton Variant="Variant.Outlined" Color="Color.Primary" StartIcon="@Icons.Material.Filled.Edit" OnClick="InvokeEdit" Size="Size.Small" Style="border: 1px solid #D1D5DB; text-transform: none; font-weight: 500; border-radius: 6px; background-color: white; height: 34px;">Edit</MudButton>
<MudButton Variant="Variant.Filled" Color="Color.Error" StartIcon="@Icons.Material.Filled.Delete" OnClick="OnDelete" Size="Size.Small" Style="text-transform: none; font-weight: 500; border-radius: 6px; height: 34px; background: white; border: 1px solid #FCA5A5; color: #EF4444;">Remove</MudButton>
<MudIconButton Icon="@Icons.Material.Filled.Close" Size="Size.Small" OnClick="() => _selectedTodo = 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; background: #3B82F6; color: white;">
Add New Todo
</MudButton>
}
</div>
</div>
<MudTable Items="@GetPagedData()" Hover="true" Elevation="0" Striped="true" Class="mud-table-styled" CustomHeader="true" Dense="true" T="GetTodoListResponse" OnRowClick="@((args) => _selectedTodo = args.Item)" Loading="@_isRefreshing">
<HeaderContent>
<MudTh Style="width: 50px; background-color: #F9FAFB; border-bottom: 1px solid #E5E7EB;"></MudTh>
<MudTh Style="font-weight: 600; color: #6B7280; text-transform: uppercase; font-size: 0.6875rem; letter-spacing: 0.05em; background-color: #F9FAFB; border-bottom: 1px solid #E5E7EB; white-space: nowrap;">
<MudTableSortLabel SortBy="new Func<GetTodoListResponse, object>(x => x.AutoNumber!)">No</MudTableSortLabel>
</MudTh>
<MudTh Style="font-weight: 600; color: #6B7280; text-transform: uppercase; font-size: 0.6875rem; letter-spacing: 0.05em; background-color: #F9FAFB; border-bottom: 1px solid #E5E7EB; white-space: nowrap;">
<MudTableSortLabel SortBy="new Func<GetTodoListResponse, object>(x => x.Name!)">Todo Name</MudTableSortLabel>
</MudTh>
<MudTh Style="font-weight: 600; color: #6B7280; text-transform: uppercase; font-size: 0.6875rem; letter-spacing: 0.05em; background-color: #F9FAFB; border-bottom: 1px solid #E5E7EB; white-space: nowrap;">Start Time</MudTh>
<MudTh Style="font-weight: 600; color: #6B7280; text-transform: uppercase; font-size: 0.6875rem; letter-spacing: 0.05em; background-color: #F9FAFB; border-bottom: 1px solid #E5E7EB; white-space: nowrap;">Status</MudTh>
<MudTh Style="font-weight: 600; color: #6B7280; text-transform: uppercase; font-size: 0.6875rem; letter-spacing: 0.05em; background-color: #F9FAFB; border-bottom: 1px solid #E5E7EB; white-space: nowrap;">Description</MudTh>
</HeaderContent>
<RowTemplate>
<MudTd>
<MudCheckBox T="bool" Value="@(_selectedTodo?.Id == context.Id)" Color="Color.Primary" Dense="true" Size="Size.Small" ReadOnly="true" />
</MudTd>
<MudTd>@context.AutoNumber</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: 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>@DateTimeExtensions.ToString(context.StartTime)</MudTd>
<MudTd>
@if (context.IsCompleted)
{
<MudChip T="string" Color="Color.Success" Size="Size.Small" Variant="Variant.Text" Style="font-weight: 800;">COMPLETED</MudChip>
}
else
{
<MudChip T="string" Color="Color.Warning" Size="Size.Small" Variant="Variant.Text" Style="font-weight: 800;">PENDING</MudChip>
}
</MudTd>
<MudTd>@context.Description</MudTd>
</RowTemplate>
</MudTable>
<div style="display: flex; justify-content: space-between; align-items: center; padding: 12px 24px; background-color: #F9FAFB; border-top: 1px solid #E5E7EB;">
<div style="display: flex; align-items: center; gap: 12px;">
<MudText Typo="Typo.caption" Style="font-weight: 500; color: #9CA3AF; font-size: 0.75rem;">Rows per page:</MudText>
<MudSelect T="int"
Value="@_top"
ValueChanged="OnPageSizeChanged"
Dense="true"
Margin="Margin.Dense"
Style="width: 80px; background-color: white; font-size: 12px; font-weight: 600;"
Variant="Variant.Outlined"
Class="mt-0 custom-select-dense">
<MudSelectItem Value="5" />
<MudSelectItem Value="10" />
<MudSelectItem Value="50" />
<MudSelectItem Value="500" />
<MudSelectItem Value="1000" />
</MudSelect>
<MudText Typo="Typo.caption" Style="color: #9CA3AF; font-size: 0.75rem; font-weight: 500; margin-left: 12px;">
Showing @(GetFilteredData().Count() == 0 ? 0 : _skip + 1)-@Math.Min(_skip + _top, GetFilteredData().Count()) of @GetFilteredData().Count()
</MudText>
</div>
<div style="display: flex; gap: 8px; align-items: center;">
<MudIconButton Icon="@Icons.Material.Filled.FirstPage" Size="Size.Small" OnClick="@(() => OnPageChanged(1))" Disabled="@(_currentPage == 1)" Style="@(_currentPage == 1 ? "color: #D1D5DB; background: transparent;" : "color: #6B7280; background: white; border: 1px solid #D1D5DB; border-radius: 6px;")" Class="rounded-0" />
<MudButton OnClick="@(() => OnPageChanged(_currentPage - 1))" Disabled="@(_currentPage == 1)" Variant="Variant.Text" StartIcon="@Icons.Material.Filled.ChevronLeft" Size="Size.Small" Style="@(_currentPage == 1 ? "color: #D1D5DB; text-transform: none; font-weight: 500; padding: 4px 8px;" : "border: 1px solid #D1D5DB; border-radius: 6px; background: white; color: #6B7280; text-transform: none; font-weight: 500; padding: 4px 8px;")">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 ? "color: #D1D5DB; text-transform: none; font-weight: 500; padding: 4px 8px;" : "border: 1px solid #D1D5DB; border-radius: 6px; background: white; color: #6B7280; text-transform: none; font-weight: 500; padding: 4px 8px;")">Next</MudButton>
<MudIconButton Icon="@Icons.Material.Filled.LastPage" Size="Size.Small" OnClick="@(() => OnPageChanged(_totalPage))" Disabled="@(_currentPage == _totalPage || _totalPage == 0)" Style="@(_currentPage == _totalPage || _totalPage == 0 ? "color: #D1D5DB; background: transparent;" : "color: #6B7280; background: white; border: 1px solid #D1D5DB; border-radius: 6px;")" Class="rounded-0" />
</div>
</div>
</MudPaper>
<style>
.mud-table-styled .mud-table-row:hover { background-color: #F9FAFB !important; }
</style>
@code {
[Parameter] public EventCallback OnAdd { get; set; }
[Parameter] public EventCallback<UpdateTodoRequest> OnEdit { get; set; }
[Parameter] public EventCallback<UpdateTodoRequest> OnView { get; set; }
private List<GetTodoListResponse> _todos = new();
private GetTodoListResponse? _selectedTodo;
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;
_selectedTodo = null;
StateHasChanged();
try
{
var response = await TodoService.GetTodoListAsync();
await Task.Delay(500);
if (response != null && response.IsSuccess)
{
_todos = response.Value ?? new List<GetTodoListResponse>();
}
}
finally
{
_isRefreshing = false;
StateHasChanged();
}
}
private IEnumerable<GetTodoListResponse> GetFilteredData()
{
if (string.IsNullOrWhiteSpace(_searchString)) return _todos;
return _todos.Where(x =>
(x.Name?.Contains(_searchString, StringComparison.OrdinalIgnoreCase) ?? false) ||
(x.AutoNumber?.Contains(_searchString, StringComparison.OrdinalIgnoreCase) ?? false) ||
(x.Description?.Contains(_searchString, StringComparison.OrdinalIgnoreCase) ?? false)
);
}
private IEnumerable<GetTodoListResponse> GetPagedData() => GetFilteredData().Skip(_skip).Take(_top);
private void OnSearchClick()
{
_skip = 0;
_selectedTodo = 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("Todos");
var currentRow = 1;
worksheet.Cell(currentRow, 1).Value = "Auto Number";
worksheet.Cell(currentRow, 2).Value = "Todo Name";
worksheet.Cell(currentRow, 3).Value = "Start Time";
worksheet.Cell(currentRow, 4).Value = "End Time";
worksheet.Cell(currentRow, 5).Value = "Status";
worksheet.Cell(currentRow, 6).Value = "Description";
var headerRange = worksheet.Range(1, 1, 1, 6);
headerRange.Style.Font.Bold = true;
headerRange.Style.Fill.BackgroundColor = XLColor.FromHtml("#0D47A1");
headerRange.Style.Font.FontColor = XLColor.White;
foreach (var item in GetFilteredData())
{
currentRow++;
worksheet.Cell(currentRow, 1).Value = item.AutoNumber;
worksheet.Cell(currentRow, 2).Value = item.Name;
worksheet.Cell(currentRow, 3).Value = item.StartTime?.ToString("yyyy-MM-dd HH:mm");
worksheet.Cell(currentRow, 4).Value = item.EndTime?.ToString("yyyy-MM-dd HH:mm");
worksheet.Cell(currentRow, 5).Value = item.IsCompleted ? "Completed" : "Pending";
worksheet.Cell(currentRow, 6).Value = item.Description;
}
worksheet.Columns().AdjustToContents();
using (var stream = new MemoryStream())
{
workbook.SaveAs(stream);
var content = Convert.ToBase64String(stream.ToArray());
await JSRuntime.InvokeVoidAsync("downloadFile", "Todo_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;
_selectedTodo = null;
StateHasChanged();
}
}
private void OnPageSizeChanged(int size)
{
_top = size;
_skip = 0;
_selectedTodo = null;
StateHasChanged();
}
private async Task InvokeEdit()
{
if (_selectedTodo == null) return;
var request = await MapToUpdateRequest(_selectedTodo.Id!);
if (request != null) await OnEdit.InvokeAsync(request);
}
private async Task InvokeView()
{
if (_selectedTodo == null) return;
var request = await MapToUpdateRequest(_selectedTodo.Id!);
if (request != null) await OnView.InvokeAsync(request);
}
private async Task<UpdateTodoRequest?> MapToUpdateRequest(string id)
{
var response = await TodoService.GetTodoByIdAsync(id);
if (response != null && response.IsSuccess && response.Value != null)
{
var detail = response.Value;
return new UpdateTodoRequest
{
Id = detail.Id,
Name = detail.Name,
Description = detail.Description,
StartTime = detail.StartTime,
EndTime = detail.EndTime,
IsCompleted = detail.IsCompleted,
CreatedAt = detail.CreatedAt,
CreatedBy = detail.CreatedBy,
UpdatedAt = detail.UpdatedAt,
UpdatedBy = detail.UpdatedBy
};
}
return null;
}
private async Task OnDelete()
{
if (_selectedTodo == null) return;
var parameters = new DialogParameters<_DeleteConfirmation> { { x => x.ContentText, _selectedTodo.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 TodoService.DeleteTodoByIdAsync(_selectedTodo.Id!);
if (isSuccess)
{
_selectedTodo = null;
await LoadData();
Snackbar.Add("Todo deleted successfully", Severity.Success);
}
else
{
Snackbar.Add("Delete failed.", Severity.Error);
}
}
}
}
Features/Utilities/Todo/Components/_TodoItemCreateForm.razor
+93
View File
@@ -0,0 +1,93 @@
@using Indotalent.Features.Utilities.Todo.Cqrs
@using MudBlazor
@inject TodoService TodoService
@inject ISnackbar Snackbar
<MudDialog>
<DialogContent>
<MudForm @ref="_form" Model="_model">
<MudGrid Spacing="2">
<MudItem xs="12">
<MudText Typo="Typo.subtitle2" Class="mb-1">Item Name</MudText>
<MudTextField @bind-Value="_model.Name" Required="true" Variant="Variant.Outlined" Margin="Margin.Dense" />
</MudItem>
<MudItem xs="12" sm="6">
<MudText Typo="Typo.subtitle2" Class="mb-1">Start Date</MudText>
<MudDatePicker @bind-Date="_startDate" Variant="Variant.Outlined" Margin="Margin.Dense" />
</MudItem>
<MudItem xs="12" sm="6">
<MudText Typo="Typo.subtitle2" Class="mb-1">Start Time</MudText>
<MudTimePicker @bind-Time="_startTime" Variant="Variant.Outlined" Margin="Margin.Dense" />
</MudItem>
<MudItem xs="12" sm="6">
<MudText Typo="Typo.subtitle2" Class="mb-1">End Date</MudText>
<MudDatePicker @bind-Date="_endDate" Variant="Variant.Outlined" Margin="Margin.Dense" />
</MudItem>
<MudItem xs="12" sm="6">
<MudText Typo="Typo.subtitle2" Class="mb-1">End Time</MudText>
<MudTimePicker @bind-Time="_endTime" Variant="Variant.Outlined" Margin="Margin.Dense" />
</MudItem>
<MudItem xs="12">
<MudCheckBox @bind-Value="_model.IsCompleted" Label="Completed" Color="Color.Primary" />
</MudItem>
<MudItem xs="12">
<MudText Typo="Typo.subtitle2" Class="mb-1">Description</MudText>
<MudTextField @bind-Value="_model.Description" Variant="Variant.Outlined" Margin="Margin.Dense" Lines="3" />
</MudItem>
</MudGrid>
</MudForm>
</DialogContent>
<DialogActions>
<MudButton OnClick="Cancel" Variant="Variant.Text">Cancel</MudButton>
<MudButton Color="Color.Primary" OnClick="Submit" Variant="Variant.Filled" Disabled="_processing" Style="text-transform: none; font-weight: 700; border-radius: 4px;">
@if (_processing)
{
<MudProgressCircular Size="Size.Small" Indeterminate="true" />
<MudText Class="ms-2" Typo="Typo.button" Style="text-transform: none !important;">Processing...</MudText>
}
else
{
<MudText>Add Item</MudText>
}
</MudButton>
</DialogActions>
</MudDialog>
@code {
[CascadingParameter] IMudDialogInstance MudDialog { get; set; } = default!;
[Parameter] public string TodoId { get; set; } = string.Empty;
private MudForm _form = default!;
private CreateTodoItemRequest _model = new();
private bool _processing = false;
private DateTime? _startDate = DateTime.Today;
private TimeSpan? _startTime = DateTime.Now.TimeOfDay;
private DateTime? _endDate = DateTime.Today;
private TimeSpan? _endTime = DateTime.Now.TimeOfDay.Add(TimeSpan.FromHours(1));
private void Cancel() => MudDialog.Cancel();
private async Task Submit()
{
if (_startDate.HasValue && _startTime.HasValue)
_model.StartTime = _startDate.Value.Date.Add(_startTime.Value);
if (_endDate.HasValue && _endTime.HasValue)
_model.EndTime = _endDate.Value.Date.Add(_endTime.Value);
await _form.Validate();
if (!_form.IsValid) return;
_processing = true;
_model.TodoId = TodoId;
try
{
var response = await TodoService.CreateTodoItemAsync(_model);
await Task.Delay(500);
if (response != null && response.IsSuccess)
{
Snackbar.Add("Item added successfully", Severity.Success);
MudDialog.Close(DialogResult.Ok(true));
}
}
finally { _processing = false; }
}
}
Features/Utilities/Todo/Components/_TodoItemDataTable.razor
+101
View File
@@ -0,0 +1,101 @@
@using Indotalent.ConfigBackEnd.Extensions
@using Indotalent.Features.Utilities.Todo
@using Indotalent.Features.Utilities.Todo.Cqrs
@using MudBlazor
@using Indotalent.Features.Root.Shared
@inject TodoService TodoService
@inject IDialogService DialogService
@inject ISnackbar Snackbar
<MudPaper Elevation="0" Outlined="true" Style="border-radius: 12px; border: 1px solid #E5E7EB;">
<div style="padding: 16px; border-bottom: 1px solid #E5E7EB; display: flex; justify-content: space-between; align-items: center; background-color: #F9FAFB;">
<MudText Typo="Typo.button" Color="Color.Primary" Style="font-weight: 800;">Todo Items</MudText>
@if (!ReadOnly)
{
<MudButton Variant="Variant.Filled" Color="Color.Primary" StartIcon="@Icons.Material.Filled.Add" OnClick="OnAddClick" Size="Size.Small" Style="text-transform: none; font-weight: 700; border-radius: 4px;">
Add Item
</MudButton>
}
</div>
<MudTable Items="Items" Hover="true" Elevation="0" Striped="true" Class="mud-table-styled" Dense="true" T="TodoItemResponse">
<HeaderContent>
<MudTh Style="font-weight: 600; color: #6B7280; text-transform: uppercase; font-size: 0.6875rem; letter-spacing: 0.05em; background-color: #F9FAFB; border-bottom: 1px solid #E5E7EB;">Name</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;">Start Time</MudTh>
<MudTh Style="font-weight: 600; color: #6B7280; text-transform: uppercase; font-size: 0.6875rem; letter-spacing: 0.05em; background-color: #F9FAFB; border-bottom: 1px solid #E5E7EB;">Status</MudTh>
<MudTh Style="font-weight: 600; color: #6B7280; text-transform: uppercase; font-size: 0.6875rem; letter-spacing: 0.05em; background-color: #F9FAFB; border-bottom: 1px solid #E5E7EB;">Description</MudTh>
@if (!ReadOnly)
{
<MudTh Style="width: 100px; text-align: right; font-weight: 700;">Actions</MudTh>
}
</HeaderContent>
<RowTemplate>
<MudTd DataLabel="Name">@context.Name</MudTd>
<MudTd DataLabel="Start Time">@DateTimeExtensions.ToString(context.StartTime)</MudTd>
<MudTd DataLabel="Status">
@if (context.IsCompleted)
{
<MudChip T="string" Color="Color.Success" Size="Size.Small" Variant="Variant.Text">COMPLETED</MudChip>
}
else
{
<MudChip T="string" Color="Color.Warning" Size="Size.Small" Variant="Variant.Text">PENDING</MudChip>
}
</MudTd>
<MudTd DataLabel="Description">@context.Description</MudTd>
@if (!ReadOnly)
{
<MudTd Style="text-align: right;">
<MudIconButton Icon="@Icons.Material.Filled.Edit" Size="Size.Small" Color="Color.Primary" OnClick="@(() => OnEditClick(context))" />
<MudIconButton Icon="@Icons.Material.Filled.Delete" Size="Size.Small" Color="Color.Error" OnClick="@(() => OnDeleteClick(context))" />
</MudTd>
}
</RowTemplate>
</MudTable>
</MudPaper>
<style>
.mud-table-styled .mud-table-row:hover { background-color: #F9FAFB !important; }
</style>
@code {
[Parameter] public string TodoId { get; set; } = string.Empty;
[Parameter] public List<TodoItemResponse> Items { get; set; } = new();
[Parameter] public bool ReadOnly { get; set; } = false;
[Parameter] public EventCallback OnChanged { get; set; }
private async Task OnAddClick()
{
var parameters = new DialogParameters { ["TodoId"] = TodoId };
var options = new DialogOptions { MaxWidth = MaxWidth.Small, FullWidth = true, CloseButton = true };
var dialog = await DialogService.ShowAsync<_TodoItemCreateForm>("Add Todo Item", parameters, options);
var result = await dialog.Result;
if (result != null && !result.Canceled) await OnChanged.InvokeAsync();
}
private async Task OnEditClick(TodoItemResponse item)
{
var parameters = new DialogParameters { ["Data"] = item };
var options = new DialogOptions { MaxWidth = MaxWidth.Small, FullWidth = true, CloseButton = true };
var dialog = await DialogService.ShowAsync<_TodoItemUpdateForm>("Edit Todo Item", parameters, options);
var result = await dialog.Result;
if (result != null && !result.Canceled) await OnChanged.InvokeAsync();
}
private async Task OnDeleteClick(TodoItemResponse item)
{
var parameters = new DialogParameters { ["ContentText"] = $"Are you sure you want to remove {item.Name}?" };
var dialog = await DialogService.ShowAsync<_DeleteConfirmation>("Delete Confirmation", parameters, new DialogOptions { MaxWidth = MaxWidth.ExtraSmall, FullWidth = true });
var result = await dialog.Result;
if (result != null && !result.Canceled)
{
var success = await TodoService.DeleteTodoItemAsync(item.Id!);
if (success)
{
Snackbar.Add("Item removed successfully", Severity.Success);
await OnChanged.InvokeAsync();
}
}
}
}
Features/Utilities/Todo/Components/_TodoItemUpdateForm.razor
+107
View File
@@ -0,0 +1,107 @@
@using Indotalent.Features.Utilities.Todo.Cqrs
@using MudBlazor
@inject TodoService TodoService
@inject ISnackbar Snackbar
<MudDialog>
<DialogContent>
<MudForm @ref="_form" Model="_model">
<MudGrid Spacing="2">
<MudItem xs="12">
<MudText Typo="Typo.subtitle2" Class="mb-1">Item Name</MudText>
<MudTextField @bind-Value="_model.Name" Required="true" Variant="Variant.Outlined" Margin="Margin.Dense" />
</MudItem>
<MudItem xs="12" sm="6">
<MudText Typo="Typo.subtitle2" Class="mb-1">Start Date</MudText>
<MudDatePicker @bind-Date="_startDate" Variant="Variant.Outlined" Margin="Margin.Dense" />
</MudItem>
<MudItem xs="12" sm="6">
<MudText Typo="Typo.subtitle2" Class="mb-1">Start Time</MudText>
<MudTimePicker @bind-Time="_startTime" Variant="Variant.Outlined" Margin="Margin.Dense" />
</MudItem>
<MudItem xs="12" sm="6">
<MudText Typo="Typo.subtitle2" Class="mb-1">End Date</MudText>
<MudDatePicker @bind-Date="_endDate" Variant="Variant.Outlined" Margin="Margin.Dense" />
</MudItem>
<MudItem xs="12" sm="6">
<MudText Typo="Typo.subtitle2" Class="mb-1">End Time</MudText>
<MudTimePicker @bind-Time="_endTime" Variant="Variant.Outlined" Margin="Margin.Dense" />
</MudItem>
<MudItem xs="12">
<MudCheckBox @bind-Value="_model.IsCompleted" Label="Completed" Color="Color.Primary" />
</MudItem>
<MudItem xs="12">
<MudText Typo="Typo.subtitle2" Class="mb-1">Description</MudText>
<MudTextField @bind-Value="_model.Description" Variant="Variant.Outlined" Margin="Margin.Dense" Lines="3" />
</MudItem>
</MudGrid>
</MudForm>
</DialogContent>
<DialogActions>
<MudButton OnClick="Cancel" Variant="Variant.Text">Cancel</MudButton>
<MudButton Color="Color.Primary" OnClick="Submit" Variant="Variant.Filled" Disabled="_processing" Style="text-transform: none; font-weight: 700; border-radius: 4px;">
@if (_processing)
{
<MudProgressCircular Size="Size.Small" Indeterminate="true" />
<MudText Class="ms-2">Updating...</MudText>
}
else
{
<MudText>Save Changes</MudText>
}
</MudButton>
</DialogActions>
</MudDialog>
@code {
[CascadingParameter] IMudDialogInstance MudDialog { get; set; } = default!;
[Parameter] public TodoItemResponse Data { get; set; } = new();
private MudForm _form = default!;
private UpdateTodoItemRequest _model = new();
private bool _processing = false;
private DateTime? _startDate;
private TimeSpan? _startTime;
private DateTime? _endDate;
private TimeSpan? _endTime;
protected override void OnInitialized()
{
_model.Id = Data.Id;
_model.Name = Data.Name;
_model.Description = Data.Description;
_model.IsCompleted = Data.IsCompleted;
_model.StartTime = Data.StartTime;
_model.EndTime = Data.EndTime;
_startDate = _model.StartTime?.Date;
_startTime = _model.StartTime?.TimeOfDay;
_endDate = _model.EndTime?.Date;
_endTime = _model.EndTime?.TimeOfDay;
}
private void Cancel() => MudDialog.Cancel();
private async Task Submit()
{
if (_startDate.HasValue && _startTime.HasValue)
_model.StartTime = _startDate.Value.Date.Add(_startTime.Value);
if (_endDate.HasValue && _endTime.HasValue)
_model.EndTime = _endDate.Value.Date.Add(_endTime.Value);
await _form.Validate();
if (!_form.IsValid) return;
_processing = true;
try
{
var response = await TodoService.UpdateTodoItemAsync(_model);
await Task.Delay(500);
if (response != null && response.Value!.Success)
{
Snackbar.Add("Item updated successfully", Severity.Success);
MudDialog.Close(DialogResult.Ok(true));
}
}
finally { _processing = false; }
}
}
Features/Utilities/Todo/Components/_TodoUpdateForm.razor
+208
View File
@@ -0,0 +1,208 @@
@using Indotalent.ConfigBackEnd.Extensions
@using Indotalent.Features.Utilities.Todo
@using Indotalent.Features.Utilities.Todo.Cqrs
@using Indotalent.Features.Utilities.Todo.Components
@using Indotalent.Shared.Utils
@using MudBlazor
@inject TodoService TodoService
@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 ? "Todo Details" : "Edit Todo")</MudText>
<MudText Typo="Typo.body2" Style="color: #64748b;">@(ReadOnly ? "Viewing todo specification." : "Modify existing todo information.")</MudText>
</div>
</div>
</MudPaper>
<MudPaper Elevation="0" Outlined="true" Class="pa-8" Style="border-radius: 4px; border: 1px solid #DCEBFA;">
<MudForm @ref="_form" Model="_model">
<MudGrid Spacing="3">
<MudItem xs="12">
<MudText Typo="Typo.subtitle2" Class="mb-1">Todo 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">Start Date</MudText>
<MudDatePicker @bind-Date="_startDate" ReadOnly="ReadOnly"
Variant="Variant.Outlined" Margin="Margin.Dense" />
</MudItem>
<MudItem xs="12" sm="6">
<MudText Typo="Typo.subtitle2" Class="mb-1">Start Time</MudText>
<MudTimePicker @bind-Time="_startTime" ReadOnly="ReadOnly"
Variant="Variant.Outlined" Margin="Margin.Dense" />
</MudItem>
<MudItem xs="12" sm="6">
<MudText Typo="Typo.subtitle2" Class="mb-1">End Date</MudText>
<MudDatePicker @bind-Date="_endDate" ReadOnly="ReadOnly"
Variant="Variant.Outlined" Margin="Margin.Dense" />
</MudItem>
<MudItem xs="12" sm="6">
<MudText Typo="Typo.subtitle2" Class="mb-1">End Time</MudText>
<MudTimePicker @bind-Time="_endTime" ReadOnly="ReadOnly"
Variant="Variant.Outlined" Margin="Margin.Dense" />
</MudItem>
<MudItem xs="12">
<MudCheckBox @bind-Value="_model.IsCompleted" Label="Completed" Color="Color.Primary" ReadOnly="ReadOnly" />
</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-6">
<_TodoItemDataTable Items="_items" TodoId="@(_model.Id ?? string.Empty)" ReadOnly="ReadOnly" OnChanged="RefreshItems" />
</MudItem>
<MudItem xs="12" Class="mt-4">
<MudText Typo="Typo.button" Color="Color.Primary" Style="font-weight: 800;">Audit History</MudText>
<MudDivider Class="mt-2 mb-4" />
</MudItem>
<MudItem xs="12" sm="6">
<MudText Typo="Typo.subtitle2">Created At</MudText>
<MudText Typo="Typo.body2" Style="color: #1a1a1a; font-weight: 600;">@DateTimeExtensions.ToString(_model.CreatedAt)</MudText>
</MudItem>
<MudItem xs="12" sm="6">
<MudText Typo="Typo.subtitle2">Created By</MudText>
<MudText Typo="Typo.body2" Style="color: #1a1a1a; font-weight: 600;">@(!string.IsNullOrEmpty(_model.CreatedBy) ? _model.CreatedBy : "System")</MudText>
</MudItem>
<MudItem xs="12" sm="6">
<MudText Typo="Typo.subtitle2">Last Updated At</MudText>
<MudText Typo="Typo.body2" Style="color: #1a1a1a; font-weight: 600;">@DateTimeExtensions.ToString(_model.UpdatedAt)</MudText>
</MudItem>
<MudItem xs="12" sm="6">
<MudText Typo="Typo.subtitle2">Last Updated By</MudText>
<MudText Typo="Typo.body2" Style="color: #1a1a1a; font-weight: 600;">@(!string.IsNullOrEmpty(_model.UpdatedBy) ? _model.UpdatedBy : "System")</MudText>
</MudItem>
</MudGrid>
<div class="d-flex justify-end gap-2 mt-10">
<MudButton OnClick="() => OnCancel.InvokeAsync()"
Variant="Variant.Outlined"
Disabled="_processing"
Style="border: 1px solid #e0e0e0; border-radius: 4px; text-transform: none; font-weight: 700;">
@(ReadOnly ? "Back to List" : "Cancel")
</MudButton>
@if (!ReadOnly)
{
<MudButton Color="Color.Primary"
Variant="Variant.Filled"
OnClick="Submit"
Disabled="_processing"
Style="border-radius: 4px; text-transform: none; font-weight: 700;">
@if (_processing)
{
<MudProgressCircular Class="ms-n1" Size="Size.Small" Indeterminate="true" />
<MudText Class="ms-2">Updating...</MudText>
}
else
{
<MudText>Save Changes</MudText>
}
</MudButton>
}
</div>
</MudForm>
</MudPaper>
@code {
[Parameter] public UpdateTodoRequest 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 UpdateTodoValidator _validator = new();
private UpdateTodoRequest _model = new();
private List<TodoItemResponse> _items = new();
private bool _processing = false;
private DateTime? _startDate;
private TimeSpan? _startTime;
private DateTime? _endDate;
private TimeSpan? _endTime;
protected override async Task OnInitializedAsync()
{
_model = new UpdateTodoRequest
{
Id = Data.Id,
Name = Data.Name,
Description = Data.Description,
StartTime = Data.StartTime,
EndTime = Data.EndTime,
IsCompleted = Data.IsCompleted,
CreatedAt = Data.CreatedAt,
CreatedBy = Data.CreatedBy,
UpdatedAt = Data.UpdatedAt,
UpdatedBy = Data.UpdatedBy
};
_startDate = _model.StartTime?.Date;
_startTime = _model.StartTime?.TimeOfDay;
_endDate = _model.EndTime?.Date;
_endTime = _model.EndTime?.TimeOfDay;
await RefreshItems();
}
private async Task RefreshItems()
{
var response = await TodoService.GetTodoByIdAsync(_model.Id!);
if (response != null && response.IsSuccess)
{
_items = response.Value?.TodoItems ?? new();
}
}
private async Task Submit()
{
if (ReadOnly) return;
if (_startDate.HasValue && _startTime.HasValue)
_model.StartTime = _startDate.Value.Date.Add(_startTime.Value);
if (_endDate.HasValue && _endTime.HasValue)
_model.EndTime = _endDate.Value.Date.Add(_endTime.Value);
await _form.Validate();
if (!_form.IsValid) return;
_processing = true;
try
{
var response = await TodoService.UpdateTodoAsync(_model);
await Task.Delay(500);
if (response != null && response.IsSuccess)
{
Snackbar.Add("Todo updated successfully", Severity.Success);
await OnSuccess.InvokeAsync();
}
}
catch (Exception ex)
{
Snackbar.Add($"Error: {ex.Message}", Severity.Error);
}
finally
{
_processing = false;
}
}
}
Features/Utilities/Todo/Cqrs/CreateTodoHandler.cs
+59
View File
@@ -0,0 +1,59 @@
using Indotalent.ConfigBackEnd.Extensions;
using Indotalent.Infrastructure.Database;
using MediatR;
namespace Indotalent.Features.Utilities.Todo.Cqrs;
public class CreateTodoRequest
{
public string? Name { get; set; }
public string? Description { get; set; }
public DateTime? StartTime { get; set; }
public DateTime? EndTime { get; set; }
public bool IsCompleted { get; set; }
}
public class CreateTodoResponse
{
public string? Id { get; set; }
public string? Name { get; set; }
}
public record CreateTodoCommand(CreateTodoRequest Data) : IRequest<CreateTodoResponse>;
public class CreateTodoHandler : IRequestHandler<CreateTodoCommand, CreateTodoResponse>
{
private readonly AppDbContext _context;
public CreateTodoHandler(AppDbContext context) => _context = context;
public async Task<CreateTodoResponse> Handle(CreateTodoCommand request, CancellationToken cancellationToken)
{
var entityName = nameof(Data.Entities.Booking);
var autoNo = await _context.GenerateAutoNumberAsync(
entityName: entityName,
prefixTemplate: $"{entityName.ToShortNameConsonant(3)}/{{Year}}/",
ct: cancellationToken
);
var entity = new Data.Entities.Todo
{
AutoNumber = autoNo,
Name = request.Data.Name,
Description = request.Data.Description,
StartTime = request.Data.StartTime,
EndTime = request.Data.EndTime,
IsCompleted = request.Data.IsCompleted
};
_context.Todo.Add(entity);
await _context.SaveChangesAsync(cancellationToken);
return new CreateTodoResponse
{
Id = entity.Id,
Name = entity.Name
};
}
}
Features/Utilities/Todo/Cqrs/CreateTodoItemHandler.cs
+51
View File
@@ -0,0 +1,51 @@
using Indotalent.Infrastructure.Database;
using MediatR;
namespace Indotalent.Features.Utilities.Todo.Cqrs;
public class CreateTodoItemRequest
{
public string? TodoId { get; set; }
public string? Name { get; set; }
public string? Description { get; set; }
public DateTime? StartTime { get; set; }
public DateTime? EndTime { get; set; }
public bool IsCompleted { get; set; }
}
public class CreateTodoItemResponse
{
public string? Id { get; set; }
public string? Name { get; set; }
}
public record CreateTodoItemCommand(CreateTodoItemRequest Data) : IRequest<CreateTodoItemResponse>;
public class CreateTodoItemHandler : IRequestHandler<CreateTodoItemCommand, CreateTodoItemResponse>
{
private readonly AppDbContext _context;
public CreateTodoItemHandler(AppDbContext context) => _context = context;
public async Task<CreateTodoItemResponse> Handle(CreateTodoItemCommand request, CancellationToken cancellationToken)
{
var entity = new Data.Entities.TodoItem
{
TodoId = request.Data.TodoId,
Name = request.Data.Name,
Description = request.Data.Description,
StartTime = request.Data.StartTime,
EndTime = request.Data.EndTime,
IsCompleted = request.Data.IsCompleted
};
_context.TodoItem.Add(entity);
await _context.SaveChangesAsync(cancellationToken);
return new CreateTodoItemResponse
{
Id = entity.Id,
Name = entity.Name
};
}
}
Features/Utilities/Todo/Cqrs/CreateTodoValidator.cs
+14
View File
@@ -0,0 +1,14 @@
using FluentValidation;
using Indotalent.Shared.Consts;
namespace Indotalent.Features.Utilities.Todo.Cqrs;
public class CreateTodoValidator : AbstractValidator<CreateTodoRequest>
{
public CreateTodoValidator()
{
RuleFor(x => x.Name)
.NotEmpty().WithMessage("Name is required")
.MaximumLength(GlobalConsts.StringLengthShort);
}
}
Features/Utilities/Todo/Cqrs/DeleteTodoByIdHandler.cs
+36
View File
@@ -0,0 +1,36 @@
using Indotalent.Infrastructure.Database;
using MediatR;
using Microsoft.EntityFrameworkCore;
namespace Indotalent.Features.Utilities.Todo.Cqrs;
public class DeleteTodoByIdRequest
{
public DeleteTodoByIdRequest(string id) => Id = id;
public string Id { get; set; }
}
public record DeleteTodoByIdCommand(DeleteTodoByIdRequest Data) : IRequest<bool>;
public class DeleteTodoByIdHandler : IRequestHandler<DeleteTodoByIdCommand, bool>
{
private readonly AppDbContext _context;
public DeleteTodoByIdHandler(AppDbContext context) => _context = context;
public async Task<bool> Handle(DeleteTodoByIdCommand request, CancellationToken cancellationToken)
{
var entity = await _context.Todo
.FirstOrDefaultAsync(x => x.Id == request.Data.Id, cancellationToken);
if (entity == null)
{
return false;
}
_context.Todo.Remove(entity);
await _context.SaveChangesAsync(cancellationToken);
return true;
}
}
Features/Utilities/Todo/Cqrs/DeleteTodoItemHandler.cs
+30
View File
@@ -0,0 +1,30 @@
using Indotalent.Infrastructure.Database;
using MediatR;
using Microsoft.EntityFrameworkCore;
namespace Indotalent.Features.Utilities.Todo.Cqrs;
public record DeleteTodoItemCommand(string Id) : IRequest<bool>;
public class DeleteTodoItemHandler : IRequestHandler<DeleteTodoItemCommand, bool>
{
private readonly AppDbContext _context;
public DeleteTodoItemHandler(AppDbContext context) => _context = context;
public async Task<bool> Handle(DeleteTodoItemCommand request, CancellationToken cancellationToken)
{
var entity = await _context.TodoItem
.FirstOrDefaultAsync(x => x.Id == request.Id, cancellationToken);
if (entity == null)
{
return false;
}
_context.TodoItem.Remove(entity);
await _context.SaveChangesAsync(cancellationToken);
return true;
}
}
Features/Utilities/Todo/Cqrs/GetTodoByIdHandler.cs
+74
View File
@@ -0,0 +1,74 @@
using Indotalent.Infrastructure.Database;
using MediatR;
using Microsoft.EntityFrameworkCore;
namespace Indotalent.Features.Utilities.Todo.Cqrs;
public class TodoItemResponse
{
public string? Id { get; set; }
public string? Name { get; set; }
public string? Description { get; set; }
public DateTime? StartTime { get; set; }
public DateTime? EndTime { get; set; }
public bool IsCompleted { get; set; }
}
public class GetTodoByIdResponse
{
public string? Id { get; set; }
public string? AutoNumber { get; set; }
public string? Name { get; set; }
public string? Description { get; set; }
public DateTime? StartTime { get; set; }
public DateTime? EndTime { get; set; }
public bool IsCompleted { get; set; }
public DateTimeOffset? CreatedAt { get; set; }
public string? CreatedBy { get; set; }
public DateTimeOffset? UpdatedAt { get; set; }
public string? UpdatedBy { get; set; }
public List<TodoItemResponse> TodoItems { get; set; } = new List<TodoItemResponse>();
}
public record GetTodoByIdQuery(string Id) : IRequest<GetTodoByIdResponse?>;
public class GetTodoByIdHandler : IRequestHandler<GetTodoByIdQuery, GetTodoByIdResponse?>
{
private readonly AppDbContext _context;
public GetTodoByIdHandler(AppDbContext context) => _context = context;
public async Task<GetTodoByIdResponse?> Handle(GetTodoByIdQuery request, CancellationToken cancellationToken)
{
return await _context.Todo
.AsNoTracking()
.Include(x => x.TodoItemList)
.Where(x => x.Id == request.Id)
.Select(x => new GetTodoByIdResponse
{
Id = x.Id,
AutoNumber = x.AutoNumber,
Name = x.Name,
Description = x.Description,
StartTime = x.StartTime,
EndTime = x.EndTime,
IsCompleted = x.IsCompleted,
CreatedAt = x.CreatedAt,
CreatedBy = x.CreatedBy,
UpdatedAt = x.UpdatedAt,
UpdatedBy = x.UpdatedBy,
TodoItems = x.TodoItemList
.OrderBy(i => i.StartTime)
.Select(i => new TodoItemResponse
{
Id = i.Id,
Name = i.Name,
Description = i.Description,
StartTime = i.StartTime,
EndTime = i.EndTime,
IsCompleted = i.IsCompleted
}).ToList()
})
.FirstOrDefaultAsync(cancellationToken);
}
}
Features/Utilities/Todo/Cqrs/GetTodoListHandler.cs
+51
View File
@@ -0,0 +1,51 @@
using Indotalent.Infrastructure.Database;
using MediatR;
using Microsoft.EntityFrameworkCore;
namespace Indotalent.Features.Utilities.Todo.Cqrs;
public class GetTodoListResponse
{
public string? Id { get; set; }
public string? AutoNumber { get; set; }
public string? Name { get; set; }
public string? Description { get; set; }
public DateTime? StartTime { get; set; }
public DateTime? EndTime { get; set; }
public bool IsCompleted { get; set; }
public DateTimeOffset? CreatedAt { get; set; }
public string? CreatedBy { get; set; }
public DateTimeOffset? UpdatedAt { get; set; }
public string? UpdatedBy { get; set; }
}
public record GetTodoListQuery() : IRequest<List<GetTodoListResponse>>;
public class GetTodoListHandler : IRequestHandler<GetTodoListQuery, List<GetTodoListResponse>>
{
private readonly AppDbContext _context;
public GetTodoListHandler(AppDbContext context) => _context = context;
public async Task<List<GetTodoListResponse>> Handle(GetTodoListQuery request, CancellationToken cancellationToken)
{
return await _context.Todo
.AsNoTracking()
.OrderByDescending(x => x.CreatedAt)
.Select(x => new GetTodoListResponse
{
Id = x.Id,
AutoNumber = x.AutoNumber,
Name = x.Name,
Description = x.Description,
StartTime = x.StartTime,
EndTime = x.EndTime,
IsCompleted = x.IsCompleted,
CreatedAt = x.CreatedAt,
CreatedBy = x.CreatedBy,
UpdatedAt = x.UpdatedAt,
UpdatedBy = x.UpdatedBy,
})
.ToListAsync(cancellationToken);
}
}
Features/Utilities/Todo/Cqrs/UpdateTodoHandler.cs
+59
View File
@@ -0,0 +1,59 @@
using Indotalent.Infrastructure.Database;
using MediatR;
using Microsoft.EntityFrameworkCore;
namespace Indotalent.Features.Utilities.Todo.Cqrs;
public class UpdateTodoRequest
{
public string? Id { get; set; }
public string? Name { get; set; }
public string? Description { get; set; }
public DateTime? StartTime { get; set; }
public DateTime? EndTime { get; set; }
public bool IsCompleted { get; set; }
public DateTimeOffset? CreatedAt { get; set; }
public string? CreatedBy { get; set; }
public DateTimeOffset? UpdatedAt { get; set; }
public string? UpdatedBy { get; set; }
}
public class UpdateTodoResponse
{
public string? Id { get; set; }
public bool Success { get; set; }
}
public record UpdateTodoCommand(UpdateTodoRequest Data) : IRequest<UpdateTodoResponse>;
public class UpdateTodoHandler : IRequestHandler<UpdateTodoCommand, UpdateTodoResponse>
{
private readonly AppDbContext _context;
public UpdateTodoHandler(AppDbContext context) => _context = context;
public async Task<UpdateTodoResponse> Handle(UpdateTodoCommand request, CancellationToken cancellationToken)
{
var entity = await _context.Todo
.FirstOrDefaultAsync(x => x.Id == request.Data.Id, cancellationToken);
if (entity == null)
{
return new UpdateTodoResponse { Id = request.Data.Id, Success = false };
}
entity.Name = request.Data.Name;
entity.Description = request.Data.Description;
entity.StartTime = request.Data.StartTime;
entity.EndTime = request.Data.EndTime;
entity.IsCompleted = request.Data.IsCompleted;
await _context.SaveChangesAsync(cancellationToken);
return new UpdateTodoResponse
{
Id = entity.Id,
Success = true
};
}
}
Features/Utilities/Todo/Cqrs/UpdateTodoItemHandler.cs
+55
View File
@@ -0,0 +1,55 @@
using Indotalent.Infrastructure.Database;
using MediatR;
using Microsoft.EntityFrameworkCore;
namespace Indotalent.Features.Utilities.Todo.Cqrs;
public class UpdateTodoItemRequest
{
public string? Id { get; set; }
public string? Name { get; set; }
public string? Description { get; set; }
public DateTime? StartTime { get; set; }
public DateTime? EndTime { get; set; }
public bool IsCompleted { get; set; }
}
public class UpdateTodoItemResponse
{
public string? Id { get; set; }
public bool Success { get; set; }
}
public record UpdateTodoItemCommand(UpdateTodoItemRequest Data) : IRequest<UpdateTodoItemResponse>;
public class UpdateTodoItemHandler : IRequestHandler<UpdateTodoItemCommand, UpdateTodoItemResponse>
{
private readonly AppDbContext _context;
public UpdateTodoItemHandler(AppDbContext context) => _context = context;
public async Task<UpdateTodoItemResponse> Handle(UpdateTodoItemCommand request, CancellationToken cancellationToken)
{
var entity = await _context.TodoItem
.FirstOrDefaultAsync(x => x.Id == request.Data.Id, cancellationToken);
if (entity == null)
{
return new UpdateTodoItemResponse { Id = request.Data.Id, Success = false };
}
entity.Name = request.Data.Name;
entity.Description = request.Data.Description;
entity.StartTime = request.Data.StartTime;
entity.EndTime = request.Data.EndTime;
entity.IsCompleted = request.Data.IsCompleted;
await _context.SaveChangesAsync(cancellationToken);
return new UpdateTodoItemResponse
{
Id = entity.Id,
Success = true
};
}
}
Features/Utilities/Todo/Cqrs/UpdateTodoValidator.cs
+17
View File
@@ -0,0 +1,17 @@
using FluentValidation;
using Indotalent.Shared.Consts;
namespace Indotalent.Features.Utilities.Todo.Cqrs;
public class UpdateTodoValidator : AbstractValidator<UpdateTodoRequest>
{
public UpdateTodoValidator()
{
RuleFor(x => x.Id)
.NotEmpty().WithMessage("ID is required");
RuleFor(x => x.Name)
.NotEmpty().WithMessage("Name is required")
.MaximumLength(GlobalConsts.StringLengthShort);
}
}
Features/Utilities/Todo/TodoEndpoint.cs
+98
View File
@@ -0,0 +1,98 @@
using Indotalent.ConfigBackEnd.Extensions;
using Indotalent.Features.Utilities.Todo.Cqrs;
using MediatR;
using Microsoft.AspNetCore.Authentication.JwtBearer;
namespace Indotalent.Features.Utilities.Todo;
public static class TodoEndpoint
{
public static void MapTodoEndpoints(this IEndpointRouteBuilder app)
{
var group = app.MapGroup("/todo").WithTags("Todos")
.RequireAuthorization(policy => policy.AddAuthenticationSchemes(JwtBearerDefaults.AuthenticationScheme)
.RequireAuthenticatedUser());
group.MapGet("/", async (IMediator mediator) =>
{
var result = await mediator.Send(new GetTodoListQuery());
return result.ToApiResponse("Todo list retrieved successfully");
})
.WithName("GetTodoList")
.WithTags("Todos");
group.MapGet("/{id}", async (string id, IMediator mediator) =>
{
var result = await mediator.Send(new GetTodoByIdQuery(id));
return result.ToApiResponse(result is not null
? "Todo detail retrieved successfully"
: $"Todo with ID {id} not found");
})
.WithName("GetTodoById")
.WithTags("Todos");
group.MapPost("/", async (CreateTodoRequest request, IMediator mediator) =>
{
var result = await mediator.Send(new CreateTodoCommand(request));
return result.ToApiResponse("Todo has been created successfully", StatusCodes.Status201Created);
})
.WithName("CreateTodo")
.WithTags("Todos");
group.MapPost("/update", async (UpdateTodoRequest request, IMediator mediator) =>
{
var result = await mediator.Send(new UpdateTodoCommand(request));
if (!result.Success)
{
return ((object?)null).ToApiResponse("Update failed. The todo data could not be found.");
}
return result.ToApiResponse("Todo has been updated successfully");
})
.WithName("UpdateTodo")
.WithTags("Todos");
group.MapPost("/delete/{id}", async (string id, IMediator mediator) =>
{
var result = await mediator.Send(new DeleteTodoByIdCommand(new DeleteTodoByIdRequest(id)));
if (!result)
{
return ((object?)null).ToApiResponse("Delete failed. The todo data could not be found.");
}
return true.ToApiResponse("Todo has been deleted successfully");
})
.WithName("DeleteTodoById")
.WithTags("Todos");
group.MapPost("/todo-item", async (CreateTodoItemRequest request, IMediator mediator) =>
{
var result = await mediator.Send(new CreateTodoItemCommand(request));
return result.ToApiResponse("Todo item has been added successfully");
})
.WithName("CreateTodoItemChild")
.WithTags("Todos");
group.MapPost("/todo-item/update", async (UpdateTodoItemRequest request, IMediator mediator) =>
{
var result = await mediator.Send(new UpdateTodoItemCommand(request));
if (!result.Success)
{
return ((object?)null).ToApiResponse("Update failed. Todo item not found.");
}
return result.ToApiResponse("Todo item has been updated successfully");
})
.WithName("UpdateTodoItemChild")
.WithTags("Todos");
group.MapPost("/todo-item/delete/{id}", async (string id, IMediator mediator) =>
{
var result = await mediator.Send(new DeleteTodoItemCommand(id));
if (!result)
{
return ((object?)null).ToApiResponse("Delete failed. Todo item not found.");
}
return true.ToApiResponse("Todo item has been removed successfully");
})
.WithName("DeleteTodoItemChild")
.WithTags("Todos");
}
}
Features/Utilities/Todo/TodoService.cs
+80
View File
@@ -0,0 +1,80 @@
using Indotalent.ConfigBackEnd.Interfaces;
using Indotalent.ConfigFrontEnd.Common;
using Indotalent.Features.Utilities.Todo.Cqrs;
using Indotalent.Infrastructure.Authentication.Identity;
using Indotalent.Shared.Models;
using Microsoft.AspNetCore.Components;
using MudBlazor;
using RestSharp;
namespace Indotalent.Features.Utilities.Todo;
public class TodoService : BaseService
{
private readonly RestClient _client;
public TodoService(
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<GetTodoListResponse>>?> GetTodoListAsync()
{
var request = new RestRequest("api/todo", Method.Get);
return await ExecuteWithResponseAsync<List<GetTodoListResponse>>(_client, request);
}
public async Task<ApiResponse<GetTodoByIdResponse>?> GetTodoByIdAsync(string id)
{
var request = new RestRequest($"api/todo/{id}", Method.Get);
return await ExecuteWithResponseAsync<GetTodoByIdResponse>(_client, request);
}
public async Task<ApiResponse<CreateTodoResponse>?> CreateTodoAsync(CreateTodoRequest data)
{
var request = new RestRequest("api/todo", Method.Post);
request.AddJsonBody(data);
return await ExecuteWithResponseAsync<CreateTodoResponse>(_client, request);
}
public async Task<bool> DeleteTodoByIdAsync(string id)
{
var request = new RestRequest($"api/todo/delete/{id}", Method.Post);
var response = await ExecuteWithResponseAsync<object>(_client, request);
return response?.IsSuccess ?? false;
}
public async Task<ApiResponse<UpdateTodoResponse>?> UpdateTodoAsync(UpdateTodoRequest data)
{
var request = new RestRequest("api/todo/update", Method.Post);
request.AddJsonBody(data);
return await ExecuteWithResponseAsync<UpdateTodoResponse>(_client, request);
}
public async Task<ApiResponse<CreateTodoItemResponse>?> CreateTodoItemAsync(CreateTodoItemRequest data)
{
var request = new RestRequest("api/todo/todo-item", Method.Post);
request.AddJsonBody(data);
return await ExecuteWithResponseAsync<CreateTodoItemResponse>(_client, request);
}
public async Task<ApiResponse<UpdateTodoItemResponse>?> UpdateTodoItemAsync(UpdateTodoItemRequest data)
{
var request = new RestRequest("api/todo/todo-item/update", Method.Post);
request.AddJsonBody(data);
return await ExecuteWithResponseAsync<UpdateTodoItemResponse>(_client, request);
}
public async Task<bool> DeleteTodoItemAsync(string id)
{
var request = new RestRequest($"api/todo/todo-item/delete/{id}", Method.Post);
var response = await ExecuteWithResponseAsync<object>(_client, request);
return response?.IsSuccess ?? false;
}
}