BFLOWS/bflows-bandi-fe
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

- updated logic based on new data from API;

Browse Source 
- updated page of archived non completed application for beneficiary;
- fixed issue creating soccorso;
This commit is contained in:
Vitalii Kiiko
2024-11-12 15:58:41 +01:00
parent 91c2a37a5b
commit 942a45387d
6 changed files with 142 additions and 71 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
src/helpers/getBandoLabel.js
View File

@@ -11,6 +11,9 @@ const getBandoLabel = (status) => {
case 'PUBLISH': case 'PUBLISH':
return __('Pubblicato', 'gepafin'); return __('Pubblicato', 'gepafin');
case 'APPROVED':
return __('Approvato', 'gepafin');
case 'READY_TO_PUBLISH': case 'READY_TO_PUBLISH':
return __('Pronto', 'gepafin'); return __('Pronto', 'gepafin');

3
src/helpers/getBandoSeverity.js
View File

@@ -9,6 +9,9 @@ const getBandoSeverity = (status) => {
case 'PUBLISH': case 'PUBLISH':
return 'success'; return 'success';
case 'APPROVED':
return 'success';
case 'READY_TO_PUBLISH': case 'READY_TO_PUBLISH':
return 'info'; return 'info';

98
src/pages/DomandaBeneficiario/index.js
View File

@@ -26,12 +26,14 @@ import { classNames } from 'primereact/utils';
import { Dialog } from 'primereact/dialog'; import { Dialog } from 'primereact/dialog';
import { InputText } from 'primereact/inputtext'; import { InputText } from 'primereact/inputtext';
import { InputTextarea } from 'primereact/inputtextarea'; import { InputTextarea } from 'primereact/inputtextarea';
import ApplicationService from '../../service/application-service';
const DomandaBeneficiario = () => { const DomandaBeneficiario = () => {
const isAsyncRequest = useStore().main.isAsyncRequest(); const isAsyncRequest = useStore().main.isAsyncRequest();
const { id } = useParams(); const { id } = useParams();
const navigate = useNavigate(); const navigate = useNavigate();
const [data, setData] = useState({}); const [data, setData] = useState({});
const [dataAppl, setDataAppl] = useState({});
const [comms, setComms] = useState([]); const [comms, setComms] = useState([]);
const [isVisibleNewCommDialog, setIsVisibleNewCommDialog] = useState(false); const [isVisibleNewCommDialog, setIsVisibleNewCommDialog] = useState(false);
const [newCommData, setNewCommData] = useState({}); const [newCommData, setNewCommData] = useState({});
@@ -43,14 +45,25 @@ const DomandaBeneficiario = () => {
navigate(`/domande`); navigate(`/domande`);
} }
useEffect(() => {
const parsedId = parseInt(id);
const entityId = !isNaN(parsedId) ? parsedId : 0;
AmendmentsService.getSoccorsoByApplId(entityId, getCallback, errGetCallback, [
['statuses', 'AWAITING']
]);
}, [id]);
const getCallback = (data) => { const getCallback = (data) => {
if (data.status === 'SUCCESS') { if (data.status === 'SUCCESS') {
if (data.data.length) { if (data.data.length) {
setData(getFormattedData(data.data[0])); setData(getFormattedData(data.data[0]));
CommunicationService.getCommsByAmendmentId(data.data[0].id, getCommsCallback, errGetCommsCallback); CommunicationService.getCommsByAmendmentId(data.data[0].id, getCommsCallback, errGetCommsCallback);
storeSet.main.unsetAsyncRequest();
} else {
ApplicationService.getApplication(id, getApplCallback, errGetCallback)
} }
} }
storeSet.main.unsetAsyncRequest();
} }
const errGetCallback = (data) => { const errGetCallback = (data) => {
@@ -65,6 +78,13 @@ const DomandaBeneficiario = () => {
storeSet.main.unsetAsyncRequest(); storeSet.main.unsetAsyncRequest();
} }
const getApplCallback = (data) => {
if (data.status === 'SUCCESS') {
setDataAppl(getFormattedData(data.data));
}
storeSet.main.unsetAsyncRequest();
}
const getCommsCallback = (data) => { const getCommsCallback = (data) => {
if (data.status === 'SUCCESS') { if (data.status === 'SUCCESS') {
setComms(data.data.commentsList.map(o => getFormattedCommsData(o))); setComms(data.data.commentsList.map(o => getFormattedCommsData(o)));
@@ -85,6 +105,7 @@ const DomandaBeneficiario = () => {
} }
const getFormattedData = (data) => { const getFormattedData = (data) => {
data.submissionDate = is(String, data.submissionDate) ? new Date(data.submissionDate) : (data.submissionDate ? data.submissionDate : '');
data.startDate = is(String, data.startDate) ? new Date(data.startDate) : (data.startDate ? data.startDate : ''); 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 : ''); data.expirationDate = is(String, data.expirationDate) ? new Date(data.expirationDate) : (data.expirationDate ? data.expirationDate : '');
return data; return data;
@@ -165,19 +186,17 @@ const DomandaBeneficiario = () => {
setIsLoadingCommunication(false); setIsLoadingCommunication(false);
} }
useEffect(() => {
const parsedId = parseInt(id);
const entityId = !isNaN(parsedId) ? parsedId : 0;
AmendmentsService.getSoccorsoByApplId(entityId, getCallback, errGetCallback, [
['statuses', 'AWAITING']
]);
}, [id]);
return ( return (
<div className="appPage"> <div className="appPage">
<div className="appPage__pageHeader"> <div className="appPage__pageHeader">
<h1>{sprintf(__('Soccorso Istruttorio: richiesta integrazione documenti per domanda #%s', 'gepafin'), id)}</h1> {data.id
? <h1>
{sprintf(__('Soccorso Istruttorio: richiesta integrazione documenti per domanda #%s', 'gepafin'), id)}
</h1> : null}
{dataAppl.id
? <h1>
{sprintf(__('Dettagli: domanda #%s', 'gepafin'), dataAppl.id)}
</h1> : null}
</div> </div>
<div className="appPage__spacer"></div> <div className="appPage__spacer"></div>
@@ -196,7 +215,8 @@ const DomandaBeneficiario = () => {
<div className="appPage__spacer"></div> <div className="appPage__spacer"></div>
<div className="appPage__content"> <div className="appPage__content">
<div className="appPageSection__withBorder columns"> {data.id
? <div className="appPageSection__withBorder columns">
<p className="appPageSection__pMeta"> <p className="appPageSection__pMeta">
<span>{__('ID domanda', 'gepafin')}</span> <span>{__('ID domanda', 'gepafin')}</span>
<span>{data.applicationId}</span> <span>{data.applicationId}</span>
@@ -221,9 +241,37 @@ const DomandaBeneficiario = () => {
<span>{__('Stato', 'gepafin')}</span> <span>{__('Stato', 'gepafin')}</span>
<span>{getBandoLabel(data.status)}</span> <span>{getBandoLabel(data.status)}</span>
</p> </p>
</div> </div> : null}
{dataAppl.id
? <div className="appPageSection__withBorder columns">
<p className="appPageSection__pMeta">
<span>{__('ID domanda', 'gepafin')}</span>
<span>{dataAppl.id}</span>
</p>
<p className="appPageSection__pMeta">
<span>{__('Bando', 'gepafin')}</span>
<span>{dataAppl.callTitle}</span>
</p>
<p className="appPageSection__pMeta">
<span>{__('Azienda', 'gepafin')}</span>
<span>{dataAppl.companyName}</span>
</p>
<p className="appPageSection__pMeta">
<span>{__('Inviato', 'gepafin')}</span>
<span>{getDateFromISOstring(dataAppl.submissionDate)}</span>
</p>
<p className="appPageSection__pMeta">
<span>{__('Protocolo', 'gepafin')}</span>
<span>{dataAppl.protocolNumber}</span>
</p>
<p className="appPageSection__pMeta">
<span>{__('Stato', 'gepafin')}</span>
<span>{getBandoLabel(dataAppl.status)}</span>
</p>
</div> : null}
<div className="appPageSection"> {data.id
? <div className="appPageSection">
<h2>{__('Dettagli Richiesta', 'gepafin')}</h2> <h2>{__('Dettagli Richiesta', 'gepafin')}</h2>
<h3>{__('Documenti Richiesti', 'gepafin')}</h3> <h3>{__('Documenti Richiesti', 'gepafin')}</h3>
<ol className="appPageSection__list"> <ol className="appPageSection__list">
@@ -233,17 +281,19 @@ const DomandaBeneficiario = () => {
<span>{o.label}</span> <span>{o.label}</span>
</li>) : null} </li>) : null}
</ol> </ol>
</div> </div> : null}
<div className="appPageSection"> {data.id
? <div className="appPageSection">
<h3>{__('Note e spiegazioni', 'gepafin')}</h3> <h3>{__('Note e spiegazioni', 'gepafin')}</h3>
<div className="appPageSection__withBorder grey ql-editor" <div className="appPageSection__withBorder grey ql-editor"
style={{ minHeight: '200px' }}> style={{ minHeight: '200px' }}>
{renderHtmlContent(data.note)} {renderHtmlContent(data.note)}
</div> </div>
</div> </div> : null}
<div className="appPageSection"> {data.id
? <div className="appPageSection">
<h2>{__('Comunicazioni', 'gepafin')}</h2> <h2>{__('Comunicazioni', 'gepafin')}</h2>
<table className="myTable"> <table className="myTable">
<thead className="myThead"> <thead className="myThead">
@@ -277,22 +327,24 @@ const DomandaBeneficiario = () => {
type="button" type="button"
label={__('Aggiungi Comunicazione', 'gepafin')} label={__('Aggiungi Comunicazione', 'gepafin')}
icon="pi pi-plus" iconPos="right"/> icon="pi pi-plus" iconPos="right"/>
</div> </div> : null}
<div className="appPageSection__message warning"> {data.id
? <div className="appPageSection__message warning">
<i className="pi pi-exclamation-triangle"></i> <i className="pi pi-exclamation-triangle"></i>
<span className="summary">{__('Attenzione', 'gepafin')}</span> <span className="summary">{__('Attenzione', 'gepafin')}</span>
<span>{__('Inviare la documentazione richiesta completa delle integrazioni esclusivamente via PEC. In caso contarrio l’integrazione non può essere ritenuta valida.', 'gepafin')}</span> <span>{__('Inviare la documentazione richiesta completa delle integrazioni esclusivamente via PEC. In caso contarrio l’integrazione non può essere ritenuta valida.', 'gepafin')}</span>
</div> </div> : null}
<div className="appPageSection"> <div className="appPageSection">
<div className="appPageSection__actions"> <div className="appPageSection__actions">
<Button {data.id
? <Button
type="button" type="button"
disabled={isAsyncRequest} disabled={isAsyncRequest}
onClick={() => setIsVisibleEmailDialog(true)} onClick={() => setIsVisibleEmailDialog(true)}
label={__('Invia documenti via PEC', 'gepafin')} label={__('Invia documenti via PEC', 'gepafin')}
icon="pi pi-envelope" iconPos="right"/> icon="pi pi-envelope" iconPos="right"/> : null}
<Button <Button
type="button" type="button"
outlined outlined

64
src/pages/DomandaEditPreInstructor/index.js
View File

@@ -122,6 +122,7 @@ const DomandaEditPreInstructor = () => {
const updateCallback = (data) => { const updateCallback = (data) => {
if (data.status === 'SUCCESS') { if (data.status === 'SUCCESS') {
setData(getFormattedData(data.data));
if (toast.current) { if (toast.current) {
toast.current.show({ toast.current.show({
severity: 'success', severity: 'success',
@@ -198,28 +199,32 @@ const DomandaEditPreInstructor = () => {
const criteriaDataItem = (item) => { const criteriaDataItem = (item) => {
let content = ''; let content = '';
if (is(String, item.fieldValue)) { switch (item.fieldName) {
content = item.fieldValue; case 'fileupload' :
} else if (item.fieldValue && item.fieldValue.length && !isNil(item.fieldValue[0].filePath)) { content = <ul>
content = <ul> {item.fieldValue.map(o => <li key={o.id}>
{item.fieldValue.map(o => <li key={o.id}> {o.filePath ? <a href={o.filePath}>{o.name}</a> : null}
{o.filePath ? <a href={o.filePath}>{o.name}</a> : null} </li>)}
</li>)} </ul>;
</ul>; break;
} else if (item.fieldValue && item.fieldValue.length && isNil(item.fieldValue[0].filePath)) { case 'table' :
const th = Object.keys(item.fieldValue[0]); const th = Object.keys(item.fieldValue[0]);
content = <table> content = <table>
<thead> <thead>
<tr> <tr>
{th.map(v => <th key={v}>{v}</th>)} {th.map(v => <th key={v}>{v}</th>)}
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
{item.fieldValue.map((o, i) => <tr key={i}> {item.fieldValue.map((o, i) => <tr key={i}>
{Object.values(o).map(v => <td key={v}>{v}</td>)} {Object.values(o).map(v => <td key={v}>{v}</td>)}
</tr>)} </tr>)}
</tbody> </tbody>
</table>; </table>;
break;
default :
content = item.fieldValue;
break;
} }
return <div key={item.id} className="criterionRelatedData__item"> return <div key={item.id} className="criterionRelatedData__item">
@@ -312,7 +317,7 @@ const DomandaEditPreInstructor = () => {
</p> </p>
<p className="appPageSection__pMeta"> <p className="appPageSection__pMeta">
<span>{__('Stato', 'gepafin')}</span> <span>{__('Stato', 'gepafin')}</span>
<span>{getBandoLabel(data.applicationStatus)}</span> <span>{getBandoLabel(data.status)}</span>
</p> </p>
</div> </div>
@@ -333,6 +338,7 @@ const DomandaEditPreInstructor = () => {
<td> <td>
<div className="p-inputgroup"> <div className="p-inputgroup">
<InputNumber <InputNumber
disabled={data.status === 'CLOSE'}
placeholder={__('Punteggio', 'gepafin')} placeholder={__('Punteggio', 'gepafin')}
keyfilter="int" keyfilter="int"
value={o.score} value={o.score}
@@ -355,6 +361,7 @@ const DomandaEditPreInstructor = () => {
onClick={() => displayCriterionData(o.id)} onClick={() => displayCriterionData(o.id)}
aria-label={__('Mostra', 'gepafin')}/> : null} aria-label={__('Mostra', 'gepafin')}/> : null}
<Button icon="pi pi-thumbs-up" rounded outlined <Button icon="pi pi-thumbs-up" rounded outlined
disabled={data.status === 'CLOSE'}
severity={!isNil(o.valid) && o.valid ? 'success' : 'secondary'} severity={!isNil(o.valid) && o.valid ? 'success' : 'secondary'}
onClick={() => updateEvaluationValue( onClick={() => updateEvaluationValue(
true, true,
@@ -362,6 +369,7 @@ const DomandaEditPreInstructor = () => {
)} )}
aria-label={__('Su', 'gepafin')}/> aria-label={__('Su', 'gepafin')}/>
<Button icon="pi pi-thumbs-down" rounded outlined <Button icon="pi pi-thumbs-down" rounded outlined
disabled={data.status === 'CLOSE'}
severity={!isNil(o.valid) && !o.valid ? 'danger' : 'secondary'} severity={!isNil(o.valid) && !o.valid ? 'danger' : 'secondary'}
onClick={() => updateEvaluationValue( onClick={() => updateEvaluationValue(
false, false,
@@ -402,6 +410,7 @@ const DomandaEditPreInstructor = () => {
<div className="appPageSection__checklist"> <div className="appPageSection__checklist">
{data.checklist.map((o, i) => <div key={o.id}> {data.checklist.map((o, i) => <div key={o.id}>
<Checkbox <Checkbox
disabled={data.status === 'CLOSE'}
inputId={`checklist_${o.id}`} inputId={`checklist_${o.id}`}
onChange={(e) => updateEvaluationValue( onChange={(e) => updateEvaluationValue(
e.checked, e.checked,
@@ -417,6 +426,7 @@ const DomandaEditPreInstructor = () => {
<div> <div>
<Editor <Editor
value={data.note} value={data.note}
readOnly={data.status === 'CLOSE'}
placeholder={__('Digita qui il messagio', 'gepafin')} placeholder={__('Digita qui il messagio', 'gepafin')}
headerTemplate={header} headerTemplate={header}
onTextChange={(e) => updateEvaluationValue( onTextChange={(e) => updateEvaluationValue(
@@ -444,6 +454,7 @@ const DomandaEditPreInstructor = () => {
outlined severity="info" outlined severity="info"
aria-label={__('Mostra', 'gepafin')}/> : null} aria-label={__('Mostra', 'gepafin')}/> : null}
<Button icon="pi pi-thumbs-up" rounded outlined <Button icon="pi pi-thumbs-up" rounded outlined
disabled={data.status === 'CLOSE'}
severity={!isNil(o.valid) && o.valid ? 'success' : 'secondary'} severity={!isNil(o.valid) && o.valid ? 'success' : 'secondary'}
onClick={() => updateEvaluationValue( onClick={() => updateEvaluationValue(
true, true,
@@ -451,6 +462,7 @@ const DomandaEditPreInstructor = () => {
)} )}
aria-label={__('Su', 'gepafin')}/> aria-label={__('Su', 'gepafin')}/>
<Button icon="pi pi-thumbs-down" rounded outlined <Button icon="pi pi-thumbs-down" rounded outlined
disabled={data.status === 'CLOSE'}
severity={!isNil(o.valid) && !o.valid ? 'danger' : 'secondary'} severity={!isNil(o.valid) && !o.valid ? 'danger' : 'secondary'}
onClick={() => updateEvaluationValue( onClick={() => updateEvaluationValue(
false, false,
@@ -499,7 +511,7 @@ const DomandaEditPreInstructor = () => {
<div className="appPageSection__actions"> <div className="appPageSection__actions">
<Button <Button
type="button" type="button"
disabled={!data.id} disabled={!data.id || data.status === 'CLOSE'}
onClick={doNewSoccorso} onClick={doNewSoccorso}
outlined outlined
label={<> label={<>
@@ -512,6 +524,7 @@ const DomandaEditPreInstructor = () => {
{data.id {data.id
? <Button ? <Button
type="button" type="button"
disabled={data.status === 'CLOSE'}
onClick={doSaveDraft} onClick={doSaveDraft}
outlined outlined
label={__('Salva bozza valutazione', 'gepafin')} label={__('Salva bozza valutazione', 'gepafin')}
@@ -524,13 +537,14 @@ const DomandaEditPreInstructor = () => {
{data.id {data.id
? <Button ? <Button
type="button" type="button"
disabled={!isAdmissible} disabled={!isAdmissible || data.status === 'CLOSE'}
onClick={doApprove} onClick={doApprove}
label={__('Approva Domanda', 'gepafin')} label={__('Approva Domanda', 'gepafin')}
icon="pi pi-check" iconPos="right"/> : null} icon="pi pi-check" iconPos="right"/> : null}
{data.id {data.id
? <Button ? <Button
type="button" type="button"
disabled={data.status === 'CLOSE'}
onClick={doReject} onClick={doReject}
label={__('Respingi Domanda', 'gepafin')} label={__('Respingi Domanda', 'gepafin')}
icon="pi pi-times" iconPos="right"/> : null} icon="pi pi-times" iconPos="right"/> : null}

11
src/pages/ProfileCompany/index.js
View File

@@ -26,8 +26,6 @@ import FileuploadDelega from '../../components/FileuploadDelega';
import { Toast } from 'primereact/toast'; import { Toast } from 'primereact/toast';
import getFormatedFileSizeText from '../../helpers/getFormatedFileSizeText'; import getFormatedFileSizeText from '../../helpers/getFormatedFileSizeText';
import { defaultMaxFileSize } from '../../configData'; import { defaultMaxFileSize } from '../../configData';
import { classNames } from 'primereact/utils';
import { Dropdown } from 'primereact/dropdown';
import { Dialog } from 'primereact/dialog'; import { Dialog } from 'primereact/dialog';
import { confirmPopup, ConfirmPopup } from 'primereact/confirmpopup'; import { confirmPopup, ConfirmPopup } from 'primereact/confirmpopup';
@@ -219,15 +217,6 @@ const ProfileCompany = () => {
}); });
}; };
const footerRemoveDialog = () => {
return <div>
<Button type="button" label={__('No', 'gepafin')} onClick={hideRemoveDialog} outlined/>
<Button
type="button"
label={__('Si', 'gepafin')} onClick={doRemoveCompany}/>
</div>
}
const headerRemoveDialog = () => { const headerRemoveDialog = () => {
return <span>{__('Rimuovi azienda', 'gepafin')}</span> return <span>{__('Rimuovi azienda', 'gepafin')}</span>
} }

34
src/pages/SoccorsoAddPreInstructor/index.js
View File

@@ -22,12 +22,14 @@ import { InputNumber } from 'primereact/inputnumber';
import BlockingOverlay from '../../components/BlockingOverlay'; import BlockingOverlay from '../../components/BlockingOverlay';
import { Toast } from 'primereact/toast'; import { Toast } from 'primereact/toast';
import { InputSwitch } from 'primereact/inputswitch'; import { InputSwitch } from 'primereact/inputswitch';
import ApplicationEvaluationService from '../../service/application-evaluation-service';
const SoccorsoEditPreInstructor = () => { const SoccorsoAddPreInstructor = () => {
const isAsyncRequest = useStore().main.isAsyncRequest(); const isAsyncRequest = useStore().main.isAsyncRequest();
const { id, evaluationId } = useParams(); const { id } = useParams();
const navigate = useNavigate(); const navigate = useNavigate();
const [data, setData] = useState({}); const [data, setData] = useState({});
const [evaluationId, setEvaluationId] = useState(0);
const [formData, setFormData] = useState({}); const [formData, setFormData] = useState({});
const toast = useRef(null); const toast = useRef(null);
@@ -35,9 +37,25 @@ const SoccorsoEditPreInstructor = () => {
navigate(`/domande/${id}`); navigate(`/domande/${id}`);
} }
useEffect(() => {
const parsed = parseInt(id)
const entityId = !isNaN(parsed) ? parsed : 0;
storeSet.main.setAsyncRequest();
ApplicationEvaluationService.getEvaluationByApplId(getCallbackEvaluation, errGetCallback, [
['applicationId', entityId]
]);
}, [id]);
const getCallbackEvaluation = (data) => {
if (data.status === 'SUCCESS') {
setEvaluationId(data.data.assignedApplicationId);
AmendmentsService.getSoccorsoByApplEvalId(data.data.assignedApplicationId, getCallback, errGetCallback)
}
}
const getCallback = (data) => { const getCallback = (data) => {
if (data.status === 'SUCCESS') { if (data.status === 'SUCCESS') {
console.log(data.data)
setData(data.data); setData(data.data);
setFormData(getFormattedFormData(data.data)); setFormData(getFormattedFormData(data.data));
} }
@@ -134,14 +152,6 @@ const SoccorsoEditPreInstructor = () => {
storeSet.main.unsetAsyncRequest(); storeSet.main.unsetAsyncRequest();
} }
useEffect(() => {
const parsed = parseInt(evaluationId)
const entityId = !isNaN(parsed) ? parsed : 0;
storeSet.main.setAsyncRequest();
AmendmentsService.getSoccorsoByApplEvalId(entityId, getCallback, errGetCallback);
}, [evaluationId]);
return ( return (
<div className="appPage"> <div className="appPage">
<div className="appPage__pageHeader"> <div className="appPage__pageHeader">
@@ -297,4 +307,4 @@ const SoccorsoEditPreInstructor = () => {
} }
export default SoccorsoEditPreInstructor; export default SoccorsoAddPreInstructor;