IF YOU WOULD LIKE TO GET AN ACCOUNT, please write an email to s dot adaszewski at gmail dot com. User accounts are meant only to report issues and/or generate pull requests. This is a purpose-specific Git hosting for ADARED projects. Thank you for your understanding!
Browse Source

Small fixes for pagination.

pull/1/head
parent
commit
0d4b578025
2 changed files with 10 additions and 9 deletions
  1. +5
    -4
      frontend/src/js/component/wb-app.js
  2. +5
    -5
      frontend/src/js/widget/wb-pagination.js

+ 5
- 4
frontend/src/js/component/wb-app.js View File

@@ -5,15 +5,16 @@ import WBPagination from 'wb-pagination';
import WBProjectListing from 'wb-project-listing'; import WBProjectListing from 'wb-project-listing';
class WBApp extends Component { class WBApp extends Component {
render() {
render({}, { activePage }) {
return ( return (
<div> <div>
<h1>WBApp</h1> <h1>WBApp</h1>
<WBProjectListing arvHost="api.arkau.roche.com" <WBProjectListing arvHost="api.arkau.roche.com"
arvToken="v2/arkau-gj3su-uf4hnu2o2qkvm8j/15kla38mafzq6b31d5t74ynhk6iuy32v1ticslodr0obvvhde9" />
arvToken="v2/arkau-gj3su-uf4hnu2o2qkvm8j/15kla38mafzq6b31d5t74ynhk6iuy32v1ticslodr0obvvhde9"
itemsPerPage="5" />
<WBPagination numPages={ 0 } activePage={ 0 } /> <WBPagination numPages={ 0 } activePage={ 0 } />
<WBPagination numPages={ 100 } activePage={ 0 }
onPageChanged={ idx => alert(idx) } />
<WBPagination numPages={ 100 } activePage={ activePage || 0 }
onPageChanged={ i => this.setState({ 'activePage': i }) } />
<WBTable <WBTable
columns={ [ 'Name', 'Description', 'Size' ] } columns={ [ 'Name', 'Description', 'Size' ] }
rows={ [ rows={ [


+ 5
- 5
frontend/src/js/widget/wb-pagination.js View File

@@ -16,7 +16,7 @@ class WBPagination extends Component {
visible[i] = true; visible[i] = true;
visible = Object.keys(visible).map(n => Number(n)); visible = Object.keys(visible).map(n => Number(n));
visible.sort();
visible.sort((a, b) => (a - b));
let res = []; let res = [];
let prev = 0; let prev = 0;
@@ -24,7 +24,7 @@ class WBPagination extends Component {
res.push(( res.push((
<li class={ activePage === 0 ? "page-item disabled" : "page-item" }> <li class={ activePage === 0 ? "page-item disabled" : "page-item" }>
<a class="page-link" href="#" <a class="page-link" href="#"
onclick={ () => onPageChanged(activePage - 1) }>Previous</a>
onclick={ e => { e.preventDefault(); onPageChanged(activePage - 1); } }>Previous</a>
</li> </li>
)); ));
@@ -34,7 +34,7 @@ class WBPagination extends Component {
res.push(( res.push((
<li class="page-item"> <li class="page-item">
<a class="page-link" href="#" <a class="page-link" href="#"
onclick={ () => onPageChanged(i - 1) }>...</a>
onclick={ e => { e.preventDefault(); onPageChanged(i - 1); } }>...</a>
</li> </li>
)); ));
prev = i; prev = i;
@@ -42,7 +42,7 @@ class WBPagination extends Component {
res.push(( res.push((
<li class={ i === activePage ? "page-item active" : "page-item" }> <li class={ i === activePage ? "page-item active" : "page-item" }>
<a class="page-link" href="#" <a class="page-link" href="#"
onclick={ () => onPageChanged(i) }>{ i + 1 }</a>
onclick={ e => { e.preventDefault(); onPageChanged(i); } }>{ i + 1 }</a>
</li> </li>
)); ));
} }
@@ -50,7 +50,7 @@ class WBPagination extends Component {
res.push(( res.push((
<li class={ activePage >= numPages - 1 ? "page-item disabled" : "page-item" }> <li class={ activePage >= numPages - 1 ? "page-item disabled" : "page-item" }>
<a class="page-link" href="#" <a class="page-link" href="#"
onclick={ () => onPageChanged(activePage + 1) }>Next</a>
onclick={ e => { e.preventDefault(); onPageChanged(activePage + 1); } }>Next</a>
</li> </li>
)); ));


Loading…
Cancel
Save