{__('Download Documenti', 'gepafin')}
- {/*
-
{__('Consensi', 'gepafin')}
-
-
-
-
- {__('Dichiaro di aver preso visione, prima dell\'accesso al portale https://bandi.gepafin.it, dell\' "Informativa Privacy" all\'interno dell\'Appendice 10 dell\'Avviso secondo il Regolamento UE 2016/679 relativo alla protezione delle persone fisiche con riguardo al trattamento dei dati personale, nonché alla libera circolazione di tali dati e che abroga la Direttiva 95/46 CE.', 'gepafin')}
-
-
-
-
-
-
- {__('Termini e condizioni', 'gepafin')}
-
-
-
-
-
-
- {__('Invio di materiale pubblicitario, vendita diretta, compimento di ricerche di mercato o comunicazione commerciale riguardanti promozione e vendita di prodotti e servizi della Gepafin, mediante modalità di contatto automatizzate (posta elettronica, PEC, messaggi tramite canali informatici, network ed applicazioni web) e tradizionali (come posta cartacea e chiamate telefoniche con operatore)', 'gepafin')}
-
-
-
-
-
-
- {__('Elaborazione, in forma elettronica, dei dati relativi ai rapporti e servizi forniti, per l’analisi di comportamenti e preferenze della clientela, da utilizzare a scopo commerciale, per la individuazione ed offerta di prodotti e servizi di suo interesse', 'gepafin')}
-
-
-
-
-
-
- {__('Comunicazione dei miei dati ad altre società in ambito bancario, finanziario od assicurativo e enti pubblici che li tratteranno per invio di materiale pubblicitario, vendita diretta, compimento di ricerche di mercato o comunicazione commerciale riguardanti loro prodotti o servizi, mediante le modalità automatizzate e tradizionali di comunicazione sopra indicate', 'gepafin')}
-
-
-
-
-
-
{__('Utenti Associati', 'gepafin')}
+
{__('Impostazioni', 'gepafin')}
{
+ const isAsyncRequest = useStore().main.isAsyncRequest();
+ const userData = useStore().main.userData();
+ const toast = useRef(null);
+
+ const {
+ control,
+ handleSubmit,
+ formState: { errors }
+ } = useForm({
+ defaultValues: useMemo(() => {
+ return userData;
+ }, [userData]),
+ mode: 'onChange'
+ });
+
+ const onSubmit = (formData) => {
+ storeSet.main.setAsyncRequest();
+
+ UserService.updateUser(userData.id, formData, updateCallback, updateError);
+ };
+
+ const updateCallback = (data) => {
+ if (data.status === 'SUCCESS') {
+ storeSet.main.userData(data.data);
+ if (toast.current) {
+ toast.current.show({
+ severity: 'success',
+ summary: '',
+ detail: __('L\'utente è stato aggiornato!', 'gepafin')
+ });
+ }
+ }
+ storeSet.main.unsetAsyncRequest();
+ }
+
+ const updateError = (data) => {
+ set404FromErrorResponse(data);
+ storeSet.main.unsetAsyncRequest();
+ }
+
+ return (
+
+
+
{__('Profilo utente', 'gepafin')}
+
+
+
+
+
+
+
+
diff --git a/src/pages/SoccorsoAddPreInstructor/index.js b/src/pages/SoccorsoAddPreInstructor/index.js
new file mode 100644
index 0000000..7348e09
--- /dev/null
+++ b/src/pages/SoccorsoAddPreInstructor/index.js
@@ -0,0 +1,300 @@
+import React, { useState, useEffect, useRef } from 'react';
+import { __ } from '@wordpress/i18n';
+import { useNavigate, useParams } from 'react-router-dom';
+import { isEmpty } from 'ramda';
+import { wrap } from 'object-path-immutable';
+
+// store
+import { storeSet, useStore } from '../../store';
+
+// api
+import AmendmentsService from '../../service/amendments-service';
+
+// tools
+import set404FromErrorResponse from '../../helpers/set404FromErrorResponse';
+
+// components
+import { Skeleton } from 'primereact/skeleton';
+import { Button } from 'primereact/button';
+import { Checkbox } from 'primereact/checkbox';
+import { Editor } from 'primereact/editor';
+import { InputNumber } from 'primereact/inputnumber';
+import BlockingOverlay from '../../components/BlockingOverlay';
+import { Toast } from 'primereact/toast';
+import { InputSwitch } from 'primereact/inputswitch';
+
+const SoccorsoEditPreInstructor = () => {
+ const isAsyncRequest = useStore().main.isAsyncRequest();
+ const { id, evaluationId } = useParams();
+ const navigate = useNavigate();
+ const [data, setData] = useState({});
+ const [formData, setFormData] = useState({});
+ const toast = useRef(null);
+
+ const goToEvaluationPage = () => {
+ navigate(`/domande/${id}`);
+ }
+
+ const getCallback = (data) => {
+ if (data.status === 'SUCCESS') {
+ console.log(data.data)
+ setData(data.data);
+ setFormData(getFormattedFormData(data.data));
+ }
+ storeSet.main.unsetAsyncRequest();
+ }
+
+ const errGetCallback = (data) => {
+ if (toast.current && data.message) {
+ toast.current.show({
+ severity: 'error',
+ summary: '',
+ detail: data.message
+ });
+ }
+ set404FromErrorResponse(data);
+ storeSet.main.unsetAsyncRequest();
+ }
+
+ const getFormattedFormData = (data) => {
+ let newData = {};
+ newData.formFields = data.formFields;
+ newData.responseDays = 10;
+ newData.note = '';
+ newData.isSendNotification = true;
+ newData.isSendEmail = true;
+ return newData;
+ };
+
+ const renderHeader = () => {
+ return (
+
+
+
+
+
+
+
+
+
+
+
+
+
+ );
+ };
+
+ const header = renderHeader();
+
+ const updateEvaluationValue = (value, path, maxValue) => {
+ let finalValue = value;
+
+ if (maxValue) {
+ finalValue = value > maxValue ? maxValue : value;
+ }
+
+ const newData = wrap(formData).set(path.split('.'), finalValue).value();
+
+ setFormData(newData);
+ }
+
+ const doCreate = () => {
+ storeSet.main.setAsyncRequest();
+
+ AmendmentsService.createSoccorso(formData, createCallback, errCreateCallback, [
+ ['applicationEvaluationId', evaluationId]
+ ]);
+ }
+
+ const createCallback = (data) => {
+ if (data.status === 'SUCCESS') {
+ if (toast.current) {
+ toast.current.show({
+ severity: 'success',
+ summary: '',
+ detail: data.message
+ });
+ }
+ setTimeout(() => {
+ navigate(`/domande/${id}/soccorso/${data.data.id}`);
+ }, 1000)
+ }
+ storeSet.main.unsetAsyncRequest();
+ }
+
+ const errCreateCallback = (data) => {
+ if (toast.current && data.message) {
+ toast.current.show({
+ severity: 'error',
+ summary: '',
+ detail: data.message
+ });
+ }
+ set404FromErrorResponse(data);
+ storeSet.main.unsetAsyncRequest();
+ }
+
+ useEffect(() => {
+ const parsed = parseInt(evaluationId)
+ const entityId = !isNaN(parsed) ? parsed : 0;
+
+ storeSet.main.setAsyncRequest();
+ AmendmentsService.getSoccorsoByApplEvalId(entityId, getCallback, errGetCallback);
+ }, [evaluationId]);
+
+ return (
+
+
+
{__('Richiesta Integrazione Documentale', 'gepafin')}
+
+
+
+
+
+
+
+
+
+
+
+
+ {!isAsyncRequest && !isEmpty(data)
+ ?
+
+
+ {__('ID domanda', 'gepafin')}
+ {data.applicationId}
+
+
+ {__('Bando', 'gepafin')}
+ {data.callName}
+
+
+ {__('Beneficiario', 'gepafin')}
+ {data.beneficiaryName}
+
+
+
+
+
+
+
{__('Note', 'gepafin')}
+
+ updateEvaluationValue(
+ e.htmlValue,
+ 'note'
+ )}
+ style={{ height: 80 * 3, width: '100%' }}
+ />
+
+
+
{__('Tempo per la Risposta (giorni)', 'gepafin')}
+
+ updateEvaluationValue(
+ e.value,
+ 'responseDays',
+ 9999
+ )}/>
+
+
+
{__('Notifica', 'gepafin')}
+
+
+ updateEvaluationValue(
+ e.value,
+ 'isSendEmail'
+ )}/>
+
+
+
+ updateEvaluationValue(
+ e.value,
+ 'isSendNotification'
+ )}/>
+
+
+
+
+ {formData.formFields
+ ?
+
{__('Documenti da Integrare', 'gepafin')}
+
+
+ {formData.formFields.map((o, i) =>
+ updateEvaluationValue(
+ e.checked,
+ `formFields.${i}.selected`
+ )}
+ checked={o.selected}>
+
+
)}
+
+
+
+ : null}
+
+
+
+
+
+ {__('Attenzione', 'gepafin')}
+ {__("L'invio della richiesta di integrazione sospenderà il termine di valutazione della domanda.", 'gepafin')}
+
+
+
+ {__('Azioni', 'gepafin')}
+
+
+
+
+
+ )
+
+}
+
+export default SoccorsoEditPreInstructor;
\ No newline at end of file
diff --git a/src/pages/SoccorsoEditPreInstructor/index.js b/src/pages/SoccorsoEditPreInstructor/index.js
new file mode 100644
index 0000000..573a43e
--- /dev/null
+++ b/src/pages/SoccorsoEditPreInstructor/index.js
@@ -0,0 +1,653 @@
+import React, { useState, useEffect, useRef, useMemo } from 'react';
+import { __ } from '@wordpress/i18n';
+import { useNavigate, useParams } from 'react-router-dom';
+import { is, isEmpty, isNil } from 'ramda';
+import { wrap } from 'object-path-immutable';
+import { klona } from 'klona';
+import { useForm } from 'react-hook-form';
+
+// store
+import { storeSet, useStore } from '../../store';
+
+// api
+import AmendmentsService from '../../service/amendments-service';
+import CommunicationService from '../../service/communication-service';
+
+// tools
+import set404FromErrorResponse from '../../helpers/set404FromErrorResponse';
+import getBandoLabel from '../../helpers/getBandoLabel';
+import getDateFromISOstring from '../../helpers/getDateFromISOstring';
+import renderHtmlContent from '../../helpers/renderHtmlContent';
+import uniqid from '../../helpers/uniqid';
+
+// components
+import { Button } from 'primereact/button';
+import BlockingOverlay from '../../components/BlockingOverlay';
+import { Toast } from 'primereact/toast';
+import { classNames } from 'primereact/utils';
+import { Dialog } from 'primereact/dialog';
+import { InputText } from 'primereact/inputtext';
+import { InputTextarea } from 'primereact/inputtextarea';
+import FormField from '../../components/FormField';
+import { Editor } from 'primereact/editor';
+import { InputNumber } from 'primereact/inputnumber';
+
+const SoccorsoEditPreInstructor = () => {
+ const isAsyncRequest = useStore().main.isAsyncRequest();
+ const { id, amendmentId } = useParams();
+ const navigate = useNavigate();
+ const [data, setData] = useState({});
+ const [comms, setComms] = useState([]);
+ const [isVisibleNewCommDialog, setIsVisibleNewCommDialog] = useState(false);
+ const [newCommData, setNewCommData] = useState({});
+ const [isLoadingCommunication, setIsLoadingCommunication] = useState(false);
+ const [isVisibleExtendTimeDialog, setIsVisibleExtendTimeDialog] = useState(false);
+ const [extendedTime, setExtendedTime] = useState(3);
+ const [isLoadingExtendingTime, setIsLoadingExtendingTime] = useState(false);
+ const [isLoadingReminding, setIsLoadingReminding] = useState(false);
+ const toast = useRef(null);
+ const [formInitialData, setFormInitialData] = useState({});
+ const {
+ control,
+ handleSubmit,
+ formState: { errors },
+ setValue,
+ register,
+ trigger,
+ getValues
+ } = useForm({
+ defaultValues: useMemo(() => {
+ return formInitialData;
+ }, [formInitialData]), mode: 'onChange'
+ });
+
+ const goToEvaluationPage = () => {
+ navigate(`/domande/${id}`);
+ }
+
+ const getCallback = (data) => {
+ if (data.status === 'SUCCESS') {
+ setData(getFormattedData(data.data));
+ const formDataInitial = data.data.applicationFormFields.reduce((acc, cur) => {
+ if (cur.fieldValue) {
+ acc[cur.fieldId] = cur.fieldValue;
+ }
+ return acc;
+ }, {});
+ setFormInitialData(formDataInitial);
+ CommunicationService.getCommsByAmendmentId(data.data.id, getCommsCallback, errGetCommsCallback);
+ }
+ //storeSet.main.unsetAsyncRequest();
+ }
+
+ const errGetCallback = (data) => {
+ if (toast.current && data.message) {
+ toast.current.show({
+ severity: 'error',
+ summary: '',
+ detail: data.message
+ });
+ }
+ set404FromErrorResponse(data);
+ storeSet.main.unsetAsyncRequest();
+ }
+
+ const getCommsCallback = (data) => {
+ if (data.status === 'SUCCESS') {
+ setComms(data.data.commentsList.map(o => getFormattedCommsData(o)));
+ }
+ storeSet.main.unsetAsyncRequest();
+ }
+
+ const errGetCommsCallback = (data) => {
+ if (toast.current && data.message) {
+ toast.current.show({
+ severity: 'error',
+ summary: '',
+ detail: data.message
+ });
+ }
+ set404FromErrorResponse(data);
+ storeSet.main.unsetAsyncRequest();
+ }
+
+ const getFormattedData = (data) => {
+ data.startDate = is(String, data.startDate) ? new Date(data.startDate) : (data.startDate ? data.startDate : '');
+ data.expirationDate = is(String, data.expirationDate) ? new Date(data.expirationDate) : (data.expirationDate ? data.expirationDate : '');
+ return data;
+ };
+
+ const getFormattedCommsData = (data) => {
+ data.id = isNil(data.id) ? uniqid('id') : data.id;
+ data.commentedDate = is(String, data.commentedDate) ? new Date(data.commentedDate) : (data.commentedDate ? data.commentedDate : '');
+ data.createdDate = is(String, data.createdDate) ? new Date(data.createdDate) : (data.createdDate ? data.createdDate : '');
+ data.updatedDate = is(String, data.updatedDate) ? new Date(data.updatedDate) : (data.updatedDate ? data.updatedDate : '');
+ return data;
+ };
+
+ const headerNewComDialog = () => {
+ return
{__('Aggiungi comunicazione', 'gepafin')}
+ }
+
+ const hideNewComDialog = () => {
+ setIsVisibleNewCommDialog(false);
+ setNewCommData({
+ title: '',
+ comment: ''
+ });
+ }
+
+ const footerNewComDialog = () => {
+ return
+
+
+ }
+
+ const openNewCommDialog = () => {
+ setIsVisibleNewCommDialog(true);
+ setNewCommData({
+ title: '',
+ comment: ''
+ });
+ }
+
+ const updateNewCommData = (value, path) => {
+ const newData = wrap(newCommData).set(path.split('.'), value).value();
+ setNewCommData(newData);
+ }
+
+ const renderHeader = () => {
+ return (
+
+
+
+
+
+
+
+
+
+
+
+
+
+ );
+ };
+
+ const header = renderHeader();
+
+ const updateNewAmendmentData = (value, path) => {
+ const newData = wrap(data).set(path.split('.'), value).value();
+ setData(newData);
+ }
+
+ const createCommunication = () => {
+ setIsLoadingCommunication(true);
+ CommunicationService.createCommunication(amendmentId, newCommData, createCommunicationCallback, errCreateCommunicationCallback);
+ }
+
+ const createCommunicationCallback = (data) => {
+ if (data.status === 'SUCCESS') {
+ if (toast.current) {
+ toast.current.show({
+ severity: 'success',
+ summary: '',
+ detail: data.message
+ });
+ }
+ setComms([...comms, getFormattedCommsData(data.data)])
+ setIsVisibleNewCommDialog(false);
+ }
+ setIsLoadingCommunication(false);
+ }
+
+ const errCreateCommunicationCallback = (data) => {
+ if (toast.current && data.message) {
+ toast.current.show({
+ severity: 'error',
+ summary: '',
+ detail: data.message
+ });
+ }
+ set404FromErrorResponse(data);
+ setIsLoadingCommunication(false);
+ }
+
+ const onSubmit = () => {
+ };
+
+ const doUpdateAmendment = () => {
+ trigger();
+ let formValues = klona(getValues());
+ const newFormValues = Object.keys(formValues)
+ .reduce((acc, cur) => {
+ let fieldVal = formValues[cur];
+
+ fieldVal = isEmpty(fieldVal) ? null : fieldVal;
+ fieldVal = is(Array, fieldVal) ? fieldVal.map(o => o.id).join(',') : null;
+
+ acc.push({
+ 'fieldId': cur,
+ 'fieldValue': fieldVal
+ });
+ return acc;
+ }, []);
+
+ const submitData = {
+ updatedFormFields: newFormValues,
+ }
+
+ storeSet.main.setAsyncRequest();
+ AmendmentsService.updateSoccorso(amendmentId, submitData, updateAmendmentCallback, errUpdateAmendmentCallback);
+ }
+
+ const updateAmendmentCallback = (data) => {
+ if (data.status === 'SUCCESS') {
+ if (toast.current) {
+ toast.current.show({
+ severity: 'success',
+ summary: '',
+ detail: data.message
+ });
+ }
+ }
+ storeSet.main.unsetAsyncRequest();
+ }
+
+ const errUpdateAmendmentCallback = (data) => {
+ if (toast.current && data.message) {
+ toast.current.show({
+ severity: 'error',
+ summary: '',
+ detail: data.message
+ });
+ }
+ set404FromErrorResponse(data);
+ storeSet.main.unsetAsyncRequest();
+ }
+
+ const doCloseAmendment = () => {
+ const submitData = {
+ internalNote: data.internalNote
+ }
+ storeSet.main.setAsyncRequest();
+ AmendmentsService.closeSoccorso(amendmentId, submitData, closeAmendmentCallback, errCloseAmendmentCallback);
+ }
+
+ const closeAmendmentCallback = (data) => {
+ if (data.status === 'SUCCESS') {
+ if (toast.current) {
+ toast.current.show({
+ severity: 'success',
+ summary: '',
+ detail: data.message
+ });
+ }
+ if (data.data.status) {
+ updateNewAmendmentData(data.data.status, 'status')
+ }
+ }
+ storeSet.main.unsetAsyncRequest();
+ }
+
+ const errCloseAmendmentCallback = (data) => {
+ if (toast.current && data.message) {
+ toast.current.show({
+ severity: 'error',
+ summary: '',
+ detail: data.message
+ });
+ }
+ set404FromErrorResponse(data);
+ storeSet.main.unsetAsyncRequest();
+ }
+
+ const headerExtendRespDialog = () => {
+ return
{__('Estendi scadenza', 'gepafin')}
+ }
+
+ const hideExtendRespDialog = () => {
+ setIsVisibleExtendTimeDialog(false);
+ }
+
+ const footerExtendRespDialog = () => {
+ return
+
+
+ }
+
+ const openExtendResponseTimeDialog = () => {
+ setIsVisibleExtendTimeDialog(true);
+ setExtendedTime(3);
+ }
+
+ const doExtendTimeResponse = () => {
+ setIsLoadingExtendingTime(true);
+ AmendmentsService.extendSoccorso(amendmentId, extendedTime, extendCallback, errExtendCallback);
+ }
+
+ const extendCallback = (data) => {
+ if (data.status === 'SUCCESS') {
+ if (toast.current) {
+ toast.current.show({
+ severity: 'success',
+ summary: '',
+ detail: data.message
+ });
+ }
+ setIsVisibleExtendTimeDialog(false);
+ }
+ setIsLoadingExtendingTime(false);
+ }
+
+ const errExtendCallback = (data) => {
+ if (toast.current && data.message) {
+ toast.current.show({
+ severity: 'error',
+ summary: '',
+ detail: data.message
+ });
+ }
+ set404FromErrorResponse(data);
+ setIsLoadingExtendingTime(false);
+ }
+
+ const sendReminder = () => {
+ setIsLoadingReminding(true);
+ AmendmentsService.sendReminderForSoccorso(amendmentId, reminderCallback, errReminderCallback)
+ }
+
+ const reminderCallback = (data) => {
+ if (data.status === 'SUCCESS') {
+ if (toast.current) {
+ toast.current.show({
+ severity: 'success',
+ summary: '',
+ detail: data.message
+ });
+ }
+ }
+ setIsLoadingReminding(false);
+ }
+
+ const errReminderCallback = (data) => {
+ if (toast.current && data.message) {
+ toast.current.show({
+ severity: 'error',
+ summary: '',
+ detail: data.message
+ });
+ }
+ set404FromErrorResponse(data);
+ setIsLoadingReminding(false);
+ }
+
+ useEffect(() => {
+ const parsedSoccorsoId = parseInt(amendmentId);
+ const soccorsoEntityId = !isNaN(parsedSoccorsoId) ? parsedSoccorsoId : 0;
+
+ AmendmentsService.getSoccorsoById(getCallback, errGetCallback, [['id', soccorsoEntityId]]);
+ }, [amendmentId]);
+
+ return (
+
+
+
{__('Soccorso Istruttorio - Dettagli', 'gepafin')}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {__('ID domanda', 'gepafin')}
+ {data.applicationId}
+
+
+ {__('Bando', 'gepafin')}
+ {data.callName}
+
+
+ {__('Beneficiario', 'gepafin')}
+ {data.beneficiaryName}
+
+
+ {__('Inizio', 'gepafin')}
+ {getDateFromISOstring(data.startDate)}
+
+
+ {__('Scadenza', 'gepafin')}
+ {getDateFromISOstring(data.expirationDate)}
+
+
+ {__('Stato', 'gepafin')}
+ {getBandoLabel(data.status)}
+
+
+
+
+
{__('Dettagli Richiesta', 'gepafin')}
+
+
+
{__('Documenti Richiesti', 'gepafin')}
+
+ {data.formFields
+ ? data.formFields.map((o, i) => -
+ {o.label}
+
) : null}
+
+
+
+
{__('Note e spiegazioni', 'gepafin')}
+
+ {renderHtmlContent(data.note)}
+
+
+
+
+
+
+
+
{__('Comunicazioni', 'gepafin')}
+
+
+
+ | {__('Data', 'gepafin')} |
+ {__('Comunicazione', 'gepafin')} |
+
+
+
+ {!isNil(comms) && !isEmpty(comms)
+ ? comms.map((o, i) =>
+ |
+ {getDateFromISOstring(o.commentedDate)}
+ |
+
+ {o.title}
+ {o.comment}
+ |
+
)
+ :
+ | - |
+ - |
+
}
+
+
+
+
+
+
+
+
{__('Documenti Ricevuti', 'gepafin')}
+
+
+
+
+
+
+
+
+
+ {__('Azioni', 'gepafin')}
+
+
+
+
+
+
+
+
+ updateNewAmendmentData(
+ e.htmlValue,
+ 'internalNote'
+ )}
+ style={{ height: 80 * 3, width: '100%' }}
+ />
+
+
+
+
+ )
+
+}
+
+export default SoccorsoEditPreInstructor;
\ No newline at end of file
diff --git a/src/pages/SoccorsoIstruttorioPreInstructor/components/PreInstructorSoccorsiTable/index.js b/src/pages/SoccorsoIstruttorioPreInstructor/components/PreInstructorSoccorsiTable/index.js
new file mode 100644
index 0000000..31a6a70
--- /dev/null
+++ b/src/pages/SoccorsoIstruttorioPreInstructor/components/PreInstructorSoccorsiTable/index.js
@@ -0,0 +1,174 @@
+import React, { useState, useEffect} from 'react';
+import { __ } from '@wordpress/i18n';
+import { is, uniq } from 'ramda';
+import { Link } from 'react-router-dom';
+
+// store
+import { storeGet } from '../../../../store';
+
+// api
+
+
+// components
+import { FilterMatchMode, FilterOperator } from 'primereact/api';
+import { DataTable } from 'primereact/datatable';
+import { Column } from 'primereact/column';
+import { InputText } from 'primereact/inputtext';
+import { IconField } from 'primereact/iconfield';
+import { InputIcon } from 'primereact/inputicon';
+import { Button } from 'primereact/button';
+import { Calendar } from 'primereact/calendar';
+import ProperBandoLabel from '../../../../components/ProperBandoLabel';
+import AmendmentsService from '../../../../service/amendments-service';
+
+
+const PreInstructorSoccorsiTable = ({ openDialogFn }) => {
+ const [items, setItems] = useState(null);
+ const [filters, setFilters] = useState(null);
+ const [localAsyncRequest, setLocalAsyncRequest] = useState(false);
+ const [globalFilterValue, setGlobalFilterValue] = useState('');
+ const [statuses, setStatuses] = useState([]);
+
+ useEffect(() => {
+ const userData = storeGet.main.userData()
+ setLocalAsyncRequest(true);
+ AmendmentsService.getSoccorsoByPreInstructorId(userData.id, getCallback, errGetCallbacks);
+ }, []);
+
+ const getCallback = (data) => {
+ if (data.status === 'SUCCESS') {
+ setItems(getFormattedData(data.data));
+ setStatuses(uniq(data.data.map(o => o.status)))
+ initFilters();
+ }
+ setLocalAsyncRequest(false);
+ }
+
+ const errGetCallbacks = (data) => {
+ setLocalAsyncRequest(false);
+ }
+
+ const getFormattedData = (data) => {
+ return data.map((d) => {
+ d.startDate = is(String, d.startDate) ? new Date(d.startDate) : (d.startDate ? d.startDate : '');
+ d.expirationDate = is(String, d.expirationDate) ? new Date(d.expirationDate) : (d.expirationDate ? d.expirationDate : '');
+ return d;
+ });
+ };
+
+ const formatDate = (value) => {
+ return value.toLocaleDateString('it-IT', {
+ day: '2-digit',
+ month: '2-digit',
+ year: 'numeric'
+ });
+ };
+
+ const clearFilter = () => {
+ initFilters();
+ };
+
+ const onGlobalFilterChange = (e) => {
+ const value = e.target.value;
+ let _filters = { ...filters };
+
+ _filters['global'].value = value;
+
+ setFilters(_filters);
+ setGlobalFilterValue(value);
+ };
+
+ const initFilters = () => {
+ setFilters({
+ global: { value: null, matchMode: FilterMatchMode.CONTAINS },
+ callName: {
+ operator: FilterOperator.AND,
+ constraints: [{ value: null, matchMode: FilterMatchMode.STARTS_WITH }]
+ },
+ beneficiaryName: {
+ operator: FilterOperator.AND,
+ constraints: [{ value: null, matchMode: FilterMatchMode.STARTS_WITH }]
+ },
+ startDate: {
+ operator: FilterOperator.AND,
+ constraints: [{ value: null, matchMode: FilterMatchMode.DATE_IS }]
+ },
+ expirationDate: {
+ operator: FilterOperator.AND,
+ constraints: [{ value: null, matchMode: FilterMatchMode.DATE_IS }]
+ }
+ });
+ setGlobalFilterValue('');
+ };
+
+ const renderHeader = () => {
+ return (
+
+
+
+
+
+
+
+ );
+ };
+
+ const dateStartBodyTemplate = (rowData) => {
+ return formatDate(rowData.startDate);
+ };
+
+ const dateExpirationBodyTemplate = (rowData) => {
+ return formatDate(rowData.expirationDate);
+ };
+
+ const dateFilterTemplate = (options) => {
+ return
options.filterCallback(e.value, options.index)} dateFormat="mm/dd/yy" placeholder="mm/dd/yyyy" mask="99/99/9999" />;
+ };
+
+ const statusBodyTemplate = (rowData) => {
+ return ;
+ };
+
+ const actionsBodyTemplate = (rowData) => {
+ return
+
+
+ }
+
+ const header = renderHeader();
+
+ return(
+
+ setFilters(e.filters)}>
+
+
+
+
+
+
+
+
+
+ )
+}
+
+export default PreInstructorSoccorsiTable;
\ No newline at end of file
diff --git a/src/pages/SoccorsoIstruttorioPreInstructor/index.js b/src/pages/SoccorsoIstruttorioPreInstructor/index.js
new file mode 100644
index 0000000..c254df7
--- /dev/null
+++ b/src/pages/SoccorsoIstruttorioPreInstructor/index.js
@@ -0,0 +1,23 @@
+import React from 'react';
+import { __ } from '@wordpress/i18n';
+
+// components
+import PreInstructorSoccorsiTable from './components/PreInstructorSoccorsiTable';
+
+const SoccorsoIstruttorioPreInstructor = () => {
+ return(
+
+
+
{__('Soccorso Istruttorio', 'gepafin')}
+
+
+
+
+
+
-
+
);
};
const dateLastAccessBodyTemplate = (rowData) => {
- return getDateFromISOstring(rowData.last_access);
+ return getDateFromISOstring(rowData.lastLogin);
};
const dateFilterTemplate = (options) => {
- return options.filterCallback(e.value, options.index)} dateFormat="mm/dd/yy" placeholder="mm/dd/yyyy" mask="99/99/9999" />;
+ return options.filterCallback(e.value, options.index)}
+ dateFormat="mm/dd/yy" placeholder="mm/dd/yyyy" mask="99/99/9999"/>;
+ };
+
+ const nameBodyTemplate = (rowData) => {
+ return `${rowData.firstName} ${rowData.lastName}`;
+ };
+
+ const roleBodyTemplate = (rowData) => {
+ return rowData.role.roleName;
};
const statusBodyTemplate = (rowData) => {
@@ -129,43 +124,53 @@ const AllUsersTable = () => {
};
const statusFilterTemplate = (options) => {
- return options.filterCallback(e.value, options.index)} itemTemplate={statusItemTemplate} placeholder="Select One" className="p-column-filter" showClear />;
+ return options.filterCallback(e.value, options.index)}
+ itemTemplate={statusItemTemplate} placeholder={__('Scegli uno', 'gepafin')}
+ className="p-column-filter"
+ showClear/>;
};
const statusItemTemplate = (option) => {
- return ;
+ return ;
};
- const actionsBodyTemplate = (rowData) => {
- return
-
-
- }
+ /*const actionsBodyTemplate = (rowData) => {
+ /!*return
+
+ *!/
+ return null;
+ }*/
const header = renderHeader();
- return(
+ return (
- setFilters(e.filters)}>
-
-
-
-
-
+
-
+ {/**/}
)
diff --git a/src/pages/Users/index.js b/src/pages/Users/index.js
index 4bd7509..d22285d 100644
--- a/src/pages/Users/index.js
+++ b/src/pages/Users/index.js
@@ -1,6 +1,17 @@
-import React, { useState, useEffect } from 'react';
+import React, { useState, useEffect, useRef } from 'react';
import { __ } from '@wordpress/i18n';
import { isEmpty, isNil } from 'ramda';
+import { klona } from 'klona';
+
+// store
+import { storeSet, storeGet } from '../../store';
+
+// service
+import UserService from '../../service/user-service';
+
+// tools
+import set404FromErrorResponse from '../../helpers/set404FromErrorResponse';
+import { isEmail } from '../../helpers/validators';
// components
import AllUsersTable from './components/AllUsersTable';
@@ -8,22 +19,25 @@ import { Button } from 'primereact/button';
import { InputText } from 'primereact/inputtext';
import { Dropdown } from 'primereact/dropdown';
import { Dialog } from 'primereact/dialog';
-import UserService from '../../service/user-service';
-import set404FromErrorResponse from '../../helpers/set404FromErrorResponse';
-import { storeSet } from '../../store';
-import { klona } from 'klona';
import { classNames } from 'primereact/utils';
+import { Toast } from 'primereact/toast';
+
+const APP_HUB_ID = process.env.REACT_APP_HUB_ID;
const Users = () => {
+ const [loading, setLoading] = useState(false);
const [isVisibleEditDialog, setIsVisibleEditDialog] = useState(false);
const [newUserData, setNewUserData] = useState({
firstName: '',
lastName: '',
email: '',
phoneNumber: '',
- role: ''
+ password: '',
+ confPassword: '',
+ roleId: 0
});
const [roles, setRoles] = useState([]);
+ const toast = useRef(null);
const onCreateNewUser = () => {
setIsVisibleEditDialog(true);
@@ -40,12 +54,52 @@ const Users = () => {
lastName: '',
email: '',
phoneNumber: '',
- role: ''
+ password: '',
+ confPassword: '',
+ roleId: 0
});
}
const saveEditDialog = () => {
+ const emptyValues = Object.values(newUserData).filter(v => isEmpty(v));
+ if (isEmpty(emptyValues) && newUserData.password === newUserData.confPassword && !loading) {
+ setLoading(true);
+ const body = {
+ ...newUserData,
+ hubUuid: APP_HUB_ID
+ }
+
+ UserService.createUser(body, createUserCallback, errCreateUserCallback);
+ }
+ }
+
+ const createUserCallback = (data) => {
+ if (data.status === 'SUCCESS') {
+ const users = storeGet.main.users();
+ storeSet.main.users([data.data.user, ...users]);
+ if (toast.current) {
+ toast.current.show({
+ severity: 'success',
+ summary: '',
+ detail: data.message
+ });
+ }
+ }
+ setLoading(false);
+ hideEditDialog();
+ }
+
+ const errCreateUserCallback = (data) => {
+ setLoading(false);
+ if (toast.current) {
+ toast.current.show({
+ severity: 'error',
+ summary: '',
+ detail: data.message
+ });
+ }
+ set404FromErrorResponse(data);
}
const onChangeEditItem = (value, key) => {
@@ -59,18 +113,20 @@ const Users = () => {
}
const getRolesCallback = (data) => {
if (data.status === 'SUCCESS') {
- const roles = data.data.map(o => ({
- name: o.roleName,
- value: o.id
- }));
- setRoles(roles)
+ const roles = data.data
+ .filter(o => ['ROLE_SUPER_ADMIN', 'ROLE_PRE_INSTRUCTOR'].includes(o.roleType))
+ .map(o => ({
+ name: o.roleName,
+ value: o.id
+ }));
+ setRoles(roles);
}
storeSet.main.unsetAsyncRequest();
}
@@ -80,19 +136,22 @@ const Users = () => {
storeSet.main.unsetAsyncRequest();
}
+ const isInvalidField = (data, key) => isEmpty(data[key]) || isNil(data[key])
+
useEffect(() => {
if (isVisibleEditDialog) {
UserService.getRoles(getRolesCallback, errGetRolesCallback)
}
}, [isVisibleEditDialog]);
- return(
+ return (