54 lines
1.7 KiB
Plaintext
54 lines
1.7 KiB
Plaintext
<div class="pagination">
|
|
<div>
|
|
<label>@IndexInfo</label>
|
|
</div>
|
|
<MudPagination class="pager" ShowFirstButton="true" ShowLastButton="true" Count="@((int)Math.Ceiling((decimal)TotalItems / (decimal)PageSize))" Selected="@PageNumber" SelectedChanged="OnSelectedChanged" />
|
|
<div class="page-sizes">
|
|
<MudSelect T="int" Value="PageSize" ValueChanged="OnPageSizeChanged" Dense="true" Variant="Variant.Outlined" Margin="Margin.Dense">
|
|
@foreach (int value in PageSizes)
|
|
{
|
|
<MudSelectItem Value="@value">@value</MudSelectItem>
|
|
}
|
|
</MudSelect>
|
|
</div>
|
|
</div>
|
|
|
|
@code {
|
|
[Parameter]
|
|
public int PageNumber { get; set; }
|
|
|
|
[Parameter]
|
|
public EventCallback<int> PageNumberChanged { get; set; }
|
|
|
|
[Parameter]
|
|
public int[] PageSizes { get; set; } = [5, 10, 25, 50, 100];
|
|
|
|
[Parameter]
|
|
public int PageSize { get; set; }
|
|
|
|
[Parameter]
|
|
public EventCallback<int> PageSizeChanged { get; set; }
|
|
|
|
[Parameter]
|
|
public int TotalItems { get; set; }
|
|
|
|
[Parameter]
|
|
public EventCallback<int> TotalItemsChanged { get; set; }
|
|
|
|
public string IndexInfo => TotalItems == 0 ? "No items" : $"{StartIndex.ToString("n0")} - {EndIndex.ToString("n0")} of {TotalItems.ToString("n0")} items";
|
|
|
|
public int StartIndex => (PageNumber - 1) * PageSize + 1;
|
|
public int EndIndex => PageNumber * PageSize < TotalItems ? PageNumber * PageSize : TotalItems;
|
|
|
|
private async Task OnSelectedChanged(int newPage)
|
|
{
|
|
PageNumber = newPage;
|
|
await PageNumberChanged.InvokeAsync(newPage);
|
|
}
|
|
|
|
private async Task OnPageSizeChanged(int newPageSize)
|
|
{
|
|
PageSize = newPageSize;
|
|
await PageSizeChanged.InvokeAsync(newPageSize);
|
|
}
|
|
} |