From 3d2db1ef4903f228ff596c99a4e68ee727ffbd1e Mon Sep 17 00:00:00 2001
From: Vitalii Kiiko <mr.psiho@gmail.com>
Date: Mon, 5 May 2025 14:39:31 +0200
Subject: [PATCH] - added CLEAR button to tables;

---
 .../DraftApplicationsTableAsync/index.js      | 27 +++++++++++++++++
 .../components/LatestBandiTableAsync/index.js | 27 +++++++++++++++++
 .../index.js                                  | 27 +++++++++++++++++
 .../index.js                                  | 30 +++++++++++++++++++
 .../DomandeTablePreInstructorAsync/index.js   | 30 +++++++++++++++++++
 .../components/AllDomandeTableAsync/index.js  | 29 ++++++++++++++++++
 .../index.js                                  | 29 ++++++++++++++++++
 .../SoccorsiPreInstructorTableAsync/index.js  | 29 ++++++++++++++++++
 8 files changed, 228 insertions(+)

diff --git a/src/pages/Dashboard/components/DraftApplicationsTableAsync/index.js b/src/pages/Dashboard/components/DraftApplicationsTableAsync/index.js
index 5029f7a..98c2d59 100644
--- a/src/pages/Dashboard/components/DraftApplicationsTableAsync/index.js
+++ b/src/pages/Dashboard/components/DraftApplicationsTableAsync/index.js
@@ -128,6 +128,32 @@ const DraftApplicationsTableAsync = () => {
         </Link>
     }
 
+    const clearFilter = () => {
+        setLazyState({
+            first: 0,
+            rows: 5,
+            page: 0,
+            sortField: null,
+            sortOrder: null,
+            filters: {
+                id: { value: null, matchMode: 'contains' },
+                callTitle: { value: null, matchMode: 'contains' },
+                companyName: { value: null, matchMode: 'contains' },
+                status: { value: null, matchMode: 'contains' }
+            }
+        });
+    };
+
+    const renderHeader = () => {
+        return (
+            <div className="flex justify-content-between">
+                <Button type="button" icon="pi pi-filter-slash" label={__('Pulisci', 'gepafin')} outlined onClick={clearFilter} />
+            </div>
+        );
+    };
+
+    const header = renderHeader();
+
     return (
         <div className="appPageSection__table">
             <DataTable
@@ -136,6 +162,7 @@ const DraftApplicationsTableAsync = () => {
                 first={lazyState.first} rows={lazyState.rows} totalRecords={totalRecordsNum} onPage={onPage}
                 onSort={onSort} sortField={lazyState.sortField} sortOrder={lazyState.sortOrder}
                 onFilter={onFilter} filters={lazyState.filters} loading={localAsyncRequest}
+                header={header}
                 emptyMessage={translationStrings.emptyMessage}>
                 <Column field="id" header={__('ID domanda', 'gepafin')}
                         sortable
diff --git a/src/pages/Dashboard/components/LatestBandiTableAsync/index.js b/src/pages/Dashboard/components/LatestBandiTableAsync/index.js
index 60a62ef..b5b29de 100644
--- a/src/pages/Dashboard/components/LatestBandiTableAsync/index.js
+++ b/src/pages/Dashboard/components/LatestBandiTableAsync/index.js
@@ -166,6 +166,32 @@ const LatestBandiTableAsync = () => {
         return getFormattedDateString(rowData.endDate)  + ' ' + getTimeFromISOstring(endTimeObg);
     };
 
+    const clearFilter = () => {
+        setLazyState({
+            first: 0,
+            rows: 5,
+            page: 0,
+            sortField: null,
+            sortOrder: null,
+            filters: {
+                name: { value: null, matchMode: 'contains' },
+                startDate: { value: null, matchMode: 'dateIs' },
+                endDate: { value: null, matchMode: 'dateIs' },
+                status: { value: null, matchMode: 'equals' }
+            }
+        });
+    };
+
+    const renderHeader = () => {
+        return (
+            <div className="flex justify-content-between">
+                <Button type="button" icon="pi pi-filter-slash" label={__('Pulisci', 'gepafin')} outlined onClick={clearFilter} />
+            </div>
+        );
+    };
+
+    const header = renderHeader();
+
     useEffect(() => {
         setLocalAsyncRequest(true);
         const paginationQuery = getPaginationQuery();
@@ -181,6 +207,7 @@ const LatestBandiTableAsync = () => {
                 first={lazyState.first} rows={lazyState.rows} totalRecords={totalRecordsNum} onPage={onPage}
                 onSort={onSort} sortField={lazyState.sortField} sortOrder={lazyState.sortOrder}
                 onFilter={onFilter} filters={lazyState.filters} loading={localAsyncRequest}
+                header={header}
                 emptyMessage={translationStrings.emptyMessage}>
                 <Column field="name"
                         sortable
diff --git a/src/pages/DashboardInstructorManager/components/LatestBandiTableInstructorManagerAsync/index.js b/src/pages/DashboardInstructorManager/components/LatestBandiTableInstructorManagerAsync/index.js
index 5a55d80..c696101 100644
--- a/src/pages/DashboardInstructorManager/components/LatestBandiTableInstructorManagerAsync/index.js
+++ b/src/pages/DashboardInstructorManager/components/LatestBandiTableInstructorManagerAsync/index.js
@@ -161,6 +161,32 @@ const LatestBandiTableInstructorManagerAsync = () => {
         setLocalAsyncRequest(false);
     }
 
+    const clearFilter = () => {
+        setLazyState({
+            first: 0,
+            rows: 5,
+            page: 0,
+            sortField: null,
+            sortOrder: null,
+            filters: {
+                name: { value: null, matchMode: 'contains' },
+                startDate: { value: null, matchMode: 'dateIs' },
+                endDate: { value: null, matchMode: 'dateIs' },
+                status: { value: null, matchMode: 'equals' }
+            }
+        });
+    };
+
+    const renderHeader = () => {
+        return (
+            <div className="flex justify-content-between">
+                <Button type="button" icon="pi pi-filter-slash" label={__('Pulisci', 'gepafin')} outlined onClick={clearFilter} />
+            </div>
+        );
+    };
+
+    const header = renderHeader();
+
     useEffect(() => {
         setLocalAsyncRequest(true);
         const paginationQuery = getPaginationQuery();
@@ -176,6 +202,7 @@ const LatestBandiTableInstructorManagerAsync = () => {
                 first={lazyState.first} rows={lazyState.rows} totalRecords={totalRecordsNum} onPage={onPage}
                 onSort={onSort} sortField={lazyState.sortField} sortOrder={lazyState.sortOrder}
                 onFilter={onFilter} filters={lazyState.filters} loading={localAsyncRequest}
+                header={header}
                 emptyMessage={translationStrings.emptyMessage}>
                 <Column field="name"
                         sortable
diff --git a/src/pages/DashboardInstructorManager/components/MieDomandeTableInstructorManagerAsync/index.js b/src/pages/DashboardInstructorManager/components/MieDomandeTableInstructorManagerAsync/index.js
index 4d2bea2..b15b0db 100644
--- a/src/pages/DashboardInstructorManager/components/MieDomandeTableInstructorManagerAsync/index.js
+++ b/src/pages/DashboardInstructorManager/components/MieDomandeTableInstructorManagerAsync/index.js
@@ -170,6 +170,35 @@ const MieDomandeTableInstructorManagerAsync = ({ userId = null, statuses = [] })
         setLocalAsyncRequest(false);
     }
 
+    const clearFilter = () => {
+        setLazyState({
+            first: 0,
+            rows: 5,
+            page: 0,
+            sortField: null,
+            sortOrder: null,
+            filters: {
+                applicationId: { value: null, matchMode: 'equals' },
+                protocolNumber: { value: null, matchMode: 'equals' },
+                callName: { value: null, matchMode: 'contains' },
+                companyName: { value: null, matchMode: 'contains' },
+                submissionDate: { value: null, matchMode: 'dateIs' },
+                evaluationEndDate: { value: null, matchMode: 'dateIs' },
+                applicationStatus: { value: null, matchMode: 'equals' }
+            }
+        });
+    };
+
+    const renderHeader = () => {
+        return (
+            <div className="flex justify-content-between">
+                <Button type="button" icon="pi pi-filter-slash" label={__('Pulisci', 'gepafin')} outlined onClick={clearFilter} />
+            </div>
+        );
+    };
+
+    const header = renderHeader();
+
     useEffect(() => {
         setLocalAsyncRequest(true);
         const paginationQuery = getPaginationQuery();
@@ -191,6 +220,7 @@ const MieDomandeTableInstructorManagerAsync = ({ userId = null, statuses = [] })
                 first={lazyState.first} rows={lazyState.rows} totalRecords={totalRecordsNum} onPage={onPage}
                 onSort={onSort} sortField={lazyState.sortField} sortOrder={lazyState.sortOrder}
                 onFilter={onFilter} filters={lazyState.filters} loading={localAsyncRequest}
+                header={header}
                 emptyMessage={translationStrings.emptyMessage}>
                 <Column field="applicationId" header={__('ID domanda', 'gepafin')}
                         sortable
diff --git a/src/pages/DashboardPreInstructor/components/DomandeTablePreInstructorAsync/index.js b/src/pages/DashboardPreInstructor/components/DomandeTablePreInstructorAsync/index.js
index 5d64bac..d451b1b 100644
--- a/src/pages/DashboardPreInstructor/components/DomandeTablePreInstructorAsync/index.js
+++ b/src/pages/DashboardPreInstructor/components/DomandeTablePreInstructorAsync/index.js
@@ -170,6 +170,35 @@ const DomandeTablePreInstructorAsync = ({ userId = null, statuses = [] }) => {
         setLocalAsyncRequest(false);
     }
 
+    const clearFilter = () => {
+        setLazyState({
+            first: 0,
+            rows: 5,
+            page: 0,
+            sortField: null,
+            sortOrder: null,
+            filters: {
+                applicationId: { value: null, matchMode: 'equals' },
+                protocolNumber: { value: null, matchMode: 'equals' },
+                callName: { value: null, matchMode: 'contains' },
+                companyName: { value: null, matchMode: 'contains' },
+                submissionDate: { value: null, matchMode: 'dateIs' },
+                evaluationEndDate: { value: null, matchMode: 'dateIs' },
+                applicationStatus: { value: null, matchMode: 'equals' }
+            }
+        });
+    };
+
+    const renderHeader = () => {
+        return (
+            <div className="flex justify-content-between">
+                <Button type="button" icon="pi pi-filter-slash" label={__('Pulisci', 'gepafin')} outlined onClick={clearFilter} />
+            </div>
+        );
+    };
+
+    const header = renderHeader();
+
     useEffect(() => {
         setLocalAsyncRequest(true);
         const paginationQuery = getPaginationQuery();
@@ -191,6 +220,7 @@ const DomandeTablePreInstructorAsync = ({ userId = null, statuses = [] }) => {
                 first={lazyState.first} rows={lazyState.rows} totalRecords={totalRecordsNum} onPage={onPage}
                 onSort={onSort} sortField={lazyState.sortField} sortOrder={lazyState.sortOrder}
                 onFilter={onFilter} filters={lazyState.filters} loading={localAsyncRequest}
+                header={header}
                 emptyMessage={translationStrings.emptyMessage}>
                 <Column field="applicationId" header={__('ID domanda', 'gepafin')}
                         sortable
diff --git a/src/pages/Domande/components/AllDomandeTableAsync/index.js b/src/pages/Domande/components/AllDomandeTableAsync/index.js
index a618eff..4f2d518 100644
--- a/src/pages/Domande/components/AllDomandeTableAsync/index.js
+++ b/src/pages/Domande/components/AllDomandeTableAsync/index.js
@@ -137,6 +137,34 @@ const AllDomandeTableAsync = ({ openDialogFn, updaterString = '' }) => {
         return getFormattedDateString(rowData.submissionDate);
     };
 
+    const clearFilter = () => {
+        setLazyState({
+            first: 0,
+            rows: 5,
+            page: 0,
+            sortField: null,
+            sortOrder: null,
+            filters: {
+                id: { value: null, matchMode: 'equals' },
+                callTitle: { value: null, matchMode: 'contains' },
+                companyName: { value: null, matchMode: 'contains' },
+                submissionDate: { value: null, matchMode: 'dateIs' },
+                assignedUserName: { value: null, matchMode: 'equals' },
+                status: { value: null, matchMode: 'equals' }
+            }
+        });
+    };
+
+    const renderHeader = () => {
+        return (
+            <div className="flex justify-content-between">
+                <Button type="button" icon="pi pi-filter-slash" label={__('Pulisci', 'gepafin')} outlined onClick={clearFilter} />
+            </div>
+        );
+    };
+
+    const header = renderHeader();
+
     useEffect(() => {
         setLocalAsyncRequest(true);
         const paginationQuery = getPaginationQuery();
@@ -152,6 +180,7 @@ const AllDomandeTableAsync = ({ openDialogFn, updaterString = '' }) => {
                 first={lazyState.first} rows={lazyState.rows} totalRecords={totalRecordsNum} onPage={onPage}
                 onSort={onSort} sortField={lazyState.sortField} sortOrder={lazyState.sortOrder}
                 onFilter={onFilter} filters={lazyState.filters} loading={localAsyncRequest}
+                header={header}
                 emptyMessage={translationStrings.emptyMessage}>
                 <Column field="id" header={__('ID domanda', 'gepafin')}
                         sortable
diff --git a/src/pages/SoccorsoIstruttorioMioInstructorManager/components/SoccorsiInstructorManagerMioTableAsync/index.js b/src/pages/SoccorsoIstruttorioMioInstructorManager/components/SoccorsiInstructorManagerMioTableAsync/index.js
index 30280d3..23313d0 100644
--- a/src/pages/SoccorsoIstruttorioMioInstructorManager/components/SoccorsiInstructorManagerMioTableAsync/index.js
+++ b/src/pages/SoccorsoIstruttorioMioInstructorManager/components/SoccorsiInstructorManagerMioTableAsync/index.js
@@ -137,6 +137,34 @@ const SoccorsiInstructorManagerMioTableAsync = ({ userId = null }) => {
         return rowData.expirationDate ? getFormattedDateString(rowData.expirationDate) : '';
     };
 
+    const clearFilter = () => {
+        setLazyState({
+            first: 0,
+            rows: 5,
+            page: 0,
+            sortField: null,
+            sortOrder: null,
+            filters: {
+                applicationId: { value: null, matchMode: 'equals' },
+                callName: { value: null, matchMode: 'contains' },
+                companyName: { value: null, matchMode: 'contains' },
+                startDate: { value: null, matchMode: 'dateIs' },
+                expirationDate: { value: null, matchMode: 'dateIs' },
+                status: { value: null, matchMode: 'equals' }
+            }
+        });
+    };
+
+    const renderHeader = () => {
+        return (
+            <div className="flex justify-content-between">
+                <Button type="button" icon="pi pi-filter-slash" label={__('Pulisci', 'gepafin')} outlined onClick={clearFilter} />
+            </div>
+        );
+    };
+
+    const header = renderHeader();
+
     useEffect(() => {
         setLocalAsyncRequest(true);
         const paginationQuery = getPaginationQuery();
@@ -152,6 +180,7 @@ const SoccorsiInstructorManagerMioTableAsync = ({ userId = null }) => {
                 first={lazyState.first} rows={lazyState.rows} totalRecords={totalRecordsNum} onPage={onPage}
                 onSort={onSort} sortField={lazyState.sortField} sortOrder={lazyState.sortOrder}
                 onFilter={onFilter} filters={lazyState.filters} loading={localAsyncRequest}
+                header={header}
                 emptyMessage={translationStrings.emptyMessage}>
                 <Column field="applicationId" header={__('ID domanda', 'gepafin')}
                         sortable
diff --git a/src/pages/SoccorsoIstruttorioPreInstructor/components/SoccorsiPreInstructorTableAsync/index.js b/src/pages/SoccorsoIstruttorioPreInstructor/components/SoccorsiPreInstructorTableAsync/index.js
index e612ccc..a1c5a85 100644
--- a/src/pages/SoccorsoIstruttorioPreInstructor/components/SoccorsiPreInstructorTableAsync/index.js
+++ b/src/pages/SoccorsoIstruttorioPreInstructor/components/SoccorsiPreInstructorTableAsync/index.js
@@ -137,6 +137,34 @@ const SoccorsiPreInstructorTableAsync = ({ userId = null }) => {
         return rowData.expirationDate ? getFormattedDateString(rowData.expirationDate) : '';
     };
 
+    const clearFilter = () => {
+        setLazyState({
+            first: 0,
+            rows: 5,
+            page: 0,
+            sortField: null,
+            sortOrder: null,
+            filters: {
+                applicationId: { value: null, matchMode: 'equals' },
+                callName: { value: null, matchMode: 'contains' },
+                companyName: { value: null, matchMode: 'contains' },
+                startDate: { value: null, matchMode: 'dateIs' },
+                expirationDate: { value: null, matchMode: 'dateIs' },
+                status: { value: null, matchMode: 'equals' }
+            }
+        });
+    };
+
+    const renderHeader = () => {
+        return (
+            <div className="flex justify-content-between">
+                <Button type="button" icon="pi pi-filter-slash" label={__('Pulisci', 'gepafin')} outlined onClick={clearFilter} />
+            </div>
+        );
+    };
+
+    const header = renderHeader();
+
     useEffect(() => {
         setLocalAsyncRequest(true);
         const paginationQuery = getPaginationQuery();
@@ -152,6 +180,7 @@ const SoccorsiPreInstructorTableAsync = ({ userId = null }) => {
                 first={lazyState.first} rows={lazyState.rows} totalRecords={totalRecordsNum} onPage={onPage}
                 onSort={onSort} sortField={lazyState.sortField} sortOrder={lazyState.sortOrder}
                 onFilter={onFilter} filters={lazyState.filters} loading={localAsyncRequest}
+                header={header}
                 emptyMessage={translationStrings.emptyMessage}>
                 <Column field="applicationId" header={__('ID domanda', 'gepafin')}
                         sortable