How to use the reactstrap.PaginationItem function in reactstrap

To help you get started, we’ve selected a few reactstrap examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github italia / design-react-kit / dist / design-react-kit.cjs.js View on Github external
get: function () {
    return reactstrap.PaginationItem;
  }
});
github jhipster / react-jhipster / lib / src / component / pagination / pagination.js View on Github external
this.cleanActivePage();
        var activePage = this.props.activePage;
        var maxPage = this.getMaxPage();
        return (React.createElement("div", null,
            React.createElement(reactstrap_1.Pagination, null,
                React.createElement(reactstrap_1.PaginationItem, __assign({}, activePage === 1 && { disabled: true }),
                    React.createElement(reactstrap_1.PaginationLink, { onClick: this.updateActivePage(1), href: "javascript:void(0)" }, "\u00AB\u00AB")),
                React.createElement(reactstrap_1.PaginationItem, __assign({}, activePage === 1 && { disabled: true }),
                    React.createElement(reactstrap_1.PaginationLink, { previous: true, onClick: this.previousPage, href: "javascript:void(0)" })),
                this.itemsToDisplay(activePage).map(function (paginationItem, i) {
                    return paginationItem.display === 'display' ? (_this.displayPaginationItem(i)) : paginationItem.display === 'disabled' ? (React.createElement(reactstrap_1.PaginationItem, { disabled: true, key: i },
                        React.createElement(reactstrap_1.PaginationLink, { href: "#" }, "..."))) : null;
                }),
                React.createElement(reactstrap_1.PaginationItem, __assign({}, activePage === maxPage && { disabled: true }),
                    React.createElement(reactstrap_1.PaginationLink, { next: true, onClick: this.nextPage, href: "javascript:void(0)" })),
                React.createElement(reactstrap_1.PaginationItem, __assign({}, activePage === maxPage && { disabled: true }),
                    React.createElement(reactstrap_1.PaginationLink, { onClick: this.updateActivePage(maxPage), href: "javascript:void(0)" }, "\u00BB\u00BB")))));
    };
    return JhiPagination;
github jhipster / react-jhipster / lib / src / component / pagination / pagination.js View on Github external
        _this.displayPaginationItem = function (i) { return (React.createElement(reactstrap_1.PaginationItem, { key: i },
            React.createElement(reactstrap_1.PaginationLink, { onClick: _this.updateActivePage(i + 1), href: "javascript:void(0)" }, i + 1))); };
        _this.cleanActivePage = function () {