diff options
| author | Jules Laplace <julescarbon@gmail.com> | 2020-08-28 20:24:11 +0200 |
|---|---|---|
| committer | Jules Laplace <julescarbon@gmail.com> | 2020-08-28 20:24:11 +0200 |
| commit | 15d5f168363b9592cd5f201fe2ce2a31d3d692bd (patch) | |
| tree | 0f79d47a5fbaff9a3858d0aa1037aebcb6a1c66a /animism-align/frontend/app/views/viewer/transcript/components | |
| parent | 6dea2acdf558f39c868be92c5657190d9fb6bd46 (diff) | |
tween-scroll the transcript
Diffstat (limited to 'animism-align/frontend/app/views/viewer/transcript/components')
4 files changed, 13 insertions, 0 deletions
diff --git a/animism-align/frontend/app/views/viewer/transcript/components/elementTypes.gallery.js b/animism-align/frontend/app/views/viewer/transcript/components/elementTypes.gallery.js index 6d6db2d..d21cc79 100644 --- a/animism-align/frontend/app/views/viewer/transcript/components/elementTypes.gallery.js +++ b/animism-align/frontend/app/views/viewer/transcript/components/elementTypes.gallery.js @@ -14,6 +14,9 @@ export const MediaGallery = ({ paragraph, media, currentParagraph, currentAnnota return ( <div className={className} + data-startts={paragraph.start_ts} + data-endts={paragraph.end_ts} + data-media={true} onClick={e => onAnnotationClick(e, paragraph, annotation)} > {"["} diff --git a/animism-align/frontend/app/views/viewer/transcript/components/elementTypes.image.js b/animism-align/frontend/app/views/viewer/transcript/components/elementTypes.image.js index 64de3a2..6eef6a0 100644 --- a/animism-align/frontend/app/views/viewer/transcript/components/elementTypes.image.js +++ b/animism-align/frontend/app/views/viewer/transcript/components/elementTypes.image.js @@ -39,6 +39,9 @@ export const MediaImage = ({ paragraph, media, currentParagraph, currentAnnotati return ( <div className={className} + data-startts={paragraph.start_ts} + data-endts={paragraph.end_ts} + data-media={true} onClick={e => onAnnotationClick(e, paragraph, annotation)} > {"["} diff --git a/animism-align/frontend/app/views/viewer/transcript/components/elementTypes.text.js b/animism-align/frontend/app/views/viewer/transcript/components/elementTypes.text.js index 292eec8..5ea12da 100644 --- a/animism-align/frontend/app/views/viewer/transcript/components/elementTypes.text.js +++ b/animism-align/frontend/app/views/viewer/transcript/components/elementTypes.text.js @@ -9,6 +9,8 @@ export const Paragraph = ({ paragraph, currentParagraph, currentAnnotation, onAn return ( <div className={className} + data-startts={paragraph.start_ts} + data-endts={paragraph.end_ts} > {paragraph.annotations.map(annotation => ( <span @@ -29,6 +31,8 @@ export const ParagraphHeading = ({ paragraph, currentParagraph, currentAnnotatio return ( <div className={className} + data-startts={paragraph.start_ts} + data-endts={paragraph.end_ts} onClick={e => onAnnotationClick(e, paragraph, firstAnnotation)} > <span>{ROMAN_NUMERALS[paragraph.sectionIndex]}{'. '}{text}</span> diff --git a/animism-align/frontend/app/views/viewer/transcript/components/elementTypes.video.js b/animism-align/frontend/app/views/viewer/transcript/components/elementTypes.video.js index 423a055..1c1b3cc 100644 --- a/animism-align/frontend/app/views/viewer/transcript/components/elementTypes.video.js +++ b/animism-align/frontend/app/views/viewer/transcript/components/elementTypes.video.js @@ -14,6 +14,9 @@ export const MediaVideo = ({ paragraph, media, currentParagraph, currentAnnotati return ( <div className={className} + data-startts={paragraph.start_ts} + data-endts={paragraph.end_ts} + data-media={true} onClick={e => onAnnotationClick(e, paragraph, annotation)} > {"["} |