Skip to content
Snippets Groups Projects

Manifest side to side

1 file
+ 14
9
Compare changes
  • Side-by-side
  • Inline
@@ -50,6 +50,8 @@ export class AnnotationManifestsAccordion extends Component {
@@ -50,6 +50,8 @@ export class AnnotationManifestsAccordion extends Component {
annotation.manifests = searchManifest(annotation.content.concat(annotation.id));
annotation.manifests = searchManifest(annotation.content.concat(annotation.id));
 
// TODO fetch url to get image and label
 
if (annotation.manifests === null) {
if (annotation.manifests === null) {
return null;
return null;
}
}
@@ -71,26 +73,29 @@ export class AnnotationManifestsAccordion extends Component {
@@ -71,26 +73,29 @@ export class AnnotationManifestsAccordion extends Component {
<CardMedia
<CardMedia
component="img"
component="img"
alt="Contemplative Reptile"
alt="Contemplative Reptile"
height="140"
height="100"
 
width="100%"
image="https://www.tetras-libre.fr/themes/tetras/img/logo.svg"
image="https://www.tetras-libre.fr/themes/tetras/img/logo.svg"
title="Tetras tooltip"
title="Tetras tooltip"
/>
/>
<CardContent>
<CardContent>
<Typography gutterBottom variant="h5" component="h2">
<Typography gutterBottom variant="h5" component="h2">
Lizard
Label de mon manifest
</Typography>
</Typography>
<Typography variant="body2" color="textSecondary" component="p">
<Typography variant="body2" color="textSecondary" component="p">
Lizards are a widespread group of squamate reptiles, with over 6,000 species, ranging
Description de mon manifest
across all continents except Antarctica
</Typography>
</Typography>
</CardContent>
</CardContent>
</CardActionArea>
</CardActionArea>
<CardActions>
<CardActions>
<Button size="small" color="primary">
<Button
Share
size="small"
</Button>
color="primary"
<Button size="small" color="primary">
onClick={(e) => {
Learn More
this.handleOpenManifestSideToSide(e, manifestId);
 
}}
 
>
 
Open in new panel
</Button>
</Button>
</CardActions>
</CardActions>
</Card>
</Card>
Loading