added quick-links to lookup view
This commit is contained in:
parent
e039824ea2
commit
abacb71acb
@ -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);
|
||||
|
@ -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>
|
||||
|
Loading…
x
Reference in New Issue
Block a user