Skip to content
Snippets Groups Projects
Commit 434049b6 authored by Anthony's avatar Anthony
Browse files

WIP on accordion. Display ok but need to improve the UI

parent 25fae15b
No related branches found
No related tags found
2 merge requests!13Manifest side to side,!11Draft: 33 8 open an other manifest side by side from an annotation
......@@ -137,42 +137,33 @@ export class CanvasAnnotations extends Component {
))
}
</div>
<div>
</ListItemText>
</MenuItem>
{
(annotation.idIsManifest || annotation.manifestsInContent) && (
<div>
<Accordion>
<AccordionSummary
expandIcon={<ExpandMoreIcon />}
aria-controls="panel1a-content"
id="panel1a-header"
>
<Typography className={classes.heading}>Accordion 1</Typography>
<Typography className={classes.heading}>Manifests found :</Typography>
</AccordionSummary>
<AccordionDetails>
<Typography>
{annotation.idIsManifest && (
<div>
<div className={classes.manifestOpeningWrapper}>
<div>{annotation.id}</div>
<MiradorMenuButton
aria-haspopup="true"
aria-label={t('openManifestInOtherWindow', { manifest: annotation.id })}
titleAccess={t('openManifestInOtherWindow', { manifest: annotation.id })}
onClick={(e) => { this.handleOpenManifestSideToSide(e, annotation.id); }}
className={classes.manifestOpeningButton}
>
<PlaylistAddIcon />
</MiradorMenuButton>
</div>
)}
</Typography>
</AccordionDetails>
</Accordion>
<h4>Manifests found :</h4>
</div>
)
}
{annotation.manifestsInContent && annotation.manifestsInContent.map(manifestId => (
<div className={classes.manifestOpeningWrapper}>
<div>{manifestId}</div>
......@@ -187,9 +178,13 @@ export class CanvasAnnotations extends Component {
</MiradorMenuButton>
</div>
))}
</Typography>
</AccordionDetails>
</Accordion>
</div>
</ListItemText>
</MenuItem>
)
}
</ScrollTo>
))
}
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment