- added page 'manage users';

- changed field type for 'reuqested documents'; - added disable state logic for 'edit form' btn for unsaved call;
2024-09-30 09:53:12 +02:00
parent 4be858ca74
commit 8ee159824f
9 changed files with 141 additions and 69 deletions
--- a/src/pages/Users/index.js
+++ b/src/pages/Users/index.js
@@ -0,0 +1,93 @@
+import React, { useState } from 'react';
+import { __ } from '@wordpress/i18n';
+import { isEmpty } from 'ramda';
+
+// components
+import AllUsersTable from './components/AllUsersTable';
+import { Button } from 'primereact/button';
+import { InputText } from 'primereact/inputtext';
+import { InputTextarea } from 'primereact/inputtextarea';
+import { InputSwitch } from 'primereact/inputswitch';
+import { Dialog } from 'primereact/dialog';
+
+const Users = () => {
+    const [isVisibleEditDialog, setIsVisibleEditDialog] = useState(false);
+    const [newUserData, setNewUserData] = useState({});
+
+    const onCreateNewUser = () => {
+        setIsVisibleEditDialog(true);
+    }
+
+    const headerEditDialog = () => {
+        return <span>{__('Aggiungi utente', 'gepafin')}</span>
+    }
+
+    const hideEditDialog = () => {
+        setIsVisibleEditDialog(false);
+        setNewUserData({});
+    }
+
+    const saveEditDialog = () => {
+
+    }
+
+    const onChangeEditItem = (value, key) => {
+
+    }
+
+    const footerEditDialog = () => {
+        return <div>
+            <Button type="button" label={__('Anulla', 'gepafin')} onClick={hideEditDialog} outlined/>
+            <Button
+                type="button"
+                disabled={isEmpty(newUserData)}
+                label={__('Salva', 'gepafin')} onClick={saveEditDialog}/>
+        </div>
+    }
+
+    return(
+        <div className="appPage">
+            <div className="appPage__pageHeader">
+                <h1>{__('Gestione utenti', 'gepafin')}</h1>
+            </div>
+
+            <div className="appPage__spacer"></div>
+
+            <div className="appPageSection">
+                <div className="appPageSection__actions">
+                    <Button
+                        onClick={onCreateNewUser}
+                        label={__('Crea nuovo')} icon="pi pi-plus" iconPos="right"/>
+                </div>
+
+                <AllUsersTable doRefresh={true}/>
+
+                <Dialog
+                    visible={isVisibleEditDialog}
+                    modal header={headerEditDialog}
+                    footer={footerEditDialog}
+                    style={{ maxWidth: '600px', width: '100%' }}
+                    onHide={hideEditDialog}>
+                    <div className="appPage__spacer"></div>
+                    <div className="appForm__field">
+                        <label>{__('Nome', 'gepafin')}</label>
+                        <InputText value={''} onChange={(e) => onChangeEditItem(e.target.value, 'firstName')}/>
+                    </div>
+                    <div className="appForm__field">
+                        <label>{__('Cognome', 'gepafin')}</label>
+                        <InputText value={''} onChange={(e) => onChangeEditItem(e.target.value, 'lastName')}/>
+                    </div>
+                    <div className="appForm__field">
+                        <label>{__('Risposta', 'gepafin')}</label>
+                        <InputTextarea value={''} onChange={(e) => onChangeEditItem(e.target.value, 'response')}
+                                       rows={5}
+                                       cols={30}/>
+                    </div>
+                    <div className="appPage__spacer"></div>
+                </Dialog>
+            </div>
+        </div>
+    )
+}
+
+export default Users;