@ampath/esm-reports-app 1.0.0-next.26 → 1.0.0-next.27

package/src/reports/moh-705a/registers/moh-204a-register.component.tsx

@@ -0,0 +1,320 @@
+import React, { useEffect, useState } from 'react';
+import { Button, Loading, Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from '@carbon/react';
+
+import styles from '../moh-705a.scss';
+import classNames from 'classnames';
+import { useNavigate, useSearchParams } from 'react-router-dom';
+import { getMoh705aPatientList } from '../../../resources/moh-705.resource';
+
+interface Moh204ARegisterComponentProps {}
+
+const Moh204ARegisterComponent: React.FC<Moh204ARegisterComponentProps> = () => {
+  const [patientlist, setPatientList] = useState<any[]>([]);
+  const [isLoading, setIsLoading] = useState<boolean>(false);
+  const [searchParams] = useSearchParams();
+  const navigate = useNavigate();
+  const startDate = searchParams.get('startDate');
+  const endDate = searchParams.get('endDate');
+  const locationUuids = searchParams.get('locationUuids');
+  const indicator = searchParams.get('indicator');
+
+  function navigateBack() {
+    navigate('/moh-705a');
+  }
+
+  useEffect(() => {
+    const fetchData = async () => {
+      if (!startDate || !endDate || !locationUuids || !indicator) return;
+
+      setIsLoading(true);
+
+      try {
+        const params = {
+          startDate,
+          endDate,
+          locationUuids,
+          indicator,
+        };
+
+        const data = await getMoh705aPatientList(params);
+        setPatientList(data?.results.results || []);
+      } catch (error) {
+        console.error('Failed to fetch register data', error);
+      } finally {
+        setIsLoading(false);
+      }
+    };
+
+    fetchData();
+  }, [startDate, endDate, locationUuids, indicator]);
+
+  return (
+    <>
+      <div className={styles.buttonContainer}>
+        <Button onClick={navigateBack}>Back</Button>
+      </div>
+      <div>{isLoading && <Loading />}</div>
+      <div className={styles.tableContainer}>
+        <Table className={classNames(`${styles.table}`, `${styles.tableBordered}`, `${styles.tableStriped}`)}>
+          <TableHead>
+            <TableRow>
+              <TableHeader>
+                Date <br /> (DD/MM/YYYY)
+              </TableHeader>
+              <TableHeader>
+                OPD No.
+                <br />
+                (New)
+              </TableHeader>
+              <TableHeader>
+                OPD No.
+                <br />
+                (Revisit)
+              </TableHeader>
+              <TableHeader>
+                Referred
+                <br />
+                From 1=CU,
+                <br />
+                2=From Other
+                <br />
+                facility, 3=
+                <br />
+                Within 4=N/A
+              </TableHeader>
+              <TableHeader>Full Names (THREE names)</TableHeader>
+              <TableHeader>Age</TableHeader>
+              <TableHeader>Sex</TableHeader>
+              <TableHeader>Countu/Sub-county</TableHeader>
+              <TableHeader>
+                Village /Estate / <br />
+                Landmark
+              </TableHeader>
+              <TableHeader>
+                Parent/Caregivers's
+                <br />
+                Telephone
+                <br />
+                No.
+              </TableHeader>
+              <TableHeader>Weight(kg)</TableHeader>
+              <TableHeader>
+                Height
+                <br />
+                /Length
+                <br />
+                (cm)
+              </TableHeader>
+              <TableHeader>
+                MUAC
+                <br />
+                1.Green
+                <br />
+                2.Yellow
+                <br />
+                3.Red
+              </TableHeader>
+              <TableHeader>
+                Temp
+                <br />
+                (oC)
+              </TableHeader>
+              <TableHeader>
+                Respiratory
+                <br />
+                Rate
+              </TableHeader>
+              <TableHeader>
+                Oxygen Saturation
+                <br />
+                Reading <br />
+                (SPO2)
+              </TableHeader>
+              <TableHeader>
+                Pulse
+                <br />
+                Rate
+              </TableHeader>
+              <TableHeader>
+                DANGER SIGNS
+                <br />
+                1.Unable to drink or <br />
+                breastfeed
+                <br />
+                2.Vomits everything
+                <br />
+                3.Had convulsions
+                <br />
+                in this illness
+                <br />
+                4.Is lethargic or <br />
+                unconscious
+                <br />
+                5.Is convulsing now
+              </TableHeader>
+              <TableHeader>
+                Duration
+                <br />
+                of Current
+                <br />
+                Illness
+                <br />
+                (in hours/
+                <br />
+                days)
+              </TableHeader>
+              <TableHeader>
+                Malaria
+                <br />
+                1.Presenting with symptoms NOT
+                <br />
+                Tested
+                <br />
+                2.RDT Tested (-ve)
+                <br />
+                3.Microscopy
+                <br />
+                Tested (-ve)
+                <br />
+                4.RDT Tested (+ve)
+                <br />
+                5. Microscopy
+                <br />
+                Tested (+ve)
+              </TableHeader>
+              <TableHeader>
+                IMNCI Classification or <br />
+                Diagnosis
+              </TableHeader>
+              <TableHeader>
+                TRACER DRUGS <br />
+                PRESCRIBED
+                <br />
+                1. ORS & Zinc <br />
+                (Co-pack)
+                <br />
+                2.Zinc Only
+                <br />
+                3. ORS Only 4.
+                <br />
+                Amoxicillin DT
+                <br />
+                5. Vitamin A <br />
+                6.Oxygen <br />
+                7. Albendazole <br />
+                8.IV Fluids
+              </TableHeader>
+              <TableHeader>
+                Other <br />
+                ALL <br />
+                Treatments <br />
+                Prescribed 1. <br />
+                CPAP 2.
+                <br />
+                Other
+              </TableHeader>
+              <TableHeader>
+                Immunization
+                <br />
+                Status Up to <br />
+                Date (Y/N)
+              </TableHeader>
+              <TableHeader>
+                TB Screening 1. <br />
+                presumed TB 2. <br />
+                Referred
+              </TableHeader>
+              <TableHeader>
+                Nutrition and diatetics <br />
+                Interventions 1=Nutrition
+                <br />
+                counselling 2=Nutrition
+                <br />
+                therapeutic supplements 3<br />
+                =. Diatetics
+              </TableHeader>
+              <TableHeader>
+                Referred to (1=CU, 2= to <br />
+                other H/F, 3=within the <br />
+                facility/ 4=N/A)
+              </TableHeader>
+              <TableHeader>REMARKS/ Outcome</TableHeader>
+            </TableRow>
+            <TableRow>
+              <TableHeader>A</TableHeader>
+              <TableHeader>B</TableHeader>
+              <TableHeader>C</TableHeader>
+              <TableHeader>D</TableHeader>
+              <TableHeader>E</TableHeader>
+              <TableHeader>F</TableHeader>
+              <TableHeader>G</TableHeader>
+              <TableHeader>H</TableHeader>
+              <TableHeader>I</TableHeader>
+              <TableHeader>J</TableHeader>
+              <TableHeader>K</TableHeader>
+              <TableHeader>L</TableHeader>
+              <TableHeader>M</TableHeader>
+              <TableHeader>N</TableHeader>
+              <TableHeader>O</TableHeader>
+              <TableHeader>P</TableHeader>
+              <TableHeader>Q</TableHeader>
+              <TableHeader>R</TableHeader>
+              <TableHeader>S</TableHeader>
+              <TableHeader>T</TableHeader>
+              <TableHeader>U</TableHeader>
+              <TableHeader>V</TableHeader>
+              <TableHeader>W</TableHeader>
+              <TableHeader>X</TableHeader>
+              <TableHeader>Y</TableHeader>
+              <TableHeader>Z</TableHeader>
+              <TableHeader>AA</TableHeader>
+              <TableHeader>AB</TableHeader>
+            </TableRow>
+          </TableHead>
+          <TableBody>
+            {patientlist?.length > 0 ? (
+              patientlist?.map((patient) => (
+                <TableRow key={patient.person_id || patient.id}>
+                  <TableCell>{patient.date}</TableCell>
+                  <TableCell>{patient.opd_number_new_visit}</TableCell>
+                  <TableCell>{patient.opd_number_return_visit}</TableCell>
+                  <TableCell>{patient.referred_from}</TableCell>
+                  <TableCell>{patient.full_names}</TableCell>
+                  <TableCell>{patient.age}</TableCell>
+                  <TableCell>{patient.sex}</TableCell>
+                  <TableCell>{patient.county_sub_county}</TableCell>
+                  <TableCell>{patient.village_estate_landmark}</TableCell>
+                  <TableCell>{patient.caregiver_phone_number}</TableCell>
+                  <TableCell>{patient.weight}</TableCell>
+                  <TableCell>{patient.height}</TableCell>
+                  <TableCell>{patient.muac}</TableCell>
+                  <TableCell>{patient.temp}</TableCell>
+                  <TableCell>{patient.respiratory_rate}</TableCell>
+                  <TableCell>{patient.oxygen_saturation}</TableCell>
+                  <TableCell>{patient.pulse_rate}</TableCell>
+                  <TableCell>{patient.danger_signs}</TableCell>
+                  <TableCell>{patient.duration_of_illness}</TableCell>
+                  <TableCell>{patient.suspected_malaria_cases}</TableCell>
+                  <TableCell>{patient.diagnosis}</TableCell>
+                  <TableCell>{patient.tracer_drugs_prescribed}</TableCell>
+                  <TableCell>{patient.all_other_treatments_prescribed}</TableCell>
+                  <TableCell>{patient.immunization_status_up_to_date}</TableCell>
+                  <TableCell>{patient.tb_screening}</TableCell>
+                  <TableCell>{patient.nutrition_dietetics}</TableCell>
+                  <TableCell>{patient.referred_to}</TableCell>
+                  <TableCell>{patient.remarks}</TableCell>
+                </TableRow>
+              ))
+            ) : (
+              <TableRow>
+                <TableCell colSpan={28}>No data available</TableCell>
+              </TableRow>
+            )}
+          </TableBody>
+        </Table>
+      </div>
+    </>
+  );
+};
+
+export default Moh204ARegisterComponent;

package/src/reports/moh-705a/type.ts

@@ -0,0 +1,6 @@
+export type ReportFilters = {
+  startDate?: string;
+  endDate?: string;
+  month?: string;
+  indicator?: string;
+};

package/src/reports/moh-710/moh-710.component.tsx

@@ -1,4 +1,5 @@
 import React, { useState } from 'react';
+import { useNavigate } from 'react-router-dom';
 import ReportFiltersComponent from '../../common/report-filters/report-filters.component';
 
 import styles from './moh-710.scss';
@@ -11,6 +12,7 @@ const Moh710Report: React.FC = () => {
   let errorMessage: string = '';
   const [moh710Data, setMoh710Data] = useState<any>([]);
   const [isLoading, setIsLoading] = useState<boolean>(false);
+  const navigate = useNavigate();
 
   const session = useSession();
   const locationUuids = session?.sessionLocation?.uuid;
@@ -93,7 +95,7 @@ const Moh710Report: React.FC = () => {
             <tbody>
               <tr>
                 <td>BCG doses Administered</td>
-                <td>{moh710Data.bcg_vaccine_age_less_than_1yr}</td>
+                <td onClick={() => navigate('/moh-710-patient-list')}>{moh710Data.bcg_vaccine_age_less_than_1yr}</td>
                 <td>{moh710Data.bcg_vaccine_age_greater_than_1yr}</td>
               </tr>
               <tr>

package/src/reports/moh-710/moh-710.scss

@@ -38,4 +38,8 @@ h3 {
 
 .tableStriped tbody tr:nth-of-type(odd) {
   background-color: #f9f9f9;
+}
+
+.buttonContainer {
+    margin: 1rem;
 }

package/src/reports/moh-710/patient-list/moh-710-patient-list.component.tsx

@@ -0,0 +1,13 @@
+import { useSession } from '@openmrs/esm-framework';
+import React, { useState } from 'react';
+import { getMoh710PatientList } from '../../../resources/moh-710.resource';
+
+const Moh710PatientList: React.FC = () => {
+  const [moh710PatientListData, setMoh710PatientListData] = useState<any>([]);
+  const [isLoading, setIsLoading] = useState<boolean>(false);
+  const session = useSession();
+  const locationUuid = session?.sessionLocation?.uuid;
+  return <></>;
+};
+
+export default Moh710PatientList;

package/src/reports/moh-711/moh-711.component.tsx

@@ -20,18 +20,20 @@ import MedicalSocialWorkComponent from './sections/medical-social-work.component
 import PhysiotherapyComponent from './sections/physiotherapy.component';
 import OtherComponent from './sections/other.component';
 import ReportCompiledByComponent from './sections/report-compiled-by.component';
+import { type ReportFilters } from '../moh-705a/type';
 
 const Moh711Report: React.FC = () => {
   let errorMessage: string = '';
   const [moh711Data, setMoh711Data] = useState<any>([]);
   const [isLoading, setIsLoading] = useState<boolean>(false);
+  const [startDate, setStartDate] = useState<string>('');
+  const [endDate, setEndDate] = useState<string>('');
 
   const session = useSession();
   const locationUuid = session?.sessionLocation?.uuid;
-  const fetchMoh711ReportData = async (filters: { startDate?: string; endDate?: string; month?: string }) => {
-    setIsLoading(true);
-    let startDate = filters.startDate;
-    let endDate = filters.endDate;
+
+  const getReportParams = (filters: ReportFilters) => {
+    let { startDate: sDate, endDate: eDate } = filters;
 
     if (filters.month) {
       const [year, monthIndex] = filters.month.split('-').map(Number);
@@ -40,16 +42,27 @@ const Moh711Report: React.FC = () => {
       const end = new Date(year, monthIndex, 0);
 
       const formatLocalDate = (d: Date) => {
-        const year = d.getFullYear();
-        const month = String(d.getMonth() + 1).padStart(2, '0');
+        const y = d.getFullYear();
+        const m = String(d.getMonth() + 1).padStart(2, '0');
         const day = String(d.getDate()).padStart(2, '0');
-        return `${year}-${month}-${day}`;
+        return `${y}-${m}-${day}`;
       };
 
-      startDate = formatLocalDate(start);
-      endDate = formatLocalDate(end);
+      sDate = formatLocalDate(start);
+      eDate = formatLocalDate(end);
     }
 
+    setStartDate(sDate || '');
+    setEndDate(eDate || '');
+
+    return { startDate: sDate, endDate: eDate };
+  };
+
+  const fetchMoh711ReportData = async (filters: { startDate?: string; endDate?: string; month?: string }) => {
+    setIsLoading(true);
+
+    const { startDate, endDate } = getReportParams(filters);
+
     const params = {
       locationUuids: locationUuid || '',
       startDate,
@@ -96,17 +109,22 @@ const Moh711Report: React.FC = () => {
       </h5>
       <div className={styles.container}>
         <div className={styles.left}>
-          <ANCComponent moh711Data={moh711Data} />
+          <ANCComponent moh711Data={moh711Data} startDate={startDate} endDate={endDate} locationUuids={locationUuid!} />
           <GBVComponent moh711Data={moh711Data} />
           <FamilyPlanningComponent moh711Data={moh711Data} />
           <CervicalCancerComponent moh711Data={moh711Data} />
-          <PNCComponent moh711Data={moh711Data} />
+          <PNCComponent moh711Data={moh711Data} startDate={startDate} endDate={endDate} locationUuids={locationUuid!} />
           <RehabilitationComponent moh711Data={moh711Data} />
           <MedicalSocialWorkComponent moh711Data={moh711Data} />
           <ReportCompiledByComponent />
         </div>
         <div className={styles.right}>
-          <MaternityComponent moh711Data={moh711Data} />
+          <MaternityComponent
+            moh711Data={moh711Data}
+            startDate={startDate}
+            endDate={endDate}
+            locationUuids={locationUuid!}
+          />
           <PostAbortion moh711Data={moh711Data} />
           <ChanisComponent moh711Data={moh711Data} />
           <PhysiotherapyComponent moh711Data={moh711Data} />

package/src/reports/moh-711/moh711.scss

@@ -68,4 +68,15 @@ h5 {
 }
 .compiledBy {
     width: 10rem
+}
+
+.buttonContainer {
+    margin: 1rem;
+}
+
+.textCenter {
+  text-align: center;
+}
+.tableContainer {
+  margin: 1rem;
 }