diff options
Diffstat (limited to 'animism-align/frontend/app/views/align/components/annotations')
3 files changed, 22 insertions, 0 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 26eeb26..8dcc561 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 @@ -54,5 +54,6 @@ width: 1.4rem; } .annotationForm .checkbox { + margin-top: 0.5rem; margin-bottom: 0.5rem; }
\ No newline at end of file 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 new file mode 100644 index 0000000..a632e70 --- /dev/null +++ b/animism-align/frontend/app/views/align/components/annotations/annotationForms/annotationForm.text.js @@ -0,0 +1,16 @@ +import React, { Component } from 'react' + +import { Select, Checkbox } from 'app/common' + +export const AnnotationFormSectionHeading = ({ annotation, handleSettingsSelect, handleSettingsChange }) => { + return ( + <div className='options'> + <Checkbox + label="Hidden" + name="hidden" + checked={annotation.settings.hidden} + onChange={handleSettingsSelect} + /> + </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 29f9def..0b36d9a 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,4 +1,8 @@ import { + AnnotationFormSectionHeading, +} from './annotationForm.text' + +import { AnnotationFormVideo, } from './annotationForm.video' @@ -11,6 +15,7 @@ import { } from './annotationForm.utility' export const annotationFormLookup = { + section_heading: AnnotationFormSectionHeading, image: AnnotationFormImage, video: AnnotationFormVideo, curtain: AnnotationFormCurtain, |
