-
Notifications
You must be signed in to change notification settings - Fork 24
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #78 from KotlinDevIanBore/main
(Feat)Added HEI Register
Showing
12 changed files
with
631 additions
and
90 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
291 changes: 291 additions & 0 deletions
291
packages/esm-report-app/src/registers/MOH-408/MOH-408-component.tsx
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| 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 of 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
93
packages/esm-report-app/src/registers/MOH-408/MOH-408.scss
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| 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 | ||
| } | ||
| } | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters