Samuele Locatelli
66 lines
3.2 KiB
Plaintext
66 lines
3.2 KiB
Plaintext
<div class="d-flex justify-content-between align-items-center align-content-center @cssSize">
|
|
<div class="px-0">
|
|
<div class="row">
|
|
<div class="col-12 @cssSize">
|
|
@if (totalCount > 0)
|
|
{
|
|
<ul class="pagination pagination-sm mb-1">
|
|
<li class="page-item"><button class="page-link" @onclick="() => PaginationItemClick(1)" title="@TxtStart"><i class="fas fa-angle-double-left"></i></button></li>
|
|
<li class="page-item"><button class="page-link" @onclick="() => PaginationItemClick(prevBlock)" title="@TxtPrev"><i class="fas fa-angle-left"></i></button></li>
|
|
@for (int i = @startPage; i <= endPage; ++i)
|
|
{
|
|
var pageNum = i;
|
|
<li class="page-item @cssActive(pageNum)"><button class="page-link" @onclick="() => PaginationItemClick(pageNum)">@pageNum</button></li>
|
|
}
|
|
<li class="page-item"><button class="page-link" @onclick="() => PaginationItemClick(nextBlock)" title="@TxtNext"><i class="fas fa-angle-right"></i></button></li>
|
|
<li class="page-item"><button class="page-link" @onclick="() => PaginationItemClick(LastPage)" title="@TxtEnd"><i class="fas fa-angle-double-right"></i></button></li>
|
|
</ul>
|
|
}
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-12 @cssSize">
|
|
@if (showLoading)
|
|
{
|
|
<div class="progress" style="height: 10px;">
|
|
<div class="progress-bar progress-bar-striped progress-bar-animated" style="width:@percLoading%;"></div>
|
|
</div>
|
|
}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="px-0">
|
|
<div class="d-flex align-items-center">
|
|
<div class="p-1 flex-fill text-end">
|
|
@if (!showLoading)
|
|
{
|
|
<span class="text-nowrap">@totalCount rec</span>
|
|
}
|
|
@if (exportEnabled && totalCount > 0)
|
|
{
|
|
if (!fileExist)
|
|
{
|
|
<button class="btn btn-block btn-sm btn-primary" @onclick="() => requestSave()"><span class="oi oi-wrench"></span> Prepare Data</button>
|
|
}
|
|
else
|
|
{
|
|
<a target="_blank" href="Download?fileName=@fileName" class="btn btn-block btn-sm btn-success"><span class="oi oi-cloud-download"></span> Download Data</a>
|
|
}
|
|
}
|
|
</div>
|
|
<div class="p-1 flex-fill text-end @cssSize">
|
|
@if (totalCount > 0)
|
|
{
|
|
<div class="input-group input-group-sm">
|
|
<select @bind="@PageSize" class="form-select form-select-sm">
|
|
@foreach (var item in PageSizeList)
|
|
{
|
|
<option value="@item">@item</option>
|
|
}
|
|
</select>
|
|
</div>
|
|
}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div> |