- added fileselect form field;

- added Documents page;

src/assets/scss/components/appForm.scss

@@ -135,17 +135,21 @@
       p {
         margin: 0;
         font-weight: bold;
+        font-size: 14px;
       }
 
       ul {
         margin: 0;
-        padding: 0 0 0 20px;
+        padding: 0;
         display: flex;
         flex-direction: column;
         gap: 7px;
         
         li {
-
+          display: flex;
+          gap: 1rem;
+          justify-content: space-between;
+          align-items: center;
         }
       }
     }

src/components/FormField/components/FileSelect/index.js

@@ -7,6 +7,7 @@ import { isEmpty, pluck } from 'ramda';
 import { ListBox } from 'primereact/listbox';
 import { Button } from 'primereact/button';
 import CompanyDocumentsService from '../../../../service/company-documents-service';
+import { Link } from 'react-router-dom';
 
 const FileSelect = ({
                         fieldName,
@@ -35,6 +36,7 @@ const FileSelect = ({
         setSelectedUnconfirmed([]);
 
         setLoading(true);
+        // eslint-disable-next-line array-callback-return
         selectedToBeAdded.map(o => {
             CompanyDocumentsService.attachCompanyDocumentToAppl(o.id, callback, errCallback, [
                 ['applicationId', sourceId],
@@ -43,6 +45,10 @@ const FileSelect = ({
         });
     }, [selectedUnconfirmed]);
 
+    const removeAttached = (id) => {
+        console.log('stateFieldData', stateFieldData, id)
+    }
+
     const callback = (resp) => {
         if (resp.status === 'SUCCESS') {
             stateFieldData.current = [...stateFieldData.current, resp.data];
@@ -84,7 +90,6 @@ const FileSelect = ({
     }, [options]);
 
     useEffect(() => {
-        console.log('defaultValue', defaultValue);
         stateFieldData.current = defaultValue;
     }, [defaultValue]);
 
@@ -105,22 +110,42 @@ const FileSelect = ({
                              optionGroupChildren="items"
                              className="w-full md:w-14rem"
                              listStyle={{ maxHeight: '130px' }}/>
-                    <Button
+                    {!isEmpty(optionsTransformed)
+                        ? <Button
                             severity="success"
                             disabled={loading}
                             onClick={attachSelectedFiles}
                             label={__('Conferma i file scelti', 'gepafin')}
-                        icon="pi pi-arrow-right" size="small" iconPos="right"/>
+                            icon="pi pi-arrow-right" size="small" iconPos="right"/> : null}
                 </div>
-                <div className="fileselectInner__selectedFiles">
-                    <p>{__('Selezionati')}</p>
+                {!isEmpty(optionsTransformed)
+                    ? <div className="fileselectInner__selectedFiles">
+                        <p>{__('I file selezionati')}</p>
                         <ul>
                             {[...stateFieldData.current].map(o => <li key={o.id}>
                                 {o.name}
+                                <div className="appPageSection__iconActions">
+                                    <Button icon="pi pi-times" rounded
+                                            type="button"
+                                            size="small"
+                                            onClick={() => removeAttached(o.id)}
+                                            outlined severity="danger"
+                                            aria-label={__('Cancella', 'gepafin')}/>
+                                </div>
                             </li>)}
                         </ul>
+                    </div> : null}
             </div>
+            {isEmpty(optionsTransformed)
+                ? <div className="appPageSection__message warning">
+                    <span>
+                        {__('I file caricati sulla pagina Documenti saranno disponibili qui. ', 'gepafin')}
+                        <Link to={`/documenti`}>
+                            {__('Vai alla pagina Documenti', 'gepafin')}
+                        </Link>
+                    </span>
                 </div>
+                : null}
             {infoText ? <small>{infoText}</small> : null}
         </>)
 }

src/pages/BandoApplication/index.js

@@ -1,7 +1,7 @@
-import React, { useState, useEffect, useRef, useMemo, useCallback } from 'react';
+import React, { useState, useEffect, useRef, useMemo } from 'react';
 import { __, sprintf } from '@wordpress/i18n';
 import { useParams } from 'react-router-dom';
-import { head, is, pluck, isEmpty, pathOr, isNil, uniq, uniqBy } from 'ramda';
+import { head, is, pluck, isEmpty, pathOr, isNil, uniqBy } from 'ramda';
 import { useForm } from 'react-hook-form';
 import 'quill/dist/quill.core.css';
 import { wrap } from 'object-path-immutable';
@@ -263,7 +263,7 @@ const BandoApplication = () => {
                 });
             }
             if (!isEmpty(saveAndMove) && is(String, saveAndMove)) {
-                if (['NEXT','PREVIOUS'].includes(saveAndMove)) {
+                if (['NEXT', 'PREVIOUS'].includes(saveAndMove)) {
                     storeSet.main.setAsyncRequest();
                     ApplicationService.getApplicationForm(data.data.id, getApplFormCallback, errGetApplFormCallbacks, [
                         ['formId', formId],
@@ -545,11 +545,10 @@ const BandoApplication = () => {
 
     const getDocsCallback = (resp, type) => {
         if (resp.status === 'SUCCESS') {
-            if (type === 'PERSONAL_DOCUMENT') {
-                setPersonalDocs(uniqBy((o) => o.id, getFormattedDocsData(resp.data)));
-            } else {
-                setCompanyDocs(uniqBy((o) => o.id, getFormattedDocsData(resp.data)));
-            }
+            const filteredPersonal = getFormattedDocsData(resp.data.filter(o => o.type === 'PERSONAL_DOCUMENT'));
+            setPersonalDocs(uniqBy((o) => o.id, filteredPersonal));
+            const filteredCompany = getFormattedDocsData(resp.data.filter(o => o.type === 'COMPANY_DOCUMENT'));
+            setCompanyDocs(uniqBy((o) => o.id, filteredCompany));
         }
     }
 
@@ -652,12 +651,13 @@ const BandoApplication = () => {
             ApplicationService.getApplicationForm(applId, getApplFormCallback, errGetApplFormCallbacks, [
                 ['companyId', chosenCompanyId]
             ]);
-            CompanyDocumentsService.getCompanyDocuments(chosenCompanyId, (resp) => getDocsCallback(resp, 'COMPANY_DOCUMENT'), errDocsGetCallbacks, [
+            CompanyDocumentsService.getCompanyDocuments(chosenCompanyId, getDocsCallback, errDocsGetCallbacks);
+            /*CompanyDocumentsService.getCompanyDocuments(chosenCompanyId, (resp) => getDocsCallback(resp, 'COMPANY_DOCUMENT'), errDocsGetCallbacks, [
                 ['documentType', 'COMPANY_DOCUMENT']
             ]);
             CompanyDocumentsService.getCompanyDocuments(chosenCompanyId, (resp) => getDocsCallback(resp, 'PERSONAL_DOCUMENT'), errDocsGetCallbacks, [
                 ['documentType', 'PERSONAL_DOCUMENT']
-            ]);
+            ]);*/
         }
     }, [id, chosenCompanyId]);
 
@@ -715,7 +715,7 @@ const BandoApplication = () => {
                             const text = head(o.settings.filter(o => o.name === 'text'));
                             const placeholder = head(o.settings.filter(o => o.name === 'placeholder'));
                             const options = ['fileselect'].includes(o.name)
-                                ? {value: [...companyDocs, ...personalDocs]}
+                                ? { value: [...companyDocs, ...personalDocs] }
                                 : head(o.settings.filter(o => o.name === 'options'));
                             let tableColumns = head(o.settings.filter(o => o.name === 'table_columns'));
                             if (!tableColumns) {

src/translationStringsForComponents.js

@@ -1,6 +1,5 @@
 /* data table related */
 import { __ } from '@wordpress/i18n';
-import { FilterMatchMode } from 'primereact/api';
 
 const currentPageReportTemplate = '';