Commit 461fc284 authored by Maxym Borodenko's avatar Maxym Borodenko
Browse files

Dataset details navigation

parent 76674e1f
......@@ -71,29 +71,35 @@ class BrowseMenu extends React.Component<IBrowseMenuProps, any> {
<Collapse in={ this.state.expanded } timeout="auto" unmountOnExit>
<div>
<Divider />
<ListItem button>
<ListItemText primary="CROP"/>
</ListItem>
<a href="#dataset-top">
<ListItem button>
<ListItemText primary="DATASET"/>
</ListItem>
</a>
<Divider />
<ListItem button>
<ListItemText primary="EVALUATED TRAIT"/>
</ListItem>
<a href="#dataset-metadata">
<ListItem button>
<ListItemText primary="METADATA"/>
</ListItem>
</a>
<Divider />
<ListItem button>
<ListItemText primary="GEO LOCATION"/>
</ListItem>
<a href="#dataset-locations">
<ListItem button>
<ListItemText primary="LOCATION"/>
</ListItem>
</a>
<Divider />
<ListItem button>
<ListItemText primary="EVALUATION YEAR"/>
</ListItem>
<a href="#dataset-traits">
<ListItem button>
<ListItemText primary="TRAITS OBSERVED"/>
</ListItem>
</a>
<Divider />
<ListItem button>
<ListItemText primary="INSTITUTE"/>
</ListItem>
<Divider />
<ListItem button>
<ListItemText primary="ACCESSION NUMBER"/>
</ListItem>
<a href="#dataset-accessions">
<ListItem button>
<ListItemText primary="ACCESSIONS"/>
</ListItem>
</a>
<Divider />
</div>
</Collapse>
......
......@@ -198,12 +198,12 @@ class DetailInfo extends React.Component<IDetailInfoProps, any> {
return (
<div className={ classes.root }>
<Grid container spacing={ 0 }>
<Grid item xs={ 12 } className="p-10">
<Grid item xs={ 12 } className="p-10" id="dataset-top">
<Card className={ classes.card } square>
<CardHeader className={ classes.cardHeader }
title={ <Markdown basic source={ dataset.title } /> }
subheader={ <small>{ dataset.versionTag }</small> } />
<CardContent className={ classes.cardContent }>
<CardHeader className={ classes.cardHeader }
title={ <Markdown basic source={ dataset.title } /> }
subheader={ <small>{ dataset.versionTag }</small> } />
<CardContent className={ classes.cardContent }>
{ dataset.description && <Markdown source={ dataset.description } /> }
{ dataset.crops && dataset.crops.length > 0 && (
......@@ -231,7 +231,7 @@ class DetailInfo extends React.Component<IDetailInfoProps, any> {
</Grid>
<Grid container spacing={ 0 }>
<Grid item xs={ 12 } md={ 8 } lg={ 9 } className="p-10">
<Grid item xs={ 12 } md={ 8 } lg={ 9 } className="p-10" id="dataset-metadata">
<Section title="Dataset metadata">
{ dataset.creators && dataset.creators.length > 0 &&
<div>
......@@ -370,7 +370,7 @@ class DetailInfo extends React.Component<IDetailInfoProps, any> {
<Grid container spacing={ 0 }>
{ dataset.locations && dataset.locations.length > 0 && (
<Grid item xs={ 12 } md={ 12 } lg={ 12 } className="p-10">
<Grid item xs={ 12 } md={ 12 } lg={ 12 } className="p-10" id="dataset-locations">
<Section title="Locations">
<div className="p-20">
<LocationMap locations={ dataset.locations } classes={ {} }/>
......@@ -380,7 +380,7 @@ class DetailInfo extends React.Component<IDetailInfoProps, any> {
) }
{ dataset.descriptors && dataset.descriptors.length > 0 && (
<Grid item xs={ 12 } md={ 12 } lg={ 12 } className="p-10">
<Grid item xs={ 12 } md={ 12 } lg={ 12 } className="p-10" id="dataset-traits">
<Section title="Traits observed">
<List>
{ dataset.descriptors.map((descriptor: Descriptor) => (
......@@ -395,7 +395,7 @@ class DetailInfo extends React.Component<IDetailInfoProps, any> {
) }
{ dataset.accessionIdentifiers && dataset.accessionIdentifiers.length > 0 && (
<Grid item xs={ 12 } md={ 12 } lg={ 12 } className="p-10">
<Grid item xs={ 12 } md={ 12 } lg={ 12 } className="p-10" id="dataset-accessions">
<Section title="Accessions evaluated">
<div className="p-20">
<AccessionIdentifiersTable accessionIdentifiers={ dataset.accessionIdentifiers } />
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment