added quick-links to lookup view

This commit is contained in:
Matthias Hannig 2018-10-02 10:28:25 +02:00
parent e039824ea2
commit abacb71acb
2 changed files with 35 additions and 5 deletions

View File

@ -14,6 +14,8 @@ import {setLookupQueryValue} from './actions'
import LookupResults from './results'
import SearchInput from 'components/search-input'
import QuickLinks from 'components/routeservers/routes/quick-links'
class LookupHelp extends React.Component {
render() {
@ -78,6 +80,9 @@ class Lookup extends React.Component {
onChange={(e) => this.doLookup(e.target.value)} />
</div>
<QuickLinks routes={this.props.routes}
excludeNotExported={true} />
<LookupHelp query={this.props.query} />
<LookupResults />
@ -88,11 +93,26 @@ class Lookup extends React.Component {
export default connect(
(state) => {
const lookup = state.lookup;
return {
query: state.lookup.query,
queryValue: state.lookup.queryValue,
isLoading: state.lookup.isLoading,
error: state.lookup.error
query: state.lookup.query,
queryValue: state.lookup.queryValue,
isLoading: state.lookup.isLoading,
error: state.lookup.error,
routes: {
filtered: {
loading: lookup.isLoading,
totalResults: lookup.totalRoutesFiltered,
},
received: {
loading: lookup.isLoading,
totalResults: lookup.totalRoutesImported,
},
notExported: {
loading: false,
totalResults: 0,
}
}
}
}
)(Lookup);

View File

@ -23,11 +23,21 @@ const QuickLinks = function(props) {
// this.
let showNotExported = (!props.routes.notExported.loading &&
props.routes.notExported.totalResults > 0);
if (props.loadNotExportedOnDemand) {
let excludeNotExported = props.excludeNotExported || false;
if (props.loadNotExportedOnDemand && !excludeNotExported) {
// Show the link when nothing else is loading anymore
showNotExported = !isLoading;
}
// Is there anything to show?
if (!isLoading &&
!showNotExported &&
props.routes.notExported.totalResults == 0 &&
props.routes.received.totalResults == 0 &&
props.routes.filtered.totalResults == 0) {
return null; // Nothing to do here.
}
return (
<div className="quick-links routes-quick-links">
<span>Go to:</span>