From eddfaaf0d7146cad0fbb5fe4518a79bfe4b2ee83 Mon Sep 17 00:00:00 2001
From: Vitalii Kiiko <mr.psiho@gmail.com>
Date: Wed, 16 Oct 2024 13:50:47 +0200
Subject: [PATCH] - progress with cerating users form;

---
 src/helpers/getBandoLabel.js                  |  3 ++
 src/helpers/getBandoSeverity.js               |  3 ++
 .../components/AppSidebar/index.js            |  3 +-
 src/pages/Registration/index.js               |  4 +-
 .../Users/components/AllUsersTable/index.js   | 49 +++++++++++++------
 src/pages/Users/index.js                      |  9 +++-
 6 files changed, 50 insertions(+), 21 deletions(-)

diff --git a/src/helpers/getBandoLabel.js b/src/helpers/getBandoLabel.js
index 585def9..0986759 100644
--- a/src/helpers/getBandoLabel.js
+++ b/src/helpers/getBandoLabel.js
@@ -2,6 +2,9 @@ import { __ } from '@wordpress/i18n';
 
 const getBandoLabel = (status) => {
     switch (status) {
+        case 'ACTIVE':
+            return __('Attivo', 'gepafin');
+
         case 'SUBMIT':
             return __('Inviato', 'gepafin');
 
diff --git a/src/helpers/getBandoSeverity.js b/src/helpers/getBandoSeverity.js
index f0b2dad..72c8421 100644
--- a/src/helpers/getBandoSeverity.js
+++ b/src/helpers/getBandoSeverity.js
@@ -2,6 +2,9 @@ import { __ } from '@wordpress/i18n';
 
 const getBandoSeverity = (status) => {
     switch (status) {
+        case 'ACTIVE':
+            return 'success';
+
         case 'SUBMIT':
             return 'success';
 
diff --git a/src/layouts/DefaultLayout/components/AppSidebar/index.js b/src/layouts/DefaultLayout/components/AppSidebar/index.js
index c7672cf..005dc21 100644
--- a/src/layouts/DefaultLayout/components/AppSidebar/index.js
+++ b/src/layouts/DefaultLayout/components/AppSidebar/index.js
@@ -52,8 +52,7 @@ const AppSidebar = () => {
             icon: 'pi pi-users',
             href: '/utenti',
             id: 5,
-            enable: false
-            //enable: intersection(permissions, ['VIEW_USERS', 'MANAGE_USERS']).length
+            enable: intersection(permissions, ['VIEW_USERS', 'MANAGE_USERS']).length
         },
         {
             label: __('Configurazione', 'gepafin'),
diff --git a/src/pages/Registration/index.js b/src/pages/Registration/index.js
index 8cd123e..eefc3d8 100644
--- a/src/pages/Registration/index.js
+++ b/src/pages/Registration/index.js
@@ -85,7 +85,7 @@ const Registration = () => {
             setValue('codiceFiscale', codiceFiscale);
             setValue('firstName', firstName);
             setValue('lastName', lastName);
-            setValue('birthDate', dateOfBirthObj);
+            setValue('dateOfBirth', dateOfBirthObj);
         } else {
             errorMsgs.current.show([
                 {
@@ -199,7 +199,7 @@ const Registration = () => {
                         <FormField
                             type="datepicker"
                             disabled={true}
-                            fieldName="birthDate"
+                            fieldName="dateOfBirth"
                             label={__('Data di nascita', 'gepafin')}
                             control={control}
                             errors={errors}
diff --git a/src/pages/Users/components/AllUsersTable/index.js b/src/pages/Users/components/AllUsersTable/index.js
index 643ab95..df7e56d 100644
--- a/src/pages/Users/components/AllUsersTable/index.js
+++ b/src/pages/Users/components/AllUsersTable/index.js
@@ -40,19 +40,25 @@ const AllUsersTable = () => {
         const sample = [
             {
                 id: 11,
-                name: 'Mario Rossi',
+                firstName: 'Mario',
+                lastName: 'Rossi',
                 email: 'mario.rossi@example.com',
-                role: 'Beneficiario',
-                status: 'active',
-                last_access: '2024-08-01 10:30'
+                role: {
+                    roleName: 'Beneficiario'
+                },
+                status: 'ACTIVE',
+                lastLogin: '2024-08-01 10:30'
             },
             {
                 id: 12,
-                name: 'Mario Rossi2',
-                email: 'mario.rossi@example.com',
-                role: 'Beneficiario',
-                status: 'active',
-                last_access: '2024-08-01 10:30'
+                firstName: 'John',
+                lastName: 'Doe',
+                email: 'john.doe@example.com',
+                role: {
+                    roleName: 'Beneficiario'
+                },
+                status: 'ACTIVE',
+                lastLogin: '2024-08-01 10:30'
             }
         ];
         setItems(sample);
@@ -75,7 +81,7 @@ const AllUsersTable = () => {
 
     const getFormattedData = (data) => {
         return data.map((d) => {
-            d.last_access = is(String, d.last_access) ? new Date(d.last_access) : (d.last_access ? d.last_access : '');
+            d.lastLogin	 = is(String, d.lastLogin) ? new Date(d.lastLogin) : (d.lastLogin ? d.lastLogin : '');
             return d;
         });
     };
@@ -98,7 +104,7 @@ const AllUsersTable = () => {
         setFilters({
             global: { value: null, matchMode: FilterMatchMode.CONTAINS },
             name: { operator: FilterOperator.AND, constraints: [{ value: null, matchMode: FilterMatchMode.STARTS_WITH }] },
-            last_access: { operator: FilterOperator.AND, constraints: [{ value: null, matchMode: FilterMatchMode.DATE_IS }] },
+            lastLogin: { operator: FilterOperator.AND, constraints: [{ value: null, matchMode: FilterMatchMode.DATE_IS }] },
             status: { operator: FilterOperator.OR, constraints: [{ value: null, matchMode: FilterMatchMode.EQUALS }] },
         });
         setGlobalFilterValue('');
@@ -117,13 +123,21 @@ const AllUsersTable = () => {
     };
 
     const dateLastAccessBodyTemplate = (rowData) => {
-        return getDateFromISOstring(rowData.last_access);
+        return getDateFromISOstring(rowData.lastLogin);
     };
 
     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" />;
     };
 
+    const nameBodyTemplate = (rowData) => {
+        return `${rowData.firstName} ${rowData.lastName}`
+    }
+
+    const roleBodyTemplate = (rowData) => {
+        return rowData.role.roleName;
+    }
+
     const statusBodyTemplate = (rowData) => {
         return <ProperBandoLabel status={rowData.status}/>;
     };
@@ -152,16 +166,21 @@ const AllUsersTable = () => {
                        header={header}
                        emptyMessage={__('Nessun dato disponibile', 'gepafin')}
                        onFilter={(e) => setFilters(e.filters)}>
-                <Column field="name" header={__('Nome utente', 'gepafin')} filter filterPlaceholder={__('Cerca il nome', 'gepafin')}
+                <Column field="name" header={__('Nome utente', 'gepafin')}
+                        body={nameBodyTemplate}
+                        filter filterPlaceholder={__('Cerca il nome', 'gepafin')}
                         style={{ minWidth: '12rem' }}/>
-                <Column field="email" header={__('Email', 'gepafin')} filter filterPlaceholder="Search by email"
+                <Column field="email" header={__('Email', 'gepafin')}
+                        filter filterPlaceholder="Search by email"
                         style={{ minWidth: '12rem' }}/>
                 <Column field="role" header={__('Ruolo', 'gepafin')}
+                        body={roleBodyTemplate}
                         style={{ minWidth: '12rem' }}/>
                 <Column field="status" header={__('Stato', 'gepafin')} filterMenuStyle={{ width: '14rem' }}
                         style={{ width: '120px' }} body={statusBodyTemplate} filter
                         filterElement={statusFilterTemplate}/>
-                <Column header={__('Ultimo accesso', 'gepafin')} filterField="last_access" dataType="date"
+                <Column header={__('Ultimo accesso', 'gepafin')} filterField="lastLogin"
+                        dataType="date"
                         style={{ minWidth: '10rem' }}
                         body={dateLastAccessBodyTemplate} filter filterElement={dateFilterTemplate}/>
                 <Column header={__('Azioni', 'gepafin')}
diff --git a/src/pages/Users/index.js b/src/pages/Users/index.js
index 4bd7509..75b7fdd 100644
--- a/src/pages/Users/index.js
+++ b/src/pages/Users/index.js
@@ -13,6 +13,7 @@ import set404FromErrorResponse from '../../helpers/set404FromErrorResponse';
 import { storeSet } from '../../store';
 import { klona } from 'klona';
 import { classNames } from 'primereact/utils';
+import { isEmail } from '../../helpers/validators';
 
 const Users = () => {
     const [isVisibleEditDialog, setIsVisibleEditDialog] = useState(false);
@@ -45,7 +46,10 @@ const Users = () => {
     }
 
     const saveEditDialog = () => {
-
+        const emptyValues = Object.values(newUserData).filter(v => isEmpty(v));
+        if (isEmpty(emptyValues)) {
+            console.log(newUserData)
+        }
     }
 
     const onChangeEditItem = (value, key) => {
@@ -129,12 +133,13 @@ const Users = () => {
                         <div className="appForm__field">
                             <label className={classNames({ 'p-error': isEmpty(newUserData.email) || isNil(newUserData.email) })}>{__('Email', 'gepafin')}*</label>
                             <InputText value={newUserData.email}
-                                       invalid={isEmpty(newUserData.email) || isNil(newUserData.email)}
+                                       invalid={isEmpty(newUserData.email) || isNil(newUserData.email) || !isEmail(newUserData.email)}
                                        onChange={(e) => onChangeEditItem(e.target.value, 'email')}/>
                         </div>
                         <div className="appForm__field">
                             <label className={classNames({ 'p-error': isEmpty(newUserData.phoneNumber) || isNil(newUserData.phoneNumber) })}>{__('Telefono', 'gepafin')}</label>
                             <InputText value={newUserData.phoneNumber}
+                                       keyfilter="int"
                                        invalid={isEmpty(newUserData.phoneNumber) || isNil(newUserData.phoneNumber)}
                                        onChange={(e) => onChangeEditItem(e.target.value, 'phoneNumber')}/>
                         </div>