Merge pull request 'Added image marker values to json data' (#5) from feature/view-patient-data into develop
Reviewed-on: #5
This commit is contained in:
commit
463fc03153
@ -1,11 +1,11 @@
|
||||
import React, { useEffect, useState } from 'react'
|
||||
import React, { useEffect, useState } from 'react';
|
||||
import ImageMarker, { Marker } from 'react-image-marker';
|
||||
|
||||
import humanImage from '../../Assets/human_body_3d.jpg';
|
||||
import './PatientImageMarker.css'
|
||||
import './PatientImageMarker.css';
|
||||
import Rating from './Rating';
|
||||
|
||||
type Props = {}
|
||||
type Props = {};
|
||||
|
||||
const ViewPatientImageMarker = (props: Props) => {
|
||||
const saved = JSON.parse(localStorage.getItem('entry') || '{}');
|
||||
@ -16,7 +16,12 @@ const ViewPatientImageMarker = (props: Props) => {
|
||||
{saved.entries?.map((entry: any, index: number) => (
|
||||
<div className='ratingResult' key={index}>
|
||||
<span className='image-marker__marker--default'>{entry.index}</span>
|
||||
<Rating index={entry.index} defaultValue={entry.severity} onUpdate={() => {}} disabled/>
|
||||
<Rating
|
||||
index={entry.index}
|
||||
defaultValue={entry.severity}
|
||||
onUpdate={() => {}}
|
||||
disabled
|
||||
/>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
@ -24,7 +29,7 @@ const ViewPatientImageMarker = (props: Props) => {
|
||||
<ImageMarker src={humanImage} markers={saved.markers ?? []} />
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
);
|
||||
};
|
||||
|
||||
export default ViewPatientImageMarker;
|
||||
@ -1,9 +1,20 @@
|
||||
import * as React from 'react';
|
||||
import Typography from '@mui/material/Typography';
|
||||
import ExpandMoreIcon from '@mui/icons-material/ExpandMore';
|
||||
import Footer from "../Footer";
|
||||
import Header from "../Header";
|
||||
import {Button, Checkbox, FormControlLabel, FormGroup, FormLabel, Grid, Paper, Radio, RadioGroup, TextField } from '@mui/material';
|
||||
import Footer from '../Footer';
|
||||
import Header from '../Header';
|
||||
import {
|
||||
Button,
|
||||
Checkbox,
|
||||
FormControlLabel,
|
||||
FormGroup,
|
||||
FormLabel,
|
||||
Grid,
|
||||
Paper,
|
||||
Radio,
|
||||
RadioGroup,
|
||||
TextField,
|
||||
} from '@mui/material';
|
||||
import PersonalSection from './PersonalSection1';
|
||||
import { styled } from '@mui/material/styles';
|
||||
import ArrowForwardIosSharpIcon from '@mui/icons-material/ArrowForwardIosSharp';
|
||||
@ -23,9 +34,9 @@ import PatientImageMarker from '../ImageMarker/PatientImageMarker';
|
||||
import ViewPatientImageMarker from '../ImageMarker/ViewPatientImageMarker';
|
||||
import AlertDialog from '../Helper/AlertDialogBox';
|
||||
|
||||
const Accordion = styled((props: AccordionProps) => (
|
||||
const Accordion = styled((props: AccordionProps) => (
|
||||
<MuiAccordion disableGutters elevation={0} square {...props} />
|
||||
))(({ theme }) => ({
|
||||
))(({ theme }) => ({
|
||||
border: `1px solid ${theme.palette.divider}`,
|
||||
'&:not(:last-child)': {
|
||||
borderBottom: 0,
|
||||
@ -33,14 +44,14 @@ import AlertDialog from '../Helper/AlertDialogBox';
|
||||
'&:before': {
|
||||
display: 'none',
|
||||
},
|
||||
}));
|
||||
}));
|
||||
|
||||
const AccordionSummary = styled((props: AccordionSummaryProps) => (
|
||||
const AccordionSummary = styled((props: AccordionSummaryProps) => (
|
||||
<MuiAccordionSummary
|
||||
expandIcon={<ArrowForwardIosSharpIcon sx={{ fontSize: '0.9rem' }} />}
|
||||
{...props}
|
||||
/>
|
||||
))(({ theme }) => ({
|
||||
))(({ theme }) => ({
|
||||
backgroundColor:
|
||||
theme.palette.mode === 'dark'
|
||||
? 'rgba(255, 255, 255, .05)'
|
||||
@ -52,22 +63,22 @@ import AlertDialog from '../Helper/AlertDialogBox';
|
||||
'& .MuiAccordionSummary-content': {
|
||||
marginLeft: theme.spacing(1),
|
||||
},
|
||||
}));
|
||||
}));
|
||||
|
||||
const AccordionDetails = styled(MuiAccordionDetails)(({ theme }) => ({
|
||||
const AccordionDetails = styled(MuiAccordionDetails)(({ theme }) => ({
|
||||
padding: theme.spacing(2),
|
||||
borderTop: '1px solid rgba(0, 0, 0, .125)',
|
||||
}));
|
||||
}));
|
||||
|
||||
type Props={
|
||||
type:any;
|
||||
}
|
||||
type Props = {
|
||||
type: any;
|
||||
};
|
||||
|
||||
export default function PatientForm({type}:Props){
|
||||
export default function PatientForm({ type }: Props) {
|
||||
const [alertProps, setAlertProps] = React.useState<any>({});
|
||||
const [expanded, setExpanded] = React.useState<string | false>('panel1');
|
||||
const [isChecked, setIsChecked] = React.useState(false);
|
||||
const [signature,setSignature]=React.useState('');
|
||||
const [signature, setSignature] = React.useState('');
|
||||
const [section1Data, setSection1Data] = React.useState<any>({});
|
||||
const [section2Data, setSection2Data] = React.useState<any>({});
|
||||
const [section3Data, setSection3Data] = React.useState<any>({});
|
||||
@ -79,19 +90,19 @@ export default function PatientForm({type}:Props){
|
||||
const [allPatientData, setAllPatientData] = React.useState<any>([]);
|
||||
|
||||
const handleFormSection1Data = (
|
||||
fullName?: string|undefined,
|
||||
homePhone?: string|undefined,
|
||||
cellPhone?: string|undefined,
|
||||
email?: string|undefined,
|
||||
age?: number|undefined|string,
|
||||
dateOfBirth?: string|undefined,
|
||||
socialSecurityNumber?: string|undefined,
|
||||
mailingAddress?: string|undefined,
|
||||
city?: string|undefined,
|
||||
state?: string|undefined,
|
||||
zipCode?: string|undefined,
|
||||
gender?: string|undefined,
|
||||
) =>{
|
||||
fullName?: string | undefined,
|
||||
homePhone?: string | undefined,
|
||||
cellPhone?: string | undefined,
|
||||
email?: string | undefined,
|
||||
age?: number | undefined | string,
|
||||
dateOfBirth?: string | undefined,
|
||||
socialSecurityNumber?: string | undefined,
|
||||
mailingAddress?: string | undefined,
|
||||
city?: string | undefined,
|
||||
state?: string | undefined,
|
||||
zipCode?: string | undefined,
|
||||
gender?: string | undefined
|
||||
) => {
|
||||
setSection1Data({
|
||||
fullName,
|
||||
homePhone,
|
||||
@ -105,8 +116,8 @@ export default function PatientForm({type}:Props){
|
||||
state,
|
||||
zipCode,
|
||||
gender,
|
||||
})
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
const handleFormSection2Data = (
|
||||
maritalStatus: string | undefined,
|
||||
@ -120,8 +131,8 @@ export default function PatientForm({type}:Props){
|
||||
spouseBusinessPhone: string | undefined,
|
||||
emergencyContact: string | undefined,
|
||||
relationship: string | undefined,
|
||||
spousePhone: string | undefined,
|
||||
) =>{
|
||||
spousePhone: string | undefined
|
||||
) => {
|
||||
setSection2Data({
|
||||
maritalStatus,
|
||||
numberOfChildren,
|
||||
@ -135,22 +146,22 @@ export default function PatientForm({type}:Props){
|
||||
emergencyContact,
|
||||
relationship,
|
||||
spousePhone,
|
||||
})
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
const handleFormSection3Data = (
|
||||
physicianname: string |undefined,
|
||||
physiciancity: string |undefined,
|
||||
physicianstate: string |undefined,
|
||||
physicianphone: string |undefined,
|
||||
chiropractorName: string |undefined,
|
||||
chiropractorState: string |undefined,
|
||||
xray: string|undefined,
|
||||
haveChiropractor: string|undefined,
|
||||
reference: string|undefined,
|
||||
visitDetails: string |undefined,
|
||||
cellPhoneProvider: string |undefined,
|
||||
) =>{
|
||||
physicianname: string | undefined,
|
||||
physiciancity: string | undefined,
|
||||
physicianstate: string | undefined,
|
||||
physicianphone: string | undefined,
|
||||
chiropractorName: string | undefined,
|
||||
chiropractorState: string | undefined,
|
||||
xray: string | undefined,
|
||||
haveChiropractor: string | undefined,
|
||||
reference: string | undefined,
|
||||
visitDetails: string | undefined,
|
||||
cellPhoneProvider: string | undefined
|
||||
) => {
|
||||
setSection3Data({
|
||||
physicianname,
|
||||
physiciancity,
|
||||
@ -163,21 +174,21 @@ export default function PatientForm({type}:Props){
|
||||
reference,
|
||||
visitDetails,
|
||||
cellPhoneProvider,
|
||||
})
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
const handleFormSection4Data = (
|
||||
chiefComplaint:string|undefined,
|
||||
chiefComplaint: string | undefined,
|
||||
painWorse: any,
|
||||
painBetter: any,
|
||||
painQuality: any,
|
||||
painWorstTime: any,
|
||||
currentComplaintIssues: any,
|
||||
painDuration: string|undefined,
|
||||
currentTreatment: string|undefined,
|
||||
treatmentGoal: string|undefined,
|
||||
selfTreatment:string|undefined,
|
||||
) =>{
|
||||
painDuration: string | undefined,
|
||||
currentTreatment: string | undefined,
|
||||
treatmentGoal: string | undefined,
|
||||
selfTreatment: string | undefined
|
||||
) => {
|
||||
setSection4Data({
|
||||
chiefComplaint,
|
||||
painWorse,
|
||||
@ -189,23 +200,23 @@ export default function PatientForm({type}:Props){
|
||||
currentTreatment,
|
||||
treatmentGoal,
|
||||
selfTreatment,
|
||||
})
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
const handleFormSection5Data = (
|
||||
generalHealth: string|undefined,
|
||||
presentProblemBefore: string|undefined,
|
||||
ifYespresentProblemBefore:string|undefined,
|
||||
ifYestreatmentProvided: string|undefined,
|
||||
ifYesOutcome: string|undefined,
|
||||
strokeBloodclotting: string|undefined,
|
||||
ifYesstrokeBloodclotting: string|undefined,
|
||||
dizzinessFetigue: string|undefined,
|
||||
ifyesdizzinessFetigue: string|undefined,
|
||||
antiColligent: string|undefined,
|
||||
injuriesHospitalization: string|undefined,
|
||||
supplementsOrDrugs: string|undefined,
|
||||
) =>{
|
||||
generalHealth: string | undefined,
|
||||
presentProblemBefore: string | undefined,
|
||||
ifYespresentProblemBefore: string | undefined,
|
||||
ifYestreatmentProvided: string | undefined,
|
||||
ifYesOutcome: string | undefined,
|
||||
strokeBloodclotting: string | undefined,
|
||||
ifYesstrokeBloodclotting: string | undefined,
|
||||
dizzinessFetigue: string | undefined,
|
||||
ifyesdizzinessFetigue: string | undefined,
|
||||
antiColligent: string | undefined,
|
||||
injuriesHospitalization: string | undefined,
|
||||
supplementsOrDrugs: string | undefined
|
||||
) => {
|
||||
setSection5Data({
|
||||
generalHealth,
|
||||
presentProblemBefore,
|
||||
@ -219,28 +230,28 @@ export default function PatientForm({type}:Props){
|
||||
antiColligent,
|
||||
injuriesHospitalization,
|
||||
supplementsOrDrugs,
|
||||
})
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
const handleFormSection6Data = (
|
||||
eyes: string|undefined,
|
||||
IntestinesBowls: string|undefined,
|
||||
jointsBones:string|undefined,
|
||||
allergies: string|undefined,
|
||||
earsNoseMouth: string|undefined,
|
||||
urinary: string|undefined,
|
||||
skin: string|undefined,
|
||||
psychological: string|undefined,
|
||||
heart: string|undefined,
|
||||
muscles: string|undefined,
|
||||
internalOrgans: string|undefined,
|
||||
gynecological: string|undefined,
|
||||
lungsBreathing: string|undefined,
|
||||
nerves: string|undefined,
|
||||
blood: string|undefined,
|
||||
prostate: string|undefined,
|
||||
explanation:string|undefined,
|
||||
) =>{
|
||||
eyes: string | undefined,
|
||||
IntestinesBowls: string | undefined,
|
||||
jointsBones: string | undefined,
|
||||
allergies: string | undefined,
|
||||
earsNoseMouth: string | undefined,
|
||||
urinary: string | undefined,
|
||||
skin: string | undefined,
|
||||
psychological: string | undefined,
|
||||
heart: string | undefined,
|
||||
muscles: string | undefined,
|
||||
internalOrgans: string | undefined,
|
||||
gynecological: string | undefined,
|
||||
lungsBreathing: string | undefined,
|
||||
nerves: string | undefined,
|
||||
blood: string | undefined,
|
||||
prostate: string | undefined,
|
||||
explanation: string | undefined
|
||||
) => {
|
||||
setSection6Data({
|
||||
eyes,
|
||||
IntestinesBowls,
|
||||
@ -259,30 +270,29 @@ export default function PatientForm({type}:Props){
|
||||
blood,
|
||||
prostate,
|
||||
explanation,
|
||||
})
|
||||
}
|
||||
|
||||
});
|
||||
};
|
||||
|
||||
const handleFormSection7Data = (
|
||||
hobbies: string|undefined,
|
||||
educationLevel: string|undefined,
|
||||
excercise: string|undefined,
|
||||
excerciseExplanation: string|undefined,
|
||||
tobacco: string|undefined,
|
||||
tobaccoExplanation: string|undefined,
|
||||
alcohol: string|undefined,
|
||||
alcoholExplanation: string|undefined,
|
||||
healthyDiet: string|undefined,
|
||||
healthyDietExplanation: string|undefined,
|
||||
sleep: string|undefined,
|
||||
sleepExplanation: string|undefined,
|
||||
workSchool: string|undefined,
|
||||
workSchoolExplanation: string|undefined,
|
||||
familyLife: string|undefined,
|
||||
familyLifeExplanation: string|undefined,
|
||||
drugs: string|undefined,
|
||||
drugsExplanation:string|undefined,
|
||||
) =>{
|
||||
hobbies: string | undefined,
|
||||
educationLevel: string | undefined,
|
||||
excercise: string | undefined,
|
||||
excerciseExplanation: string | undefined,
|
||||
tobacco: string | undefined,
|
||||
tobaccoExplanation: string | undefined,
|
||||
alcohol: string | undefined,
|
||||
alcoholExplanation: string | undefined,
|
||||
healthyDiet: string | undefined,
|
||||
healthyDietExplanation: string | undefined,
|
||||
sleep: string | undefined,
|
||||
sleepExplanation: string | undefined,
|
||||
workSchool: string | undefined,
|
||||
workSchoolExplanation: string | undefined,
|
||||
familyLife: string | undefined,
|
||||
familyLifeExplanation: string | undefined,
|
||||
drugs: string | undefined,
|
||||
drugsExplanation: string | undefined
|
||||
) => {
|
||||
setSection7Data({
|
||||
hobbies,
|
||||
educationLevel,
|
||||
@ -302,18 +312,18 @@ export default function PatientForm({type}:Props){
|
||||
familyLifeExplanation,
|
||||
drugs,
|
||||
drugsExplanation,
|
||||
})
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
const handleFormSection8Data = (
|
||||
familyHistory: string|undefined,
|
||||
sleep: string|undefined,
|
||||
pillow: string|undefined,
|
||||
orthotics: string|undefined,
|
||||
familyHistory: string | undefined,
|
||||
sleep: string | undefined,
|
||||
pillow: string | undefined,
|
||||
orthotics: string | undefined,
|
||||
brestExam: any,
|
||||
pregnancy: string|undefined,
|
||||
menstralCycle: any,
|
||||
) =>{
|
||||
pregnancy: string | undefined,
|
||||
menstralCycle: any
|
||||
) => {
|
||||
setSection8Data({
|
||||
familyHistory,
|
||||
sleep,
|
||||
@ -322,10 +332,11 @@ export default function PatientForm({type}:Props){
|
||||
brestExam,
|
||||
pregnancy,
|
||||
menstralCycle,
|
||||
})
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
const handleSubmit = () => {
|
||||
const saved = JSON.parse(localStorage.getItem('entry') || '{}');
|
||||
const newPatientData = {
|
||||
personalInformation: section1Data,
|
||||
familyInformation: section2Data,
|
||||
@ -335,6 +346,7 @@ export default function PatientForm({type}:Props){
|
||||
systemReviewQuestions: section6Data,
|
||||
recreationalActivities: section7Data,
|
||||
otherDetails: section8Data,
|
||||
injuryPainDetails: saved.entries,
|
||||
};
|
||||
|
||||
// Create a copy of the existing data array and push the new patient data
|
||||
@ -346,13 +358,19 @@ export default function PatientForm({type}:Props){
|
||||
localStorage.setItem('patientData', JSON.stringify(newPatientData));
|
||||
|
||||
if (
|
||||
section1Data.fullName !== "" && section1Data.cellPhone &&
|
||||
/^\d{10}$/.test(section1Data.cellPhone) && section1Data.email &&
|
||||
/^\S+@\S+\.\S+$/.test(section1Data.email) && section1Data.age &&
|
||||
section1Data.age !== "" && Number(section1Data.age) >= 0 && section1Data.mailingAddress &&
|
||||
section1Data.mailingAddress !== "" ){
|
||||
section1Data.fullName !== '' &&
|
||||
section1Data.cellPhone &&
|
||||
/^\d{10}$/.test(section1Data.cellPhone) &&
|
||||
section1Data.email &&
|
||||
/^\S+@\S+\.\S+$/.test(section1Data.email) &&
|
||||
section1Data.age &&
|
||||
section1Data.age !== '' &&
|
||||
Number(section1Data.age) >= 0 &&
|
||||
section1Data.mailingAddress &&
|
||||
section1Data.mailingAddress !== ''
|
||||
) {
|
||||
TextFile();
|
||||
}else{
|
||||
} else {
|
||||
setAlertProps({
|
||||
open: true,
|
||||
severity: 'error',
|
||||
@ -363,22 +381,23 @@ export default function PatientForm({type}:Props){
|
||||
};
|
||||
|
||||
const TextFile = () => {
|
||||
const element = document.createElement("a");
|
||||
const element = document.createElement('a');
|
||||
//@ts-ignore
|
||||
const textFile = new Blob([localStorage.getItem('patientData')], {type: 'text/json'});
|
||||
const textFile = new Blob([localStorage.getItem('patientData')], {
|
||||
type: 'text/json',
|
||||
});
|
||||
element.href = URL.createObjectURL(textFile);
|
||||
element.download = "patientData.json";
|
||||
element.download = 'patientData.json';
|
||||
document.body.appendChild(element);
|
||||
element.click();
|
||||
}
|
||||
|
||||
};
|
||||
|
||||
const handleExpandChange =
|
||||
(panel: string) => (event: React.SyntheticEvent, newExpanded: boolean) => {
|
||||
setExpanded(newExpanded ? panel : false);
|
||||
};
|
||||
|
||||
const handleCheckboxChange = (event:any) => {
|
||||
const handleCheckboxChange = (event: any) => {
|
||||
setIsChecked(event.target.checked);
|
||||
};
|
||||
|
||||
@ -386,12 +405,14 @@ export default function PatientForm({type}:Props){
|
||||
setAlertProps({});
|
||||
};
|
||||
|
||||
//@ts-ignore
|
||||
const patientData = localStorage.getItem('patientData') ? JSON.parse(localStorage.getItem('patientData')) : [];
|
||||
const patientData = localStorage.getItem('patientData')
|
||||
? //@ts-ignore
|
||||
JSON.parse(localStorage.getItem('patientData'))
|
||||
: [];
|
||||
|
||||
console.log("dfsdfdsf",patientData)
|
||||
console.log('dfsdfdsf', patientData);
|
||||
|
||||
return(
|
||||
return (
|
||||
<>
|
||||
{alertProps && alertProps.open && (
|
||||
<AlertDialog
|
||||
@ -403,21 +424,25 @@ export default function PatientForm({type}:Props){
|
||||
/>
|
||||
)}
|
||||
<Paper elevation={0} className='app-screen-constants'>
|
||||
<Header/>
|
||||
<Paper elevation={0} sx={{margin:4, minHeight:550}} >
|
||||
<Header />
|
||||
<Paper elevation={0} sx={{ margin: 4, minHeight: 550 }}>
|
||||
{/* <form onSubmit={handleSubmit}> */}
|
||||
<Typography sx={{fontSize:20}} gutterBottom>
|
||||
<Typography sx={{ fontSize: 20 }} gutterBottom>
|
||||
Confidential Patient Information
|
||||
</Typography>
|
||||
<Grid>
|
||||
<Accordion expanded={expanded === 'panel1'} onChange={handleExpandChange('panel1')}>
|
||||
|
||||
<Accordion
|
||||
expanded={expanded === 'panel1'}
|
||||
onChange={handleExpandChange('panel1')}
|
||||
>
|
||||
<AccordionSummary
|
||||
expandIcon={<ExpandMoreIcon />}
|
||||
aria-controls="panel1a-content"
|
||||
id="panel1a-header"
|
||||
aria-controls='panel1a-content'
|
||||
id='panel1a-header'
|
||||
>
|
||||
<Typography sx={{fontSize:18}}>Patient's Personal Information</Typography>
|
||||
<Typography sx={{ fontSize: 18 }}>
|
||||
Patient's Personal Information
|
||||
</Typography>
|
||||
</AccordionSummary>
|
||||
|
||||
<AccordionDetails>
|
||||
@ -425,15 +450,21 @@ export default function PatientForm({type}:Props){
|
||||
handleFormSection1Data={handleFormSection1Data}
|
||||
patientDataDiplay={patientData.personalInformation}
|
||||
type={type}
|
||||
|
||||
/>
|
||||
</AccordionDetails>
|
||||
|
||||
</Accordion>
|
||||
|
||||
<Accordion expanded={expanded === 'panel2'} onChange={handleExpandChange('panel2')}>
|
||||
<AccordionSummary aria-controls="panel2d-content" id="panel2d-header">
|
||||
<Typography sx={{fontSize:18}}>Patient's Family Information</Typography>
|
||||
<Accordion
|
||||
expanded={expanded === 'panel2'}
|
||||
onChange={handleExpandChange('panel2')}
|
||||
>
|
||||
<AccordionSummary
|
||||
aria-controls='panel2d-content'
|
||||
id='panel2d-header'
|
||||
>
|
||||
<Typography sx={{ fontSize: 18 }}>
|
||||
Patient's Family Information
|
||||
</Typography>
|
||||
</AccordionSummary>
|
||||
|
||||
<AccordionDetails>
|
||||
@ -445,9 +476,17 @@ export default function PatientForm({type}:Props){
|
||||
</AccordionDetails>
|
||||
</Accordion>
|
||||
|
||||
<Accordion expanded={expanded === 'panel3'} onChange={handleExpandChange('panel3')}>
|
||||
<AccordionSummary aria-controls="panel3d-content" id="panel3d-header">
|
||||
<Typography sx={{fontSize:18}}>Patient's Medical History Information</Typography>
|
||||
<Accordion
|
||||
expanded={expanded === 'panel3'}
|
||||
onChange={handleExpandChange('panel3')}
|
||||
>
|
||||
<AccordionSummary
|
||||
aria-controls='panel3d-content'
|
||||
id='panel3d-header'
|
||||
>
|
||||
<Typography sx={{ fontSize: 18 }}>
|
||||
Patient's Medical History Information
|
||||
</Typography>
|
||||
</AccordionSummary>
|
||||
|
||||
<AccordionDetails>
|
||||
@ -459,26 +498,39 @@ export default function PatientForm({type}:Props){
|
||||
</AccordionDetails>
|
||||
</Accordion>
|
||||
|
||||
<Accordion expanded={expanded === 'panel9'} onChange={handleExpandChange('panel9')}>
|
||||
<AccordionSummary aria-controls="panel9d-content" id="panel9d-header">
|
||||
<Typography sx={{fontSize:18}}>Patient's Injury Image</Typography>
|
||||
<Accordion
|
||||
expanded={expanded === 'panel9'}
|
||||
onChange={handleExpandChange('panel9')}
|
||||
>
|
||||
<AccordionSummary
|
||||
aria-controls='panel9d-content'
|
||||
id='panel9d-header'
|
||||
>
|
||||
<Typography sx={{ fontSize: 18 }}>
|
||||
Patient's Injury Image
|
||||
</Typography>
|
||||
</AccordionSummary>
|
||||
|
||||
<AccordionDetails>
|
||||
{
|
||||
type === 'fill' ?
|
||||
{type === 'fill' ? (
|
||||
<PatientImageMarker />
|
||||
:
|
||||
) : (
|
||||
<ViewPatientImageMarker />
|
||||
}
|
||||
|
||||
)}
|
||||
</AccordionDetails>
|
||||
</Accordion>
|
||||
|
||||
|
||||
<Accordion expanded={expanded === 'panel4'} onChange={handleExpandChange('panel4')}>
|
||||
<AccordionSummary aria-controls="panel4d-content" id="panel4d-header">
|
||||
<Typography sx={{fontSize:18}}>Patient's Injury Details</Typography>
|
||||
<Accordion
|
||||
expanded={expanded === 'panel4'}
|
||||
onChange={handleExpandChange('panel4')}
|
||||
>
|
||||
<AccordionSummary
|
||||
aria-controls='panel4d-content'
|
||||
id='panel4d-header'
|
||||
>
|
||||
<Typography sx={{ fontSize: 18 }}>
|
||||
Patient's Injury Details
|
||||
</Typography>
|
||||
</AccordionSummary>
|
||||
|
||||
<AccordionDetails>
|
||||
@ -490,22 +542,39 @@ export default function PatientForm({type}:Props){
|
||||
</AccordionDetails>
|
||||
</Accordion>
|
||||
|
||||
<Accordion expanded={expanded === 'panel5'} onChange={handleExpandChange('panel5')}>
|
||||
<AccordionSummary aria-controls="panel5d-content" id="panel5d-header">
|
||||
<Typography sx={{fontSize:18}}>Patient's Past Treatment Details</Typography>
|
||||
<Accordion
|
||||
expanded={expanded === 'panel5'}
|
||||
onChange={handleExpandChange('panel5')}
|
||||
>
|
||||
<AccordionSummary
|
||||
aria-controls='panel5d-content'
|
||||
id='panel5d-header'
|
||||
>
|
||||
<Typography sx={{ fontSize: 18 }}>
|
||||
Patient's Past Treatment Details
|
||||
</Typography>
|
||||
</AccordionSummary>
|
||||
|
||||
<AccordionDetails>
|
||||
<PastTreatment5
|
||||
handleFormSection5Data={handleFormSection5Data}
|
||||
patientDataDiplay={patientData.pastTreatment}
|
||||
type={type}/>
|
||||
type={type}
|
||||
/>
|
||||
</AccordionDetails>
|
||||
</Accordion>
|
||||
|
||||
<Accordion expanded={expanded === 'panel6'} onChange={handleExpandChange('panel6')}>
|
||||
<AccordionSummary aria-controls="panel6d-content" id="panel6d-header">
|
||||
<Typography sx={{fontSize:18}}>System Review Questions</Typography>
|
||||
<Accordion
|
||||
expanded={expanded === 'panel6'}
|
||||
onChange={handleExpandChange('panel6')}
|
||||
>
|
||||
<AccordionSummary
|
||||
aria-controls='panel6d-content'
|
||||
id='panel6d-header'
|
||||
>
|
||||
<Typography sx={{ fontSize: 18 }}>
|
||||
System Review Questions
|
||||
</Typography>
|
||||
</AccordionSummary>
|
||||
|
||||
<AccordionDetails>
|
||||
@ -517,29 +586,45 @@ export default function PatientForm({type}:Props){
|
||||
</AccordionDetails>
|
||||
</Accordion>
|
||||
|
||||
<Accordion expanded={expanded === 'panel7'} onChange={handleExpandChange('panel7')}>
|
||||
<AccordionSummary aria-controls="panel7d-content" id="panel7d-header">
|
||||
<Typography sx={{fontSize:18}}>Recreational Activities/Hobbies Details</Typography>
|
||||
<Accordion
|
||||
expanded={expanded === 'panel7'}
|
||||
onChange={handleExpandChange('panel7')}
|
||||
>
|
||||
<AccordionSummary
|
||||
aria-controls='panel7d-content'
|
||||
id='panel7d-header'
|
||||
>
|
||||
<Typography sx={{ fontSize: 18 }}>
|
||||
Recreational Activities/Hobbies Details
|
||||
</Typography>
|
||||
</AccordionSummary>
|
||||
|
||||
<AccordionDetails>
|
||||
<RecreationalHobbiesSection7
|
||||
handleFormSection7Data={handleFormSection7Data}
|
||||
patientDataDiplay={patientData.recreationalActivities}
|
||||
type={type}/>
|
||||
type={type}
|
||||
/>
|
||||
</AccordionDetails>
|
||||
</Accordion>
|
||||
|
||||
<Accordion expanded={expanded === 'panel8'} onChange={handleExpandChange('panel8')}>
|
||||
<AccordionSummary aria-controls="panel8d-content" id="panel8d-header">
|
||||
<Typography sx={{fontSize:18}}>Other Details</Typography>
|
||||
<Accordion
|
||||
expanded={expanded === 'panel8'}
|
||||
onChange={handleExpandChange('panel8')}
|
||||
>
|
||||
<AccordionSummary
|
||||
aria-controls='panel8d-content'
|
||||
id='panel8d-header'
|
||||
>
|
||||
<Typography sx={{ fontSize: 18 }}>Other Details</Typography>
|
||||
</AccordionSummary>
|
||||
|
||||
<AccordionDetails>
|
||||
<OtherDetails8
|
||||
handleFormSection8Data={handleFormSection8Data}
|
||||
patientDataDiplay={patientData.otherDetails}
|
||||
type={type}/>
|
||||
type={type}
|
||||
/>
|
||||
</AccordionDetails>
|
||||
</Accordion>
|
||||
|
||||
@ -548,21 +633,26 @@ export default function PatientForm({type}:Props){
|
||||
<FormGroup sx={{ marginTop: 3 }}>
|
||||
<FormControlLabel
|
||||
required
|
||||
control={<Checkbox checked={isChecked} onChange={handleCheckboxChange} />}
|
||||
label="I hereby state that all the information I have provided is complete and truthful and that I have fully disclosed my health history."
|
||||
control={
|
||||
<Checkbox
|
||||
checked={type === 'display' ? true : isChecked}
|
||||
onChange={handleCheckboxChange}
|
||||
/>
|
||||
}
|
||||
label='I hereby state that all the information I have provided is complete and truthful and that I have fully disclosed my health history.'
|
||||
/>
|
||||
</FormGroup>
|
||||
</Grid>
|
||||
|
||||
<Grid item xs={6} className='collapsable-form-style'>
|
||||
<TextField
|
||||
disabled={type=='display'}
|
||||
variant="outlined"
|
||||
label="SIGNATURE"
|
||||
disabled={type == 'display'}
|
||||
variant='outlined'
|
||||
label='SIGNATURE'
|
||||
name='treatmentGoal'
|
||||
placeholder='Please type your name'
|
||||
onChange={(event) => {
|
||||
setSignature(event.target.value)
|
||||
setSignature(event.target.value);
|
||||
}}
|
||||
/>
|
||||
</Grid>
|
||||
@ -570,10 +660,12 @@ export default function PatientForm({type}:Props){
|
||||
<Grid>
|
||||
<Button
|
||||
// type="submit"
|
||||
variant="contained"
|
||||
color="primary"
|
||||
variant='contained'
|
||||
color='primary'
|
||||
sx={{ margin: 5, left: '40%', width: '200px' }}
|
||||
disabled={isChecked==false || signature=='' || type=='display'}
|
||||
disabled={
|
||||
isChecked == false || signature == '' || type == 'display'
|
||||
}
|
||||
onClick={handleSubmit}
|
||||
>
|
||||
Submit
|
||||
@ -581,10 +673,9 @@ export default function PatientForm({type}:Props){
|
||||
</Grid>
|
||||
</Grid>
|
||||
{/* </form> */}
|
||||
|
||||
</Paper>
|
||||
<Footer/>
|
||||
<Footer />
|
||||
</Paper>
|
||||
</>
|
||||
)
|
||||
);
|
||||
}
|
||||
Loading…
x
Reference in New Issue
Block a user