Samuele Locatelli
73 lines
2.9 KiB
Plaintext
73 lines
2.9 KiB
Plaintext
<div class="row">
|
|
<div class="col-6 col-lg-10 text-left">
|
|
<div class="row">
|
|
<div class="col-9 small">
|
|
@if (totalCount > 0)
|
|
{
|
|
<Pagination>
|
|
<PaginationItem>
|
|
<PaginationLink Clicked="@HandlePaginationItemClick" Page="1">
|
|
<i class="fas fa-angle-double-left"></i>
|
|
</PaginationLink>
|
|
</PaginationItem>
|
|
<PaginationItem>
|
|
<PaginationLink Clicked="@HandlePaginationItemClick" Page="@prevBlock.ToString()">
|
|
<span aria-hidden="true"><i class="fas fa-angle-left"></i></span>
|
|
</PaginationLink>
|
|
</PaginationItem>
|
|
@for (int i = @startPage; i <= endPage; ++i)
|
|
{
|
|
var pageNum = i;
|
|
<PaginationItem Active="@(currPage.Equals(pageNum))">
|
|
<PaginationLink Clicked="@HandlePaginationItemClick" Page="@pageNum.ToString()">
|
|
@pageNum
|
|
</PaginationLink>
|
|
</PaginationItem>
|
|
}
|
|
<PaginationItem>
|
|
<PaginationLink Clicked="@HandlePaginationItemClick" Page="@nextBlock.ToString()">
|
|
<i class="fas fa-angle-right"></i>
|
|
</PaginationLink>
|
|
</PaginationItem>
|
|
<PaginationItem>
|
|
<PaginationLink Clicked="@HandlePaginationItemClick" Page="@LastPage.ToString()">
|
|
<i class="fas fa-angle-double-right"></i>
|
|
</PaginationLink>
|
|
</PaginationItem>
|
|
</Pagination>
|
|
}
|
|
</div>
|
|
<div class="col-3">
|
|
@if (!showLoading)
|
|
{
|
|
<span>@totalCount records</span>
|
|
}
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-12 small">
|
|
@if (showLoading)
|
|
{
|
|
<Progress>
|
|
<ProgressBar Value="@percLoading" Striped="true" Animated="true" />
|
|
</Progress>
|
|
}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-6 col-lg-2 text-right">
|
|
@if (totalCount > 0)
|
|
{
|
|
<div class="input-group input-group-sm">
|
|
row/pag:
|
|
<select @bind="@PageSize" class="form-control form-control-sm">
|
|
<option value="5">5</option>
|
|
<option value="10">10</option>
|
|
<option value="25">25</option>
|
|
<option value="50">50</option>
|
|
<option value="100">100</option>
|
|
</select>
|
|
</div>
|
|
}
|
|
</div>
|
|
</div> |