From e65fb6bde2d8975a241bd562c9bd6cd154225976 Mon Sep 17 00:00:00 2001
From: Vitalii Kiiko <mr.psiho@gmail.com>
Date: Fri, 6 Dec 2024 16:29:48 +0100
Subject: [PATCH] - added proper form fields for archiving document;

---
 src/configData.js                             | 109 +++++++++-
 .../components/ArchiveDocument/index.js       | 198 +++++++++++++-----
 src/pages/DomandaEditPreInstructor/index.js   |  28 ++-
 src/service/appointment-service.js            |  14 ++
 4 files changed, 296 insertions(+), 53 deletions(-)
 create mode 100644 src/service/appointment-service.js

diff --git a/src/configData.js b/src/configData.js
index 81eadc2..c8827e7 100644
--- a/src/configData.js
+++ b/src/configData.js
@@ -44,4 +44,111 @@ export const dynamicDataOptions = {
     ],
     textinput: dynamicDataForTextinput,
     textarea: dynamicDataForTextinput
-}
\ No newline at end of file
+}
+
+export const protocolType = [
+    {
+        'id': 1,
+        'name': 'PROTOCOLLO IN ENTRATA'
+    },
+    {
+        'id': 2,
+        'name': 'PROTOCOLLO IN USCITA'
+    },
+    {
+        'id': 3,
+        'name': 'DOCUMENTO INTERNO'
+    },
+    {
+        'id': 1003,
+        'name': 'PROTOCOLLO INTERNO '
+    }
+];
+
+export const classificationType = [
+    {
+        'idClassificazione': 101,
+        'name': 'BILANCIO',
+        'idTipoprotocollo': 1
+    },
+    {
+        'idClassificazione': 102,
+        'name': 'DICHHIARAZIONE DEI REDDITI',
+        'idTipoprotocollo': 1
+    },
+    {
+        'idClassificazione': 103,
+        'name': 'SITUAZIONE CONTABILE',
+        'idTipoprotocollo': 1
+    },
+    {
+        'idClassificazione': 104,
+        'name': 'PROSPETTO CONTO ECONOMICO',
+        'idTipoprotocollo': 1
+    },
+    {
+        'idClassificazione': 105,
+        'name': 'CENTRALE DEI RISCHI',
+        'idTipoprotocollo': 1
+    },
+    {
+        'idClassificazione': 106,
+        'name': 'RELAZIONE AZIENDALE ILLUSTRATIVA (MOD R1C, R1I, R1R, R1R A SECONDO DEI ',
+        'idTipoprotocollo': 1
+    },
+    {
+        'idClassificazione': 107,
+        'name': 'DOCUMENTO IDENTITA\'',
+        'idTipoprotocollo': 1
+    },
+    {
+        'idClassificazione': 108,
+        'name': 'MODELLO SP1',
+        'idTipoprotocollo': 1
+    },
+    {
+        'idClassificazione': 109,
+        'name': 'PRIVACY',
+        'idTipoprotocollo': 1
+    },
+    {
+        'idClassificazione': 110,
+        'name': 'DOCUMENTAZIONE CHE ATTESTA POSSIBILITA\' DI RILASCIARE GAA FAVORE',
+        'idTipoprotocollo': 1
+    },
+    {
+        'idClassificazione': 111,
+        'name': 'MODELLO AR1 D.LG 231/2007',
+        'idTipoprotocollo': 1
+    },
+    {
+        'idClassificazione': 112,
+        'name': 'DOCUMENTO IDENTITA\' FIRMATORIO DICHHIARAZIONE SOSTITUTIVA',
+        'idTipoprotocollo': 1
+    },
+    {
+        'idClassificazione': 113,
+        'name': 'PRIVACY FIRMATARIO DICHHIARAZIONE SOSTITUTIVA',
+        'idTipoprotocollo': 1
+    },
+    {
+        'idClassificazione': 114,
+        'name': 'NULLAOSTA ANTIMAFIA',
+        'idTipoprotocollo': 1
+    },
+    {
+        'idClassificazione': 201,
+        'name': 'LETTERA ESITO DELIBERA',
+        'idTipoprotocollo': 2
+    },
+    {
+        'idClassificazione': 202,
+        'name': 'LETTERA DI GARANZIA',
+        'idTipoprotocollo': 1
+    },
+    {
+        'idClassificazione': 203,
+        'name': 'GENERICO',
+        'idTipoprotocollo': 3
+    }
+];
\ No newline at end of file
diff --git a/src/pages/DomandaEditPreInstructor/components/ArchiveDocument/index.js b/src/pages/DomandaEditPreInstructor/components/ArchiveDocument/index.js
index 4a093dd..094d468 100644
--- a/src/pages/DomandaEditPreInstructor/components/ArchiveDocument/index.js
+++ b/src/pages/DomandaEditPreInstructor/components/ArchiveDocument/index.js
@@ -1,4 +1,4 @@
-import React, { useEffect, useState } from 'react';
+import React, { useEffect, useRef, useState } from 'react';
 import { __ } from '@wordpress/i18n';
 import { isEmpty } from 'ramda';
 import { wrap } from 'object-path-immutable';
@@ -9,24 +9,37 @@ import { Dialog } from 'primereact/dialog';
 import { InputTextarea } from 'primereact/inputtextarea';
 import { Dropdown } from 'primereact/dropdown';
 import { classNames } from 'primereact/utils';
+import { InputSwitch } from 'primereact/inputswitch';
+import { InputText } from 'primereact/inputtext';
 
-const ArchiveDocument = ({ ndg = '', fileId = 0 }) => {
+import { classificationType, protocolType } from '../../../../configData';
+import AppointmentService from '../../../../service/appointment-service';
+import set404FromErrorResponse from '../../../../helpers/set404FromErrorResponse';
+import { storeSet } from '../../../../store';
+import { Toast } from 'primereact/toast';
+
+const ArchiveDocument = ({ applicationId, ndg = '', fileId = 0 }) => {
     const [loading, setLoading] = useState(false);
     const [isVisibleDialog, setIsVisibleDialog] = useState(false);
     const [modalData, setModalData] = useState({});
+    const [types, setTypes] = useState([]);
     const [categories, setCategories] = useState([]);
+    const toast = useRef(null);
 
     const openArchivationModal = () => {
         setIsVisibleDialog(true);
         setModalData({
-            description: '',
-            categoryId: 0,
+            descrizione: '',
+            idTipoProtocollo: 0,
+            idClassificazione: 0,
+            flagDaFirmare: false,
+            email: '',
             fileId
         });
     }
 
     const headerDialog = () => {
-        return <span>{__('Archive document', 'gepafin')}</span>;
+        return <span>{__('Archiviazione del documento', 'gepafin')}</span>;
     }
 
     const hideDialog = () => {
@@ -50,56 +63,141 @@ const ArchiveDocument = ({ ndg = '', fileId = 0 }) => {
     }
 
     const submitData = () => {
-        console.log('submitData', modalData)
+        if (
+            modalData.idTipoProtocollo !== 0 && modalData.idClassificazione !== 0
+            && !isEmpty(modalData.descrizione) && !isEmpty(modalData.email)
+        ) {
+            setLoading(true);
+            const submitData = {
+                'input': {
+                    'idTipoProtocollo': modalData.idTipoProtocollo,
+                    'idClassificazione': modalData.idClassificazione,
+                    'flagDaFirmare': modalData.flagDaFirmare,
+                    'descrizione': modalData.descrizione,
+                    'attributes': {
+                        'ndg': ndg,
+                        'email': modalData.email
+                    }
+                }
+            }
+            console.log('submitData', submitData);
+            //AppointmentService.archiveDocument(applicationId, fileId, submitData, submitCallback, errSubmitCallback)
+        }
+    }
+
+    const submitCallback = (data) => {
+        if (data.status === 'SUCCESS') {
+            console.log(data.data);
+        }
+        setLoading(false);
+    }
+
+    const errSubmitCallback = (data) => {
+        if (toast.current && data.message) {
+            toast.current.show({
+                severity: 'error',
+                summary: '',
+                detail: data.message
+            });
+        }
+        set404FromErrorResponse(data);
+        setLoading(false);
     }
 
     useEffect(() => {
-        setCategories([
-            {value: 1, label: 'Type 1'},
-            {value: 2, label: 'Type 2'},
-        ])
+        const newModalData = {
+            ...modalData,
+            idClassificazione: 0
+        };
+        setModalData(newModalData);
+        setCategories(classificationType
+            .filter(o => o.idTipoprotocollo === modalData.idTipoProtocollo)
+            .map(o => ({ value: o.idClassificazione, label: o.name })));
+    }, [modalData.idTipoProtocollo])
+
+    useEffect(() => {
+        setTypes(protocolType.map(o => ({ value: o.id, label: o.name })));
     }, []);
 
-    return (
-        <>
-            {!isEmpty(ndg)
-                ? <Button icon="pi pi-file-export"
-                          rounded
-                          onClick={openArchivationModal}
-                          outlined
-                          severity="info"
-                          aria-label={__('Mostra', 'gepafin')}/>
-                : null}
-            <Dialog
-                visible={isVisibleDialog}
-                modal
-                header={headerDialog}
-                footer={footerDialog}
-                style={{ maxWidth: '600px', width: '100%' }}
-                onHide={hideDialog}>
-                <div className="appForm__field">
-                    <label className={classNames({ 'p-error': !modalData.categoryId || modalData.categoryId === 0 })}>
-                        {__('Classificazione', 'gepafin')}*
-                    </label>
-                    <Dropdown
-                        value={modalData.categoryId}
-                        invalid={!modalData.categoryId || modalData.categoryId === 0}
-                        onChange={(e) => setValue('categoryId', e.value)}
-                        options={categories}/>
-                </div>
-                <div className="appForm__field">
-                    <label className={classNames({ 'p-error': isEmpty(modalData.description) })}>
-                        {__('Descrizione', 'gepafin')}
-                    </label>
-                    <InputTextarea
-                        value={modalData.description}
-                        invalid={isEmpty(modalData.description)}
-                        onChange={(e) => setValue('description', e.target.value)}
-                        rows={3}
-                        cols={30}/>
-                </div>
-            </Dialog>
-        </>
+    return (!isEmpty(ndg)
+            ? <>
+                <Toast ref={toast}/>
+                <Button icon="pi pi-file-export"
+                        rounded
+                        onClick={openArchivationModal}
+                        outlined
+                        severity="info"
+                        aria-label={__('Mostra', 'gepafin')}/>
+                <Dialog
+                    visible={isVisibleDialog}
+                    modal
+                    header={headerDialog}
+                    footer={footerDialog}
+                    style={{ maxWidth: '600px', width: '100%' }}
+                    onHide={hideDialog}>
+                    <div className="appForm__field">
+                        <label
+                            className={classNames({ 'p-error': !modalData.idTipoProtocollo || modalData.idTipoProtocollo === 0 })}>
+                            {__('Tipo di protocollo', 'gepafin')}*
+                        </label>
+                        <Dropdown
+                            value={modalData.idTipoProtocollo}
+                            invalid={!modalData.idTipoProtocollo || modalData.idTipoProtocollo === 0}
+                            onChange={(e) => setValue('idTipoProtocollo', e.value)}
+                            options={types}/>
+                    </div>
+                    <div className="appForm__field">
+                        <label
+                            className={classNames({ 'p-error': !modalData.idClassificazione || modalData.idClassificazione === 0 })}>
+                            {__('Classificazione', 'gepafin')}*
+                        </label>
+                        <Dropdown
+                            value={modalData.idClassificazione}
+                            invalid={!modalData.idClassificazione || modalData.idClassificazione === 0}
+                            onChange={(e) => setValue('idClassificazione', e.value)}
+                            options={categories}/>
+                    </div>
+                    <div className="appForm__field">
+                        <label>
+                            {__('Da firmare?', 'gepafin')}
+                        </label>
+                        <InputSwitch
+                            checked={modalData.flagDaFirmare}
+                            onChange={(e) => setValue('flagDaFirmare', e.value)}/>
+                    </div>
+                    <div className="appForm__field">
+                        <label className={classNames({ 'p-error': isEmpty(modalData.descrizione) })}>
+                            {__('Descrizione', 'gepafin')}*
+                        </label>
+                        <InputTextarea
+                            value={modalData.descrizione}
+                            invalid={isEmpty(modalData.descrizione)}
+                            onChange={(e) => setValue('descrizione', e.target.value)}
+                            rows={3}
+                            cols={30}/>
+                    </div>
+                    <div className="appForm__field">
+                        <label>
+                            {__('NDG', 'gepafin')}*
+                        </label>
+                        <InputText
+                            value={ndg}
+                            disabled
+                            onChange={() => {
+                            }}/>
+                    </div>
+                    <div className="appForm__field">
+                        <label className={classNames({ 'p-error': isEmpty(modalData.email) })}>
+                            {__('Email', 'gepafin')}*
+                        </label>
+                        <InputText
+                            value={modalData.email}
+                            keyfilter="email"
+                            invalid={isEmpty(modalData.email)}
+                            onChange={(e) => setValue('email', e.target.value)}/>
+                    </div>
+                </Dialog>
+            </> : null
     )
 }
 
diff --git a/src/pages/DomandaEditPreInstructor/index.js b/src/pages/DomandaEditPreInstructor/index.js
index 3f9acbd..92ff515 100644
--- a/src/pages/DomandaEditPreInstructor/index.js
+++ b/src/pages/DomandaEditPreInstructor/index.js
@@ -35,6 +35,7 @@ import { InputText } from 'primereact/inputtext';
 import DownloadApplicationArchive from './components/DownloadApplicationArchive';
 import DownloadCompanyDelegation from './components/DownloadCompanyDelegation';
 import DownloadSignedApplication from './components/DownloadSignedApplication';
+import AppointmentService from '../../service/appointment-service';
 
 const APP_EVALUATION_FLOW_ID = process.env.REACT_APP_EVALUATION_FLOW_ID;
 
@@ -360,7 +361,30 @@ const DomandaEditPreInstructor = () => {
     }
 
     const doCheckNDG = () => {
-        // TODO
+        storeSet.main.setAsyncRequest();
+        doSaveDraft();
+        setTimeout(() => {
+            AppointmentService.getNdg(id, getNdgCallback, errGetNdgCallback);
+        }, 100);
+    }
+
+    const getNdgCallback = (data) => {
+        if (data.status === 'SUCCESS') {
+            console.log('data', data.data);
+        }
+        storeSet.main.unsetAsyncRequest();
+    }
+
+    const errGetNdgCallback = (data) => {
+        if (toast.current && data.message) {
+            toast.current.show({
+                severity: 'error',
+                summary: '',
+                detail: data.message
+            });
+        }
+        set404FromErrorResponse(data);
+        storeSet.main.unsetAsyncRequest();
     }
 
     const doCreateAppointment = () => {
@@ -595,7 +619,7 @@ const DomandaEditPreInstructor = () => {
                                                 }}>
                                                     <span>{k.name}</span>
                                                     <div className="appPageSection__iconActions">
-                                                        <ArchiveDocument ndg={data.ndg} fileId={k.id}/>
+                                                        <ArchiveDocument ndg={data.ndg} applicationId={id} fileId={k.id}/>
                                                         <Button icon="pi pi-eye" rounded
                                                                 onClick={() => {
                                                                     window.open(encodeURI(k.filePath), '_blank').focus()
diff --git a/src/service/appointment-service.js b/src/service/appointment-service.js
new file mode 100644
index 0000000..0bf12bd
--- /dev/null
+++ b/src/service/appointment-service.js
@@ -0,0 +1,14 @@
+import { NetworkService } from './network-service';
+
+const API_BASE_URL = process.env.REACT_APP_API_EXECUTION_ADDRESS;
+
+export default class AppointmentService {
+
+    static getNdg = (id, callback, errCallback, queryParams) => {
+        NetworkService.get(`${API_BASE_URL}/appointment/application/${id}/check-ndg`, callback, errCallback, queryParams);
+    };
+
+    static archiveDocument = (applicationId, documentId, body, callback, errCallback, queryParams) => {
+        NetworkService.post(`${API_BASE_URL}/appointment/application/${applicationId}/document/${documentId}`, {}, callback, errCallback, queryParams);
+    };
+}