@using Indotalent.ConfigBackEnd.Extensions @using Indotalent.Features.Pipeline.Expense @using Indotalent.Features.Pipeline.Expense.Cqrs @using Microsoft.AspNetCore.Components.Web @using Microsoft.JSInterop @using MudBlazor @using Features.Root.Shared @using ClosedXML.Excel @using System.IO @inject ExpenseService ExpenseService @inject IDialogService DialogService @inject ISnackbar Snackbar @inject IJSRuntime JSRuntime

Expense Management Manage and monitor actual spending for campaigns.

/ Pipeline / Expense

@if (_isExporting) { } else { Excel } @if (_isRefreshing) { Refreshing... } else { Refresh } @if (_selectedExpense != null) { View Edit Remove } else { Add New Expense }

Number Expense Title Campaign Amount Status @context.AutoNumber @context.Title @context.CampaignTitle @context.Amount?.ToString("N0") @context.Status

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 _expenses = new(); private GetExpenseListResponse? _selectedExpense; 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; _selectedExpense = null; StateHasChanged(); var response = await ExpenseService.GetExpenseListAsync(); await Task.Delay(500); if (response != null && response.IsSuccess) { _expenses = response.Value ?? new List(); } _isRefreshing = false; StateHasChanged(); } private IEnumerable GetFilteredData() { if (string.IsNullOrWhiteSpace(_searchString)) return _expenses; return _expenses.Where(x => (x.Title?.Contains(_searchString, StringComparison.OrdinalIgnoreCase) ?? false) || (x.AutoNumber?.Contains(_searchString, StringComparison.OrdinalIgnoreCase) ?? false) || (x.CampaignTitle?.Contains(_searchString, StringComparison.OrdinalIgnoreCase) ?? false) ); } private IEnumerable GetPagedData() => GetFilteredData().Skip(_skip).Take(_top); private void OnSearchClick() { _skip = 0; _selectedExpense = null; StateHasChanged(); } private void HandleSearchKeyDown(KeyboardEventArgs e) { if (e.Key == "Enter") OnSearchClick(); } private async Task ExportToExcel() { _isExporting = true; using var workbook = new XLWorkbook(); var worksheet = workbook.Worksheets.Add("Expenses"); var currentRow = 1; worksheet.Cell(currentRow, 1).Value = "Number"; worksheet.Cell(currentRow, 2).Value = "Title"; worksheet.Cell(currentRow, 3).Value = "Campaign"; worksheet.Cell(currentRow, 4).Value = "Amount"; foreach (var item in GetFilteredData()) { currentRow++; worksheet.Cell(currentRow, 1).Value = item.AutoNumber; worksheet.Cell(currentRow, 2).Value = item.Title; worksheet.Cell(currentRow, 3).Value = item.CampaignTitle; worksheet.Cell(currentRow, 4).Value = item.Amount; } worksheet.Columns().AdjustToContents(); using var stream = new MemoryStream(); workbook.SaveAs(stream); var content = Convert.ToBase64String(stream.ToArray()); await JSRuntime.InvokeVoidAsync("downloadFile", "Expense_List.xlsx", "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet", content); _isExporting = false; } private void OnPageChanged(int page) { if (page >= 1 && page <= _totalPage) { _skip = (page - 1) * _top; _selectedExpense = null; } } private void OnPageSizeChanged(int size) { _top = size; _skip = 0; _selectedExpense = null; } private async Task InvokeEdit() { if (_selectedExpense != null) { var req = await MapToRequest(_selectedExpense.Id!); if (req != null) await OnEdit.InvokeAsync(req); } } private async Task InvokeView() { if (_selectedExpense != null) { var req = await MapToRequest(_selectedExpense.Id!); if (req != null) await OnView.InvokeAsync(req); } } private async Task MapToRequest(string id) { var res = await ExpenseService.GetExpenseByIdAsync(id); if (res != null && res.IsSuccess && res.Value != null) { var d = res.Value; return new UpdateExpenseRequest { Id = d.Id, Title = d.Title, Amount = d.Amount, ExpenseDate = d.ExpenseDate, Status = d.Status, CampaignId = d.CampaignId, Description = d.Description, CreatedAt = d.CreatedAt, CreatedBy = d.CreatedBy, UpdatedAt = d.UpdatedAt, UpdatedBy = d.UpdatedBy }; } return null; } private async Task OnDelete() { if (_selectedExpense == null) return; var parameters = new DialogParameters<_DeleteConfirmation> { { x => x.ContentText, _selectedExpense.Title } }; var dialog = await DialogService.ShowAsync<_DeleteConfirmation>("", parameters, new DialogOptions { MaxWidth = MaxWidth.ExtraSmall, FullWidth = true }); var result = await dialog.Result; if (result != null && !result.Canceled) { if (await ExpenseService.DeleteExpenseByIdAsync(_selectedExpense.Id!)) { await LoadData(); Snackbar.Add("Deleted", Severity.Success); } } } }