Merge branch 'master' into develop

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

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

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

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

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

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

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

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