form field for actual ts of note

4 files changed, 23 insertions, 1 deletions

diff --git a/animism-align/frontend/app/views/align/components/annotations/annotation.form.css b/animism-align/frontend/app/views/align/components/annotations/annotation.form.css
index 8dcc561..cea5830 100644
--- a/animism-align/frontend/app/views/align/components/annotations/annotation.form.css
+++ b/animism-align/frontend/app/views/align/components/annotations/annotation.form.css
@@ -30,6 +30,10 @@
   width: 100%;
   margin-right: 0;
 }
+.annotationForm div.textarea {
+  margin-bottom: 0.5rem;
+}
+
 .annotationForm .options label span:first-child {
   display: inline-block;
   width: 6rem;
diff --git a/animism-align/frontend/app/views/align/components/annotations/annotation.form.js b/animism-align/frontend/app/views/align/components/annotations/annotation.form.js
index 92b5a5f..b1bc052 100644
--- a/animism-align/frontend/app/views/align/components/annotations/annotation.form.js
+++ b/animism-align/frontend/app/views/align/components/annotations/annotation.form.js
@@ -164,7 +164,7 @@ class AnnotationForm extends Component {
   renderTextarea() {
     const { annotation } = this.props
     return (
-      <div>
+      <div className='textarea'>
         <textarea
           name='text'
           value={annotation.text}
diff --git a/animism-align/frontend/app/views/align/components/annotations/annotationForms/annotationForm.text.js b/animism-align/frontend/app/views/align/components/annotations/annotationForms/annotationForm.text.js
index aeebc55..82a0d6e 100644
--- a/animism-align/frontend/app/views/align/components/annotations/annotationForms/annotationForm.text.js
+++ b/animism-align/frontend/app/views/align/components/annotations/annotationForms/annotationForm.text.js
@@ -83,3 +83,19 @@ export const AnnotationFormTextPlate = ({ annotation, handleSettingsSelect, hand
     </div>
   )
 }
+
+
+export const AnnotationFormFootnote = ({ annotation, handleSettingsSelect, handleSettingsChange }) => {
+  return (
+    <div className='options'>
+      <TextInput
+        title="Actual Timestamp"
+        name="actual_ts"
+        placeholder="0:00"
+        data={annotation.settings}
+        onChange={handleSettingsChange}
+        autoComplete="off"
+      />
+    </div>
+  )
+}
diff --git a/animism-align/frontend/app/views/align/components/annotations/annotationForms/index.js b/animism-align/frontend/app/views/align/components/annotations/annotationForms/index.js
index 4f91354..9a3b386 100644
--- a/animism-align/frontend/app/views/align/components/annotations/annotationForms/index.js
+++ b/animism-align/frontend/app/views/align/components/annotations/annotationForms/index.js
@@ -1,6 +1,7 @@
 import {
   AnnotationFormSectionHeading,
   AnnotationFormTextPlate,
+  AnnotationFormFootnote,
 } from './annotationForm.text'
 
 import {
@@ -24,6 +25,7 @@ import {
 export const annotationFormLookup = {
   section_heading: AnnotationFormSectionHeading,
   text_plate: AnnotationFormTextPlate,
+  footnote: AnnotationFormFootnote,
 
   image: AnnotationFormImage,
   video: AnnotationFormVideo,