38 lines
1.0 KiB
JavaScript
38 lines
1.0 KiB
JavaScript
import web3 from "Embark/web3"
|
|
import EmbarkJS from 'Embark/EmbarkJS';
|
|
import React from 'react';
|
|
import {Button} from 'react-bootstrap';
|
|
|
|
class Paginator extends React.Component {
|
|
|
|
constructor(props) {
|
|
super(props);
|
|
this.state = {
|
|
|
|
};
|
|
}
|
|
|
|
render(){
|
|
let ln = Math.ceil(this.props.total / this.props.recordsByPage);
|
|
let btnArray = []
|
|
for(let i = 1; i <= ln; i++){
|
|
btnArray.push(<Button bsStyle="link" className={i == this.props.pageNum ? 'current' : ''} onClick={(e) => this.props.pageHandler(e, i)}>{i}</Button>)
|
|
}
|
|
|
|
return <div>
|
|
<Button bsStyle="link" onClick={(e) => this.props.pageHandler(e, 1)}><</Button>
|
|
{
|
|
btnArray.map((component, index) => (
|
|
<React.Fragment key={index}>
|
|
{ component }
|
|
</React.Fragment>
|
|
))
|
|
}
|
|
<Button bsStyle="link" onClick={(e) => this.props.pageHandler(e, ln)}>></Button>
|
|
</div>;
|
|
}
|
|
|
|
}
|
|
|
|
export default Paginator;
|