Merge pull request #9 from Kitzanos/master-sync/18-11-2024

Master sync/18 11 2024

src/assets/scss/components/appForm.scss

@@ -147,6 +147,7 @@
 .appForm__fileUploadItemName {
   color: var(--global-textColor);
   font-style: italic;
+  text-align: left;
 }
 
 .appForm__row {

src/assets/scss/components/appPage.scss

@@ -372,9 +372,13 @@
 
 .appPageSection__tableActions {
     display: flex;
-    gap: 24px;
+    gap: 10px;
-    padding: 0;
+    align-items: center;
     flex-wrap: wrap;
+    
+    &.lessGap {
+        gap: 12px;
+    }
 }
 
 .appPageSection__addToFavourites {
@@ -385,12 +389,18 @@
     justify-content: center;
     border-radius: 50%;
     border: none;
-    background-color: var(--message-info-color);
+    background-color: transparent;
-    color: white;
+    color: var(--global-textColor);
     padding: 0;
     
     &:hover {
         cursor: pointer;
+        color: var(--message-info-color);
+    }
+
+    &[data-active="true"] {
+        background-color: var(--message-info-color);
+        color: white;
     }
 
     &[disabled] {

src/assets/scss/components/misc.scss

@@ -118,6 +118,10 @@
   user-select: none;
 }
 
+.p-dropdown-panel {
+  max-width: 100%;
+}
+
 .p-inputgroup.flex-1 {
   align-items: center;
 }

src/components/FormField/components/Datepicker/index.js

@@ -28,10 +28,9 @@ const Datepicker = ({
                 control={control}
                 defaultValue={defaultValue}
                 rules={config}
-                render={({ field, fieldState }) => (
+                render={({ field, fieldState }) => (<Calendar id={field.name}
-                    <Calendar id={field.name}
                                   disabled={disabled}
-                              value={is(Date, field.value) ? field.value : null}
+                                  value={is(String, field.value) ? new Date(field.value) : field.value}
                                   onChange={(e) => field.onChange(e.value)}
                                   dateFormat="dd/mm/yy"
                                   hourFormat="24"

src/components/FormField/components/NumberInput/index.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { classNames } from 'primereact/utils';
 import { Controller } from 'react-hook-form';
-import { is } from 'ramda';
+import { is, isEmpty } from 'ramda';
 
 import { InputNumber } from 'primereact/inputnumber';
 
@@ -23,6 +23,8 @@ const NumberInput = ({
                          disabled = false,
                          useGrouping = true
                      }) => {
+    const minAttr = config.min ? config.min : min;
+    const maxAttr = config.max ? config.max : max;
     const input = <Controller
         name={fieldName}
         control={control}
@@ -33,8 +35,8 @@ const NumberInput = ({
                          disabled={disabled}
                          value={field.value}
                          onValueChange={(e) => field.onChange(e.value)}
-                         min={min}
+                         min={minAttr}
-                         max={max}
+                         max={maxAttr}
                          locale={locale}
                          useGrouping={useGrouping}
                          maxFractionDigits={!isNaN(parseInt(maxFractionDigits)) ? parseInt(maxFractionDigits) : 0}
@@ -45,6 +47,8 @@ const NumberInput = ({
         <>
             <label htmlFor={fieldName} className={classNames({ 'p-error': errors[fieldName] })}>
                 {label}{config.required || config.isRequired ? <span className="appForm__field--required">*</span> : null}
+                {!isEmpty(minAttr) ? <span>(min. {minAttr})</span> : null}
+                {!isEmpty(maxAttr) ? <span>(max. {maxAttr})</span> : null}
             </label>
             {inputgroup
                 ? <div className="p-inputgroup">

src/components/FormFieldRepeater/index.js

@@ -73,6 +73,7 @@ const FormFieldRepeater = ({
     const properField = (item, i) => {
         return !isNil(item.lookUpDataId)
             ? <Dropdown value={item.value}
+                        filter
                         disabled={disabled}
                         onChange={(e) => selectItem(e, i)}
                         optionDisabled={(opt) => usedExistingValues().includes(opt.value)}

src/components/FormFieldRepeaterCriteria/index.js

@@ -79,6 +79,7 @@ const FormFieldRepeaterCriteria = ({
     const properField = (item, i) => {
         return !isNil(item.lookUpDataId)
             ? <Dropdown value={item.value}
+                        filter
                         disabled={disabled}
                         onChange={(e) => selectItem(e, i)}
                         optionDisabled={(opt) => usedExistingValues().includes(opt.value)}

src/components/FormFieldRepeaterFaq/index.js

@@ -182,6 +182,7 @@ const FormFieldRepeaterFaq = ({
                         disabled={disabled}
                         icon="pi pi-plus" onClick={addNewItem}/>
                 <Dropdown onChange={(e) => selectItem(e)}
+                          filter
                           disabled={disabled}
                           optionDisabled={(opt) => usedExistingValues().includes(opt.title)}
                           options={stateOptionsData}

src/components/TopBarProfileMenu/index.js

@@ -78,6 +78,7 @@ const TopBarProfileMenu = ({ menuLeftRef }) => {
             icon: 'pi pi-sign-out',
             command: () => {
                 storeSet.main.doLogout();
+                window.location.reload();
             },
             enable: true
         }

src/components/UnsavedChangesDetector/index.js

@@ -26,6 +26,7 @@ const UnsavedChangesDetector = ({ getValuesFn }) => {
             }
 
             formData = wrap(formData).insert(['dates'], starDate, 0).value();
+            delete formData.startDate;
         }
         if (formData.endDate) {
             let endDate;
@@ -38,6 +39,7 @@ const UnsavedChangesDetector = ({ getValuesFn }) => {
             }
 
             formData = wrap(formData).insert(['dates'], endDate, 1).value();
+            delete formData.endDate;
         }
         if (!isNil(formData.startTime)) {
             if (!is(String, formData.startTime)) {
@@ -54,7 +56,7 @@ const UnsavedChangesDetector = ({ getValuesFn }) => {
         const initial = storeGet.main.formInitialData();
 
         const isEqual = equal(initial, formData);
-        // TODO
+        // debug
         /*console.log('isEqual', isEqual,
             initial, formData,
             diff(initial, formData))*/

src/configData.js

@@ -14,3 +14,32 @@ export const mimeTypes = [
 ];
 
 export const defaultMaxFileSize = 314572800; // 314572800 = 300 Mb
+
+const dynamicDataForTextinput = [
+    { label: 'company name', value: 'company.companyName' },
+    { label: 'company piva', value: 'company.vatNumber' },
+    { label: 'company codiceFiscale', value: 'company.codiceFiscale' },
+    { label: 'company address', value: 'company.address' },
+    { label: 'company phoneNumber', value: 'company.phoneNumber' },
+    { label: 'company city', value: 'company.city' },
+    { label: 'company province', value: 'company.province' },
+    { label: 'company cap', value: 'company.cap' },
+    { label: 'company country', value: 'company.country' },
+    { label: 'company pec', value: 'company.pec' },
+    { label: 'company email', value: 'company.email' },
+    { label: 'company contactName', value: 'company.contactName' },
+    { label: 'company contactEmail', value: 'company.contactEmail' },
+    { label: 'user email', value: 'user.email' },
+    { label: 'user firstName', value: 'user.firstName' },
+    { label: 'user lastName', value: 'user.lastName' },
+    { label: 'user phoneNumber', value: 'user.phoneNumber' },
+    { label: 'user codiceFiscale', value: 'user.codiceFiscale' }
+]
+
+export const dynamicDataOptions = {
+    datepicker: [
+        { label: 'user dateOfBirth', value: 'user.dateOfBirth' }
+    ],
+    textinput: dynamicDataForTextinput,
+    textarea: dynamicDataForTextinput
+}

src/pages/BandiBeneficiario/components/AllBandiAccordion/index.js

@@ -2,14 +2,18 @@ import React, { useState, useEffect} from 'react';
 import { __ } from '@wordpress/i18n';
 import { is, uniq, isNil, isEmpty } from 'ramda';
 import { wrap } from 'object-path-immutable';
+import { useNavigate } from 'react-router-dom';
 
 // store
-import { storeSet, useStore } from '../../../../store';
+import { storeGet, storeSet, useStore } from '../../../../store';
 
 // tools
 import getBandoSeverity from '../../../../helpers/getBandoSeverity';
 import getBandoLabel from '../../../../helpers/getBandoLabel';
 import getDateFromISOstring from '../../../../helpers/getDateFromISOstring';
+import set404FromErrorResponse from '../../../../helpers/set404FromErrorResponse';
+import getNumberWithCurrency from '../../../../helpers/getNumberWithCurrency';
+import renderHtmlContent from '../../../../helpers/renderHtmlContent';
 
 // api
 import BandoService from '../../../../service/bando-service';
@@ -20,11 +24,8 @@ import { Column } from 'primereact/column';
 import { Dropdown } from 'primereact/dropdown';
 import { Tag } from 'primereact/tag';
 import ProperBandoLabel from '../../../../components/ProperBandoLabel';
-import getNumberWithCurrency from '../../../../helpers/getNumberWithCurrency';
-import renderHtmlContent from '../../../../helpers/renderHtmlContent';
 import { Button } from 'primereact/button';
-import { useNavigate } from 'react-router-dom';
+import PreferredBandoService from '../../../../service/preferred-bando-service';
-import set404FromErrorResponse from '../../../../helpers/set404FromErrorResponse';
 
 
 const AllBandiAccordion = () => {
@@ -38,8 +39,10 @@ const AllBandiAccordion = () => {
 
     useEffect(() => {
         storeSet.main.setAsyncRequest();
-        BandoService.getBandi(getCallback, errGetCallbacks);
+        BandoService.getBandi(getCallback, errGetCallbacks, [
-    }, []);
+            ['companyId', chosenCompanyId]
+        ]);
+    }, [chosenCompanyId]);
 
     const getCallback = (data) => {
         if (data.status === 'SUCCESS') {
@@ -93,21 +96,68 @@ const AllBandiAccordion = () => {
         return <Tag value={getBandoLabel(option)} severity={getBandoSeverity(option)} />;
     };
 
-    /*const addToFavourites = () => {
+    const addToFavourites = (id, preferredId) => {
-        console.log('addToFavourites');
+        const companyId = storeGet.main.chosenCompanyId()
-    }*/
+        const data = {
+            companyId,
+            callId: id
+        }
+        if (preferredId && preferredId !== 0) {
+            PreferredBandoService.deleteFromPreferred(preferredId, (data) => removeFavCallback(data, id), errToggleFavCallback);
+        } else {
+            PreferredBandoService.addToPreferred(data, addFavCallback, errToggleFavCallback);
+        }
+    }
+
+    const removeFavCallback = (data, id) => {
+        if (data.status === 'SUCCESS') {
+            const newItems = items.map((o) => {
+                if (o.id === id) {
+                    return {
+                        ...o,
+                        preferredCallId: null
+                    }
+                } else {
+                    return o;
+                }
+            });
+            setItems(newItems)
+        }
+    }
+    const addFavCallback = (data) => {
+        if (data.status === 'SUCCESS') {
+            const newItems = items.map((o) => {
+                if (o.id === data.data.callId) {
+                    return {
+                        ...o,
+                        preferredCallId: data.data.id
+                    }
+                } else {
+                    return o;
+                }
+            });
+            setItems(newItems)
+        }
+    }
+
+    const errToggleFavCallback = (data) => {
+        set404FromErrorResponse(data);
+    }
 
     const goToBandoPage = (id) => {
         navigate(`/bandi/${id}`)
     }
 
-    /*const actionsBodyTemplate = (rowData) => {
+    const actionsBodyTemplate = (rowData) => {
         return <div className="appPageSection__tableActions">
-            <button type="button" className="appPageSection__addToFavourites" onClick={addToFavourites} disabled={true}>
+            <button type="button"
+                    className="appPageSection__addToFavourites"
+                    data-active={!isNil(rowData.preferredCallId)}
+                    onClick={() => addToFavourites(rowData.id, rowData.preferredCallId)}>
                 <i className="pi pi-heart" style={{ fontSize: '1rem' }}></i>
             </button>
         </div>
-    }*/
+    }
 
     const rowExpansionTemplate = (data) => {
         return (
@@ -150,10 +200,12 @@ const AllBandiAccordion = () => {
                 <Column header={__('Importo totale', 'gepafin')} filterField="amount"
                         style={{ minWidth: '10rem' }} body={amountBodyTemplate} sortable/>
                 <Column field="status" header={__('Stato', 'gepafin')} filterMenuStyle={{ width: '14rem' }}
-                        style={{ width: '120px' }} body={statusBodyTemplate} filter sortable
+                        style={{ width: '8rem' }} body={statusBodyTemplate} filter sortable
                         filterElement={statusFilterTemplate}/>
-                {/*<Column header={__('Azioni', 'gepafin')}
+                {!isEmpty(chosenCompanyId) && chosenCompanyId !== 0
-                        body={actionsBodyTemplate}/>*/}
+                    ? <Column header={__('Azioni', 'gepafin')}
+                        style={{ width: '8rem' }}
+                        body={actionsBodyTemplate}/> : null}
             </DataTable>
         </div>
     )

src/pages/BandiBeneficiario/index.js

@@ -1,12 +1,13 @@
 import React from 'react';
 import { __ } from '@wordpress/i18n';
-import { Link, useNavigate } from 'react-router-dom';
+import { Link } from 'react-router-dom';
+import { isEmpty } from 'ramda';
+
+// store
+import { useStore } from '../../store';
 
 // components
 import AllBandiAccordion from './components/AllBandiAccordion';
-import { Button } from 'primereact/button';
-import { isEmpty } from 'ramda';
-import { useStore } from '../../store';
 
 const BandiBeneficiario = () => {
     const chosenCompanyId = useStore().main.chosenCompanyId();

src/pages/BandoEdit/components/BandoEditFormActions/index.js

@@ -5,27 +5,29 @@ import { isNil } from 'ramda';
 // components
 import { Button } from 'primereact/button';
 
-const BandoEditFormActions = ({ id, openPreview, openPreviewEvaluation, submitFn }) => {
+const BandoEditFormActions = ({ id, openPreview, submitFn, status }) => {
     return (
         <div className="appPageSection">
             <div className="appPageSection__actions">
                 <Button
                     type="button"
                     onClick={submitFn}
-                    label={__('Salva bozza', 'gepafin')} icon="pi pi-save" iconPos="right"/>
+                    label={status === 'PUBLISH'
+                        ? __('Modifica', 'gepafin')
+                        : __('Salva bozza', 'gepafin')} icon="pi pi-save" iconPos="right"/>
                 <Button
                     type="button"
                     disabled={isNil(id)}
                     outlined
                     onClick={openPreview}
                     label={__('Anteprima beneficiario', 'gepafin')} icon="pi pi-eye" iconPos="right"/>
-                <Button
+                {/*<Button
                     type="button"
                     disabled={true}
                     outlined
                     onClick={openPreviewEvaluation}
                     label={__('Anteprima pre-istruttoria', 'gepafin')} icon="pi pi-eye"
-                    iconPos="right"/>
+                    iconPos="right"/>*/}
             </div>
         </div>
     )

src/pages/BandoEdit/components/BandoEditFormStep1/index.js

@@ -27,7 +27,7 @@ import { storeSet } from '../../../../store';
 import set404FromErrorResponse from '../../../../helpers/set404FromErrorResponse';
 import getTimeParsedFromString from '../../../../helpers/getTimeParsedFromString';
 
-const BandoEditFormStep1 = forwardRef(function ({ initialData, getFormErrors, status }, ref) {
+const BandoEditFormStep1 = forwardRef(function ({ initialData, setInitialData, getFormErrors, status }, ref) {
     const navigate = useNavigate();
     const [aimedToOptions, setAimedToOptions] = useState([]);
     const [faqOptions, setFaqOptions] = useState([]);
@@ -86,7 +86,6 @@ const BandoEditFormStep1 = forwardRef(function ({ initialData, getFormErrors, st
                 formData.startTime = tzAwareDate.toISOString().substring(11, 16);
             }
         }
-
         if (!isNil(formData.endTime)) {
             if (!is(String, formData.endTime)) {
                 const tzAwareDate = new TZDate(formData.endTime, 'Europe/Berlin');
@@ -112,7 +111,7 @@ const BandoEditFormStep1 = forwardRef(function ({ initialData, getFormErrors, st
                 toast.current.show({
                     severity: 'success',
                     summary: '',
-                    detail: __('Il bando è stato aggiornato corretamente!', 'gepafin')
+                    detail: __('Il bando è stato aggiornato correttamente!', 'gepafin')
                 });
             }
             const values = getValues();
@@ -120,6 +119,7 @@ const BandoEditFormStep1 = forwardRef(function ({ initialData, getFormErrors, st
                 navigate(`/bandi/${data.data.id}`);
             } else {
                 setFormInitialData(data.data);
+                setInitialData(data.data);
             }
         }
     }
@@ -176,8 +176,13 @@ const BandoEditFormStep1 = forwardRef(function ({ initialData, getFormErrors, st
         storeSet.main.unsetAsyncRequest();
     }
 
-    const shouldDisableField = () => {
+    const shouldDisableField = (fieldName) => {
-        return values.status === 'PUBLISH'
+        return values.status === 'PUBLISH' &&
+            ![
+                'descriptionShort', 'descriptionLong', 'documentationRequested', 'threshold',
+                'aimedTo', 'criteria', 'docs', 'checklist', 'faq', 'amount', 'amountMin', 'amountMax',
+                'email', 'phoneNumber', 'checkList', 'images'
+            ].includes(fieldName)
     }
 
     useImperativeHandle(
@@ -239,7 +244,7 @@ const BandoEditFormStep1 = forwardRef(function ({ initialData, getFormErrors, st
             <UnsavedChangesDetector getValuesFn={getValues}/>
             <FormField
                 type="switch"
-                disabled={shouldDisableField()}
+                disabled={shouldDisableField('confidi')}
                 fieldName="confidi"
                 label={__('Bando Confidi', 'gepafin')}
                 control={control}
@@ -251,7 +256,7 @@ const BandoEditFormStep1 = forwardRef(function ({ initialData, getFormErrors, st
 
             <FormField
                 type="textinput"
-                disabled={shouldDisableField()}
+                disabled={shouldDisableField('name')}
                 fieldName="name"
                 label={__('Titolo del Bando', 'gepafin')}
                 control={control}
@@ -262,7 +267,7 @@ const BandoEditFormStep1 = forwardRef(function ({ initialData, getFormErrors, st
 
             <FormField
                 type="wysiwyg"
-                disabled={shouldDisableField()}
+                disabled={shouldDisableField('descriptionShort')}
                 fieldName="descriptionShort"
                 label={__('Descrizione breve', 'gepafin')}
                 control={control}
@@ -275,7 +280,7 @@ const BandoEditFormStep1 = forwardRef(function ({ initialData, getFormErrors, st
 
             <FormField
                 type="wysiwyg"
-                disabled={shouldDisableField()}
+                disabled={shouldDisableField('descriptionLong')}
                 fieldName="descriptionLong"
                 label={__('Descrizione completa', 'gepafin')}
                 control={control}
@@ -291,7 +296,7 @@ const BandoEditFormStep1 = forwardRef(function ({ initialData, getFormErrors, st
 
             <FormFieldRepeater
                 data={values['aimedTo']}
-                disabled={shouldDisableField()}
+                disabled={shouldDisableField('aimedTo')}
                 setDataFn={setValue}
                 fieldName="aimedTo"
                 options={aimedToOptions}
@@ -310,7 +315,7 @@ const BandoEditFormStep1 = forwardRef(function ({ initialData, getFormErrors, st
 
             <FormField
                 type="wysiwyg"
-                disabled={shouldDisableField()}
+                disabled={shouldDisableField('documentationRequested')}
                 fieldName="documentationRequested"
                 label={__('Documentazione richiesta', 'gepafin')}
                 control={control}
@@ -334,7 +339,7 @@ const BandoEditFormStep1 = forwardRef(function ({ initialData, getFormErrors, st
             <div className="appForm__cols">
                 <FormField
                     type="datepicker"
-                    disabled={shouldDisableField()}
+                    disabled={shouldDisableField('startDate')}
                     fieldName="startDate"
                     label={__('Data di inizio', 'gepafin')}
                     control={control}
@@ -345,7 +350,7 @@ const BandoEditFormStep1 = forwardRef(function ({ initialData, getFormErrors, st
 
                 <FormField
                     type="datepicker"
-                    disabled={shouldDisableField()}
+                    disabled={shouldDisableField('endDate')}
                     fieldName="endDate"
                     label={__('Data di fine', 'gepafin')}
                     control={control}
@@ -358,7 +363,7 @@ const BandoEditFormStep1 = forwardRef(function ({ initialData, getFormErrors, st
             <div className="appForm__cols">
                 <FormField
                     type="datepicker"
-                    disabled={shouldDisableField()}
+                    disabled={shouldDisableField('startTime')}
                     fieldName="startTime"
                     label={__('Ora di inizio', 'gepafin')}
                     control={control}
@@ -370,7 +375,7 @@ const BandoEditFormStep1 = forwardRef(function ({ initialData, getFormErrors, st
 
                 <FormField
                     type="datepicker"
-                    disabled={shouldDisableField()}
+                    disabled={shouldDisableField('endTime')}
                     fieldName="endTime"
                     label={__('Ora di fine', 'gepafin')}
                     control={control}
@@ -384,7 +389,7 @@ const BandoEditFormStep1 = forwardRef(function ({ initialData, getFormErrors, st
             <div className="appForm__cols">
                 <FormField
                     type="numberinput"
-                    disabled={shouldDisableField()}
+                    disabled={shouldDisableField('amount')}
                     fieldName="amount"
                     label={__('Dotazione del Bando', 'gepafin')}
                     control={control}
@@ -397,7 +402,7 @@ const BandoEditFormStep1 = forwardRef(function ({ initialData, getFormErrors, st
 
                 <FormField
                     type="numberinput"
-                    disabled={shouldDisableField()}
+                    disabled={shouldDisableField('amountMin')}
                     fieldName="amountMin"
                     label={__('Importo minimo per Progetto', 'gepafin')}
                     control={control}
@@ -410,7 +415,7 @@ const BandoEditFormStep1 = forwardRef(function ({ initialData, getFormErrors, st
 
                 <FormField
                     type="numberinput"
-                    disabled={shouldDisableField()}
+                    disabled={shouldDisableField('amountMax')}
                     fieldName="amountMax"
                     label={__('Importo massimo per Progetto', 'gepafin')}
                     control={control}
@@ -425,7 +430,7 @@ const BandoEditFormStep1 = forwardRef(function ({ initialData, getFormErrors, st
             <div className="appForm__cols">
                 <FormField
                     type="textinput"
-                    disabled={shouldDisableField()}
+                    disabled={shouldDisableField('email')}
                     fieldName="email"
                     label={__('Email', 'gepafin')}
                     control={control}
@@ -441,7 +446,7 @@ const BandoEditFormStep1 = forwardRef(function ({ initialData, getFormErrors, st
 
                 <FormField
                     type="textinput"
-                    disabled={shouldDisableField()}
+                    disabled={shouldDisableField('phoneNumber')}
                     fieldName="phoneNumber"
                     label={__('Telefono', 'gepafin')}
                     control={control}
@@ -457,6 +462,7 @@ const BandoEditFormStep1 = forwardRef(function ({ initialData, getFormErrors, st
 
             <FormFieldRepeaterFaq
                 data={values['faq']}
+                disabled={shouldDisableField('faq')}
                 setDataFn={setValue}
                 fieldName="faq"
                 options={faqOptions}

src/pages/BandoEdit/components/BandoEditFormStep2/index.js

@@ -24,7 +24,7 @@ import getTimeParsedFromString from '../../../../helpers/getTimeParsedFromString
 import { mimeTypes } from '../../../../configData';
 import { wrap } from 'object-path-immutable';
 
-const BandoEditFormStep2 = forwardRef(function ({ initialData, getFormErrors, status }, ref) {
+const BandoEditFormStep2 = forwardRef(function ({ initialData, setInitialData, getFormErrors, status }, ref) {
     const navigate = useNavigate();
     const [criteriaOptions, setCriteriaOptions] = useState([]);
     const [checklistOptions, setChecklistOptions] = useState([]);
@@ -104,11 +104,11 @@ const BandoEditFormStep2 = forwardRef(function ({ initialData, getFormErrors, st
             toast.current.show({
                 severity: 'success',
                 summary: '',
-                detail: __('Il bando è stato aggiornato corretamente!', 'gepafin')
+                detail: __('Il bando è stato aggiornato correttamente!', 'gepafin')
             });
             const newFormData = {...formInitialData, ...data.data};
             setFormInitialData(newFormData);
-            storeSet.main.formInitialData(newFormData);
+            setInitialData(newFormData);
         }
     }
 
@@ -206,8 +206,13 @@ const BandoEditFormStep2 = forwardRef(function ({ initialData, getFormErrors, st
         }
     }, []);
 
-    const shouldDisableField = () => {
+    const shouldDisableField = (fieldName) => {
-        return values.status === 'PUBLISH'
+        return values.status === 'PUBLISH' &&
+            ![
+                'descriptionShort', 'descriptionLong', 'documentationRequested', 'threshold',
+                'aimedTo', 'criteria', 'docs', 'checklist', 'faq', 'amount', 'amountMin', 'amountMax',
+                'email', 'phoneNumber', 'checkList', 'images'
+            ].includes(fieldName)
     }
 
     const acceptAllFormats = () => {
@@ -219,7 +224,7 @@ const BandoEditFormStep2 = forwardRef(function ({ initialData, getFormErrors, st
             <UnsavedChangesDetector getValuesFn={getValues}/>
             <FormFieldRepeaterCriteria
                 data={values}
-                disabled={shouldDisableField()}
+                disabled={shouldDisableField('criteria')}
                 setDataFn={setValue}
                 fieldName="criteria"
                 options={criteriaOptions}
@@ -238,7 +243,7 @@ const BandoEditFormStep2 = forwardRef(function ({ initialData, getFormErrors, st
 
             <FormField
                 type="fileuploadasync"
-                disabled={shouldDisableField()}
+                disabled={shouldDisableField('docs')}
                 setDataFn={setValue}
                 fieldName="docs"
                 label={__('Documentazione', 'gepafin')}
@@ -257,7 +262,7 @@ const BandoEditFormStep2 = forwardRef(function ({ initialData, getFormErrors, st
 
             <FormField
                 type="fileuploadasync"
-                disabled={shouldDisableField()}
+                disabled={shouldDisableField('images')}
                 setDataFn={setValue}
                 fieldName="images"
                 label={__('Immagine del Bando', 'gepafin')}
@@ -273,7 +278,7 @@ const BandoEditFormStep2 = forwardRef(function ({ initialData, getFormErrors, st
 
             <FormFieldRepeater
                 data={values['checkList']}
-                disabled={shouldDisableField()}
+                disabled={shouldDisableField('checkList')}
                 setDataFn={setValue}
                 fieldName="checkList"
                 options={checklistOptions}

src/pages/BandoEdit/index.js

@@ -288,9 +288,11 @@ const BandoEdit = () => {
             {!isEmpty(data)
                 ? <>
                     {activeStep === 0
-                        ? <BandoEditFormStep1 initialData={data} ref={formRef} status={data.status}/> : null}
+                        ? <BandoEditFormStep1 initialData={data} setInitialData={setData} ref={formRef} status={data.status}/>
+                        : null}
                     {activeStep === 1
-                        ? <BandoEditFormStep2 initialData={data} ref={formRef} status={data.status}/> : null}
+                        ? <BandoEditFormStep2 initialData={data} setInitialData={setData} ref={formRef} status={data.status}/>
+                        : null}
 
                     <div className="appPageSection">
                         <h2>{__('Crea o modifica il Form compilabile dal Beneficiario', 'gepafin')}</h2>

src/pages/BandoFlowEdit/index.js

@@ -112,7 +112,7 @@ const BandoFlowEdit = () => {
                 toast.current.show({
                     severity: 'success',
                     summary: '',
-                    detail: __('Il flusso è stato aggiornato corretamente!', 'gepafin')
+                    detail: __('Il flusso è stato aggiornato correttamente!', 'gepafin')
                 });
             }
         }

src/pages/BandoForms/index.js

@@ -91,7 +91,7 @@ const BandoForms = () => {
                 toast.current.show({
                     severity: 'success',
                     summary: '',
-                    detail: __('Il form è stato aggiornato corretamente!', 'gepafin')
+                    detail: __('Il form è stato aggiornato correttamente!', 'gepafin')
                 });
             }
 
@@ -235,7 +235,7 @@ const BandoForms = () => {
                             outlined
                             disabled={!selectedForm}
                             onClick={goToEditForm}
-                            label={'PUBLISH' === bandoStatus ? __('Mostra', 'gepafin') : __('Modifica', 'gepafin')}
+                            label={__('Modifica', 'gepafin')}
                             icon="pi pi-cog" iconPos="right"/>
                     </div>
                 </div>

src/pages/BandoFormsEdit/components/BuilderElement/index.js

@@ -11,7 +11,7 @@ import { Button } from 'primereact/button';
 import { Tag } from 'primereact/tag';
 import BuilderElementProperLabel from '../BuilderElementProperLabel';
 
-const BuilderElement = ({ id, name, label, index }) => {
+const BuilderElement = ({ id, name, label, index, bandoStatus }) => {
     const draggingElementId = useStore().main.draggingElementId();
     const ref = useRef(null);
 
@@ -109,28 +109,10 @@ const BuilderElement = ({ id, name, label, index }) => {
                 </div>
                 <div className="actions">
                     <Button icon="pi pi-cog" onClick={() => openSettings(id)} outlined severity="info"/>
-                    <Button icon="pi pi-trash" onClick={() => remove(id)} outlined severity="danger"/>
+                    <Button icon="pi pi-trash" disabled={bandoStatus === 'PUBLISH'} onClick={() => remove(id)} outlined severity="danger"/>
                 </div>
             </div>
     )
-
-    /*return (
-        <div ref={ref} className="formBuilder__element" style={{ opacity }} data-handler-id={handlerId}>
-            {draggingId === id
-                ? <div className="formBuilder__elementNew"></div>
-                : <>
-                    <div className="meta">
-                        <Tag value={name} severity="info"/>
-                        <BuilderElementProperLabel id={id} defaultLabel={label}/>
-                    </div>
-                    <div className="actions">
-                        <Button icon="pi pi-cog" onClick={() => openSettings(id)} outlined severity="info"/>
-                        <Button icon="pi pi-trash" onClick={() => remove(id)} outlined severity="danger"/>
-                    </div>
-                </>
-            }
-        </div>
-    )*/
 }
 
 export default BuilderElement;

src/pages/BandoFormsEdit/components/BuilderElementSettings/components/ElementSetting/index.js

@@ -11,7 +11,7 @@ import { Editor } from 'primereact/editor';
 import { mimeTypes } from '../../../../../../configData';
 import ElementSettingTableColumns from '../ElementSettingTableColumns';
 
-const ElementSetting = ({ setting, changeFn, updateDataFn }) => {
+const ElementSetting = ({ setting, changeFn, updateDataFn, bandoStatus }) => {
 
     const settingLabels = {
         label: __('Label', 'gepafin'),
@@ -48,6 +48,7 @@ const ElementSetting = ({ setting, changeFn, updateDataFn }) => {
             return <ElementSettingRepeater
                 value={is(Array, setting.value) ? setting.value : []}
                 name={setting.name}
+                bandoStatus={bandoStatus}
                 setDataFn={updateDataFn}/>
         } else if (setting.name === 'mime') {
             return <MultiSelect
@@ -75,6 +76,7 @@ const ElementSetting = ({ setting, changeFn, updateDataFn }) => {
             return <ElementSettingTableColumns
                 value={is(Object, setting.value) ? setting.value : {}}
                 name={setting.name}
+                bandoStatus={bandoStatus}
                 setDataFn={updateDataFn}/>
         } else {
             return <InputText id={setting.name} aria-describedby={`${setting.name}-help`}

src/pages/BandoFormsEdit/components/BuilderElementSettings/components/ElementSettingRepeater/index.js

@@ -11,7 +11,8 @@ import uniqid from '../../../../../../helpers/uniqid';
 const ElementSettingRepeater = ({
                                     value,
                                     name,
-                                    setDataFn
+                                    setDataFn,
+                                    bandoStatus
                                 }) => {
     const [stateFieldData, setStateFieldData] = useState([]);
 
@@ -53,10 +54,10 @@ const ElementSettingRepeater = ({
             {stateFieldData.map((o, i) => <div key={i} className="formElementSettings__repeaterItem">
                 <div className="p-inputgroup flex-1">
                     {properField(o, i)}
-                    <Button icon="pi pi-times" className="p-button-danger" onClick={() => removeItem(i)}/>
+                    <Button icon="pi pi-times" disabled={bandoStatus === 'PUBLISH'} className="p-button-danger" onClick={() => removeItem(i)}/>
                 </div>
             </div>)}
-            <Button type="button" outlined label={__('Aggiungi', 'gepafin')} onClick={addNewItem}/>
+            <Button type="button" disabled={bandoStatus === 'PUBLISH'} outlined label={__('Aggiungi', 'gepafin')} onClick={addNewItem}/>
         </div>
     )
 }

src/pages/BandoFormsEdit/components/BuilderElementSettings/components/ElementSettingTableColumns/index.js

@@ -14,7 +14,8 @@ import uniqid from '../../../../../../helpers/uniqid';
 const ElementSettingTableColumns = ({
                                         value,
                                         name,
-                                        setDataFn
+                                        setDataFn,
+                                        bandoStatus
                                     }) => {
     const [stateFieldData, setStateFieldData] = useState([]);
     const [rowsData, setRowsData] = useState([]);
@@ -87,7 +88,10 @@ const ElementSettingTableColumns = ({
             <InputText value={item.label} onInput={(e) => onInputChange(e, i)}/>
             <div className="flex-1">
                 <span>{__('Predefinito?', 'gepafin')}</span>
-                <InputSwitch checked={item.predefined} onChange={(e) => setChecked(e.value, i)}/>
+                <InputSwitch
+                    checked={item.predefined}
+                    disabled={bandoStatus === 'PUBLISH'}
+                    onChange={(e) => setChecked(e.value, i)}/>
             </div>
         </>
     }
@@ -118,10 +122,10 @@ const ElementSettingTableColumns = ({
                 {stateFieldData.map((o, i) => <div key={i} className="formElementSettings__repeaterItem">
                     <div className="p-inputgroup flex-1">
                         {properField(o, i)}
-                        <Button icon="pi pi-times" className="p-button-danger" onClick={() => removeItem(i)}/>
+                        <Button icon="pi pi-times" disabled={bandoStatus === 'PUBLISH'} className="p-button-danger" onClick={() => removeItem(i)}/>
                     </div>
                 </div>)}
-                <Button type="button" outlined label={__('Aggiungi', 'gepafin')} onClick={addNewItem}/>
+                <Button type="button" disabled={bandoStatus === 'PUBLISH'} outlined label={__('Aggiungi', 'gepafin')} onClick={addNewItem}/>
             </div>
             {stateFieldData
                 .filter(o => o.predefined)
@@ -133,12 +137,16 @@ const ElementSettingTableColumns = ({
                                 return <div key={k} className="formElementSettings__repeaterItem">
                                     <div className="p-inputgroup flex-1">
                                         {properSubField(c, k, o.name)}
-                                        <Button icon="pi pi-times" className="p-button-danger"
+                                        <Button icon="pi pi-times"
+                                                disabled={bandoStatus === 'PUBLISH'}
+                                                className="p-button-danger"
                                                 onClick={() => removeRow(k)}/>
                                     </div>
                                 </div>
                             })}
-                            <Button type="button" outlined
+                            <Button type="button"
+                                    outlined
+                                    disabled={bandoStatus === 'PUBLISH'}
                                     label={__('Aggiungi una righa', 'gepafin')}
                                     onClick={addNewRow}/>
                         </div>

src/pages/BandoFormsEdit/components/BuilderElementSettings/index.js

@@ -16,8 +16,9 @@ import { InputSwitch } from 'primereact/inputswitch';
 import ElementSetting from './components/ElementSetting';
 import { Dropdown } from 'primereact/dropdown';
 import { MultiSelect } from 'primereact/multiselect';
+import { dynamicDataOptions } from '../../../../configData';
 
-const BuilderElementSettings = ({ closeSettingsFn }) => {
+const BuilderElementSettings = ({ closeSettingsFn, bandoStatus }) => {
     const elements = useStore().main.formElements();
     const activeElement = useStore().main.activeElement();
     const criteriaOptions = useStore().main.bandoCriteria();
@@ -162,10 +163,11 @@ const BuilderElementSettings = ({ closeSettingsFn }) => {
                             ? settings.map((o) => <ElementSetting
                                 key={o.name}
                                 setting={o}
+                                bandoStatus={bandoStatus}
                                 changeFn={onChange}
                                 updateDataFn={onUpdateOptions}/>)
                             : null}
-                        {['textinput', 'datepicker'].includes(activeElementData.name)
+                        {!isNil(dynamicDataOptions[activeElementData.name])
                             ? <div className="formElementSettings__field">
                                 <label htmlFor="dynamicData">{__('Dati dinamici', 'gepafin')}</label>
                                 <Dropdown

src/pages/BandoFormsEdit/components/FormBuilder/index.js

@@ -13,7 +13,7 @@ import BuilderElementSettings from '../BuilderElementSettings';
 import BuilderDropzone from '../BuilderDropzone';
 import BlockingOverlay from '../../../../components/BlockingOverlay';
 
-const FormBuilder = () => {
+const FormBuilder = ({ bandoStatus }) => {
     const elements = useStore().main.formElements();
     const elementItems = useStore().main.elementItems();
     const activeElement = useStore().main.activeElement();
@@ -27,9 +27,10 @@ const FormBuilder = () => {
                 id={field.id}
                 label={field.label}
                 name={field.name}
+                bandoStatus={bandoStatus}
             />
         )
-    }, []);
+    }, [bandoStatus]);
 
     const renderItem = useCallback((item) => {
         return (
@@ -57,7 +58,7 @@ const FormBuilder = () => {
         <>
             <Sidebar visible={!isEmpty(activeElement)} onHide={closeSettings} className="formBuilder__elementSettings">
                 <h2>{__('Impostazioni del campo modulo', 'gepafin')}</h2>
-                {!isEmpty(activeElement) ? <BuilderElementSettings closeSettingsFn={closeSettings}/> : null}
+                {!isEmpty(activeElement) ? <BuilderElementSettings closeSettingsFn={closeSettings} bandoStatus={bandoStatus}/> : null}
             </Sidebar>
             <div className="formBuilder">
                 <div className="formBuilder__main">

src/pages/BandoFormsEdit/index.js

@@ -123,7 +123,7 @@ const BandoFormsEdit = () => {
                 toast.current.show({
                     severity: 'success',
                     summary: '',
-                    detail: __('Il form è stato aggiornato corretamente!', 'gepafin')
+                    detail: __('Il form è stato aggiornato correttamente!', 'gepafin')
                 });
             }
         }
@@ -210,7 +210,6 @@ const BandoFormsEdit = () => {
     }
 
     const errFormDeleteCallback = (data) => {
-        console.log('errFormDeleteCallback', data)
         storeSet.main.unsetAsyncRequest();
     }
 
@@ -223,7 +222,6 @@ const BandoFormsEdit = () => {
     }
 
     const errGetElementItemsCallbacks = (data) => {
-        console.log('errGetElementItemsCallbacks', data)
         storeSet.main.unsetAsyncRequest();
     }
 
@@ -246,9 +244,9 @@ const BandoFormsEdit = () => {
 
     const getBandoCallback = (data) => {
         if (data.status === 'SUCCESS') {
+            setBandoStatus(data.data.status);
             const criteria = pathOr([], ['data', 'criteria'], data);
             const criteriaOptions = criteria.map(o => ({value: o.id, label: o.value}));
-            console.log('criteriaOptions', criteriaOptions);
             storeSet.main.bandoCriteria(criteriaOptions);
         }
     }
@@ -319,7 +317,7 @@ const BandoFormsEdit = () => {
 
             <div className="appPageSection">
                 <DndProvider backend={HTML5Backend}>
-                    <FormBuilder/>
+                    <FormBuilder bandoStatus={bandoStatus}/>
                 </DndProvider>
             </div>
 
@@ -334,7 +332,7 @@ const BandoFormsEdit = () => {
                         label={__('Indietro', 'gepafin')} icon="pi pi-arrow-left" iconPos="left"/>
                     <Button
                         onClick={() => doSave()}
-                        disabled={isAsyncRequest || 'PUBLISH' === bandoStatus}
+                        disabled={isAsyncRequest}
                         label={__('Salva progressi', 'gepafin')} icon="pi pi-save" iconPos="right"/>
                     <Button
                         outlined

src/pages/BandoViewBeneficiario/index.js

@@ -5,7 +5,7 @@ import { is, isEmpty, isNil } from 'ramda';
 import "quill/dist/quill.core.css";
 
 // store
-import { storeSet, useStore } from '../../store';
+import { storeGet, storeSet, useStore } from '../../store';
 
 // tools
 import getNumberWithCurrency from '../../helpers/getNumberWithCurrency';
@@ -28,6 +28,7 @@ import { Message } from 'primereact/message';
 import { Toast } from 'primereact/toast';
 import { Editor } from 'primereact/editor';
 import { Dialog } from 'primereact/dialog';
+import PreferredBandoService from '../../service/preferred-bando-service';
 
 const BandoViewBeneficiario = () => {
     const isAsyncRequest = useStore().main.isAsyncRequest();
@@ -246,14 +247,55 @@ const BandoViewBeneficiario = () => {
 
     const header = renderHeader();
 
+    const addToFavourites = () => {
+        const companyId = storeGet.main.chosenCompanyId();
+        const bandoId = getBandoId();
+        const formdData = {
+            companyId,
+            callId: bandoId
+        }
+
+        if (data.preferredCallId && data.preferredCallId !== 0) {
+            PreferredBandoService.deleteFromPreferred(data.preferredCallId, removeFavCallback, errToggleFavCallback);
+        } else {
+            PreferredBandoService.addToPreferred(formdData, addFavCallback, errToggleFavCallback);
+        }
+    }
+
+    const removeFavCallback = (resp) => {
+        if (resp.status === 'SUCCESS') {
+            const newData = {
+                ...data,
+                preferredCallId: null
+            }
+            setData(newData);
+        }
+    }
+    const addFavCallback = (resp) => {
+        if (resp.status === 'SUCCESS') {
+            const newData = {
+                ...data,
+                preferredCallId: resp.data.id
+            }
+            setData(newData);
+        }
+    }
+    const errToggleFavCallback = (data) => {
+        set404FromErrorResponse(data);
+    }
+
     useEffect(() => {
+        if (!isEmpty(chosenCompanyId) && chosenCompanyId !== 0) {
             const bandoId = getBandoId();
             storeSet.main.setAsyncRequest();
-        BandoService.getBando(bandoId, getBandoCallback, errGetBandoCallback);
+            BandoService.getBando(bandoId, getBandoCallback, errGetBandoCallback, [
+                ['companyId', chosenCompanyId]
+            ]);
             ApplicationService.getApplications(getApplCallback, errGetApplCallback, [
                 ['callId', bandoId],
                 ['companyId', chosenCompanyId]
-        ])
+            ]);
+        }
     }, [id, chosenCompanyId]);
 
     return (
@@ -443,14 +485,15 @@ const BandoViewBeneficiario = () => {
                                 onClick={submitApplication}
                                 label={submitBtnLabel()}
                                 icon={submitBtnIcon()} iconPos="right"/>
-                            {/*<Button
+                            <Button
                                 type="button"
-                                outlined
+                                outlined={isNil(data.preferredCallId)}
                                 rounded
-                                disabled={true}
+                                onClick={addToFavourites}
-                                onClick={saveToFavourites}
+                                label={isNil(data.preferredCallId)
-                                label={__('Aggiungi a preferiti', 'gepafin')}
+                                    ? __('Aggiungi a preferiti', 'gepafin')
-                                icon="pi pi-heart" iconPos="left"/>*/}
+                                    : __('Rimuovi dai preferiti', 'gepafin')}
+                                icon="pi pi-heart" iconPos="left"/>
                         </div>
                     </div>
 

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

@@ -1,10 +1,10 @@
 import React, { useState, useEffect } from 'react';
 import { __ } from '@wordpress/i18n';
-import { uniq, isEmpty } from 'ramda';
+import { uniq, isEmpty, isNil } from 'ramda';
 import { Link } from 'react-router-dom';
 
 // store
-import { storeSet, useStore } from '../../../../store';
+import { storeGet, useStore } from '../../../../store';
 
 // api
 import BandoService from '../../../../service/bando-service';
@@ -19,6 +19,8 @@ import { InputIcon } from 'primereact/inputicon';
 import { Button } from 'primereact/button';
 import { Calendar } from 'primereact/calendar';
 import ProperBandoLabel from '../../../../components/ProperBandoLabel';
+import PreferredBandoService from '../../../../service/preferred-bando-service';
+import set404FromErrorResponse from '../../../../helpers/set404FromErrorResponse';
 
 
 const LatestBandiTable = () => {
@@ -30,9 +32,11 @@ const LatestBandiTable = () => {
     const [statuses, setStatuses] = useState([]);
 
     useEffect(() => {
-        storeSet.main.setAsyncRequest();
+        setLoading(true);
-        BandoService.getBandi(getCallback, errGetCallbacks);
+        BandoService.getBandi(getCallback, errGetCallbacks, [
-    }, []);
+            ['companyId', chosenCompanyId]
+        ]);
+    }, [chosenCompanyId]);
 
     const getCallback = (data) => {
         if (data.status === 'SUCCESS') {
@@ -41,12 +45,64 @@ const LatestBandiTable = () => {
             setStatuses(uniq(data.data.map(o => o.status)))
             initFilters();
         }
-        storeSet.main.unsetAsyncRequest();
+        setLoading(false);
     }
 
     const errGetCallbacks = (data) => {
-        console.log('errGetCallbacks', data)
+        set404FromErrorResponse(data);
-        storeSet.main.unsetAsyncRequest();
+        setLoading(false);
+    }
+
+    const addToFavourites = (id, preferredId) => {
+        const companyId = storeGet.main.chosenCompanyId()
+        const data = {
+            companyId,
+            callId: id
+        }
+        setLoading(true);
+        if (preferredId && preferredId !== 0) {
+            PreferredBandoService.deleteFromPreferred(preferredId, (data) => removeFavCallback(data, id), errToggleFavCallback);
+        } else {
+            PreferredBandoService.addToPreferred(data, addFavCallback, errToggleFavCallback);
+        }
+    }
+
+    const removeFavCallback = (data, id) => {
+        if (data.status === 'SUCCESS') {
+            const newItems = items.map((o) => {
+                if (o.id === id) {
+                    return {
+                        ...o,
+                        preferredCallId: null
+                    }
+                } else {
+                    return o;
+                }
+            });
+            setItems(newItems)
+        }
+        setLoading(false);
+    }
+    const addFavCallback = (data) => {
+        if (data.status === 'SUCCESS') {
+            const newItems = items.map((o) => {
+                if (o.id === data.data.callId) {
+                    return {
+                        ...o,
+                        preferredCallId: data.data.id
+                    }
+                } else {
+                    return o;
+                }
+            });
+            setItems(newItems)
+        }
+        setLoading(false);
+    }
+
+    const errToggleFavCallback = (data) => {
+        set404FromErrorResponse(data);
+        setLoading(false);
     }
 
     const getFormattedData = (data) => {
@@ -83,9 +139,18 @@ const LatestBandiTable = () => {
     const initFilters = () => {
         setFilters({
             global: { value: null, matchMode: FilterMatchMode.CONTAINS },
-            name: { operator: FilterOperator.AND, constraints: [{ value: null, matchMode: FilterMatchMode.STARTS_WITH }] },
+            name: {
-            start_date: { operator: FilterOperator.AND, constraints: [{ value: null, matchMode: FilterMatchMode.DATE_IS }] },
+                operator: FilterOperator.AND,
-            end_date: { operator: FilterOperator.AND, constraints: [{ value: null, matchMode: FilterMatchMode.DATE_IS }] },
+                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 }] }
         });
         setGlobalFilterValue('');
@@ -94,10 +159,12 @@ const LatestBandiTable = () => {
     const renderHeader = () => {
         return (
             <div className="appTableHeader">
-                <Button type="button" icon="pi pi-filter-slash" label={__('Pulisci', 'gepafin')} outlined onClick={clearFilter} />
+                <Button type="button" icon="pi pi-filter-slash" label={__('Pulisci', 'gepafin')} outlined
+                        onClick={clearFilter}/>
                 <IconField iconPosition="left">
                     <InputIcon className="pi pi-search"/>
-                    <InputText value={globalFilterValue} onChange={onGlobalFilterChange} placeholder={__('Cerca', 'gepafin')} />
+                    <InputText value={globalFilterValue} onChange={onGlobalFilterChange}
+                               placeholder={__('Cerca', 'gepafin')}/>
                 </IconField>
             </div>
         );
@@ -112,7 +179,8 @@ const LatestBandiTable = () => {
     };
 
     const dateFilterTemplate = (options) => {
-        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" />;
+        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 statusBodyTemplate = (rowData) => {
@@ -120,10 +188,17 @@ const LatestBandiTable = () => {
     };
 
     const actionsBodyTemplate = (rowData) => {
-        return <Link to={`/bandi/${rowData.id}`}>
+        return <div className="appPageSection__tableActions">
+            <button type="button"
+                    className="appPageSection__addToFavourites"
+                    data-active={!isNil(rowData.preferredCallId)}
+                    onClick={() => addToFavourites(rowData.id, rowData.preferredCallId)}>
+                <i className="pi pi-heart" style={{ fontSize: '1rem' }}></i>
+            </button>
+            <Link to={`/bandi/${rowData.id}`}>
                 <Button severity="info" label={__('Partecipa', 'gepafin')} icon="pi pi-arrow-right" size="small"
                         iconPos="right"/>
-        </Link>
+            </Link></div>
     }
 
     const header = renderHeader();
@@ -136,7 +211,8 @@ const LatestBandiTable = () => {
                        header={header}
                        emptyMessage={__('Nessun dato disponibile', 'gepafin')}
                        onFilter={(e) => setFilters(e.filters)}>
-                <Column field="name" header={__('Nome Bando', 'gepafin')} filter filterPlaceholder={__('Cerca il nome', 'gepafin')}
+                <Column field="name" header={__('Nome Bando', 'gepafin')} filter
+                        filterPlaceholder={__('Cerca il nome', 'gepafin')}
                         style={{ minWidth: '8rem' }}/>
                 <Column header={__('Data Pubblicazione', 'gepafin')} filterField="start_date" dataType="date"
                         style={{ minWidth: '8rem' }}

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

@@ -1,6 +1,6 @@
 import React, { useState, useEffect } from 'react';
 import { __ } from '@wordpress/i18n';
-import { uniq, is } from 'ramda';
+import { uniq, is, isEmpty } from 'ramda';
 
 // tools
 import getBandoLabel from '../../../../helpers/getBandoLabel';
@@ -36,11 +36,13 @@ const MyLatestSubmissionsTable = () => {
     const [statuses, setStatuses] = useState([]);
 
     useEffect(() => {
+        if (!isEmpty(chosenCompanyId) && chosenCompanyId !== 0) {
             setLocalAsyncRequest(true);
             ApplicationService.getApplications(getApplCallback, errGetApplCallback, [
                 ['companyId', chosenCompanyId],
                 ['statuses', ['DRAFT', 'AWAITING', 'READY']]
-        ])
+            ]);
+        }
     }, [chosenCompanyId]);
 
     const getApplCallback = (data) => {

src/pages/DomandaEditPreInstructor/index.js

@@ -329,6 +329,10 @@ const DomandaEditPreInstructor = () => {
                         </p>
                     </div>
 
+                    <div className="appPageSection">
+
+                    </div>
+
                     <div className="appPageSection">
                         <h2>{__('Punteggi di valutazione', 'gepafin')}</h2>
                         {data.criteria

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

@@ -31,7 +31,7 @@ const AllDomandeTable = ({ openDialogFn, updaterString = '' }) => {
     useEffect(() => {
         setLocalAsyncRequest(true);
         ApplicationService.getApplications(getCallback, errGetCallbacks, [
-            ['statuses', 'SUBMIT']
+            ['statuses', ['SUBMIT', 'EVALUATION', 'SOCCORSO']]
         ]);
     }, [updaterString]);
 
@@ -101,10 +101,12 @@ const AllDomandeTable = ({ openDialogFn, updaterString = '' }) => {
     const renderHeader = () => {
         return (
             <div className="appTableHeader">
-                <Button type="button" icon="pi pi-filter-slash" label={__('Pulisci', 'gepafin')} outlined onClick={clearFilter} />
+                <Button type="button" icon="pi pi-filter-slash" label={__('Pulisci', 'gepafin')} outlined
+                        onClick={clearFilter}/>
                 <IconField iconPosition="left">
                     <InputIcon className="pi pi-search"/>
-                    <InputText value={globalFilterValue} onChange={onGlobalFilterChange} placeholder={__('Cerca', 'gepafin')} />
+                    <InputText value={globalFilterValue} onChange={onGlobalFilterChange}
+                               placeholder={__('Cerca', 'gepafin')}/>
                 </IconField>
             </div>
         );
@@ -119,7 +121,8 @@ const AllDomandeTable = ({ openDialogFn, updaterString = '' }) => {
     };
 
     const dateFilterTemplate = (options) => {
-        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" />;
+        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 statusBodyTemplate = (rowData) => {
@@ -127,14 +130,20 @@ const AllDomandeTable = ({ openDialogFn, updaterString = '' }) => {
     };
 
     const actionsBodyTemplate = (rowData) => {
-        return openDialogFn
+        return <div className="appPageSection__tableActions lessGap">
+            {openDialogFn
                 ? <Button severity="info"
                           onClick={() => openDialogFn(rowData.id)}
                           label={__('Assegnare', 'gepafin')}
                           icon="pi pi-pencil" size="small" iconPos="right"/>
                 : <Link to={'/domande'}>
                     <Button severity="info" label={__('Gestire', 'gepafin')} size="small"/>
+                </Link>}
+            <Link to={`/domande/${rowData.id}`}>
+                <Button severity="info" label={__('Anteprima', 'gepafin')} icon="pi pi-eye" size="small"
+                        iconPos="right"/>
             </Link>
+        </div>
     }
 
     const header = renderHeader();
@@ -163,8 +172,8 @@ const AllDomandeTable = ({ openDialogFn, updaterString = '' }) => {
                         body={dateEndBodyTemplate} filter filterElement={dateFilterTemplate}/>
                 <Column field="status" header={__('Stato', 'gepafin')}
                         style={{ minWidth: '8rem' }} body={statusBodyTemplate}/>
-                {/*<Column header={__('Azioni', 'gepafin')}
+                <Column header={__('Azioni', 'gepafin')}
-                        body={actionsBodyTemplate}/>*/}
+                        body={actionsBodyTemplate}/>
             </DataTable>
         </div>
     )

src/pages/DomandeBeneficiario/components/BeneficiarioDomandeTable/index.js

@@ -1,6 +1,6 @@
 import React, { useState, useEffect } from 'react';
 import { __ } from '@wordpress/i18n';
-import { is, uniq } from 'ramda';
+import { is, isEmpty, uniq } from 'ramda';
 import { Link } from 'react-router-dom';
 
 // store
@@ -36,11 +36,13 @@ const BeneficiarioDomandeTable = () => {
     const [statuses, setStatuses] = useState([]);
 
     useEffect(() => {
+        if (!isEmpty(chosenCompanyId) && chosenCompanyId !== 0) {
             setLocalAsyncRequest(true);
             ApplicationService.getApplications(getApplCallback, errGetApplCallback, [
                 ['companyId', chosenCompanyId],
-            ['statuses', ['SOCCORSO', 'APPROVED', 'REJECTED', 'EVALUATION']]
+                ['statuses', ['SOCCORSO', 'APPROVED', 'REJECTED', 'EVALUATION', 'SUBMIT']]
-        ])
+            ]);
+        }
     }, [chosenCompanyId]);
 
     const getApplCallback = (data) => {

src/service/bando-service.js

@@ -4,12 +4,12 @@ const API_BASE_URL = process.env.REACT_APP_API_EXECUTION_ADDRESS;
 
 export default class BandoService {
 
-    static getBandi = (callback, errCallback) => {
+    static getBandi = (callback, errCallback, queryParams) => {
-        NetworkService.get(`${API_BASE_URL}/call`, callback, errCallback);
+        NetworkService.get(`${API_BASE_URL}/call`, callback, errCallback, queryParams);
     };
 
-    static getBando = (id, callback, errCallback) => {
+    static getBando = (id, callback, errCallback, queryParams) => {
-        NetworkService.get(`${API_BASE_URL}/call/${id}`, callback, errCallback);
+        NetworkService.get(`${API_BASE_URL}/call/${id}`, callback, errCallback, queryParams);
     };
 
     static validateBando = (id, callback, errCallback) => {

src/service/preferred-bando-service.js

@@ -0,0 +1,14 @@
+import { NetworkService } from './network-service';
+
+const API_BASE_URL = process.env.REACT_APP_API_EXECUTION_ADDRESS;
+
+export default class PreferredBandoService {
+
+    static addToPreferred = (body, callback, errCallback) => {
+        NetworkService.post(`${API_BASE_URL}/beneficiaryPreferredCall`, body, callback, errCallback);
+    };
+
+    static deleteFromPreferred = (id, callback, errCallback) => {
+        NetworkService.delete(`${API_BASE_URL}/beneficiaryPreferredCall/${id}`, {}, callback, errCallback);
+    };
+}