From 438dc4bb18aa468c393b89909f7140280ceb7516 Mon Sep 17 00:00:00 2001
From: Stanislaw Adaszewski <s.adaszewski@gmail.com>
Date: Mon, 13 Apr 2020 12:57:48 +0200
Subject: [PATCH] Improved WBPagination, three dots now move to the middle of
 neighboring pages.

---
 frontend/src/js/widget/wb-pagination.js | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/frontend/src/js/widget/wb-pagination.js b/frontend/src/js/widget/wb-pagination.js
index 5d0ff89..9c0d901 100644
--- a/frontend/src/js/widget/wb-pagination.js
+++ b/frontend/src/js/widget/wb-pagination.js
@@ -28,13 +28,14 @@ class WBPagination extends Component {
       </li>
     ));
 
-    for (let idx in visible) {
+    for (let idx = 0; idx < visible.length; idx++) {
       let i = visible[idx];
+      let capturePrev = prev;
       if (i > prev + 1)
         res.push((
           <li class="page-item">
-            <a class="page-link" href={ getPageUrl(i - 1) }
-              onclick={ e => this.changePage(e, i - 1) }>...</a>
+            <a class="page-link" href={ getPageUrl(Math.round((i + capturePrev) / 2)) }
+              onclick={ e => this.changePage(e, Math.round((i + capturePrev) / 2)) }>...</a>
           </li>
         ));
       prev = i;