fix(tag-list): pagination doesn't work properly (#274)

fixes #274
This commit is contained in:
Joxit 2022-10-14 22:15:13 +02:00
parent 4e5b768833
commit 19e96ab94c
No known key found for this signature in database
GPG key ID: F526592B8E012263
4 changed files with 8 additions and 5 deletions

File diff suppressed because one or more lines are too long

View file

@ -1,6 +1,6 @@
{
"name": "docker-registry-ui",
"version": "2.3.1",
"version": "2.3.2",
"scripts": {
"format": "npm run format-html && npm run format-js && npm run format-riot",
"format-html": "find src rollup rollup.config.js -name '*.html' -exec prettier --config .prettierrc -w --parser html {} \\;",

View file

@ -18,10 +18,11 @@ along with this program. If not, see <http://www.gnu.org/licenses/>.
<div class="conatianer">
<div class="pagination-centered">
<material-button
aria-label="page-{ p.page }"
waves-color="rgba(158,158,158,.4)"
each="{p in props.pages}"
each="{ (p, idx) in props.pages}"
class="{ p.current ? 'current' : ''} { p['space-left'] ? 'space-left' : '' } { p['space-right'] ? 'space-right' : ''}"
onClick="{() => props.onPageUpdate(p.page)}"
onClick="{() => props.onPageUpdate(idx)}"
>
<i if="{ p.icon }" class="material-icons">{ p.icon }</i>
<div if="{ !p.icon }">{ p.page }</div>

View file

@ -125,7 +125,9 @@ along with this program. If not, see <http://www.gnu.org/licenses/>.
state.asc = true;
},
onPageUpdate(page) {
onPageUpdate(idx) {
const labels = getPageLabels(this.state.page, getNumPages(this.state.tags));
const page = labels[idx].page;
this.update({
page: page,
});