- saving progress;

src/pages/BandoEdit/components/BandoEditFormStep2/index.js

@@ -1,4 +1,4 @@
-import React, { forwardRef, useEffect, useImperativeHandle } from 'react';
+import React, { forwardRef, useEffect, useImperativeHandle, useMemo, useState } from 'react';
 import { __ } from '@wordpress/i18n';
 import { useNavigate } from 'react-router-dom';
 import { useForm } from 'react-hook-form';
@@ -10,9 +10,14 @@ import FormFieldRepeater from '../../../../components/FormFieldRepeater';
 import FormFieldRepeaterCriteria from '../../../../components/FormFieldRepeaterCriteria';
 import BandoEditFormActions from '../BandoEditFormActions';
 import UnsavedChangesDetector from '../../../../components/UnsavedChangesDetector';
+import BandoService from '../../../../service/bando-service';
+import LookupdataService from '../../../../service/lookupdata-service';
 
 const BandoEditFormStep2 = forwardRef(function ({ initialData, getFormErrors }, ref) {
     const navigate = useNavigate();
+    const [criteriaOptions, setCriteriaOptions] = useState([]);
+    const [checklistOptions, setChecklistOptions] = useState([]);
+    const [formInitialData, setFormInitialData] = useState(initialData);
     const {
         control,
         handleSubmit,
@@ -21,27 +26,71 @@ const BandoEditFormStep2 = forwardRef(function ({ initialData, getFormErrors },
         register,
         trigger,
         getValues,
-        clearErrors
-    } = useForm({defaultValues: initialData, mode: 'onChange'});
+        clearErrors,
+        reset
+    } = useForm({
+        defaultValues: useMemo(() => {
+            return formInitialData;
+        }, [formInitialData]), mode: 'onChange'
+    });
     const values = getValues();
+    const step2Props = ['threshold', 'criteria', 'checkList', 'docs', 'images'];
 
     const onSubmit = (formData) => {
         if (!isNil(formData.dates) && formData.dates.length) {
             formData.dates = formData.dates.map(v => is(String, v) ? v : v.toISOString());
         }
-        console.log('onSubmit', formData);
+
+        const forSubmit = Object.keys(formData).reduce((acc, cur) => {
+            if (step2Props.includes(cur)) {
+                acc[cur] = formData[cur];
+            }
+            return acc;
+        }, {});
+
+        BandoService.updateBandoStep2(formData.id, forSubmit, createCallback, errCreateCallback);
     };
 
-    // TODO temp data
-    const exampleOfCriteriaOptions = [
-        { id: 15, value: 'Innovatività del progetto', score: 9 },
-        { id: 16, value: 'Impatto sulla competitività dell\'azienda', score: 3 },
-        { id: 17, value: 'Sostenibilità economico-finanziaria', score: 5 }
-    ];
-    const exampleOfChecklistOptions = [
-        { id: 15, value: 'Innovatività del progetto' }
-    ];
-    // end of temp data
+    const createCallback = (data) => {
+        if (data.status === 'SUCCESS') {
+            setFormInitialData(data.data);
+            reset();
+        }
+    }
+
+    const errCreateCallback = (data) => {
+        console.log('errCreateCallback', data);
+    }
+
+    const lookupdataCallback = (data) => {
+        if (data.status === 'SUCCESS') {
+            const criteria = data.data
+                .filter(o => o.type === 'EVALUATION_CRITERIA')
+                .map(o => {
+                    delete o.type;
+                    return {
+                        ...o,
+                        score: 0,
+                        lookUpDataId: o.id
+                    };
+                });
+            setCriteriaOptions(criteria);
+            const checklist = data.data
+                .filter(o => o.type === 'CHECKLIST')
+                .map(o => {
+                    delete o.type;
+                    return {
+                        ...o,
+                        lookUpDataId: o.id
+                    };
+                });
+            setChecklistOptions(checklist);
+        }
+    }
+
+    const errLookupdataCallback = (data) => {
+        console.log('errLookupdataCallback', data)
+    }
 
     const openPreview = () => {
         navigate('/bandi/preview/11');
@@ -67,8 +116,17 @@ const BandoEditFormStep2 = forwardRef(function ({ initialData, getFormErrors },
             }
         }, [errors, isValid]);
 
+    useEffect(() => {
+        setFormInitialData(initialData);
+    }, [initialData]);
+
+    useEffect(() => {
+        reset(formInitialData);
+    }, [formInitialData]);
+
     useEffect(() => {
         trigger().then(() => clearErrors());
+        LookupdataService.getItems(lookupdataCallback, errLookupdataCallback, [['type', ['CHECKLIST', 'EVALUATION_CRITERIA']]])
     }, []);
 
     return (
@@ -78,7 +136,7 @@ const BandoEditFormStep2 = forwardRef(function ({ initialData, getFormErrors },
                 data={values}
                 setDataFn={setValue}
                 fieldName="criteria"
-                options={exampleOfCriteriaOptions}
+                options={criteriaOptions}
                 errors={errors}
                 register={register}
                 label={<>{__('Criteri di valutazione', 'gepafin')}*
@@ -95,17 +153,18 @@ const BandoEditFormStep2 = forwardRef(function ({ initialData, getFormErrors },
             <FormField
                 type="fileupload"
                 setDataFn={setValue}
-                fieldName="documentation"
+                fieldName="docs"
                 label={__('Documentazione', 'gepafin')}
                 control={control}
                 errors={errors}
-                defaultValue={values['documentation']}
+                defaultValue={values['docs']}
                 config={{ required: __('È obbligatorio', 'gepafin') }}
                 accept="application/pdf,application/vnd.ms-excel"
                 chooseLabel={__('Aggiungi documento', 'gepafin')}
                 multiple={true}
                 doctype='document'
                 register={register}
+                callId={values.id}
             />
 
             <FormField
@@ -118,13 +177,14 @@ const BandoEditFormStep2 = forwardRef(function ({ initialData, getFormErrors },
                 defaultValue={values['images']}
                 doctype='images'
                 register={register}
+                callId={values.id}
             />
 
             <FormFieldRepeater
                 data={values}
                 setDataFn={setValue}
-                fieldName="checklist"
-                options={exampleOfChecklistOptions}
+                fieldName="checkList"
+                options={checklistOptions}
                 errors={errors}
                 register={register}
                 label={<>{__('Checklist valutazione Pre-Istruttoria', 'gepafin')}*