Commit 184a6074 authored by Viacheslav Pavlov's avatar Viacheslav Pavlov
Browse files

Accession details

parent dc04be56
......@@ -29,6 +29,7 @@ const styles = (theme) => ({
propertiesValue: {
overflowX: 'hidden' as 'hidden',
display: 'flex' as 'flex',
flexWrap: 'wrap' as 'wrap',
alignItems: 'center' as 'center',
fontSize: '1rem',
padding: '.7rem 1rem',
......
......@@ -123,20 +123,21 @@ class BrowsePage extends React.Component<IBrowsePageProps, any> {
<PropertiesItem title="Country of holding institute">{ accession.institute.country.name }</PropertiesItem>
<PropertiesItem title="Institute code">{ accession.institute.code }</PropertiesItem>
<PropertiesItem title="Acquisition date"><McpdDate value={ accession.acquisitionDate } /></PropertiesItem>
<PropertiesItem title="Country of origin">{ accession.countryOfOrigin.name }</PropertiesItem>
{ accession.sampStat && <PropertiesItem title="Biological status of accession">{ t(`accession.sampleStatus.${accession.sampStat}`) }</PropertiesItem> }
<PropertiesItem title="Availability for distribution">{ t(`accession.available.${accession.available}`) }</PropertiesItem>
{ accession.storage && accession.storage.length > 0 && <PropertiesItem title="Type of Germplasm storage">
{ accession.storage.map((storage, i) => (
<div key={ storage }>{ t(`accession.storage.${storage}`) }</div>
<div key={ storage } style={ {width: '100%', paddingTop: '.25rem'} }>{ t(`accession.storage.${storage}`) }</div>
)) }
</PropertiesItem> }
<PropertiesItem title="Availability for distribution" keepEmpty>{ t(`accession.available.${accession.available}`) }</PropertiesItem>
<PropertiesItem title="Availability for distribution under the MLS" keepEmpty>{ t(`accession.available.${accession.mlsStatus}`) }</PropertiesItem>
<PropertiesItem title="Donor institute">{ accession.donorCode }</PropertiesItem>
<PropertiesItem title="Donor accession number">{ accession.donorNumb }</PropertiesItem>
{ accession.duplSite && accession.duplSite.length > 0 && <PropertiesItem title="Safety duplication institute">
{ accession.duplSite.map((duplSite, i) => (
<div key={ duplSite }>{ duplSite }</div>
<div key={ duplSite } style={ {width: '100%', paddingTop: '.25rem'} }>{ duplSite }</div>
)) }
</PropertiesItem> }
......@@ -160,7 +161,6 @@ class BrowsePage extends React.Component<IBrowsePageProps, any> {
<PageSection title="Accession names">
<Properties>
{ accession.coll && accession.coll.collNumb && <PropertiesItem title={ t('accession.alias.COLLNUMB') }>{ accession.coll.collNumb } { accession.coll.collCode }</PropertiesItem> }
{ accession.donorCode && <PropertiesItem title={ t('accession.alias.DONORNUMB') }>{ accession.donorNumb } { accession.donorCode }</PropertiesItem> }
{ accession.aliases && accession.aliases.map((alias) => (
<PropertiesItem key={ alias.id } title={ t(`accession.alias.${alias.aliasType}`) }>{ alias.name } { alias.usedBy }</PropertiesItem>
......
Markdown is supported
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