diff --git a/client/src/components/LogPager.svelte b/client/src/components/LogPager.svelte index 6efdce3..906e9c2 100644 --- a/client/src/components/LogPager.svelte +++ b/client/src/components/LogPager.svelte @@ -10,17 +10,20 @@ export let pages: number = 0; export let total: number = 0; export let pageSize: number = 50; + export let onPageChange = (newPage: number, prevPage: number) => + console.log(`${newPage} - ${prevPage}`); $: pageIndex = page + 1; $: pageCount = pages === 0 ? 1 : pages; $: pageSizeLabel = pageSize + ""; + const pagerElementsCount = 10; let pagesList = []; $: { pagesList = []; for ( - let i = Math.max(page - 5, 0); - i < Math.min(pages, page + 5); + let i = Math.max(page - pagerElementsCount, 0); + i < Math.min(pages, page + pagerElementsCount); i++ ) { pagesList.push(i); @@ -38,21 +41,21 @@
Page {pageIndex}/{pageCount}
No Logs yet!
diff --git a/client/src/routes/Home.svelte b/client/src/routes/Home.svelte index 819425d..d5c6678 100644 --- a/client/src/routes/Home.svelte +++ b/client/src/routes/Home.svelte @@ -150,7 +150,8 @@ pages={pageCount} page={logPage} total={logCount} - bind:pageSize + {pageSize} + onPageChange={console.log} {logs} /> {/if}