Skip to content

Commit

Permalink
(Feat)Added HEI Register
Browse files Browse the repository at this point in the history
  • Loading branch information
@KotlinDevIanBore
KotlinDevIanBore committed Jun 11, 2024
1 parent ef05785 commit cb7c6b6
Show file tree
Hide file tree
Showing 3 changed files with 386 additions and 0 deletions.
291 changes: 291 additions & 0 deletions packages/esm-report-app/src/registers/MOH-408/MOH-408-component.tsx
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,291 @@
import React from 'react';
import styles from './MOH-408.scss';
import { TableContainer, TableHead, TableRow, TableHeader } from '@carbon/react';
import { Table } from '@carbon/react';
import { TableBody } from '@carbon/react';
import { TableCell } from '@carbon/react';
const RenderMOH408: React.FC = () => {
return (
<TableContainer className={styles['table-container']}>
<div className={styles['header']}>
<div className={styles['left']}>
<p>Ministry of Health</p>
</div>
<div className={styles['center']}>
<h2>HIV EXPOSED INFANT REGISTER MOH 408</h2>
</div>
<div className={styles['right']}>
<p>Ver. July 2023</p>
</div>
</div>

<div className={styles['table-wrapper']}>
<Table>
<TableHead>
<TableRow>
<TableHeader colSpan={31} rowSpan={1}>
Cohort: Month/year(MMM YYY)
</TableHeader>
</TableRow>
<TableRow>
<TableHeader colSpan={9} rowSpan={1}>
Infant and Mother/Guardian Information
</TableHeader>
<TableHeader colSpan={3} rowSpan={2}>
First HIV DNA PCR Test at Birth <br />6 weeks or First Contact
</TableHeader>
<TableHeader colSpan={2} rowSpan={2}>
Second HIV DNA <br /> PCR Test
</TableHeader>
<TableHeader colSpan={2} rowSpan={2}>
Third HIV DNA PCR <br /> Test
</TableHeader>
<TableHeader colSpan={2} rowSpan={2}>
Hei Outcomes at 12 months
</TableHeader>
<TableHeader colSpan={2} rowSpan={2}>
Confirmatory PCR
</TableHeader>
<TableHeader colSpan={2} rowSpan={2}>
Antibody test <br /> (18 to 24 months)
</TableHeader>
<TableHeader colSpan={2} rowSpan={2}>
Hei Outcomes at 24 <br /> months
</TableHeader>
<TableHeader colSpan={1} rowSpan={4}>
Comments{' '}
</TableHeader>
</TableRow>
<TableRow>
<TableHeader rowSpan={1} colSpan={4}>
Registration Information
</TableHeader>
<TableHeader rowSpan={1} colSpan={4}>
Infant's Information
</TableHeader>
<TableHeader rowSpan={1} colSpan={1}>
Parent's Information
</TableHeader>
</TableRow>
<TableRow>
<TableHeader rowSpan={2} colSpan={1}>
Serial No
</TableHeader>
<TableHeader rowSpan={2} colSpan={1}>
Date of <br /> Enrollment (DD/MM/YYY)
</TableHeader>
<TableHeader rowSpan={1} colSpan={1}>
Birth Certificate <br /> Number
</TableHeader>
<TableHeader rowSpan={2} colSpan={1}>
HEI ID
</TableHeader>
<TableHeader rowSpan={2} colSpan={1}>
Infant's Name
</TableHeader>
<TableHeader rowSpan={2} colSpan={1}>
DOB
</TableHeader>
<TableHeader rowSpan={1} colSpan={1}>
Sex
</TableHeader>
<TableHeader rowSpan={1} colSpan={1}>
Infant Prophylaxis <br /> 1=NVP <br /> 2=AZT <br /> 3=NVP&AZT <br /> 4=None
</TableHeader>
<TableHeader rowSpan={1} colSpan={1}>
Father's/Mothers/Guardian's Name
</TableHeader>

<TableHeader rowSpan={2} colSpan={1}>
Age at Test (in wks)
</TableHeader>
<TableHeader rowSpan={2} colSpan={1}>
Type&nbsp;of&nbsp;Test
<br /> 1=At Birth <br /> 2= At 6 WWeeks <br /> 3=at First Contact
</TableHeader>
<TableHeader rowSpan={1} colSpan={1}>
Date Sample
<br /> Collected
</TableHeader>
<TableHeader rowSpan={2} colSpan={1}>
Age at
<br /> Test <br /> in <br /> Months
</TableHeader>
<TableHeader rowSpan={1} colSpan={1}>
Date Sample
<br /> Collected
</TableHeader>
<TableHeader rowSpan={2} colSpan={1}>
Age at
<br /> Test <br /> in <br /> Months
</TableHeader>
<TableHeader rowSpan={1} colSpan={1}>
Date Sample
<br /> Collected
</TableHeader>
<TableHeader rowSpan={1} colSpan={1}>
Infant Feeding
</TableHeader>
<TableHeader rowSpan={2} colSpan={1}>
1=Infected <br /> 2= Uninfected <br /> 3=Lost to Follow <br /> 4=Transfer Out <br /> 5=Dead
</TableHeader>
<TableHeader rowSpan={2} colSpan={1}>
Age at
<br /> Test <br /> in <br /> Months
</TableHeader>
<TableHeader rowSpan={1} colSpan={1}>
Date Sample
<br /> Collected
</TableHeader>
<TableHeader rowSpan={2} colSpan={1}>
Age at
<br /> Test <br /> in <br /> Months
</TableHeader>
<TableHeader rowSpan={1} colSpan={1}>
Date Sample
<br /> Collected
</TableHeader>
<TableHeader rowSpan={1} colSpan={1}>
Infant Feeding
</TableHeader>
<TableHeader rowSpan={2} colSpan={1}>
1=Infected <br /> 2= Uninfected <br /> 3=Lost to Follow <br /> 4=Transfer Out <br /> 5=Dead{' '}
</TableHeader>
</TableRow>
<TableRow>
<TableHeader rowSpan={1} colSpan={1}>
Client Unique Number (NUPI)
</TableHeader>
<TableHeader rowSpan={1} colSpan={1}>
(M/F)
</TableHeader>
<TableHeader rowSpan={1} colSpan={1}>
(M/F)
</TableHeader>
<TableHeader rowSpan={1} colSpan={1}>
Telephone number
</TableHeader>
<TableHeader rowSpan={1} colSpan={1}>
Test Result (P,N)
</TableHeader>
<TableHeader rowSpan={1} colSpan={1}>
Test Result (P,N)
</TableHeader>
<TableHeader rowSpan={1} colSpan={1}>
Test Result (P,N)
</TableHeader>
<TableHeader rowSpan={1} colSpan={1}>
BF= Breast Feeding NBF= Not Breast Feeding
</TableHeader>
<TableHeader rowSpan={1} colSpan={1}>
Test Result (P,N)
</TableHeader>
<TableHeader rowSpan={1} colSpan={1}>
Test Result (P,N)
</TableHeader>

<TableHeader rowSpan={1} colSpan={1}>
BF= Breast Feeding NBF= Not Breast Feeding
</TableHeader>
</TableRow>
<TableRow>
<TableCell rowSpan={1}>(a)</TableCell>
<TableCell rowSpan={1}>(b)</TableCell>
<TableCell rowSpan={1}>(c)</TableCell>
<TableCell rowSpan={1}>(d)</TableCell>
<TableCell rowSpan={1}>(e)</TableCell>
<TableCell rowSpan={1}>(f)</TableCell>
<TableCell rowSpan={1}>(g)</TableCell>
<TableCell rowSpan={1}>(h)</TableCell>
<TableCell rowSpan={1}>(i)</TableCell>
<TableCell rowSpan={1}>(j)</TableCell>
<TableCell rowSpan={1}>(k)</TableCell>
<TableCell rowSpan={1}>(l)</TableCell>
<TableCell rowSpan={1}>(m)</TableCell>
<TableCell rowSpan={1}>(n)</TableCell>
<TableCell rowSpan={1}>(o)</TableCell>
<TableCell rowSpan={1}>(p)</TableCell>
<TableCell rowSpan={1}>(q)</TableCell>
<TableCell rowSpan={1}>(r)</TableCell>
<TableCell rowSpan={1}>(s)</TableCell>
<TableCell rowSpan={1}>(t)</TableCell>
<TableCell rowSpan={1}>(u)</TableCell>
<TableCell rowSpan={1}>(v)</TableCell>
<TableCell rowSpan={1}>(w)</TableCell>
<TableCell rowSpan={1}>(x)</TableCell>
<TableCell rowSpan={1}>(y)</TableCell>
</TableRow>
</TableHead>
<TableBody>
{Array.from({ length: 2 }, (_, i) => (
<React.Fragment key={i}>
<TableRow>
<TableCell rowSpan={2}></TableCell>
{/* a */}
<TableCell rowSpan={2}></TableCell> {/* b */}
<TableCell className={styles['dotted-border']} rowSpan={1}></TableCell>
{/* c */}
<TableCell rowSpan={2}></TableCell>
{/* d */}
<TableCell rowSpan={2}></TableCell>
{/* e */}
<TableCell rowSpan={2}></TableCell>
{/* f */}
<TableCell rowSpan={1}></TableCell>
{/* g */}
<TableCell rowSpan={2}></TableCell>
{/* h */}
<TableCell className={styles['dotted-border']} rowSpan={1}></TableCell>
{/* i */}
<TableCell rowSpan={2}></TableCell>
{/* j */}
<TableCell rowSpan={2}></TableCell>
{/* k */}
<TableCell rowSpan={1}></TableCell>
{/* l */}
<TableCell rowSpan={2}></TableCell>
{/* m */}
<TableCell rowSpan={1}></TableCell>
{/* n */}
<TableCell rowSpan={2}></TableCell>
{/* o */}
<TableCell rowSpan={1}></TableCell>
{/* p */}
<TableCell rowSpan={1}></TableCell>
{/* q */}
<TableCell rowSpan={2}></TableCell>
{/* r */}
<TableCell rowSpan={2}></TableCell>
{/* s */}
<TableCell className={styles['dotted-border']} rowSpan={1}></TableCell>
{/* t */}
<TableCell rowSpan={2}></TableCell>
<TableCell className={styles['dotted-border']} rowSpan={1}></TableCell>
<TableCell className={styles['dotted-border']} rowSpan={1}></TableCell>
<TableCell rowSpan={1}></TableCell>
<TableCell rowSpan={2}></TableCell>
{/* <TableCell rowSpan={2}></TableCell> */}
</TableRow>
<TableRow>
<TableCell rowSpan={1}></TableCell>
<TableCell rowSpan={1}></TableCell>
<TableCell rowSpan={1}></TableCell>
<TableCell rowSpan={1}></TableCell>
<TableCell rowSpan={1}></TableCell>
<TableCell rowSpan={1}></TableCell>
<TableCell rowSpan={1}></TableCell>
<TableCell rowSpan={1}></TableCell>
<TableCell rowSpan={1}></TableCell>
<TableCell rowSpan={1}></TableCell>
<TableCell rowSpan={1}></TableCell>
</TableRow>
</React.Fragment>
))}
</TableBody>
</Table>
</div>
</TableContainer>
);
};

export default RenderMOH408;
93 changes: 93 additions & 0 deletions packages/esm-report-app/src/registers/MOH-408/MOH-408.scss
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,93 @@
h1,
h2,
h3,
h4,
h5,
h6 {
color: #000000;
margin: 0;
}

p {
margin: 0;
padding: 0;
}


.table-container {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
width: 100%;
overflow-x: auto; /* Add horizontal scrolling */


.table-wrapper {
width: 100%;
overflow-x: auto; /* Add horizontal scrolling */
}

table {
border-collapse: collapse;
width: 100%;
color: #000000;
font-size: 12px;
font-family: Arial, sans-serif;

th,
td {
border: 1px solid black;
padding: 4px;
text-align: center;
vertical-align: middle;
color: #000000;
}

th {
background-color: #f2f2f2;
font-weight: normal; // Match the image
padding: 4px;
}

tr:nth-child(even) {
background-color: #ffffff; // Ensure no background for even rows
}

tr:nth-child(odd) {
background-color: #ffffff; // Ensure no background for odd rows
}

td.dotted-border {
border: 1px dotted black;
}

thead th {
border-bottom: 2px solid black; // Thicker border for header
}
}

.header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 10px;
width: 100%;
color: #000000;
font-size: 14px; // Adjust font size

.left,
.right {
flex: 1;
display: flex;
justify-content: center; // Center align for left and right
align-items: center;
}

.center {
flex: 2;
text-align: center;
font-size: 16px; // Adjust font size
}
}
}
Loading

0 comments on commit cb7c6b6

Please sign in to comment.