LukeParke/idn-admin-console
1
0
Fork 0
mirror of https://github.com/LukeHagar/idn-admin-console.git synced 2025-12-10 04:20:12 +00:00
Code Issues Packages Projects Releases Wiki Activity

Refactor pagination logic in identities page

Browse Source
This commit is contained in:
luke-hagar-sp
2024-01-23 13:15:48 -06:00
parent e69949a7bf
commit 2f23f1d906
1 changed files with 35 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

64
Sveltekit-App/src/routes/home/identities/+page.svelte
View File

@@ -27,23 +27,27 @@
<div class="card flex justify-center flex-col align-middle">
{#await data.totalCount then totalCount}
<Paginator
{onAmountChange}
{onGo}
{onPageChange}
settings={{
page: Number(data.params.page),
limit: Number(data.params.limit),
size: totalCount,
amounts: [10, 50, 100, 250]
}}
{filters}
{sorters}
{totalCount}
/>
{#if totalCount > 250 || Number(data.params.limit) < totalCount}
<Paginator
{onAmountChange}
{onGo}
{onPageChange}
settings={{
page: Number(data.params.page),
limit: Number(data.params.limit),
size: totalCount,
amounts: [10, 50, 100, 250]
}}
{filters}
{sorters}
{totalCount}
/>
{/if}
{/await}
{#await data.identities}
<Progress />
<div class="grid h-full place-content-center p-8">
<Progress width="w-[100px]" />
</div>
{:then identities}
<div class="table-container">
<table class="table">
@@ -99,19 +103,21 @@
</div>
{/await}
{#await data.totalCount then totalCount}
<Paginator
{onAmountChange}
{onGo}
{onPageChange}
settings={{
page: Number(data.params.page),
limit: Number(data.params.limit),
size: totalCount,
amounts: [10, 50, 100, 250]
}}
{filters}
{sorters}
{totalCount}
/>
{#if totalCount > 250 || Number(data.params.limit) < totalCount}
<Paginator
{onAmountChange}
{onGo}
{onPageChange}
settings={{
page: Number(data.params.page),
limit: Number(data.params.limit),
size: totalCount,
amounts: [10, 50, 100, 250]
}}
{filters}
{sorters}
{totalCount}
/>
{/if}
{/await}
</div>