Diplomarbeit-Absolventenverein/oqtane.framework
10
0
Fork 0
Code Issues Pull Requests 1 Packages Projects Releases Wiki Activity

Management UI for roles, users, tenants

Browse Source
This commit is contained in:
Shaun Walker
2019-09-30 23:50:10 -04:00
parent 7f6f9427e9
commit 4de8572a87
23 changed files with 902 additions and 124 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
Oqtane.Client/Modules/Controls/Pager.razor
View File

@ -14,28 +14,31 @@
}
</tbody>
</table>
<div class="pagination">
<div>
@if (Page > MaxPages)
{
<button class="btn btn-secondary" @onclick=@(async () => SetPagerSize("back"))><span class="oi oi-media-skip-backward" title="back" aria-hidden="true"></span></button>
}
&nbsp;<button class="btn btn-secondary" @onclick=@(async () => NavigateToPage("previous"))><span class="oi oi-chevron-left" title="previous" aria-hidden="true"></span></button>
&nbsp;
@for (int i = StartPage; i <= EndPage; i++)
@if (EndPage > 1)
{
var pager = i;
<button class="btn @((pager == Page) ? "btn-primary" : "btn-link")" @onclick=@(async () => UpdateList(pager))>
@pager
</button>
<button class="btn btn-secondary" @onclick=@(async () => NavigateToPage("previous"))><span class="oi oi-chevron-left" title="previous" aria-hidden="true"></span></button>
@for (int i = StartPage; i <= EndPage; i++)
{
var pager = i;
<button class="btn @((pager == Page) ? "btn-primary" : "btn-link")" @onclick=@(async () => UpdateList(pager))>
@pager
</button>
}
<button class="btn btn-secondary" @onclick=@(async () => NavigateToPage("next"))><span class="oi oi-chevron-right" title="next" aria-hidden="true"></span></button>
}
&nbsp;
<button class="btn btn-secondary" @onclick=@(async () => NavigateToPage("next"))><span class="oi oi-chevron-right" title="next" aria-hidden="true"></span></button>&nbsp;
@if (EndPage < Pages)
{
<button class="btn btn-secondary" @onclick=@(async () => SetPagerSize("forward"))><span class="oi oi-media-skip-forward" title="forward" aria-hidden="true"></span></button>
}
&nbsp;
<span class="btn btn-link disabled">Page @Page of @Pages</span>
@if (EndPage > 1)
{
<span class="btn btn-link disabled">Page @Page of @Pages</span>
}
</div>
</p>