-
-
-
+ const isCallExpired = isDateTimeInPast(rowData.callEndDate, rowData.callEndTime);
+ return
+ {'DRAFT' === rowData.status && !isCallExpired
+ ?
+
+
+ : null}
+ {'DRAFT' !== rowData.status || isCallExpired
+ ?
+
+
+ : null}
- :
-
-
}
diff --git a/src/pages/DashboardBeneficiario/index.js b/src/pages/DashboardBeneficiario/index.js
index cec061b..7d1f625 100644
--- a/src/pages/DashboardBeneficiario/index.js
+++ b/src/pages/DashboardBeneficiario/index.js
@@ -5,16 +5,16 @@ import { head, isEmpty, pathOr } from 'ramda';
import NumberFlow from '@number-flow/react';
// store
-import { useStore } from '../../store';
+import { storeSet, useStore } from '../../store';
// api
import DashboardService from '../../service/dashboard-service';
// components
-import LatestBandiTable from './components/LatestBandiTable';
import MyLatestSubmissionsTable from './components/MyLatestSubmissionsTable';
import { Button } from 'primereact/button';
import ErrorBoundary from '../../components/ErrorBoundary';
+import LatestBandiTableAsync from '../Dashboard/components/LatestBandiTableAsync';
const DashboardBeneficiario = () => {
const navigate = useNavigate();
@@ -108,7 +108,7 @@ const DashboardBeneficiario = () => {
{__('Bandi disponibili', 'gepafin')}
-
+
diff --git a/src/pages/DashboardInstructorManager/components/LatestBandiTableInstructorManagerAsync/index.js b/src/pages/DashboardInstructorManager/components/LatestBandiTableInstructorManagerAsync/index.js
new file mode 100644
index 0000000..46acaf1
--- /dev/null
+++ b/src/pages/DashboardInstructorManager/components/LatestBandiTableInstructorManagerAsync/index.js
@@ -0,0 +1,198 @@
+import React, { useEffect, useState, useCallback } from 'react';
+import { __ } from '@wordpress/i18n';
+import { isEmpty, pathOr } from 'ramda';
+
+import translationStrings from '../../../../translationStringsForComponents';
+
+// api
+import BandoService from '../../../../service/bando-service';
+
+// tools
+import getTimeParsedFromString from '../../../../helpers/getTimeParsedFromString';
+import getTimeFromISOstring from '../../../../helpers/getTimeFromISOstring';
+import getFormattedDateString from '../../../../helpers/getFormattedDateString';
+import getBandoLabel from '../../../../helpers/getBandoLabel';
+import getBandoSeverity from '../../../../helpers/getBandoSeverity';
+
+// components
+import { DataTable } from 'primereact/datatable';
+import { Column } from 'primereact/column';
+import ProperBandoLabel from '../../../../components/ProperBandoLabel';
+import { Dropdown } from 'primereact/dropdown';
+import { Tag } from 'primereact/tag';
+import { Calendar } from 'primereact/calendar';
+
+const LatestBandiTableInstructorManagerAsync = () => {
+ const [localAsyncRequest, setLocalAsyncRequest] = useState(false);
+ const [items, setItems] = useState(null);
+ const [totalRecordsNum, setTotalRecordsNum] = useState(0);
+ const [lazyState, setLazyState] = useState({
+ first: 0,
+ rows: 5,
+ page: 0,
+ sortField: null,
+ sortOrder: null,
+ filters: {
+ name: { value: null, matchMode: 'contains' },
+ startDate: { value: null, matchMode: 'date_is' },
+ endDate: { value: null, matchMode: 'date_is' },
+ status: { value: null, matchMode: 'equals' }
+ }
+ });
+ const statuses = ['PUBLISH'];
+
+ const getPaginationQuery = useCallback(() => {
+ let sortBy = {
+ columnName: "ID",
+ sortDesc: true
+ };
+
+ if (lazyState.sortField) {
+ sortBy = {
+ columnName: lazyState.sortField,
+ sortDesc: lazyState.sortOrder === -1
+ }
+ }
+ return {
+ globalFilters: {
+ page: lazyState.page ? lazyState.page + 1 : 1,
+ limit: lazyState.rows,
+ sortBy
+ },
+ status: statuses,
+ filters: Object.keys(lazyState.filters).reduce((acc, cur) => {
+ const value = pathOr('', ['filters', cur, 'value'], lazyState);
+ if (!isEmpty(value)) {
+ acc[cur] = lazyState.filters[cur];
+ }
+ return acc;
+ }, {}),
+ }
+ }, [lazyState]);
+
+ const onPage = (event) => {
+ setLazyState(event);
+ };
+
+ const onSort = (event) => {
+ event['first'] = 0;
+ event['page'] = 0;
+ setLazyState(event);
+ };
+
+ const onFilter = useCallback((event) => {
+ event['first'] = 0;
+ event['page'] = 0;
+ setLazyState(event);
+ }, [lazyState]);
+
+ const getCallback = (resp) => {
+ if (resp.status === 'SUCCESS') {
+ const { body, totalRecords,
+ //currentPage, totalPages, pageSize
+ } = resp.data;
+ setTotalRecordsNum(totalRecords);
+ setItems(getFormattedData(body));
+ }
+ setLocalAsyncRequest(false);
+ }
+
+ const errGetCallbacks = () => {
+ setLocalAsyncRequest(false);
+ }
+
+ const getFormattedData = (data) => {
+ return [...(data || [])].map((d) => {
+ d.startDate = new Date(d.dates[0]);
+ d.endDate = new Date(d.dates[1]);
+
+ return d;
+ });
+ };
+
+ const statusBodyTemplate = (rowData) => {
+ return
;
+ };
+
+ const statusItemTemplate = (option) => {
+ return ;
+ };
+
+ const statusFilterTemplate = (options) => {
+ return {
+ options.filterCallback(e.value, options.index)
+ const filters = { ...lazyState.filters };
+ if (e.value) {
+ filters['status'] = { value: e.value, matchMode: 'equals' };
+ } else {
+ delete filters['status'];
+ }
+ setLazyState({ ...lazyState, filters, first: 0 });
+ }}
+ itemTemplate={statusItemTemplate} placeholder={translationStrings.selectOneLabel} className="p-column-filter"
+ showClear/>;
+ };
+
+ const dateFilterTemplate = (options) => {
+ return options.filterCallback(e.value, options.index)}
+ dateFormat="mm/dd/yy" placeholder="mm/dd/yyyy" mask="99/99/9999"/>;
+ };
+
+ const dateStartBodyTemplate = (rowData) => {
+ const startTimeObj = getTimeParsedFromString(rowData.startTime);
+ return getFormattedDateString(rowData.startDate) + ' ' + getTimeFromISOstring(startTimeObj);
+ };
+
+ const dateEndBodyTemplate = (rowData) => {
+ const endTimeObg = getTimeParsedFromString(rowData.endTime);
+ return getFormattedDateString(rowData.endDate) + ' ' + getTimeFromISOstring(endTimeObg);
+ };
+
+ useEffect(() => {
+ setLocalAsyncRequest(true);
+ const paginationQuery = getPaginationQuery();
+
+ BandoService.getBandiPaginated(paginationQuery, getCallback, errGetCallbacks);
+ }, [lazyState]);
+
+ return (
+
+
+
+
+
+
+
+
+ )
+}
+
+export default LatestBandiTableInstructorManagerAsync;
\ No newline at end of file
diff --git a/src/pages/DashboardInstructorManager/components/MieDomandeTableInstructorManagerAsync/index.js b/src/pages/DashboardInstructorManager/components/MieDomandeTableInstructorManagerAsync/index.js
new file mode 100644
index 0000000..2a9cb73
--- /dev/null
+++ b/src/pages/DashboardInstructorManager/components/MieDomandeTableInstructorManagerAsync/index.js
@@ -0,0 +1,276 @@
+import React, { useEffect, useState, useCallback } from 'react';
+import { __ } from '@wordpress/i18n';
+import { head, is, isEmpty, pathOr } from 'ramda';
+import { klona } from 'klona';
+
+import translationStrings from '../../../../translationStringsForComponents';
+
+// api
+import AssignedApplicationService from '../../../../service/assigned-application-service';
+
+// store
+import { useStore } from '../../../../store';
+
+// tools
+import getFormattedDateString from '../../../../helpers/getFormattedDateString';
+import getBandoLabel from '../../../../helpers/getBandoLabel';
+import getBandoSeverity from '../../../../helpers/getBandoSeverity';
+
+// components
+import { DataTable } from 'primereact/datatable';
+import { Column } from 'primereact/column';
+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';
+import { Link, useNavigate } from 'react-router-dom';
+
+
+const APP_HUB_ID = process.env.REACT_APP_HUB_ID;
+
+const MieDomandeTableInstructorManagerAsync = ({ userId = null, statuses = [] }) => {
+ const navigate = useNavigate();
+ const userData = useStore().main.userData();
+ const [localAsyncRequest, setLocalAsyncRequest] = useState(false);
+ const [items, setItems] = useState(null);
+ const [totalRecordsNum, setTotalRecordsNum] = useState(0);
+ const [lazyState, setLazyState] = useState({
+ first: 0,
+ rows: 5,
+ page: 0,
+ sortField: null,
+ sortOrder: null,
+ filters: {
+ applicationId: { value: null, matchMode: 'contains' },
+ protocolNumber: { value: null, matchMode: 'contains' },
+ callName: { value: null, matchMode: 'contains' },
+ companyName: { value: null, matchMode: 'contains' },
+ submissionDate: { value: null, matchMode: 'date_is' },
+ evaluationEndDate: { value: null, matchMode: 'date_is' },
+ status: { value: null, matchMode: 'equals' }
+ }
+ });
+
+ const getPaginationQuery = useCallback(() => {
+ let sortBy = {
+ columnName: "ID",
+ sortDesc: true
+ };
+
+ if (lazyState.sortField) {
+ sortBy = {
+ columnName: lazyState.sortField,
+ sortDesc: lazyState.sortOrder === -1
+ }
+ }
+ return {
+ globalFilters: {
+ page: lazyState.page ? lazyState.page + 1 : 1,
+ limit: lazyState.rows,
+ sortBy
+ },
+ status: statuses,
+ filters: Object.keys(lazyState.filters).reduce((acc, cur) => {
+ const value = pathOr('', ['filters', cur, 'value'], lazyState);
+ if (!isEmpty(value)) {
+ acc[cur] = lazyState.filters[cur];
+ }
+ return acc;
+ }, {}),
+ }
+ }, [lazyState]);
+
+ const onPage = (event) => {
+ setLazyState(event);
+ };
+
+ const onSort = (event) => {
+ event['first'] = 0;
+ event['page'] = 0;
+ setLazyState(event);
+ };
+
+ const onFilter = useCallback((event) => {
+ event['first'] = 0;
+ event['page'] = 0;
+ setLazyState(event);
+ }, [lazyState]);
+
+ const getCallback = (resp) => {
+ if (resp.status === 'SUCCESS') {
+ const { body, totalRecords,
+ //currentPage, totalPages, pageSize
+ } = resp.data;
+ setTotalRecordsNum(totalRecords);
+ setItems(getFormattedData(body));
+ }
+ setLocalAsyncRequest(false);
+ }
+
+ const errGetCallbacks = () => {
+ setLocalAsyncRequest(false);
+ }
+
+ const getFormattedData = (data) => {
+ return data.map((d) => {
+ d.evaluationEndDate = is(String, d.evaluationEndDate) ? new Date(d.evaluationEndDate) : (d.evaluationEndDate ? d.evaluationEndDate : '');
+ d.submissionDate = is(String, d.submissionDate) ? new Date(d.submissionDate) : (d.submissionDate ? d.submissionDate : '');
+ return d;
+ });
+ };
+
+ const statusBodyTemplate = (rowData) => {
+ return ;
+ };
+
+ const statusItemTemplate = (option) => {
+ return ;
+ };
+
+ const statusFilterTemplate = (options) => {
+ return {
+ options.filterCallback(e.value, options.index)
+ const filters = { ...lazyState.filters };
+ if (e.value) {
+ filters['status'] = { value: e.value, matchMode: 'equals' };
+ } else {
+ delete filters['status'];
+ }
+ setLazyState({ ...lazyState, filters, first: 0 });
+ }}
+ itemTemplate={statusItemTemplate} placeholder={translationStrings.selectOneLabel} className="p-column-filter"
+ showClear/>;
+ };
+
+ const dateFilterTemplate = (options) => {
+ return options.filterCallback(e.value, options.index)}
+ dateFormat="mm/dd/yy" placeholder="mm/dd/yyyy" mask="99/99/9999"/>;
+ };
+
+ const dateAppliedBodyTemplate = (rowData) => {
+ return getFormattedDateString(rowData.submissionDate);
+ };
+
+ const dateEndBodyTemplate = (rowData) => {
+ return getFormattedDateString(rowData.evaluationEndDate);
+ };
+
+ const actionsBodyTemplate = (rowData) => {
+ if (rowData.status === 'AWAITING') {
+ return