diff options
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, |