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

Budget Management Monitor and control budget allocations for your campaigns.

/ Pipeline / Budget

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

Number 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 _budgets = new(); private GetBudgetListResponse? _selectedBudget; 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; _selectedBudget = null; StateHasChanged(); try { var response = await BudgetService.GetBudgetListAsync(); await Task.Delay(500); if (response != null && response.IsSuccess) { _budgets = response.Value ?? new List(); } } finally { _isRefreshing = false; StateHasChanged(); } } private IEnumerable GetFilteredData() { if (string.IsNullOrWhiteSpace(_searchString)) return _budgets; return _budgets.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; _selectedBudget = 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("Budgets"); 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"; worksheet.Cell(currentRow, 5).Value = "Status"; 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.AutoNumber; worksheet.Cell(currentRow, 2).Value = item.Title; worksheet.Cell(currentRow, 3).Value = item.CampaignTitle; worksheet.Cell(currentRow, 4).Value = item.Amount; worksheet.Cell(currentRow, 5).Value = item.Status.ToString(); } worksheet.Columns().AdjustToContents(); using (var stream = new MemoryStream()) { workbook.SaveAs(stream); var content = Convert.ToBase64String(stream.ToArray()); await JSRuntime.InvokeVoidAsync("downloadFile", "Budget_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; _selectedBudget = null; StateHasChanged(); } } private void OnPageSizeChanged(int size) { _top = size; _skip = 0; _selectedBudget = null; StateHasChanged(); } private async Task InvokeEdit() { if (_selectedBudget == null) return; var request = await MapToUpdateRequest(_selectedBudget.Id!); if (request != null) await OnEdit.InvokeAsync(request); } private async Task InvokeView() { if (_selectedBudget == null) return; var request = await MapToUpdateRequest(_selectedBudget.Id!); if (request != null) await OnView.InvokeAsync(request); } private async Task MapToUpdateRequest(string id) { var response = await BudgetService.GetBudgetByIdAsync(id); if (response != null && response.IsSuccess && response.Value != null) { var detail = response.Value; return new UpdateBudgetRequest { Id = detail.Id, Title = detail.Title, Description = detail.Description, Amount = detail.Amount, BudgetDate = detail.BudgetDate, Status = detail.Status, CampaignId = detail.CampaignId, CreatedAt = detail.CreatedAt, CreatedBy = detail.CreatedBy, UpdatedAt = detail.UpdatedAt, UpdatedBy = detail.UpdatedBy }; } return null; } private async Task OnDelete() { if (_selectedBudget == null) return; var parameters = new DialogParameters<_DeleteConfirmation> { { x => x.ContentText, _selectedBudget.Title } }; 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 BudgetService.DeleteBudgetByIdAsync(_selectedBudget.Id!); if (isSuccess) { _selectedBudget = null; await LoadData(); Snackbar.Add("Budget deleted successfully", Severity.Success); } else { Snackbar.Add("Delete failed.", Severity.Error); } } } }