@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
Todo Management Manage your daily tasks and activities.
/ Utilities / Todo
Search
@if (_isExporting) { Processing... } else { Excel } @if (_isRefreshing) { Refreshing... } else { Refresh } @if (_selectedTodo != null) { View Edit Remove } else { Add New Todo }
No Todo Name Start Time Status Description @context.AutoNumber
@(!string.IsNullOrWhiteSpace(context.Name) ? context.Name.ToInitial() : "?") @context.Name
@DateTimeExtensions.ToString(context.StartTime) @if (context.IsCompleted) { COMPLETED } else { PENDING } @context.Description
Rows per page: Showing @(GetFilteredData().Count() == 0 ? 0 : _skip + 1)-@Math.Min(_skip + _top, GetFilteredData().Count()) of @GetFilteredData().Count()
Prev @{ 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; @pageNum } Next
@code { [Parameter] public EventCallback OnAdd { get; set; } [Parameter] public EventCallback OnEdit { get; set; } [Parameter] public EventCallback OnView { get; set; } private List _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(); } } finally { _isRefreshing = false; StateHasChanged(); } } private IEnumerable 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 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 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); } } } }