Appwrite/console
1
0
Fork 0
mirror of https://github.com/appwrite/console.git synced 2026-06-06 19:27:48 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: refactored pagination function

Browse Source
This commit is contained in:
Arman
2022-05-30 14:00:30 +02:00
parent 509aff34c1
commit ce25bc8dc9
1 changed files with 18 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/lib/components/pagination.svelte
+18 -21
View File
@@ -13,6 +13,7 @@
offset = limit * (page - 1);
currentPage = page;
dispatch('change');
pages = pagination(currentPage, totalPages);
}
}
@@ -21,36 +22,32 @@
currentPage += 1;
offset = limit * (currentPage - 1);
dispatch('change');
pages = pagination(currentPage, totalPages);
} else if (direction === 'prev' && currentPage > 1) {
currentPage -= 1;
offset = limit * (currentPage - 1);
dispatch('change');
pages = pagination(currentPage, totalPages);
}
}
let pages = pagination(currentPage, totalPages);
function pagination(current: number, total: number) {
let delta = 2,
left = current - delta,
right = current + delta + 1,
range = [],
rangeWithDots = [];
for (let i = 1; i <= total; i++) {
if (i == 1 || i == total || (i >= left && i < right)) {
range.push(i);
}
}
rangeWithDots = range.reduce((prev, current, index) => {
if (current - prev[index - 1] > delta) {
prev.push('...');
}
prev.push(current);
return prev;
}, []);
return rangeWithDots;
function pagination(page: number, total: number) {
const pagesShown = 5;
const start = Math.max(
1,
Math.min(page - Math.floor((pagesShown - 3) / 2), total - pagesShown + 2)
);
const end = Math.min(
total,
Math.max(page + Math.floor((pagesShown - 2) / 2), pagesShown - 1)
);
return [
...(start > 2 ? [1, '...'] : start > 1 ? [1] : []),
...Array.from({ length: end + 1 - start }, (_, i) => i + start),
...(end < total - 1 ? ['...', total] : end < total ? [total] : [])
];
}
</script>