From d8ac0c8298cf6157fcf5773eab088f19a2c8fbb1 Mon Sep 17 00:00:00 2001
From: Jules Laplace <julescarbon@gmail.com>
Date: Mon, 21 Sep 2020 21:48:23 +0200
Subject: background color stuff, pull quotes in the text but not the
 transcript, inline vitrine stuff

---
 .../annotationForms/annotationForm.text.js         | 31 +++++++++++++++-------
 1 file changed, 21 insertions(+), 10 deletions(-)

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

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 d3009d8..07a79a3 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
@@ -12,6 +12,17 @@ export const AnnotationFormSectionHeading = ({ annotation, handleSettingsSelect,
         checked={annotation.settings.hidden}
         onChange={handleSettingsSelect}
       />
+      <Select
+        title='Background Color'
+        name='color'
+        selected={annotation.settings.color}
+        options={BLACK_WHITE_SELECT_OPTIONS}
+        defaultOption='Pick a color'
+        onChange={handleSettingsSelect}
+      />
+      <LabelDescription>
+        {'Background color for section'}
+      </LabelDescription>
       <Select
         title='Transition Color'
         name='transition_color'
@@ -23,15 +34,6 @@ export const AnnotationFormSectionHeading = ({ annotation, handleSettingsSelect,
       <LabelDescription>
         {'Player will fade from this color when section begins'}
       </LabelDescription>
-      <Checkbox
-        label="Section does not have audio"
-        name="no_audio"
-        checked={annotation.settings.no_audio}
-        onChange={handleSettingsSelect}
-      />
-      <LabelDescription>
-        {'Check if this is a text-only section'}
-      </LabelDescription>
       {!annotation.settings.no_audio &&
         <div>
           <Select
@@ -43,10 +45,19 @@ export const AnnotationFormSectionHeading = ({ annotation, handleSettingsSelect,
             onChange={handleSettingsSelect}
           />
           <LabelDescription>
-            {'Set the color of the duration icon on the section navigation'}
+            {'Section nav thumbnail icon color'}
           </LabelDescription>
         </div>
       }
+      <Checkbox
+        label="Section does not have audio"
+        name="no_audio"
+        checked={annotation.settings.no_audio}
+        onChange={handleSettingsSelect}
+      />
+      <LabelDescription>
+        {'Check if this is a text-only section'}
+      </LabelDescription>
     </div>
   )
 }
-- 
cgit v1.2.3-70-g09d2