From 1600ab3446f533a6824512d616131c7d02a037c7 Mon Sep 17 00:00:00 2001
From: Jules Laplace <julescarbon@gmail.com>
Date: Tue, 20 Oct 2020 19:25:35 +0200
Subject: add footnote type and text plate type. keep track of footnotes when
 accumulating paragraphs.

---
 .../annotationForms/annotationForm.text.js         | 24 +++++++++++++++++++++-
 .../annotations/annotationForms/index.js           |  2 ++
 2 files changed, 25 insertions(+), 1 deletion(-)

(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 07a79a3..aeebc55 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
@@ -1,7 +1,8 @@
 import React, { Component } from 'react'
 
 import { CURTAIN_COLOR_SELECT_OPTIONS, BLACK_WHITE_SELECT_OPTIONS } from 'app/constants'
-import { Select, Checkbox, LabelDescription } from 'app/common'
+import { Select, Checkbox, TextInput, LabelDescription } from 'app/common'
+import { AnnotationFormFullscreen } from './annotationForm.utility'
 
 export const AnnotationFormSectionHeading = ({ annotation, handleSettingsSelect, handleSettingsChange }) => {
   return (
@@ -61,3 +62,24 @@ export const AnnotationFormSectionHeading = ({ annotation, handleSettingsSelect,
     </div>
   )
 }
+
+export const AnnotationFormTextPlate = ({ 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>
+  )
+}
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 5cbe773..4f91354 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,5 +1,6 @@
 import {
   AnnotationFormSectionHeading,
+  AnnotationFormTextPlate,
 } from './annotationForm.text'
 
 import {
@@ -22,6 +23,7 @@ import {
 
 export const annotationFormLookup = {
   section_heading: AnnotationFormSectionHeading,
+  text_plate: AnnotationFormTextPlate,
 
   image: AnnotationFormImage,
   video: AnnotationFormVideo,
-- 
cgit v1.2.3-70-g09d2