From 26a6c2a2b18bf31fba02aa3e9bdf9b3940b69c21 Mon Sep 17 00:00:00 2001
From: Vitalii Kiiko <mr.psiho@gmail.com>
Date: Fri, 6 Dec 2024 11:32:24 +0100
Subject: [PATCH] - updated styles for disabled icons; - added checks for
 disabled/enabled buttons; - fixed displaying the date of assignment;

---
 src/assets/scss/components/misc.scss          |  4 +++
 .../PreInstructorDomandeTable/index.js        |  8 ++---
 src/pages/DomandaEditPreInstructor/index.js   | 33 ++++++++++++++++---
 3 files changed, 37 insertions(+), 8 deletions(-)

diff --git a/src/assets/scss/components/misc.scss b/src/assets/scss/components/misc.scss
index ca53588..b809ae8 100644
--- a/src/assets/scss/components/misc.scss
+++ b/src/assets/scss/components/misc.scss
@@ -12,6 +12,10 @@
 .p-button:not(.p-button-outlined, .p-button-secondary, .p-confirm-popup-reject, .p-button-link, .p-column-filter-add-button, .p-column-filter-remove-button) span {
   color: var(--menuitem-active-color);
 }
+.p-button.p-button-success.p-button-icon-only[disabled],
+.p-button.p-button-danger.p-button-icon-only[disabled] {
+  filter: unset;
+}
 .p-column-filter-remove-button {
   span {
     margin: 0 5px;
diff --git a/src/pages/DashboardPreInstructor/components/PreInstructorDomandeTable/index.js b/src/pages/DashboardPreInstructor/components/PreInstructorDomandeTable/index.js
index 4cac1b4..117a7e2 100644
--- a/src/pages/DashboardPreInstructor/components/PreInstructorDomandeTable/index.js
+++ b/src/pages/DashboardPreInstructor/components/PreInstructorDomandeTable/index.js
@@ -54,7 +54,7 @@ const PreInstructorDomandeTable = () => {
 
     const getFormattedData = (data) => {
         return data.map((d) => {
-            d.callEndDate = is(String, d.callEndDate) ? new Date(d.callEndDate) : (d.callEndDate ? d.callEndDate : '');
+            d.evaluationEndDate = is(String, d.evaluationEndDate) ? new Date(d.evaluationEndDate) : (d.evaluationEndDate ? d.evaluationEndDate : '');
             d.submissionDate = is(String, d.submissionDate) ? new Date(d.submissionDate) : (d.submissionDate ? d.submissionDate : '');
             return d;
         });
@@ -87,7 +87,7 @@ const PreInstructorDomandeTable = () => {
                 operator: FilterOperator.AND,
                 constraints: [{ value: null, matchMode: FilterMatchMode.DATE_IS }]
             },
-            callEndDate	: {
+            evaluationEndDate: {
                 operator: FilterOperator.AND,
                 constraints: [{ value: null, matchMode: FilterMatchMode.DATE_IS }]
             }
@@ -107,7 +107,7 @@ const PreInstructorDomandeTable = () => {
     };
 
     const dateEndBodyTemplate = (rowData) => {
-        return formatDate(rowData.callEndDate);
+        return formatDate(rowData.evaluationEndDate);
     };
 
     const dateFilterTemplate = (options) => {
@@ -164,7 +164,7 @@ const PreInstructorDomandeTable = () => {
                 <Column header={__('Data ricezione', 'gepafin')} filterField="submissionDate" dataType="date"
                         style={{ minWidth: '8rem' }}
                         body={dateAppliedBodyTemplate} filter filterElement={dateFilterTemplate}/>
-                <Column header={__('Scadenza', 'gepafin')} filterField="callEndDate" dataType="date"
+                <Column header={__('Scadenza', 'gepafin')} filterField="evaluationEndDate" dataType="date"
                         style={{ minWidth: '8rem' }}
                         body={dateEndBodyTemplate} filter filterElement={dateFilterTemplate}/>
                 <Column field="status" header={__('Stato', 'gepafin')}
diff --git a/src/pages/DomandaEditPreInstructor/index.js b/src/pages/DomandaEditPreInstructor/index.js
index 8492567..3f9acbd 100644
--- a/src/pages/DomandaEditPreInstructor/index.js
+++ b/src/pages/DomandaEditPreInstructor/index.js
@@ -54,6 +54,9 @@ const DomandaEditPreInstructor = () => {
     const [operationType, setOperationType] = useState('');
     const [motivation, setMotivation] = useState('');
     const [isVisibleAppointmentDialog, setIsVisibleAppointmentDialog] = useState(false);
+    const [allFilesRated, setAllFilesRated] = useState(false);
+    const [atLeastOneChecked, setAtLeastOneChecked] = useState(false);
+    const [allChecksChecked, setAllChecksChecked] = useState(false);
     const [appointmentData, setAppointmentData] = useState({
         title: '',
         text: '',
@@ -65,6 +68,22 @@ const DomandaEditPreInstructor = () => {
         navigate('/domande');
     }
 
+    const updateFlagsForSoccorso = (data) => {
+        if (data.files) {
+            const nonRatedFiles = data.files
+                .map(el => el.valid)
+                .filter(v => isNil(v));
+            setAllFilesRated(nonRatedFiles.length === 0);
+        }
+        if (data.checklist) {
+            const checkedChecklistItems = data.checklist
+                .map(el => el.valid)
+                .filter(v => v);
+            setAtLeastOneChecked(checkedChecklistItems.length > 0);
+            setAllChecksChecked(checkedChecklistItems.length === data.checklist.length)
+        }
+    }
+
     const doNewSoccorso = () => {
         if (connectedSoccorsoId !== 0) {
             doSaveDraft(`/domande/${id}/soccorso/${connectedSoccorsoId}`)
@@ -77,6 +96,7 @@ const DomandaEditPreInstructor = () => {
         if (data.status === 'SUCCESS') {
             setData(getFormattedData(data.data));
             setMotivation(data.data.motivation);
+            updateFlagsForSoccorso(data.data);
         }
         storeSet.main.unsetAsyncRequest();
     }
@@ -129,6 +149,7 @@ const DomandaEditPreInstructor = () => {
 
         const newData = wrap(data).set(pathEls, finalValue).value();
         setData(newData);
+        updateFlagsForSoccorso(newData);
     }
 
     const doSaveDraft = (doRedirect = '') => {
@@ -466,9 +487,13 @@ const DomandaEditPreInstructor = () => {
                             <span>{__('Data ricezione', 'gepafin')}</span>
                             <span>{getDateFromISOstring(data.submissionDate)}</span>
                         </p>
+                        <p className="appPageSection__pMeta">
+                            <span>{__('Data assegnazione', 'gepafin')}</span>
+                            <span>{getDateFromISOstring(data.assignedAt)}</span>
+                        </p>
                         <p className="appPageSection__pMeta">
                             <span>{__('Scadenza Valutazione', 'gepafin')}</span>
-                            <span>{getDateFromISOstring(data.callEndDate)}</span>
+                            <span>{getDateFromISOstring(data.evaluationEndDate)}</span>
                         </p>
                         <p className="appPageSection__pMeta">
                             <span>{__('Stato', 'gepafin')}</span>
@@ -479,7 +504,7 @@ const DomandaEditPreInstructor = () => {
                     <div className="appPageSection">
                         <h2>{__('Scarica documenti della domanda', 'gepafin')}</h2>
                         <div className="appPageSection__row autoFlow">
-                            <DownloadApplicationArchive applicationId={id}/>
+                        <DownloadApplicationArchive applicationId={id}/>
                             <DownloadSignedApplication applicationId={id}/>
                             <DownloadCompanyDelegation applicationId={id}/>
                         </div>
@@ -677,7 +702,7 @@ const DomandaEditPreInstructor = () => {
                             {['EVALUATION', 'SOCCORSO', 'CLOSE'].includes(data.applicationStatus)
                                 ? <Button
                                     type="button"
-                                    disabled={!data.id || data.status === 'CLOSE'}
+                                    disabled={!data.id || data.status === 'CLOSE' || !allFilesRated || !atLeastOneChecked}
                                     onClick={doNewSoccorso}
                                     outlined
                                     label={<>
@@ -705,7 +730,7 @@ const DomandaEditPreInstructor = () => {
                             {APP_EVALUATION_FLOW_ID === '1' && ['EVALUATION'].includes(data.applicationStatus)
                                 ? <Button
                                     type="button"
-                                    disabled={!data.id}
+                                    disabled={!data.id || !allFilesRated || !allChecksChecked}
                                     onClick={doCheckNDG}
                                     label={__('Controlla NDG', 'gepafin')}
                                 /> : null}