From b62c0e3f36721b4233b043992eb2d567fcaff315 Mon Sep 17 00:00:00 2001
From: kieftrav <kiefertravis@gmail.com>
Date: Wed, 21 Feb 2024 07:54:06 -0600
Subject: [PATCH] Add clone options for flipbook/multiframe drawing tasks.
 (#6996)

---
 ...fem-multi-image-subject-options-editor.jsx | 19 +++++++++++++++++++
 1 file changed, 19 insertions(+)

diff --git a/app/pages/lab-fem/components/fem-multi-image-subject-options-editor.jsx b/app/pages/lab-fem/components/fem-multi-image-subject-options-editor.jsx
index 4ca9fb5d6a..0e07d56e7c 100644
--- a/app/pages/lab-fem/components/fem-multi-image-subject-options-editor.jsx
+++ b/app/pages/lab-fem/components/fem-multi-image-subject-options-editor.jsx
@@ -3,6 +3,12 @@ import React from 'react'
 export default function FemMultiImageSubjectLayoutEditor ({
   workflow = null
 }) {
+  function toggleCloneMarks (e) {
+    return workflow.update({
+      'configuration.multi_image_clone_markers': e.target.checked
+    })
+  }
+
   function toggleEnableSwitching (e) {
     return workflow.update({
       'configuration.enable_switching_flipbook_and_separate': e.target.checked
@@ -33,6 +39,8 @@ export default function FemMultiImageSubjectLayoutEditor ({
   const enableAutoplayChecked = !!workflow?.configuration?.flipbook_autoplay
   const iterations = workflow?.configuration?.playIterations >= 0 ? workflow.configuration.playIterations : 3
   const layout = workflow?.configuration?.multi_image_layout || 'col'
+  const cloneMarksChecked = !!workflow?.configuration?.multi_image_clone_markers
+
 
   return (
     <div className='multi-image-subject-layout-editor'>
@@ -68,6 +76,17 @@ export default function FemMultiImageSubjectLayoutEditor ({
           Allow Separate Frames View - <small>volunteers can choose flipbook or a separate frames view</small>
         </label>
       </div>
+      
+      <div>
+        <label>
+          <input
+            type='checkbox'
+            checked={cloneMarksChecked}
+            onChange={toggleCloneMarks}
+          />
+          Clone marks in all frames - <small>for drawing tasks</small>
+        </label>
+      </div>
 
       {enableSwitchingChecked && <div>
         <br />