- saving progress;

src/pages/Dashboard/components/DraftApplicationsTableAsync/index.js

@@ -25,7 +25,7 @@ import { Tag } from 'primereact/tag';
 
 import translationStrings from '../../../../translationStringsForComponents';
 
-const DraftApplicationsTableAsync = () => {
+const DraftApplicationsTableAsync = ({ disableActions = false }) => {
     const chosenCompanyId = useStoreValue('chosenCompanyId');
     const [localAsyncRequest, setLocalAsyncRequest] = useState(false);
     const [items, setItems] = useState(null);
@@ -188,9 +188,10 @@ const DraftApplicationsTableAsync = () => {
                         style={{ minWidth: '7rem' }} body={statusBodyTemplate}/>
                 <Column header={__('Progressi', 'gepafin')}
                         style={{ minWidth: '10rem' }} field="progress" body={progressBodyTemplate}/>
-                <Column header={__('Azioni', 'gepafin')}
+                {!disableActions
+                    ? <Column header={__('Azioni', 'gepafin')}
                         style={{ minWidth: '10rem' }}
-                        body={actionsBodyTemplate}/>
+                        body={actionsBodyTemplate}/> : null}
             </DataTable>
         </div>
     )

src/pages/Dashboard/components/LatestBandiTableAsync/index.js

@@ -26,7 +26,7 @@ import { Dropdown } from 'primereact/dropdown';
 import { Tag } from 'primereact/tag';
 import { Calendar } from 'primereact/calendar';
 
-const LatestBandiTableAsync = () => {
+const LatestBandiTableAsync = ({ disableActions = false }) => {
     const [localAsyncRequest, setLocalAsyncRequest] = useState(false);
     const [items, setItems] = useState(null);
     const [totalRecordsNum, setTotalRecordsNum] = useState(0);
@@ -265,8 +265,9 @@ const LatestBandiTableAsync = () => {
                         header={__('Stato', 'gepafin')}
                         style={{ minWidth: '7rem' }}
                         body={statusBodyTemplate} />
-                <Column header={__('Azioni', 'gepafin')}
+                {!disableActions
-                        body={actionsBodyTemplate}/>
+                    ? <Column header={__('Azioni', 'gepafin')}
+                        body={actionsBodyTemplate}/> : null}
             </DataTable>
         </div>
     )

src/pages/DashboardDirector/components/LatestPecEmailsTable/index.js

@@ -0,0 +1,143 @@
+import React, { useState, useEffect} from 'react';
+import { __ } from '@wordpress/i18n';
+import { uniq } from 'ramda';
+
+// api
+import BandoService from '../../../../service/bando-service';
+
+// tools
+import getTimeParsedFromString from '../../../../helpers/getTimeParsedFromString';
+import getTimeFromISOstring from '../../../../helpers/getTimeFromISOstring';
+
+// components
+import { FilterMatchMode, FilterOperator } from 'primereact/api';
+import { DataTable } from 'primereact/datatable';
+import { Column } from 'primereact/column';
+import { Button } from 'primereact/button';
+import { Calendar } from 'primereact/calendar';
+import ProperBandoLabel from '../../../../components/ProperBandoLabel';
+import { Link } from 'react-router-dom';
+
+import translationStrings from '../../../../translationStringsForComponents';
+import PecEmailService from '../../../../service/pec-email-service';
+
+const LatestPecEmailsTable = () => {
+    const [items, setItems] = useState(null);
+    const [filters, setFilters] = useState(null);
+    const [localAsyncRequest, setLocalAsyncRequest] = useState(false);
+    const [, setStatuses] = useState([]);
+
+    useEffect(() => {
+        setLocalAsyncRequest(true);
+        PecEmailService.getPecEmails(getCallback, errGetCallbacks);
+    }, []);
+
+    const getCallback = (data) => {
+        if (data.status === 'SUCCESS') {
+            setItems(data.data);
+            /*setStatuses(uniq(data.data.map(o => o.status)));
+            initFilters();*/
+        }
+        setLocalAsyncRequest(false);
+    }
+
+    const errGetCallbacks = () => {
+        setLocalAsyncRequest(false);
+    }
+
+    const getFormattedBandiData = (data) => {
+        return [...(data || [])].map((d) => {
+            d.start_date = new Date(d.dates[0]);
+            d.end_date = new Date(d.dates[1]);
+
+            return d;
+        });
+    };
+
+    const formatDate = (value) => {
+        return value.toLocaleDateString('it-IT', {
+            day: '2-digit',
+            month: '2-digit',
+            year: 'numeric'
+        });
+    };
+
+    const clearFilter = () => {
+        initFilters();
+    };
+
+    const initFilters = () => {
+        setFilters({
+            global: { value: null, matchMode: FilterMatchMode.CONTAINS },
+            name: { operator: FilterOperator.AND, constraints: [{ value: null, matchMode: FilterMatchMode.STARTS_WITH }] },
+            start_date: { operator: FilterOperator.AND, constraints: [{ value: null, matchMode: FilterMatchMode.DATE_IS }] },
+            end_date: { operator: FilterOperator.AND, constraints: [{ value: null, matchMode: FilterMatchMode.DATE_IS }] },
+            status: { operator: FilterOperator.OR, constraints: [{ value: null, matchMode: FilterMatchMode.EQUALS }] }
+        });
+    };
+
+    const renderHeader = () => {
+        return (
+            <div className="appTableHeader">
+                <Button type="button" icon="pi pi-filter-slash" label={__('Pulisci', 'gepafin')} outlined onClick={clearFilter} />
+            </div>
+        );
+    };
+
+    const dateStartBodyTemplate = (rowData) => {
+        const startTimeObj = getTimeParsedFromString(rowData.startTime);
+        return formatDate(rowData.start_date) + ' ' + getTimeFromISOstring(startTimeObj);
+    };
+
+    const dateEndBodyTemplate = (rowData) => {
+        const endTimeObg = getTimeParsedFromString(rowData.endTime);
+        return formatDate(rowData.end_date)  + ' ' + getTimeFromISOstring(endTimeObg);
+    };
+
+    const dateFilterTemplate = (options) => {
+        return <Calendar value={options.value} onChange={(e) => options.filterCallback(e.value, options.index)} dateFormat="dd/mm/yy" placeholder="dd/mm/yyyy" mask="99/99/9999" />;
+    };
+
+    const statusBodyTemplate = (rowData) => {
+        return <ProperBandoLabel status={rowData.status}/>;
+    };
+
+    const actionsBodyTemplate = (rowData) => {
+        return <Link to={`/bandi/${rowData.id}`}>
+            <Button severity="info" label={__('Modifica', 'gepafin')} icon="pi pi-pencil" size="small" iconPos="right" />
+        </Link>
+    }
+
+    const header = renderHeader();
+
+    console.log('items', items);
+    return null;
+
+    {/*<div className="appPageSection__table">
+            <DataTable value={items}
+                       paginator showGridlines
+                       /!*lazy totalRecords={totalRecordsNum} onPage={onPageChange}*!/
+                       rows={5} loading={localAsyncRequest} dataKey="id"
+                       filters={filters} stripedRows removableSort
+                       header={header}
+                       emptyMessage={translationStrings.emptyMessage}
+                       onFilter={(e) => setFilters(e.filters)}>
+                <Column field="name" header={__('Nome Bando', 'gepafin')}
+                        filter sortable
+                        filterPlaceholder={__('Cerca il nome', 'gepafin')}
+                        style={{ minWidth: '8rem' }}/>
+                <Column header={__('Data Pubblicazione', 'gepafin')} filterField="start_date" dataType="date"
+                        style={{ minWidth: '8rem' }}
+                        body={dateStartBodyTemplate} filter filterElement={dateFilterTemplate}/>
+                <Column header={__('Data Scadenza', 'gepafin')} filterField="end_date" dataType="date"
+                        style={{ minWidth: '8rem' }}
+                        body={dateEndBodyTemplate} filter filterElement={dateFilterTemplate}/>
+                <Column field="status" header={__('Stato', 'gepafin')}
+                        style={{ minWidth: '7rem' }} body={statusBodyTemplate} />
+                <Column header={__('Azioni', 'gepafin')}
+                        body={actionsBodyTemplate}/>
+            </DataTable>
+        </div>*/}
+}
+
+export default LatestPecEmailsTable;

src/pages/DashboardDirector/index.js

@@ -9,6 +9,9 @@ import DashboardService from '../../service/dashboard-service';
 
 // components
 import DomandeTablePreInstructorAsync from '../DashboardPreInstructor/components/DomandeTablePreInstructorAsync';
+import LatestBandiTableAsync from '../Dashboard/components/LatestBandiTableAsync';
+import AllDomandeTableAsync from '../Domande/components/AllDomandeTableAsync';
+import DraftApplicationsTableAsync from '../Dashboard/components/DraftApplicationsTableAsync';
 
 const REACT_APP_HUB_ID = process.env.REACT_APP_HUB_ID;
 
@@ -100,7 +103,26 @@ const DashboardDirector = () => {
 
             <div className="appPageSection">
                 <h2>{__('Autorizazzioni', 'gepafin')}</h2>
-                <DomandeTablePreInstructorAsync statuses={['OPEN', 'SOCCORSO']} userId={0}/>
+
+            </div>
+
+            <div className="appPageSection">
+                <h2>{__('Ultimi bandi pubblicati', 'gepafin')}</h2>
+                <LatestBandiTableAsync disableActions={true}/>
+            </div>
+
+            <div className="appPage__spacer"></div>
+
+            <div className="appPageSection">
+                <h2>{__('Ultime domande pubblicate', 'gepafin')}</h2>
+                <AllDomandeTableAsync disableActions={true}/>
+            </div>
+
+            <div className="appPage__spacer"></div>
+
+            <div className="appPageSection">
+                <h2>{__('Domande in bozza', 'gepafin')}</h2>
+                <DraftApplicationsTableAsync disableActions={true}/>
             </div>
 
             <div className="appPage__spacer"></div>

src/pages/Domande/components/AllDomandeTableAsync/index.js

@@ -23,7 +23,7 @@ import { Dropdown } from 'primereact/dropdown';
 import { Tag } from 'primereact/tag';
 import { Calendar } from 'primereact/calendar';
 
-const AllDomandeTableAsync = ({ openDialogFn, updaterString = '' }) => {
+const AllDomandeTableAsync = ({ openDialogFn, updaterString = '', disableActions = false }) => {
     const location = useLocation();
     const [localAsyncRequest, setLocalAsyncRequest] = useState(false);
     const [items, setItems] = useState(null);
@@ -216,8 +216,9 @@ const AllDomandeTableAsync = ({ openDialogFn, updaterString = '' }) => {
                         filterMatchModeOptions={translationStrings.statusFilterOptions}
                         style={{ minWidth: '8rem' }}
                         body={statusBodyTemplate}/>
-                <Column header={__('Azioni', 'gepafin')}
+                {!disableActions
-                        body={actionsBodyTemplate}/>
+                    ? <Column header={__('Azioni', 'gepafin')}
+                        body={actionsBodyTemplate}/> : null}
             </DataTable>
         </div>
     )

src/routes.js

@@ -63,7 +63,7 @@ const routes = ({ role, chosenCompanyId }) => {
         <Routes>
             <Route element={<ProtectedRoute/>}>
                 <Route path="/" element={<DefaultLayout>
-                    {/*{'ROLE_SUPER_ADMIN' === role ? <DashboardDirector/> : null}*/}
+                    {'ROLE_DIRECTOR' === role ? <DashboardDirector/> : null}
                     {'ROLE_SUPER_ADMIN' === role ? <Dashboard/> : null}
                     {'ROLE_BENEFICIARY' === role ? <DashboardBeneficiario/> : null}
                     {'ROLE_CONFIDI' === role ? <DashboardBeneficiarioConfidi/> : null}

src/service/pec-email-service.js

@@ -0,0 +1,10 @@
+import { NetworkService } from './network-service';
+
+const API_BASE_URL = process.env.REACT_APP_API_EXECUTION_ADDRESS;
+
+export default class PecEmailService {
+
+    static getPecEmails = (callback, errCallback, queryParams) => {
+        NetworkService.get(`${API_BASE_URL}/pecMail`, callback, errCallback, queryParams);
+    };
+}