mirror of
https://github.com/ansible/awx.git
synced 2026-05-06 17:07:36 -02:30
use constructor bound methods for pagination
This commit is contained in:
@@ -21,6 +21,15 @@ class Pagination extends Component {
|
|||||||
const { page } = this.props;
|
const { page } = this.props;
|
||||||
|
|
||||||
this.state = { value: page, isOpen: false };
|
this.state = { value: page, isOpen: false };
|
||||||
|
|
||||||
|
this.onPageChange = this.onPageChange.bind(this);
|
||||||
|
this.onSubmit = this.onSubmit.bind(this);
|
||||||
|
this.onFirst = this.onFirst.bind(this);
|
||||||
|
this.onPrevious = this.onPrevious.bind(this);
|
||||||
|
this.onNext = this.onNext.bind(this);
|
||||||
|
this.onLast = this.onLast.bind(this);
|
||||||
|
this.onTogglePageSize = this.onTogglePageSize.bind(this);
|
||||||
|
this.onSelectPageSize = this.onSelectPageSize.bind(this);
|
||||||
}
|
}
|
||||||
|
|
||||||
componentDidUpdate (prevProps) {
|
componentDidUpdate (prevProps) {
|
||||||
@@ -31,11 +40,11 @@ class Pagination extends Component {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
onPageChange = value => {
|
onPageChange (value) {
|
||||||
this.setState({ value });
|
this.setState({ value });
|
||||||
};
|
}
|
||||||
|
|
||||||
onSubmit = event => {
|
onSubmit (event) {
|
||||||
const { onSetPage, page, pageCount, page_size } = this.props;
|
const { onSetPage, page, pageCount, page_size } = this.props;
|
||||||
const { value } = this.state;
|
const { value } = this.state;
|
||||||
|
|
||||||
@@ -49,43 +58,43 @@ class Pagination extends Component {
|
|||||||
} else {
|
} else {
|
||||||
this.setState({ value: page });
|
this.setState({ value: page });
|
||||||
}
|
}
|
||||||
};
|
}
|
||||||
|
|
||||||
onFirst = () => {
|
onFirst () {
|
||||||
const { onSetPage, page_size } = this.props;
|
const { onSetPage, page_size } = this.props;
|
||||||
|
|
||||||
onSetPage(1, page_size);
|
onSetPage(1, page_size);
|
||||||
};
|
}
|
||||||
|
|
||||||
onPrevious = () => {
|
onPrevious () {
|
||||||
const { onSetPage, page, page_size } = this.props;
|
const { onSetPage, page, page_size } = this.props;
|
||||||
const previousPage = page - 1;
|
const previousPage = page - 1;
|
||||||
|
|
||||||
if (previousPage >= 1) {
|
if (previousPage >= 1) {
|
||||||
onSetPage(previousPage, page_size);
|
onSetPage(previousPage, page_size);
|
||||||
}
|
}
|
||||||
};
|
}
|
||||||
|
|
||||||
onNext = () => {
|
onNext () {
|
||||||
const { onSetPage, page, pageCount, page_size } = this.props;
|
const { onSetPage, page, pageCount, page_size } = this.props;
|
||||||
const nextPage = page + 1;
|
const nextPage = page + 1;
|
||||||
|
|
||||||
if (nextPage <= pageCount) {
|
if (nextPage <= pageCount) {
|
||||||
onSetPage(nextPage, page_size);
|
onSetPage(nextPage, page_size);
|
||||||
}
|
}
|
||||||
};
|
}
|
||||||
|
|
||||||
onLast = () => {
|
onLast () {
|
||||||
const { onSetPage, pageCount, page_size } = this.props;
|
const { onSetPage, pageCount, page_size } = this.props;
|
||||||
|
|
||||||
onSetPage(pageCount, page_size)
|
onSetPage(pageCount, page_size)
|
||||||
};
|
}
|
||||||
|
|
||||||
onTogglePageSize = isOpen => {
|
onTogglePageSize (isOpen) {
|
||||||
this.setState({ isOpen });
|
this.setState({ isOpen });
|
||||||
};
|
}
|
||||||
|
|
||||||
onSelectPageSize = ({ target }) => {
|
onSelectPageSize ({ target }) {
|
||||||
const { onSetPage } = this.props;
|
const { onSetPage } = this.props;
|
||||||
|
|
||||||
const page = 1;
|
const page = 1;
|
||||||
@@ -94,7 +103,7 @@ class Pagination extends Component {
|
|||||||
this.setState({ isOpen: false });
|
this.setState({ isOpen: false });
|
||||||
|
|
||||||
onSetPage(page, page_size);
|
onSetPage(page, page_size);
|
||||||
};
|
}
|
||||||
|
|
||||||
render () {
|
render () {
|
||||||
const { up } = DropdownDirection;
|
const { up } = DropdownDirection;
|
||||||
|
|||||||
Reference in New Issue
Block a user