From 15d5f168363b9592cd5f201fe2ce2a31d3d692bd Mon Sep 17 00:00:00 2001
From: Jules Laplace <julescarbon@gmail.com>
Date: Fri, 28 Aug 2020 20:24:11 +0200
Subject: tween-scroll the transcript

---
 .../app/views/viewer/transcript/components/elementTypes.gallery.js    | 3 +++
 .../app/views/viewer/transcript/components/elementTypes.image.js      | 3 +++
 .../app/views/viewer/transcript/components/elementTypes.text.js       | 4 ++++
 .../app/views/viewer/transcript/components/elementTypes.video.js      | 3 +++
 4 files changed, 13 insertions(+)

(limited to 'animism-align/frontend/app/views/viewer/transcript/components')

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)}
     >
       {"["}
-- 
cgit v1.2.3-70-g09d2