mirrors/docker-registry-ui
1
0
Fork 0
mirror of https://github.com/Joxit/docker-registry-ui.git synced 2025-04-27 15:39:54 +03:00
Code Issues Projects Releases Packages Wiki Activity Actions

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

Browse source 
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
Download patch file Download diff file Expand all files Collapse all files

2
dist/docker-registry-ui.js vendored
View file

File diff suppressed because one or more lines are too long

2
package.json
View file

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

5
src/components/tag-list/pagination.riot
View file

@ -18,10 +18,11 @@ along with this program. If not, see <http://www.gnu.org/licenses/>.
<div class="conatianer"> <div class="conatianer">
<div class="pagination-centered"> <div class="pagination-centered">
<material-button <material-button
aria-label="page-{ p.page }"
waves-color="rgba(158,158,158,.4)" 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' : ''}" 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> <i if="{ p.icon }" class="material-icons">{ p.icon }</i>
<div if="{ !p.icon }">{ p.page }</div> <div if="{ !p.icon }">{ p.page }</div>

4
src/components/tag-list/tag-list.riot
View file

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