Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Vcp 8-9 frontend #25

Merged
merged 4 commits into from
Oct 12, 2023
Merged

Vcp 8-9 frontend #25

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
2e9b081
add frontend for VCP-8-9
Mohamed-Khaled308 Oct 10, 2023
2b22cde
VCP-8-9 frontend
Mohamed-Khaled308 Oct 11, 2023
f9d6341
fix style error
Mohamed-Khaled308 Oct 11, 2023
6bd86f0
Merge branch 'main' into VCP-9
YehiaFarghaly Oct 12, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
196 changes: 102 additions & 94 deletions client/src/layout/MainLayout/Sidebar/MenuList/menu-items/pages.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,94 +1,102 @@
// assets
import {
IconKey,
IconVaccineBottle,
IconEmergencyBed,
IconStethoscope,
} from '@tabler/icons';
import AdminPanelSettingsOutlinedIcon from '@mui/icons-material/AdminPanelSettingsOutlined';
import TodayIcon from '@mui/icons-material/Today';
// constant
const icons = {
IconKey,
IconVaccineBottle,
AdminPanelSettingsOutlinedIcon,
IconEmergencyBed,
IconStethoscope,
TodayIcon,
};

// ==============================|| EXTRA PAGES MENU ITEMS ||============================== //

const pages = {
id: 'pages',
title: 'Pages',
caption: 'Pages Caption',
type: 'group',
children: [
{
id: 'authentication',
title: 'page',
type: 'collapse',
icon: icons.IconKey,

children: [
{
id: 'login3',
title: 'subPage',
type: 'item',
url: '/pages/login/login3',
target: true,
},
{
id: 'register3',
title: 'subPage',
type: 'item',
url: '/pages/register/register3',
target: true,
},
],
},
{
id: 'medicines',
title: 'Medicines',
type: 'item',
icon: icons.IconVaccineBottle,
url: '/pages/medicines',
target: false,
},
{
id: 'admins',
title: 'Admins',
type: 'item',
icon: icons.AdminPanelSettingsOutlinedIcon,
url: '/pages/admins',
target: false,
},
{
id: 'patients',
title: 'Patients',
type: 'item',
icon: icons.IconEmergencyBed,
url: '/pages/patients',
target: false,
},
{
id: 'doctors',
title: 'Doctors',
type: 'item',
icon: icons.IconStethoscope,
url: '/pages/doctors',
target: false,
},
{
id: 'appointments',
title: 'Appointments',
type: 'item',
icon: icons.TodayIcon,
url: '/pages/appointments',
target: false,
},
],
};

export default pages;
// assets
import {
IconKey,
IconVaccineBottle,
IconEmergencyBed,
IconStethoscope,
} from '@tabler/icons';
import AdminPanelSettingsOutlinedIcon from '@mui/icons-material/AdminPanelSettingsOutlined';
import FamilyRestroomIcon from '@mui/icons-material/FamilyRestroom';
// constant
const icons = {
IconKey,
IconVaccineBottle,
AdminPanelSettingsOutlinedIcon,
IconEmergencyBed,
IconStethoscope,
FamilyRestroomIcon,
};

// ==============================|| EXTRA PAGES MENU ITEMS ||============================== //

const pages = {
id: 'pages',
title: 'Pages',
caption: 'Pages Caption',
type: 'group',
children: [
{
id: 'authentication',
title: 'page',
type: 'collapse',
icon: icons.IconKey,

children: [
{
id: 'login3',
title: 'subPage',
type: 'item',
url: '/pages/login/login3',
target: true,
},
{
id: 'register3',
title: 'subPage',
type: 'item',
url: '/pages/register/register3',
target: true,
},
],
},
{
id: 'medicines',
title: 'Medicines',
type: 'item',
icon: icons.IconVaccineBottle,
url: '/pages/medicines',
target: false,
},
{
id: 'admins',
title: 'Admins',
type: 'item',
icon: icons.AdminPanelSettingsOutlinedIcon,
url: '/pages/admins',
target: false,
},
{
id: 'patients',
title: 'Patients',
type: 'item',
icon: icons.IconEmergencyBed,
url: '/pages/patients',
target: false,
},
{
id: 'doctors',
title: 'Doctors',
type: 'item',
icon: icons.IconStethoscope,
url: '/pages/doctors',
target: false,
},
{
id: 'family-members',
title: 'Family Members',
type: 'item',
icon: icons.FamilyRestroomIcon,
url: '/pages/family-members',
target: false,
},
{
id: 'appointments',
title: 'Appointments',
type: 'item',
icon: icons.TodayIcon,
url: '/pages/appointments',
target: false,
},
],
};

export default pages;
169 changes: 169 additions & 0 deletions client/src/pages/family-member/AddFamilyMember.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,169 @@
import {
Dialog,
DialogContent,
DialogTitle,
DialogActions,
TextField,
MenuItem,
Button,
FormControl,
} from '@mui/material';
import axios from 'axios';
import { useState } from 'react';

const genders = ['MALE', 'FEMALE'];
const relations = ['HUSBAND', 'WIFE', 'CHILD'];

const AddFamilyMember = ({
setFamilyMembers,
isOpen,
setIsOpen,
newMember,
handleFormInputChange,
userNameError,
setUserNameError,
}) => {
const [error, setError] = useState(null);
const userId = '65256ddfbe76d9d70f92d287';
const handleSubmit = (e) => {
e.preventDefault();
newMember.gender = newMember.gender.toUpperCase();
newMember.relation = newMember.relation.toUpperCase();
axios
.patch('http://localhost:8002/family-members/' + userId, newMember)
.then((data) => {
setIsOpen(false);
setFamilyMembers(data.data.familyMembers);
})
.catch((err) => {
if (err.response.data.message === 'username not found') {
setError(err.response.data);
setUserNameError(true);
}
console.log(err);
});
};

return (
<div>
<Dialog open={isOpen} onClose={setIsOpen}>
<DialogTitle variant='h3'>Add Family Member</DialogTitle>
<DialogContent>
<form autoComplete='off' onSubmit={handleSubmit}>
<FormControl required fullWidth>
<TextField
label='Name'
name='name'
variant='outlined'
required
fullWidth
value={newMember.name}
sx={{ marginTop: 5 }}
onChange={handleFormInputChange}
/>
</FormControl>
<FormControl required fullWidth>
<TextField
label='Username'
name='userName'
variant='outlined'
required
fullWidth
error={userNameError}
helperText={userNameError ? error.message : ''}
value={newMember.userName}
sx={{ marginTop: 5 }}
onChange={(e) => {
setUserNameError(false);
handleFormInputChange(e);
}}
/>
</FormControl>
<FormControl required fullWidth>
<TextField
label='National ID'
name='nationalId'
variant='outlined'
required
fullWidth
value={newMember.nationalId}
sx={{ marginTop: 5 }}
onChange={handleFormInputChange}
/>
</FormControl>
<FormControl required fullWidth>
<TextField
label='Age'
name='age'
type='Number'
variant='outlined'
required
fullWidth
value={newMember.age}
sx={{ marginTop: 5 }}
onChange={handleFormInputChange}
/>
</FormControl>
<FormControl required fullWidth>
<TextField
label='Gender'
name='gender'
variant='outlined'
required
fullWidth
select
defaultValue='Child'
value={newMember.gender}
sx={{ marginTop: 5 }}
onChange={handleFormInputChange}
>
{genders.map((option) => (
<MenuItem key={option} value={option}>
{option}
</MenuItem>
))}
</TextField>
</FormControl>
<FormControl required fullWidth>
<TextField
label='Relation'
name='relation'
variant='outlined'
required
fullWidth
select
value={newMember.relation}
sx={{ marginTop: 5 }}
onChange={handleFormInputChange}
>
{relations.map((option) => (
<MenuItem key={option} value={option}>
{option}
</MenuItem>
))}
</TextField>
</FormControl>
<DialogActions>
<Button
variant='contained'
onClick={() => setIsOpen(false)}
color='secondary'
>
Cancel
</Button>
<Button
variant='contained'
type='submit'
color='primary'
>
Submit
</Button>
</DialogActions>
</form>
</DialogContent>
</Dialog>
</div>
);
};

export default AddFamilyMember;
Loading
Loading