From 8b962053f2af99ece482537b9ac7a1daff1400b9 Mon Sep 17 00:00:00 2001
From: Jules Laplace <julescarbon@gmail.com>
Date: Sat, 7 Nov 2020 02:03:40 +0100
Subject: starting to add subtitles. fix carousels not showing up in transcript

---
 .../annotationForms/annotationForm.text.js           | 20 ++++++++++++++++++++
 .../components/annotations/annotationForms/index.js  |  2 ++
 2 files changed, 22 insertions(+)

(limited to 'animism-align/frontend/app/views/align/components/annotations/annotationForms')

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 82a0d6e..cc7cc41 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
@@ -84,6 +84,26 @@ export const AnnotationFormTextPlate = ({ annotation, handleSettingsSelect, hand
   )
 }
 
+export const AnnotationFormSubtitle = ({ annotation, handleSettingsSelect, handleSettingsChange }) => {
+  return (
+    <div className='options'>
+      <Select
+        title='Color'
+        name='color'
+        selected={annotation.settings.color}
+        options={CURTAIN_COLOR_SELECT_OPTIONS}
+        defaultOption='Pick a color'
+        onChange={handleSettingsSelect}
+      />
+
+      <AnnotationFormFullscreen
+        annotation={annotation}
+        handleSettingsChange={handleSettingsChange}
+        handleSettingsSelect={handleSettingsSelect}
+      />
+    </div>
+  )
+}
 
 export const AnnotationFormFootnote = ({ annotation, handleSettingsSelect, handleSettingsChange }) => {
   return (
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 9a3b386..7b95332 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
@@ -2,6 +2,7 @@ import {
   AnnotationFormSectionHeading,
   AnnotationFormTextPlate,
   AnnotationFormFootnote,
+  AnnotationFormSubtitle,
 } from './annotationForm.text'
 
 import {
@@ -26,6 +27,7 @@ export const annotationFormLookup = {
   section_heading: AnnotationFormSectionHeading,
   text_plate: AnnotationFormTextPlate,
   footnote: AnnotationFormFootnote,
+  subtitle: AnnotationFormSubtitle,
 
   image: AnnotationFormImage,
   video: AnnotationFormVideo,
-- 
cgit v1.2.3-70-g09d2