- added translation config;

- implemented 'bandi osservati' page;

src/pages/SoccorsoIstruttorioPreInstructor/components/PreInstructorSoccorsiTable/index.js

@@ -7,7 +7,11 @@ import { Link } from 'react-router-dom';
 import { storeGet } from '../../../../store';
 
 // api
+import AmendmentsService from '../../../../service/amendments-service';
 
+// tools
+import getBandoLabel from '../../../../helpers/getBandoLabel';
+import getBandoSeverity from '../../../../helpers/getBandoSeverity';
 
 // components
 import { FilterMatchMode, FilterOperator } from 'primereact/api';
@@ -19,7 +23,10 @@ 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';
+import { Dropdown } from 'primereact/dropdown';
+import { Tag } from 'primereact/tag';
+
+import translationStrings from '../../../../translationStringsForComponents';
 
 
 const PreInstructorSoccorsiTable = ({ openDialogFn }) => {
@@ -129,6 +136,14 @@ const PreInstructorSoccorsiTable = ({ openDialogFn }) => {
         return <ProperBandoLabel status={rowData.status}/>;
     };
 
+    const statusFilterTemplate = (options) => {
+        return <Dropdown value={options.value} options={statuses} onChange={(e) => options.filterCallback(e.value, options.index)} itemTemplate={statusItemTemplate} placeholder={translationStrings.selectOneLabel} className="p-column-filter" showClear />;
+    };
+
+    const statusItemTemplate = (option) => {
+        return <Tag value={getBandoLabel(option)} severity={getBandoSeverity(option)} />;
+    };
+
     const actionsBodyTemplate = (rowData) => {
         return <Link to={`/domande/${rowData.applicationId}/soccorso/${rowData.id}`}>
                 <Button severity="info" label={__('Dettagli', 'gepafin')} size="small" />
@@ -143,7 +158,7 @@ const PreInstructorSoccorsiTable = ({ openDialogFn }) => {
                        filters={filters}
                        globalFilterFields={['name', 'status']}
                        header={header}
-                       emptyMessage={__('Nessun dato disponibile', 'gepafin')}
+                       emptyMessage={translationStrings.emptyMessage}
                        onFilter={(e) => setFilters(e.filters)}>
                 <Column field="applicationId" header={__('ID domanda', 'gepafin')}
                         filter filterPlaceholder={__('Cerca', 'gepafin')}
@@ -163,7 +178,8 @@ const PreInstructorSoccorsiTable = ({ openDialogFn }) => {
                         style={{ minWidth: '8rem' }}
                         body={dateExpirationBodyTemplate} filter filterElement={dateFilterTemplate}/>
                 <Column field="status" header={__('Stato', 'gepafin')}
-                        style={{ minWidth: '7rem' }} body={statusBodyTemplate} />
+                        style={{ minWidth: '7rem' }} body={statusBodyTemplate} filter
+                        filterElement={statusFilterTemplate} />
                 <Column header={__('Azioni', 'gepafin')}
                         body={actionsBodyTemplate}/>
             </DataTable>