- added 'bandi disponibili' page;

- improved some styles and displaying data in tables;

src/pages/DashboardBeneficiario/components/MyLatestSubmissionsTable/index.js

@@ -14,53 +14,51 @@ import { InputText } from 'primereact/inputtext';
 import { IconField } from 'primereact/iconfield';
 import { InputIcon } from 'primereact/inputicon';
 import { Dropdown } from 'primereact/dropdown';
-import { InputNumber } from 'primereact/inputnumber';
+import { ProgressBar } from 'primereact/progressbar';
 import { Button } from 'primereact/button';
 import { Calendar } from 'primereact/calendar';
 import { Tag } from 'primereact/tag';
 import ProperBandoLabel from '../../../../components/ProperBandoLabel';
 import { Link } from 'react-router-dom';
+import ApplicationService from '../../../../service/application-service';
+import { storeSet, useStore } from '../../../../store';
+import set404FromErrorResponse from '../../../../helpers/set404FromErrorResponse';
 
 
 const MyLatestSubmissionsTable = () => {
+    const isAsyncRequest = useStore().main.isAsyncRequest();
     const [items, setItems] = useState(null);
     const [filters, setFilters] = useState(null);
-    const [loading, setLoading] = useState(false);
     const [globalFilterValue, setGlobalFilterValue] = useState('');
     const [statuses, setStatuses] = useState([]);
 
     useEffect(() => {
-        // TODO
-        const items = [
-            {
-                name: 'Bando Innovazione 2024',
-                end_date: '2024-08-08T00:00:00+00:00',
-                modify_date: '2024-08-30T00:00:00+00:00',
-                progress: 50,
-                status: 'DRAFT',
-                id: 33,
-                callId: 52
-            },
-            {
-                name: 'Bando Sostenibilità 2024',
-                end_date: '2024-07-28T00:00:00+00:00',
-                modify_date: '2024-08-15T00:00:00+00:00',
-                progress: 25,
-                status: 'DRAFT',
-                id: 34,
-                callId: 53
-            }
-        ]
-        setItems(getFormattedBandiData(items));
-        setStatuses(uniq(items.map(o => o.status)))
-        setLoading(false);
-        initFilters();
+        storeSet.main.setAsyncRequest();
+        ApplicationService.getApplications(getApplCallback, errGetApplCallback)
     }, []);
 
+    const getApplCallback = (data) => {
+        if (data.status === 'SUCCESS') {
+            if(data.data.length) {
+                setItems(getFormattedBandiData(data.data));
+                setStatuses(uniq(items.map(o => o.status)))
+                initFilters();
+            }
+        }
+        storeSet.main.unsetAsyncRequest();
+    }
+
+    const errGetApplCallback = (data) => {
+        set404FromErrorResponse(data);
+        storeSet.main.unsetAsyncRequest();
+    }
+
     const getFormattedBandiData = (data) => {
         return [...(data || [])].map((d) => {
-            d.modify_date = new Date(d.modify_date);
-            d.end_date = new Date(d.end_date);
+            d.modify_date = new Date();
+            d.end_date = new Date();
+            d.name = `Bando ${d.callId}`;
+            d.progress = 37;
 
             return d;
         });
@@ -123,10 +121,6 @@ const MyLatestSubmissionsTable = () => {
         return <Calendar value={options.value} onChange={(e) => options.filterCallback(e.value, options.index)} dateFormat="mm/dd/yy" placeholder="mm/dd/yyyy" mask="99/99/9999" />;
     };
 
-    const balanceFilterTemplate = (options) => {
-        return <InputNumber value={options.value} onChange={(e) => options.filterCallback(e.value, options.index)} />;
-    };
-
     const statusBodyTemplate = (rowData) => {
         return <ProperBandoLabel status={rowData.status}/>;
     };
@@ -135,6 +129,10 @@ const MyLatestSubmissionsTable = () => {
         return <Dropdown value={options.value} options={statuses} onChange={(e) => options.filterCallback(e.value, options.index)} itemTemplate={statusItemTemplate} placeholder="Select One" className="p-column-filter" showClear />;
     };
 
+    const progressBodyTemplate = (options) => {
+        return <ProgressBar value={options.progress} color={'#64748B'}></ProgressBar>;
+    };
+
     const statusItemTemplate = (option) => {
         return <Tag value={getBandoLabel(option)} severity={getBandoSeverity(option)} />;
     };
@@ -149,7 +147,7 @@ const MyLatestSubmissionsTable = () => {
 
     return(
         <div className="appPageSection__table">
-            <DataTable value={items} paginator showGridlines rows={10} loading={loading} dataKey="id"
+            <DataTable value={items} paginator showGridlines rows={10} loading={isAsyncRequest} dataKey="id"
                        filters={filters}
                        globalFilterFields={['name', 'status']}
                        header={header}
@@ -166,8 +164,7 @@ const MyLatestSubmissionsTable = () => {
                         style={{ width: '120px' }} body={statusBodyTemplate} filter
                         filterElement={statusFilterTemplate}/>
                 <Column header={__('Progressi', 'gepafin')}
-                        style={{ minWidth: '10rem' }} field="progress"
-                        filterElement={balanceFilterTemplate}/>
+                        style={{ minWidth: '10rem' }} field="progress" body={progressBodyTemplate}/>
                 <Column header={__('Azioni', 'gepafin')}
                         body={actionsBodyTemplate}/>
             </DataTable>