- unblocked saving call form partially;

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

@@ -5,12 +5,13 @@ import { isNil } from 'ramda';
 // components
 import { Button } from 'primereact/button';
 
-const BandoEditFormActions = ({ id, openPreview, openPreviewEvaluation, status }) => {
+const BandoEditFormActions = ({ id, openPreview, openPreviewEvaluation, submitFn }) => {
     return (
         <div className="appPageSection">
             <div className="appPageSection__actions">
                 <Button
-                    type="submit"
+                    type="button"
+                    onClick={submitFn}
                     label={__('Salva bozza', 'gepafin')} icon="pi pi-save" iconPos="right"/>
                 <Button
                     type="button"

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

@@ -63,6 +63,27 @@ const BandoEditFormStep1 = forwardRef(function ({ initialData, getFormErrors, st
         }
     };
 
+    const onSaveDraft = () => {
+        const formData = getValues();
+        if (!isNil(formData.dates) && formData.dates.length) {
+            formData.dates = formData.dates.map(v => {
+                if (is(String, v)) {
+                    return v;
+                } else {
+                    const tzAwareDate = new TZDate(v, 'Europe/Berlin');
+                    return tzAwareDate.toISOString().substring(0, 19);
+                }
+            });
+        }
+
+        storeSet.main.setAsyncRequest();
+        if (!formData.id) {
+            BandoService.createBando(formData, createCallback, errCreateCallback);
+        } else {
+            BandoService.updateBandoStep1(formData.id, formData, createCallback, errCreateCallback);
+        }
+    }
+
     const createCallback = (data) => {
         storeSet.main.unsetAsyncRequest();
         if (data.status === 'SUCCESS') {
@@ -321,6 +342,7 @@ const BandoEditFormStep1 = forwardRef(function ({ initialData, getFormErrors, st
             <BandoEditFormActions
                 id={values.id}
                 status={status}
+                submitFn={onSaveDraft}
                 openPreview={openPreview}
                 openPreviewEvaluation={openPreviewEvaluation}/>
         </form>

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

@@ -67,6 +67,27 @@ const BandoEditFormStep2 = forwardRef(function ({ initialData, getFormErrors, st
         BandoService.updateBandoStep2(formData.id, forSubmit, createCallback, errCreateCallback);
     };
 
+    const onSaveDraft = () => {
+        const formData = getValues();
+        if (!isNil(formData.dates) && formData.dates.length) {
+            formData.dates = formData.dates.map(v => {
+                if (is(String, v)) {
+                    return v;
+                } else {
+                    const tzAwareDate = new TZDate(v, 'Europe/Berlin');
+                    return tzAwareDate.toISOString().substring(0, 19);
+                }
+            });
+        }
+
+        storeSet.main.setAsyncRequest();
+        if (!formData.id) {
+            BandoService.createBando(formData, createCallback, errCreateCallback);
+        } else {
+            BandoService.updateBandoStep1(formData.id, formData, createCallback, errCreateCallback);
+        }
+    }
+
     const createCallback = (data) => {
         storeSet.main.unsetAsyncRequest();
         if (data.status === 'SUCCESS') {
@@ -252,6 +273,7 @@ const BandoEditFormStep2 = forwardRef(function ({ initialData, getFormErrors, st
             <BandoEditFormActions
                 id={values.id}
                 status={status}
+                submitFn={onSaveDraft}
                 openPreview={openPreview}
                 openPreviewEvaluation={openPreviewEvaluation}/>
         </form>

src/pages/BandoEdit/index.js

@@ -47,7 +47,8 @@ const BandoEdit = () => {
                 //const values = formRef.current.getValues();
                 //const diffData = equal(values, data);
                 // TODO warn about unsaved data
-                if (isFormValid) {
+                goToStep(0);
+                /*if (isFormValid) {
                     goToStep(0)
                 } else {
                     bandoMsgs.current.show([
@@ -58,7 +59,7 @@ const BandoEdit = () => {
                             closable: true
                         }
                     ]);
-                }
+                }*/
             }
         },
         {
@@ -67,12 +68,14 @@ const BandoEdit = () => {
                 if (activeStep === 1) {
                     return false
                 }
+                console.log('11');
                 bandoMsgs.current.clear();
                 const isFormValid = formRef.current.isFormValid();
                 //const values = formRef.current.getValues();
                 //const diffData = equal(values, data);
                 // TODO warn about unsaved data
-                if (isFormValid) {
+                goToStep(1);
+                /*if (isFormValid) {
                     goToStep(1);
                 } else {
                     bandoMsgs.current.show([
@@ -83,7 +86,7 @@ const BandoEdit = () => {
                             closable: true
                         }
                     ]);
-                }
+                }*/
             }
         }
     ];
@@ -235,8 +238,7 @@ const BandoEdit = () => {
 
         if (bandoId === 0) {
             setData({
-                status: 'draft',
+                status: null
-                name: ''
             });
             storeSet.main.unsetAsyncRequest();
 
@@ -293,7 +295,7 @@ const BandoEdit = () => {
                 ? <Steps
                     model={stepItems}
                     activeIndex={activeStep}
-                    readOnly={false}/>
+                    readOnly={isNil(data.status)}/>
                 : null}
             <BlockingOverlay shouldDisplay={isAsyncRequest}/>
 

src/pages/Users/index.js

@@ -1,4 +1,4 @@
-import React, { useState } from 'react';
+import React, { useState, useEffect } from 'react';
 import { __ } from '@wordpress/i18n';
 import { isEmpty } from 'ramda';
 
@@ -6,13 +6,23 @@ import { isEmpty } from 'ramda';
 import AllUsersTable from './components/AllUsersTable';
 import { Button } from 'primereact/button';
 import { InputText } from 'primereact/inputtext';
-import { InputTextarea } from 'primereact/inputtextarea';
+import { Dropdown } from 'primereact/dropdown';
-import { InputSwitch } from 'primereact/inputswitch';
 import { Dialog } from 'primereact/dialog';
+import UserService from '../../service/user-service';
+import set404FromErrorResponse from '../../helpers/set404FromErrorResponse';
+import { storeSet } from '../../store';
+import { klona } from 'klona';
 
 const Users = () => {
     const [isVisibleEditDialog, setIsVisibleEditDialog] = useState(false);
-    const [newUserData, setNewUserData] = useState({});
+    const [newUserData, setNewUserData] = useState({
+        firstName: '',
+        lastName: '',
+        email: '',
+        phoneNumber: '',
+        role: ''
+    });
+    const [roles, setRoles] = useState([]);
 
     const onCreateNewUser = () => {
         setIsVisibleEditDialog(true);
@@ -24,7 +34,13 @@ const Users = () => {
 
     const hideEditDialog = () => {
         setIsVisibleEditDialog(false);
-        setNewUserData({});
+        setNewUserData({
+            firstName: '',
+            lastName: '',
+            email: '',
+            phoneNumber: '',
+            role: ''
+        });
     }
 
     const saveEditDialog = () => {
@@ -32,7 +48,9 @@ const Users = () => {
     }
 
     const onChangeEditItem = (value, key) => {
-
+        const userData = klona(newUserData);
+        userData[key] = value;
+        setNewUserData(userData);
     }
 
     const footerEditDialog = () => {
@@ -45,6 +63,28 @@ const Users = () => {
         </div>
     }
 
+    const getRolesCallback = (data) => {
+        if (data.status === 'SUCCESS') {
+            const roles = data.data.map(o => ({
+                name: o.roleName,
+                value: o.id
+            }));
+            setRoles(roles)
+        }
+        storeSet.main.unsetAsyncRequest();
+    }
+
+    const errGetRolesCallback = (data) => {
+        set404FromErrorResponse(data);
+        storeSet.main.unsetAsyncRequest();
+    }
+
+    useEffect(() => {
+        if (isVisibleEditDialog) {
+            UserService.getRoles(getRolesCallback, errGetRolesCallback)
+        }
+    }, [isVisibleEditDialog]);
+
     return(
         <div className="appPage">
             <div className="appPage__pageHeader">
@@ -64,24 +104,44 @@ const Users = () => {
 
                 <Dialog
                     visible={isVisibleEditDialog}
-                    modal header={headerEditDialog}
+                    modal
+                    header={headerEditDialog}
                     footer={footerEditDialog}
                     style={{ maxWidth: '600px', width: '100%' }}
                     onHide={hideEditDialog}>
                     <div className="appPage__spacer"></div>
+                    <div className="appForm__cols">
                         <div className="appForm__field">
-                        <label>{__('Nome', 'gepafin')}</label>
+                            <label>{__('Nome', 'gepafin')}*</label>
-                        <InputText value={''} onChange={(e) => onChangeEditItem(e.target.value, 'firstName')}/>
+                            <InputText value={newUserData.firstName}
+                                       onChange={(e) => onChangeEditItem(e.target.value, 'firstName')}/>
                         </div>
                         <div className="appForm__field">
-                        <label>{__('Cognome', 'gepafin')}</label>
+                            <label>{__('Cognome', 'gepafin')}*</label>
-                        <InputText value={''} onChange={(e) => onChangeEditItem(e.target.value, 'lastName')}/>
+                            <InputText value={newUserData.lastName}
+                                       onChange={(e) => onChangeEditItem(e.target.value, 'lastName')}/>
+                        </div>
+                    </div>
+                    <div className="appForm__cols">
+                        <div className="appForm__field">
+                            <label>{__('Email', 'gepafin')}*</label>
+                            <InputText value={newUserData.email}
+                                       onChange={(e) => onChangeEditItem(e.target.value, 'email')}/>
                         </div>
                         <div className="appForm__field">
-                        <label>{__('Risposta', 'gepafin')}</label>
+                            <label>{__('Telefono', 'gepafin')}</label>
-                        <InputTextarea value={''} onChange={(e) => onChangeEditItem(e.target.value, 'response')}
+                            <InputText value={newUserData.phoneNumber}
-                                       rows={5}
+                                       onChange={(e) => onChangeEditItem(e.target.value, 'phoneNumber')}/>
-                                       cols={30}/>
+                        </div>
+                    </div>
+                    <div className="appForm__field">
+                        <label>{__('Ruolo', 'gepafin')}</label>
+                        <Dropdown
+                            value={newUserData.role}
+                            onChange={(e) => onChangeEditItem(e.value, 'role')}
+                            options={roles}
+                            optionLabel="name"
+                            optionValue="value"/>
                     </div>
                     <div className="appPage__spacer"></div>
                 </Dialog>

src/service/user-service.js

@@ -7,4 +7,8 @@ export default class UserService {
     static updateUser = (id, body, callback, errCallback) => {
         NetworkService.put(`${API_BASE_URL}/user/${id}`, body, callback, errCallback);
     };
+
+    static getRoles = (callback, errCallback) => {
+        NetworkService.get(`${API_BASE_URL}/role`, callback, errCallback);
+    };
 }