Add copyValue action to interview

rdmorganiser · Aug 16, 2024 · 1152302 · 1152302
1 parent 6cd46d4
commit 1152302
Show file tree

Hide file tree

Showing 17 changed files with 147 additions and 29 deletions.
diff --git a/rdmo/projects/assets/js/interview/actions/interviewActions.js b/rdmo/projects/assets/js/interview/actions/interviewActions.js
@@ -13,7 +13,7 @@ import { updateLocation } from '../utils/location'
 import { updateOptions } from '../utils/options'
 import { initPage } from '../utils/page'
 import { gatherSets, getDescendants, initSets } from '../utils/set'
-import { activateFirstValue, gatherDefaultValues, initValues, compareValues } from '../utils/value'
+import { activateFirstValue, gatherDefaultValues, initValues, compareValues, isEmptyValue } from '../utils/value'
 import projectId from '../utils/projectId'
 
 import ValueFactory from '../factories/ValueFactory'
@@ -363,6 +363,31 @@ export function updateValue(value, attrs, store = true) {
   }
 }
 
+export function copyValue(value) {
+  return (dispatch, getState) => {
+    const sets = getState().interview.sets
+    const values = getState().interview.values
+
+    sets.filter((set) => (
+      (set.set_prefix == value.set_prefix) &&
+      (set.set_index != value.set_index)
+    )).forEach((set) => {
+      const sibling = values.find((v) => (
+        (v.attribute == value.attribute) &&
+        (v.set_prefix == set.set_prefix) &&
+        (v.set_index == set.set_index) &&
+        (v.collection_index == value.collection_index)
+      ))
+
+      if (isNil(sibling)) {
+        dispatch(storeValue(ValueFactory.create({ ...value, set_index: set.set_index })))
+      } else if (isEmptyValue(sibling)) {
+        dispatch(storeValue(ValueFactory.update(sibling, value)))
+      }
+    })
+  }
+}
+
 export function deleteValue(value) {
   const pendingId = `deleteValue/${value.id}`
 

diff --git a/rdmo/projects/assets/js/interview/components/main/page/Page.js b/rdmo/projects/assets/js/interview/components/main/page/Page.js
@@ -12,7 +12,7 @@ import PageButtons from './PageButtons'
 import PageHead from './PageHead'
 
 const Page = ({ config, templates, overview, page, sets, values, fetchPage,
-                createValue, updateValue, deleteValue,
+                createValue, updateValue, deleteValue, copyValue,
                 activateSet, createSet, updateSet, deleteSet }) => {
 
   const currentSetPrefix = ''
@@ -58,6 +58,7 @@ const Page = ({ config, templates, overview, page, sets, values, fetchPage,
                     createValue={createValue}
                     updateValue={updateValue}
                     deleteValue={deleteValue}
+                    copyValue={copyValue}
                   />
                 )
               } else {
@@ -77,6 +78,7 @@ const Page = ({ config, templates, overview, page, sets, values, fetchPage,
                     createValue={createValue}
                     updateValue={updateValue}
                     deleteValue={deleteValue}
+                    copyValue={copyValue}
                   />
                 )
               }
@@ -104,7 +106,8 @@ Page.propTypes = {
   activateSet: PropTypes.func.isRequired,
   createSet: PropTypes.func.isRequired,
   updateSet: PropTypes.func.isRequired,
-  deleteSet: PropTypes.func.isRequired
+  deleteSet: PropTypes.func.isRequired,
+  copyValue: PropTypes.func.isRequired
 }
 
 export default Page
diff --git a/rdmo/projects/assets/js/interview/components/main/question/Question.js b/rdmo/projects/assets/js/interview/components/main/question/Question.js
@@ -13,7 +13,7 @@ import QuestionWarning from './QuestionWarning'
 import QuestionWidget from './QuestionWidget'
 
 const Question = ({ templates, question, values, disabled, isManager,
-                    currentSet, createValue, updateValue, deleteValue }) => {
+                    currentSet, createValue, updateValue, deleteValue, copyValue }) => {
   return checkQuestion(question, currentSet) && (
     <div className={`interview-question col-md-${question.width || '12'}`}>
       <QuestionOptional question={question} />
@@ -31,6 +31,7 @@ const Question = ({ templates, question, values, disabled, isManager,
         createValue={createValue}
         updateValue={updateValue}
         deleteValue={deleteValue}
+        copyValue={copyValue}
       />
     </div>
   )
@@ -46,6 +47,7 @@ Question.propTypes = {
   createValue: PropTypes.func.isRequired,
   updateValue: PropTypes.func.isRequired,
   deleteValue: PropTypes.func.isRequired,
+  copyValue: PropTypes.func.isRequired
 }
 
 export default Question
diff --git a/rdmo/projects/assets/js/interview/components/main/question/QuestionCopyValue.js b/rdmo/projects/assets/js/interview/components/main/question/QuestionCopyValue.js
@@ -0,0 +1,23 @@
+import React from 'react'
+import PropTypes from 'prop-types'
+
+import { isEmptyValue } from '../../../utils/value'
+
+const QuestionCopyValue = ({ question, value, copyValue }) => {
+  return (
+    question.set_collection && !isEmptyValue(value) && (
+      <button className="btn btn-link btn-apply-to-all" onClick={() => copyValue(value)}
+              title={gettext('Apply this answer to all tabs where this question is empty')}>
+        <i className="fa fa-arrow-circle-right fa-btn"></i>
+      </button>
+    )
+  )
+}
+
+QuestionCopyValue.propTypes = {
+  question: PropTypes.object.isRequired,
+  value: PropTypes.object.isRequired,
+  copyValue: PropTypes.func.isRequired
+}
+
+export default QuestionCopyValue
diff --git a/rdmo/projects/assets/js/interview/components/main/question/QuestionCopyValues.js b/rdmo/projects/assets/js/interview/components/main/question/QuestionCopyValues.js
@@ -0,0 +1,29 @@
+import React from 'react'
+import PropTypes from 'prop-types'
+
+import { isEmptyValue } from '../../../utils/value'
+
+const QuestionCopyValues = ({ question, values, copyValue }) => {
+  const handleCopyValues = () => {
+    values.forEach((value) => copyValue(value))
+  }
+
+  console.log(values)
+
+  return (
+    question.set_collection && values.some((v) => !isEmptyValue(v)) && (
+      <button className="btn btn-link btn-apply-to-all" onClick={handleCopyValues}
+              title={gettext('Apply this answer to all tabs where this question is empty')}>
+        <i className="fa fa-arrow-circle-right fa-btn"></i>
+      </button>
+    )
+  )
+}
+
+QuestionCopyValues.propTypes = {
+  question: PropTypes.object.isRequired,
+  values: PropTypes.array.isRequired,
+  copyValue: PropTypes.func.isRequired
+}
+
+export default QuestionCopyValues
diff --git a/rdmo/projects/assets/js/interview/components/main/questionset/QuestionSet.js b/rdmo/projects/assets/js/interview/components/main/questionset/QuestionSet.js
@@ -14,7 +14,7 @@ import QuestionSetRemoveSet from './QuestionSetRemoveSet'
 
 const QuestionSet = ({ templates, questionset, sets, values, disabled, isManager,
                        parentSet, createSet, updateSet, deleteSet,
-                       createValue, updateValue, deleteValue }) => {
+                       createValue, updateValue, deleteValue, copyValue }) => {
 
   const setPrefix = getChildPrefix(parentSet)
 
@@ -58,6 +58,7 @@ const QuestionSet = ({ templates, questionset, sets, values, disabled, isManager
                             createValue={createValue}
                             updateValue={updateValue}
                             deleteValue={deleteValue}
+                            copyValue={copyValue}
                           />
                         )
                       } else {
@@ -77,6 +78,7 @@ const QuestionSet = ({ templates, questionset, sets, values, disabled, isManager
                             createValue={createValue}
                             updateValue={updateValue}
                             deleteValue={deleteValue}
+                            copyValue={copyValue}
                           />
                         )
                       }
@@ -107,7 +109,8 @@ QuestionSet.propTypes = {
   deleteSet: PropTypes.func.isRequired,
   createValue: PropTypes.func.isRequired,
   updateValue: PropTypes.func.isRequired,
-  deleteValue: PropTypes.func.isRequired
+  deleteValue: PropTypes.func.isRequired,
+  copyValue: PropTypes.func.isRequired
 }
 
 export default QuestionSet
diff --git a/rdmo/projects/assets/js/interview/components/main/widget/CheckboxWidget.js b/rdmo/projects/assets/js/interview/components/main/widget/CheckboxWidget.js
@@ -4,12 +4,14 @@ import { maxBy } from 'lodash'
 
 import { gatherOptions } from '../../../utils/options'
 
+import QuestionCopyValues from '../question/QuestionCopyValues'
 import QuestionError from '../question/QuestionError'
 import QuestionSuccess from '../question/QuestionSuccess'
 
 import CheckboxInput from './CheckboxInput'
 
-const CheckboxWidget = ({ question, values, currentSet, disabled, createValue, updateValue, deleteValue }) => {
+const CheckboxWidget = ({ question, values, currentSet, disabled,
+                          createValue, updateValue, deleteValue, copyValue }) => {
 
   const handleCreateValue = (option, additionalInput) => {
     const lastValue = maxBy(values, (v) => v.collection_index)
@@ -69,6 +71,7 @@ const CheckboxWidget = ({ question, values, currentSet, disabled, createValue, u
             </div>
             <div className="buttons">
               <QuestionSuccess value={{ success }} />
+              <QuestionCopyValues question={question} values={values} copyValue={copyValue} />
             </div>
           </div>
         </div>
@@ -84,7 +87,8 @@ CheckboxWidget.propTypes = {
   currentSet: PropTypes.object.isRequired,
   createValue: PropTypes.func.isRequired,
   updateValue: PropTypes.func.isRequired,
-  deleteValue: PropTypes.func.isRequired
+  deleteValue: PropTypes.func.isRequired,
+  copyValue: PropTypes.func.isRequired
 }
 
 export default CheckboxWidget
diff --git a/rdmo/projects/assets/js/interview/components/main/widget/DateWidget.js b/rdmo/projects/assets/js/interview/components/main/widget/DateWidget.js
@@ -2,6 +2,7 @@ import React from 'react'
 import PropTypes from 'prop-types'
 
 import QuestionAddValue from '../question/QuestionAddValue'
+import QuestionCopyValue from '../question/QuestionCopyValue'
 import QuestionDefault from '../question/QuestionDefault'
 import QuestionError from '../question/QuestionError'
 import QuestionEraseValue from '../question/QuestionEraseValue'
@@ -10,7 +11,7 @@ import QuestionRemoveValue from '../question/QuestionRemoveValue'
 
 import DateInput from './DateInput'
 
-const DateWidget = ({ question, values, currentSet, disabled, createValue, updateValue, deleteValue }) => {
+const DateWidget = ({ question, values, currentSet, disabled, createValue, updateValue, deleteValue, copyValue }) => {
   return (
     <div className="interview-widgets">
       {
@@ -33,6 +34,7 @@ const DateWidget = ({ question, values, currentSet, disabled, createValue, updat
                       disabled={disabled}
                       deleteValue={deleteValue}
                     />
+                    <QuestionCopyValue question={question} value={value} copyValue={copyValue} />
                     <QuestionDefault question={question} value={value} />
                   </div>
                 }
@@ -48,6 +50,7 @@ const DateWidget = ({ question, values, currentSet, disabled, createValue, updat
         currentSet={currentSet}
         disabled={disabled}
         createValue={createValue}
+        copyValue={copyValue}
       />
     </div>
   )
@@ -60,7 +63,8 @@ DateWidget.propTypes = {
   currentSet: PropTypes.object.isRequired,
   createValue: PropTypes.func.isRequired,
   updateValue: PropTypes.func.isRequired,
-  deleteValue: PropTypes.func.isRequired
+  deleteValue: PropTypes.func.isRequired,
+  copyValue: PropTypes.func.isRequired
 }
 
 export default DateWidget
diff --git a/rdmo/projects/assets/js/interview/components/main/widget/RadioWidget.js b/rdmo/projects/assets/js/interview/components/main/widget/RadioWidget.js
@@ -4,6 +4,7 @@ import PropTypes from 'prop-types'
 import { gatherOptions } from '../../../utils/options'
 
 import QuestionAddValue from '../question/QuestionAddValue'
+import QuestionCopyValue from '../question/QuestionCopyValue'
 import QuestionDefault from '../question/QuestionDefault'
 import QuestionError from '../question/QuestionError'
 import QuestionSuccess from '../question/QuestionSuccess'
@@ -12,7 +13,7 @@ import QuestionRemoveValue from '../question/QuestionRemoveValue'
 
 import RadioInput from './RadioInput'
 
-const RadioWidget = ({ question, values, currentSet, disabled, createValue, updateValue, deleteValue }) => {
+const RadioWidget = ({ question, values, currentSet, disabled, createValue, updateValue, deleteValue, copyValue }) => {
   return (
     <div className="interview-widgets">
       {
@@ -36,6 +37,7 @@ const RadioWidget = ({ question, values, currentSet, disabled, createValue, upda
                       disabled={disabled}
                       deleteValue={deleteValue}
                     />
+                    <QuestionCopyValue question={question} value={value} copyValue={copyValue} />
                     <QuestionDefault question={question} value={value} />
                   </div>
                 }
@@ -51,6 +53,7 @@ const RadioWidget = ({ question, values, currentSet, disabled, createValue, upda
         currentSet={currentSet}
         disabled={disabled}
         createValue={createValue}
+        copyValue={copyValue}
       />
     </div>
   )
@@ -63,7 +66,8 @@ RadioWidget.propTypes = {
   currentSet: PropTypes.object.isRequired,
   createValue: PropTypes.func.isRequired,
   updateValue: PropTypes.func.isRequired,
-  deleteValue: PropTypes.func.isRequired
+  deleteValue: PropTypes.func.isRequired,
+  copyValue: PropTypes.func.isRequired
 }
 
 export default RadioWidget
diff --git a/rdmo/projects/assets/js/interview/components/main/widget/RangeWidget.js b/rdmo/projects/assets/js/interview/components/main/widget/RangeWidget.js
@@ -4,6 +4,7 @@ import PropTypes from 'prop-types'
 import { initRange } from '../../../utils/value'
 
 import QuestionAddValue from '../question/QuestionAddValue'
+import QuestionCopyValue from '../question/QuestionCopyValue'
 import QuestionDefault from '../question/QuestionDefault'
 import QuestionError from '../question/QuestionError'
 import QuestionSuccess from '../question/QuestionSuccess'
@@ -12,7 +13,7 @@ import QuestionRemoveValue from '../question/QuestionRemoveValue'
 
 import RangeInput from './RangeInput'
 
-const RangeWidget = ({ question, values, currentSet, disabled, createValue, updateValue, deleteValue }) => {
+const RangeWidget = ({ question, values, currentSet, disabled, createValue, updateValue, deleteValue, copyValue }) => {
 
   const handleCreateValue = (value) => {
     initRange(question, value)
@@ -46,6 +47,7 @@ const RangeWidget = ({ question, values, currentSet, disabled, createValue, upda
                       disabled={disabled}
                       deleteValue={deleteValue}
                     />
+                    <QuestionCopyValue question={question} value={value} copyValue={copyValue} />
                     <QuestionDefault question={question} value={value} />
                   </div>
                 }
@@ -61,6 +63,7 @@ const RangeWidget = ({ question, values, currentSet, disabled, createValue, upda
         currentSet={currentSet}
         disabled={disabled}
         createValue={handleCreateValue}
+        copyValue={copyValue}
       />
     </div>
   )
@@ -73,7 +76,8 @@ RangeWidget.propTypes = {
   currentSet: PropTypes.object.isRequired,
   createValue: PropTypes.func.isRequired,
   updateValue: PropTypes.func.isRequired,
-  deleteValue: PropTypes.func.isRequired
+  deleteValue: PropTypes.func.isRequired,
+  copyValue: PropTypes.func.isRequired
 }
 
 export default RangeWidget
diff --git a/rdmo/projects/assets/js/interview/components/main/widget/SelectWidget.js b/rdmo/projects/assets/js/interview/components/main/widget/SelectWidget.js
@@ -4,6 +4,7 @@ import PropTypes from 'prop-types'
 import { gatherOptions } from '../../../utils/options'
 
 import QuestionAddValue from '../question/QuestionAddValue'
+import QuestionCopyValue from '../question/QuestionCopyValue'
 import QuestionDefault from '../question/QuestionDefault'
 import QuestionEraseValue from '../question/QuestionEraseValue'
 import QuestionError from '../question/QuestionError'
@@ -13,7 +14,7 @@ import QuestionRemoveValue from '../question/QuestionRemoveValue'
 import SelectInput from './SelectInput'
 
 const SelectWidget = ({ question, values, currentSet, disabled, creatable,
-                        createValue, updateValue, deleteValue }) => {
+                        createValue, updateValue, deleteValue, copyValue }) => {
   return (
     <div className="interview-widgets">
       {
@@ -38,6 +39,7 @@ const SelectWidget = ({ question, values, currentSet, disabled, creatable,
                       disabled={disabled}
                       deleteValue={deleteValue}
                     />
+                    <QuestionCopyValue question={question} value={value} copyValue={copyValue} />
                     <QuestionDefault question={question} value={value} />
                   </div>
                 }
@@ -66,7 +68,8 @@ SelectWidget.propTypes = {
   currentSet: PropTypes.object.isRequired,
   createValue: PropTypes.func.isRequired,
   updateValue: PropTypes.func.isRequired,
-  deleteValue: PropTypes.func.isRequired
+  deleteValue: PropTypes.func.isRequired,
+  copyValue: PropTypes.func.isRequired
 }
 
 export default SelectWidget