From 63ca3253b6cf82b96d8cd7f3eeb2d91b2da2b8e3 Mon Sep 17 00:00:00 2001
From: Vitalii Kiiko <mr.psiho@gmail.com>
Date: Thu, 24 Apr 2025 16:11:37 +0200
Subject: [PATCH] - added btn 'csv report';

---
 .../components/AllBandiTableAsync/index.js    | 55 ++++++++++++++++---
 .../components/ElementSetting/index.js        |  2 +-
 .../ElementSettingTableColumns/index.js       |  1 -
 .../ElementSettingTableColumnsForCsv/index.js |  4 +-
 .../components/LatestBandiTableAsync/index.js | 45 +++++++++++++--
 .../index.js                                  | 44 ++++++++++++++-
 src/service/application-service.js            |  4 ++
 7 files changed, 138 insertions(+), 17 deletions(-)

diff --git a/src/pages/Bandi/components/AllBandiTableAsync/index.js b/src/pages/Bandi/components/AllBandiTableAsync/index.js
index 6b81818..8649c73 100644
--- a/src/pages/Bandi/components/AllBandiTableAsync/index.js
+++ b/src/pages/Bandi/components/AllBandiTableAsync/index.js
@@ -6,6 +6,7 @@ import translationStrings from '../../../../translationStringsForComponents';
 
 // api
 import BandoService from '../../../../service/bando-service';
+import ApplicationService from '../../../../service/application-service';
 
 // tools
 import getTimeParsedFromString from '../../../../helpers/getTimeParsedFromString';
@@ -14,6 +15,7 @@ import getFormattedDateString from '../../../../helpers/getFormattedDateString';
 import getBandoLabel from '../../../../helpers/getBandoLabel';
 import getBandoSeverity from '../../../../helpers/getBandoSeverity';
 import getQueryParamsForPaginatedEndpoint from '../../../../helpers/getQueryParamsForPaginatedEndpoint';
+import set404FromErrorResponse from '../../../../helpers/set404FromErrorResponse';
 
 // components
 import { DataTable } from 'primereact/datatable';
@@ -41,7 +43,7 @@ const AllBandiTableAsync = () => {
             status: { value: null, matchMode: 'equals' }
         }
     });
-    const statuses = ['DRAFT','PUBLISH','EXPIRED'];
+    const statuses = ['DRAFT', 'PUBLISH', 'EXPIRED'];
 
     const getPaginationQuery = useCallback(() => getQueryParamsForPaginatedEndpoint(lazyState, statuses, 'id'), [lazyState]);
 
@@ -63,7 +65,8 @@ const AllBandiTableAsync = () => {
 
     const getCallback = (resp) => {
         if (resp.status === 'SUCCESS') {
-            const { body, totalRecords,
+            const {
+                body, totalRecords,
                 //currentPage, totalPages, pageSize
             } = resp.data;
             setTotalRecordsNum(totalRecords);
@@ -86,9 +89,44 @@ const AllBandiTableAsync = () => {
     };
 
     const actionsBodyTemplate = (rowData) => {
-        return <Link to={`/bandi/${rowData.id}`}>
-            <Button severity="info" label={__('Mostra', 'gepafin')} icon="pi pi-eye" size="small" iconPos="right" />
-        </Link>
+        return <div className="appPageSection__tableActions">
+            <Link to={`/bandi/${rowData.id}`}>
+                <Button severity="info" label={__('Mostra', 'gepafin')} icon="pi pi-eye" size="small" iconPos="right"/>
+            </Link>
+            {['PUBLISH', 'EXPIRED'].includes(rowData.status)
+                ? <Button type="button"
+                          size="small"
+                          icon="pi pi-receipt"
+                          iconPos="right"
+                          label={__('CSV', 'gepafin')}
+                          onClick={() => exportToCSV(rowData.id)}/> : null}
+        </div>
+    }
+
+    const exportToCSV = (applicationId) => {
+        setLocalAsyncRequest(true);
+        ApplicationService.downloadCsvReport(
+            applicationId,
+            (resp) => getCsvReportback(resp, applicationId),
+            errCsvReportCallback
+        )
+    }
+
+    const getCsvReportback = (resp, applicationId) => {
+        const file = new Blob([resp], { type: 'text/csv' });
+        const url = window.URL.createObjectURL(file);
+        const link = document.createElement('a');
+        link.href = url;
+        link.setAttribute('download', `call-${applicationId}-applications-report.csv`);
+        document.body.appendChild(link);
+        link.click();
+        link.remove();
+        setLocalAsyncRequest(false);
+    }
+
+    const errCsvReportCallback = (resp) => {
+        set404FromErrorResponse(resp);
+        setLocalAsyncRequest(false);
     }
 
     const statusBodyTemplate = (rowData) => {
@@ -111,7 +149,8 @@ const AllBandiTableAsync = () => {
                              }
                              setLazyState({ ...lazyState, filters, first: 0 });
                          }}
-                         itemTemplate={statusItemTemplate} placeholder={translationStrings.selectOneLabel} className="p-column-filter"/>;
+                         itemTemplate={statusItemTemplate} placeholder={translationStrings.selectOneLabel}
+                         className="p-column-filter"/>;
     };
 
     const dateFilterTemplate = (options) => {
@@ -126,7 +165,7 @@ const AllBandiTableAsync = () => {
 
     const dateEndBodyTemplate = (rowData) => {
         const endTimeObg = getTimeParsedFromString(rowData.endTime);
-        return getFormattedDateString(rowData.endDate)  + ' ' + getTimeFromISOstring(endTimeObg);
+        return getFormattedDateString(rowData.endDate) + ' ' + getTimeFromISOstring(endTimeObg);
     };
 
     useEffect(() => {
@@ -169,7 +208,7 @@ const AllBandiTableAsync = () => {
                         filterMatchModeOptions={translationStrings.statusFilterOptions}
                         header={__('Stato', 'gepafin')}
                         style={{ minWidth: '7rem' }}
-                        body={statusBodyTemplate} />
+                        body={statusBodyTemplate}/>
                 <Column header={__('Azioni', 'gepafin')}
                         body={actionsBodyTemplate}/>
             </DataTable>
diff --git a/src/pages/BandoFormsEdit/components/BuilderElementSettings/components/ElementSetting/index.js b/src/pages/BandoFormsEdit/components/BuilderElementSettings/components/ElementSetting/index.js
index 38463ca..ab04181 100644
--- a/src/pages/BandoFormsEdit/components/BuilderElementSettings/components/ElementSetting/index.js
+++ b/src/pages/BandoFormsEdit/components/BuilderElementSettings/components/ElementSetting/index.js
@@ -1,4 +1,4 @@
-import React, { useCallback, useEffect, useState } from 'react';
+import React, { useEffect, useState } from 'react';
 import { __ } from '@wordpress/i18n';
 import { head, is, isEmpty, isNil, uniq } from 'ramda';
 
diff --git a/src/pages/BandoFormsEdit/components/BuilderElementSettings/components/ElementSettingTableColumns/index.js b/src/pages/BandoFormsEdit/components/BuilderElementSettings/components/ElementSettingTableColumns/index.js
index d09cd49..8ecb228 100644
--- a/src/pages/BandoFormsEdit/components/BuilderElementSettings/components/ElementSettingTableColumns/index.js
+++ b/src/pages/BandoFormsEdit/components/BuilderElementSettings/components/ElementSettingTableColumns/index.js
@@ -13,7 +13,6 @@ import { Accordion, AccordionTab } from 'primereact/accordion';
 // tools
 import uniqid from '../../../../../../helpers/uniqid';
 import removeKey from '../../../../../../helpers/removeKey';
-import { klona } from 'klona';
 
 const ElementSettingTableColumns = ({
                                         value,
diff --git a/src/pages/BandoFormsEdit/components/BuilderElementSettings/components/ElementSettingTableColumnsForCsv/index.js b/src/pages/BandoFormsEdit/components/BuilderElementSettings/components/ElementSettingTableColumnsForCsv/index.js
index 7d1c257..af5bcf0 100644
--- a/src/pages/BandoFormsEdit/components/BuilderElementSettings/components/ElementSettingTableColumnsForCsv/index.js
+++ b/src/pages/BandoFormsEdit/components/BuilderElementSettings/components/ElementSettingTableColumnsForCsv/index.js
@@ -25,11 +25,11 @@ const ElementSettingTableColumnsForCsv = ({ name, setDataFn }) => {
     }
 
     const setChecked = (value, index) => {
-        let name = '';
+        //let name = '';
         const newData = stateFieldData.map((o, i) => {
             if (i === index) {
                 o.enableCsv = value;
-                name = o.name;
+                //name = o.name;
             }
             return o;
         });
diff --git a/src/pages/Dashboard/components/LatestBandiTableAsync/index.js b/src/pages/Dashboard/components/LatestBandiTableAsync/index.js
index 9be0f98..60a62ef 100644
--- a/src/pages/Dashboard/components/LatestBandiTableAsync/index.js
+++ b/src/pages/Dashboard/components/LatestBandiTableAsync/index.js
@@ -6,6 +6,7 @@ import translationStrings from '../../../../translationStringsForComponents';
 
 // api
 import BandoService from '../../../../service/bando-service';
+import ApplicationService from '../../../../service/application-service';
 
 // tools
 import getTimeParsedFromString from '../../../../helpers/getTimeParsedFromString';
@@ -14,6 +15,7 @@ import getFormattedDateString from '../../../../helpers/getFormattedDateString';
 import getBandoLabel from '../../../../helpers/getBandoLabel';
 import getBandoSeverity from '../../../../helpers/getBandoSeverity';
 import getQueryParamsForPaginatedEndpoint from '../../../../helpers/getQueryParamsForPaginatedEndpoint';
+import set404FromErrorResponse from '../../../../helpers/set404FromErrorResponse';
 
 // components
 import { DataTable } from 'primereact/datatable';
@@ -41,7 +43,7 @@ const LatestBandiTableAsync = () => {
             status: { value: null, matchMode: 'equals' }
         }
     });
-    const statuses = ['PUBLISH'];
+    const statuses = ['PUBLISH', 'EXPIRED'];
 
     const getPaginationQuery = useCallback(() => getQueryParamsForPaginatedEndpoint(lazyState, statuses, 'id'), [lazyState]);
 
@@ -86,9 +88,44 @@ const LatestBandiTableAsync = () => {
     };
 
     const actionsBodyTemplate = (rowData) => {
-        return <Link to={`/bandi/${rowData.id}`}>
-            <Button severity="info" label={__('Modifica', 'gepafin')} icon="pi pi-pencil" size="small" iconPos="right" />
-        </Link>
+        return <div className="appPageSection__tableActions">
+            <Link to={`/bandi/${rowData.id}`}>
+                <Button severity="info" label={__('Modifica', 'gepafin')} icon="pi pi-pencil" size="small"
+                        iconPos="right"/>
+            </Link>
+            <Button type="button"
+                    size="small"
+                    icon="pi pi-receipt"
+                    iconPos="right"
+                    label={__('CSV', 'gepafin')}
+                    onClick={() => exportToCSV(rowData.id)}/>
+        </div>
+    }
+
+    const exportToCSV = (applicationId) => {
+        setLocalAsyncRequest(true);
+        ApplicationService.downloadCsvReport(
+            applicationId,
+            (resp) => getCsvReportback(resp, applicationId),
+            errCsvReportCallback
+        )
+    }
+
+    const getCsvReportback = (resp, applicationId) => {
+        const file = new Blob([resp], { type: 'text/csv' });
+        const url = window.URL.createObjectURL(file);
+        const link = document.createElement('a');
+        link.href = url;
+        link.setAttribute('download', `call-${applicationId}-applications-report.csv`);
+        document.body.appendChild(link);
+        link.click();
+        link.remove();
+        setLocalAsyncRequest(false);
+    }
+
+    const errCsvReportCallback = (resp) => {
+        set404FromErrorResponse(resp);
+        setLocalAsyncRequest(false);
     }
 
     const statusBodyTemplate = (rowData) => {
diff --git a/src/pages/DashboardInstructorManager/components/LatestBandiTableInstructorManagerAsync/index.js b/src/pages/DashboardInstructorManager/components/LatestBandiTableInstructorManagerAsync/index.js
index 68d285d..5a55d80 100644
--- a/src/pages/DashboardInstructorManager/components/LatestBandiTableInstructorManagerAsync/index.js
+++ b/src/pages/DashboardInstructorManager/components/LatestBandiTableInstructorManagerAsync/index.js
@@ -5,6 +5,7 @@ import translationStrings from '../../../../translationStringsForComponents';
 
 // api
 import BandoService from '../../../../service/bando-service';
+import ApplicationService from '../../../../service/application-service';
 
 // tools
 import getTimeParsedFromString from '../../../../helpers/getTimeParsedFromString';
@@ -13,6 +14,7 @@ import getFormattedDateString from '../../../../helpers/getFormattedDateString';
 import getBandoLabel from '../../../../helpers/getBandoLabel';
 import getBandoSeverity from '../../../../helpers/getBandoSeverity';
 import getQueryParamsForPaginatedEndpoint from '../../../../helpers/getQueryParamsForPaginatedEndpoint';
+import set404FromErrorResponse from '../../../../helpers/set404FromErrorResponse';
 
 // components
 import { DataTable } from 'primereact/datatable';
@@ -21,6 +23,7 @@ import ProperBandoLabel from '../../../../components/ProperBandoLabel';
 import { Dropdown } from 'primereact/dropdown';
 import { Tag } from 'primereact/tag';
 import { Calendar } from 'primereact/calendar';
+import { Button } from 'primereact/button';
 
 const LatestBandiTableInstructorManagerAsync = () => {
     const [localAsyncRequest, setLocalAsyncRequest] = useState(false);
@@ -39,7 +42,7 @@ const LatestBandiTableInstructorManagerAsync = () => {
             status: { value: null, matchMode: 'equals' }
         }
     });
-    const statuses = ['PUBLISH'];
+    const statuses = ['PUBLISH', 'EXPIRED'];
 
     const getPaginationQuery = useCallback(() => getQueryParamsForPaginatedEndpoint(lazyState, statuses, 'id'), [lazyState]);
 
@@ -121,6 +124,43 @@ const LatestBandiTableInstructorManagerAsync = () => {
         return getFormattedDateString(rowData.endDate)  + ' ' + getTimeFromISOstring(endTimeObg);
     };
 
+    const actionsBodyTemplate = (rowData) => {
+        return <div className="appPageSection__tableActions">
+            <Button type="button"
+                    size="small"
+                    icon="pi pi-receipt"
+                    iconPos="right"
+                    label={__('CSV', 'gepafin')}
+                    onClick={() => exportToCSV(rowData.id)}/>
+        </div>
+    }
+
+    const exportToCSV = (applicationId) => {
+        setLocalAsyncRequest(true);
+        ApplicationService.downloadCsvReport(
+            applicationId,
+            (resp) => getCsvReportback(resp, applicationId),
+            errCsvReportCallback
+        )
+    }
+
+    const getCsvReportback = (resp, applicationId) => {
+        const file = new Blob([resp], { type: 'text/csv' });
+        const url = window.URL.createObjectURL(file);
+        const link = document.createElement('a');
+        link.href = url;
+        link.setAttribute('download', `call-${applicationId}-applications-report.csv`);
+        document.body.appendChild(link);
+        link.click();
+        link.remove();
+        setLocalAsyncRequest(false);
+    }
+
+    const errCsvReportCallback = (resp) => {
+        set404FromErrorResponse(resp);
+        setLocalAsyncRequest(false);
+    }
+
     useEffect(() => {
         setLocalAsyncRequest(true);
         const paginationQuery = getPaginationQuery();
@@ -162,6 +202,8 @@ const LatestBandiTableInstructorManagerAsync = () => {
                         header={__('Stato', 'gepafin')}
                         style={{ minWidth: '7rem' }}
                         body={statusBodyTemplate} />
+                <Column header={__('Azioni', 'gepafin')}
+                        body={actionsBodyTemplate}/>
             </DataTable>
         </div>
     )
diff --git a/src/service/application-service.js b/src/service/application-service.js
index 961ee34..821ec2d 100644
--- a/src/service/application-service.js
+++ b/src/service/application-service.js
@@ -59,4 +59,8 @@ export default class ApplicationService {
     static downloadCompleteZip = (id, callback, errCallback, queryParams) => {
         NetworkService.getBlob(`${API_BASE_URL}/application/${id}/documents/zip`, callback, errCallback, queryParams);
     };
+
+    static downloadCsvReport = (id, callback, errCallback, queryParams) => {
+        NetworkService.getBlob(`${API_BASE_URL}/application/call/${id}/csv`, callback, errCallback, queryParams);
+    };
 }