diff --git a/client/components/routeservers/routes/pagination.jsx b/client/components/routeservers/routes/pagination.jsx index f0d9dd2..ecd0696 100644 --- a/client/components/routeservers/routes/pagination.jsx +++ b/client/components/routeservers/routes/pagination.jsx @@ -6,7 +6,7 @@ import {Link} from 'react-router' import {push} from 'react-router-redux' -const makeLinkProps = function(props) { +export const makeLinkProps = function(props) { const linkPage = parseInt(props.page); let pr = props.pageReceived; diff --git a/client/components/routeservers/routes/view.jsx b/client/components/routeservers/routes/view.jsx index 848f8b3..1387783 100644 --- a/client/components/routeservers/routes/view.jsx +++ b/client/components/routeservers/routes/view.jsx @@ -12,6 +12,8 @@ import {fetchRoutesReceived, fetchRoutesFiltered, fetchRoutesNotExported} from './actions' +import {makeLinkProps} from './pagination' + // Constants import {ROUTES_RECEIVED, ROUTES_FILTERED, @@ -86,13 +88,15 @@ class RoutesView extends React.Component { */ routesNeedFetch(props) { const type = this.props.type; - const params = this.props.routes[type]; - const nextParams = props.routes[type]; + const nextParams = this.props.routes[type]; + const params = props.routes[type]; // Previous props - if (this.props.filterQuery != props.filterQuery || - params.page != nextParams.page) { - return true; + if (this.props.filterQuery != props.filterQuery || // Pagination + params.page != nextParams.page || // Query + params.loadRoutes != nextParams.loadRoutes) { + return true; } + return false; } @@ -180,11 +184,6 @@ class RoutesView extends React.Component { renderLoadTrigger() { const type = this.props.type; const state = this.props.routes[type]; - const queryParam = { - [ROUTES_RECEIVED]: "pr", - [ROUTES_FILTERED]: "pf", - [ROUTES_NOT_EXPORTED]: "pn", - }[type]; const name = { [ROUTES_RECEIVED]: "routes-received", [ROUTES_FILTERED]: "routes-filtered", @@ -198,6 +197,19 @@ class RoutesView extends React.Component { return null; } + const linkProps = makeLinkProps({ + loadNotExported: true, + + anchor: "routes-not-exported", + page: this.props.routes.notExported.page, + + pageReceived: this.props.routes.received.page, + pageFiltered: this.props.routes.filtered.page, + pageNotExported: this.props.routes.notExported.page, + + routing: this.props.routing + }); + return (
Due to the high amount of routes not exported, - they are only fetched them on demand: + they are only fetched on demand.
- Link to: - - + + Load Routes Not Exported +