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

fixes #274

CONTRIBUTORS.md

@@ -39,3 +39,4 @@
 - Jason Tackaberry [@jtackaberry](https://github.com/jtackaberry)
 - Maxime Loliée [@loliee](https://github.com/loliee)
 - Enrico [@Enrico204](https://github.com/Enrico204)
+- [@clyvari](https://github.com/clyvari)

nginx/default.conf

@@ -26,6 +26,7 @@ server {
 #!        if ($http_user_agent ~ "^(docker\/1\.(3|4|5(?!\.[0-9]-dev))|Go ).*$" ) {
 #!            return 404;
 #!        }
+#!        proxy_http_version 1.1;
 #!        ${NGINX_PROXY_HEADERS}
 #!        ${NGINX_PROXY_PASS_HEADERS}
 #!        proxy_pass ${NGINX_PROXY_PASS_URL};

package.json

@@ -1,6 +1,6 @@
 {
   "name": "docker-registry-ui",
-  "version": "2.3.0",
+  "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 {} \\;",

src/components/tag-list/pagination.riot

@@ -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>

src/components/tag-list/tag-list.riot

@@ -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,
         });