github/docker-registry-ui
1
0
Fork 0
mirror of https://github.com/Joxit/docker-registry-ui.git synced 2026-05-07 03:26:33 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat(pagination): Add pagination component with its style

Browse Source
This commit is contained in:
Joxit
2019-05-30 00:11:05 +02:00
parent 660a938d6e
commit 3399030e4e
5 changed files with 82 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
src/scripts/utils.js
View File

@@ -71,4 +71,28 @@ registryUI.getPage = function(elts, page, limit) {
if (!limit) { limit = 100; }
if (!elts) { return []; }
return elts.slice(page * limit, limit);
}
registryUI.getNumPages = function(elts, limit) {
if (!limit) { limit = 100; }
if (!elts) { return 0; }
return Math.trunc((elts.length / limit) % 10);
}
registryUI.getPageLabels = function(page, nPages) {
var pageLabels = [];
var maxItems = 10;
if (nPages === 0) { return pageLabels; }
if (page !== 0 && nPages >= maxItems) {
pageLabels.push({'icon': 'first_page', page: 0});
pageLabels.push({'icon': 'chevron_left', page: page - 1});
}
for (var i = Math.max(1, page - maxItems); i <= Math.min(nPages, page + maxItems); i++) {
pageLabels.push({page: i});
}
if (page !== nPages && nPages >= maxItems) {
pageLabels.push({'icon': 'chevron_right', page: nPages});
pageLabels.push({'icon': 'last_page', page: 0});
}
return pageLabels;
}