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

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

@@ -18,6 +18,8 @@ h3 {
   
 }
 
+
+
 .tableBordered td,
 .tableBordered th {
   border: 1px solid #ccc;
@@ -66,4 +68,7 @@ span {
   width: 90px;
   border-bottom: 1px solid #000;
   margin-left: 4px;
+}
+.buttonContainer {
+    margin: 2rem;
 }

package/src/reports/moh-745/registers/moh-412-register.component.tsx

@@ -0,0 +1,190 @@
+import { Button, Table, TableBody, TableHead, TableHeader, TableRow } from '@carbon/react';
+import React, { useEffect, useState } from 'react';
+
+import styles from '../moh-745.scss';
+import classNames from 'classnames';
+import { useNavigate, useSearchParams } from 'react-router-dom';
+import { moh412Columns } from './type';
+import { getMoh412PatientList } from '../../../resources/moh-745.resource';
+
+const Moh412Register: React.FC = () => {
+  const navigate = useNavigate();
+  const [patientlist, setPatientList] = useState<any[]>([]);
+  const [isLoading, setIsLoading] = useState(false);
+
+  const [searchParams] = useSearchParams();
+
+  const startDate = searchParams.get('startDate');
+  const endDate = searchParams.get('endDate');
+  const locationUuids = searchParams.get('locationUuids');
+  const indicator = searchParams.get('indicator');
+
+  useEffect(() => {
+    const fetchData = async () => {
+      if (!startDate || !endDate || !locationUuids || !indicator) return;
+
+      setIsLoading(true);
+
+      try {
+        const params = {
+          startDate,
+          endDate,
+          locationUuids,
+          indicator,
+        };
+
+        const data = await getMoh412PatientList(params);
+
+        setPatientList(data?.results.results || []);
+      } catch (error) {
+        console.error('Failed to fetch register data', error);
+      } finally {
+        setIsLoading(false);
+      }
+    };
+
+    fetchData();
+  }, [startDate, endDate, locationUuids, indicator]);
+
+  function navigateBack() {
+    navigate('/moh-745');
+  }
+  return (
+    <>
+      <div className={styles.buttonContainer}>
+        <Button onClick={navigateBack}>Back</Button>
+      </div>
+      <div className={styles.tableContainer}>
+        <Table className={classNames(`${styles.table}`, `${styles.tableBordered}`, `${styles.tableStriped}`)}>
+          <TableHead>
+            <TableRow>
+              <TableHeader colSpan={3}>Month:</TableHeader>
+              <TableHeader colSpan={2}>Year</TableHeader>
+              <TableHeader></TableHeader>
+              <TableHeader></TableHeader>
+              <TableHeader></TableHeader>
+              <TableHeader></TableHeader>
+              <TableHeader colSpan={6}>CERVICAL CANCER</TableHeader>
+              <TableHeader colSpan={3}>Breast Cancer</TableHeader>
+              <TableHeader colSpan={2}>Colorectal Cancer</TableHeader>
+              <TableHeader></TableHeader>
+              <TableHeader></TableHeader>
+              <TableHeader></TableHeader>
+              <TableHeader></TableHeader>
+            </TableRow>
+            <TableRow>
+              <TableHeader colSpan={9}>Client Details</TableHeader>
+              <TableHeader colSpan={3}>Screening Methods and Results</TableHeader>
+              <TableHeader colSpan={3}>Pre-Cancer Treatment</TableHeader>
+              <TableHeader colSpan={3}>Methods and Results</TableHeader>
+              <TableHeader colSpan={2}>Methods and Results</TableHeader>
+              <TableHeader></TableHeader>
+              <TableHeader></TableHeader>
+              <TableHeader></TableHeader>
+              <TableHeader></TableHeader>
+            </TableRow>
+            <TableRow>
+              <TableHeader>
+                a)S/No
+                <br />
+                No
+              </TableHeader>
+              <TableHeader>
+                b)Visit <br />
+                Date
+              </TableHeader>
+              <TableHeader>
+                c)Visit <br />
+                Type
+              </TableHeader>
+              <TableHeader>
+                d)Client <br />
+                No
+              </TableHeader>
+              <TableHeader>e)Client Names</TableHeader>
+              <TableHeader>
+                f)Client's Phone <br />
+                Number
+              </TableHeader>
+              <TableHeader>
+                g)Client's <br /> Age
+              </TableHeader>
+              <TableHeader>
+                h)Location
+                <br />
+                Residence
+              </TableHeader>
+              <TableHeader>
+                i)Treatment
+                <br />
+                Suppoter's Phone
+                <br />
+                Number
+              </TableHeader>
+              <TableHeader>
+                j)Via or <br />
+                VIA/VILLI
+              </TableHeader>
+              <TableHeader>
+                k)Pap <br />
+                Smear
+              </TableHeader>
+              <TableHeader>
+                l)HPV Test
+                <br />
+                (over 30 years)
+              </TableHeader>
+              <TableHeader>m)cryotherapy</TableHeader>
+              <TableHeader>
+                n)Thermo-
+                <br />
+                ablation
+              </TableHeader>
+              <TableHeader>o)LEEP</TableHeader>
+              <TableHeader>p)CBE</TableHeader>
+              <TableHeader>q)Ultrasound</TableHeader>
+              <TableHeader>r)Mammogram</TableHeader>
+              <TableHeader>s)Colonoscopy</TableHeader>
+              <TableHeader>t)FOBT</TableHeader>
+              <TableHeader>u)HIV Status</TableHeader>
+              <TableHeader>
+                v)Referral <br />
+                To/From
+              </TableHeader>
+              <TableHeader>
+                w)Follow-
+                <br />
+                up Date
+              </TableHeader>
+              <TableHeader>
+                Remarks(e.g Colposcopy done,
+                <br />
+                Cervicography results, Call
+                <br />
+                Client for follow up, Return for <br />
+                post-treatment screening, <br />
+                Communicate with the referral site)
+              </TableHeader>
+            </TableRow>
+          </TableHead>
+          <TableBody>
+            {patientlist?.length > 0 ? (
+              patientlist.map((patient, index) => (
+                <TableRow key={index}>
+                  {moh412Columns.map((col) => (
+                    <td key={col}>{patient?.[col] ?? '-'}</td>
+                  ))}
+                </TableRow>
+              ))
+            ) : (
+              <TableRow>
+                <td colSpan={moh412Columns.length}>No data available</td>
+              </TableRow>
+            )}
+          </TableBody>
+        </Table>
+      </div>
+    </>
+  );
+};
+export default Moh412Register;

package/src/reports/moh-745/registers/type.ts

@@ -0,0 +1,29 @@
+export const moh412Columns = [
+  'serial_no',
+  'visit_date',
+  'visit_type',
+  'client_no',
+  'client_names',
+  'client_phone_number',
+  'client_age',
+  'residence_location',
+  'supporter_phone_number',
+
+  'via_screening',
+  'pap_smear',
+  'hpv_test',
+  'cryotherapy',
+  'thermoablation',
+  'leep',
+
+  'cbe',
+  'ultrasound',
+  'mammogram',
+  'colonoscopy',
+  'fobt',
+  'hiv_status',
+
+  'referral_to_from',
+  'follow_up_date',
+  'remarks',
+];

package/src/resources/moh-705.resource.ts

@@ -5,6 +5,7 @@ interface Moh710Params {
   locationUuids: string;
   startDate?: string;
   endDate?: string;
+  indicator?: string;
 }
 
 export async function getMoh705a(params: Moh710Params): Promise<any> {
@@ -33,6 +34,34 @@ export async function getMoh705a(params: Moh710Params): Promise<any> {
   }
 }
 
+export async function getMoh705aPatientList(params: Moh710Params): Promise<any> {
+  const etlBaseUrl = await getEtlBaseUrl();
+  const url = `${etlBaseUrl}/moh-705a-patient-list`;
+  const queryparams = {
+    locationUuids: params.locationUuids || '',
+    startDate: params.startDate || '',
+    endDate: params.endDate || '',
+    indicator: params.indicator || '',
+    limit: '300',
+  };
+  const queryString = new URLSearchParams(
+    Object.fromEntries(Object.entries(queryparams).filter(([_, v]) => v !== undefined && v !== null)),
+  ).toString();
+  try {
+    const response = await openmrsFetch(`${url}?${queryString}`);
+
+    if (!response.ok) {
+      const errorText = await response.text();
+      throw new Error(`Failed to fetch patient list: ${response.status} - ${errorText}`);
+    }
+
+    const data = await response.json();
+    return data;
+  } catch (error: any) {
+    throw new Error(`An error occurred while fetching the MOH-705 patient list: ${error.message}`);
+  }
+}
+
 export async function getMoh705b(params: Moh710Params): Promise<any> {
   const etlBaseUrl = await getEtlBaseUrl();
   const url = `${etlBaseUrl}/moh-705b`;
@@ -58,3 +87,31 @@ export async function getMoh705b(params: Moh710Params): Promise<any> {
     throw new Error(`An error occurred while fetching the MOH-710 report: ${error.message}`);
   }
 }
+
+export async function getMoh705bPatientList(params: Moh710Params): Promise<any> {
+  const etlBaseUrl = await getEtlBaseUrl();
+  const url = `${etlBaseUrl}/moh-705b-patient-list`;
+  const queryparams = {
+    locationUuids: params.locationUuids || '',
+    startDate: params.startDate || '',
+    endDate: params.endDate || '',
+    indicator: params.indicator || '',
+    limit: '300',
+  };
+  const queryString = new URLSearchParams(
+    Object.fromEntries(Object.entries(queryparams).filter(([_, v]) => v !== undefined && v !== null)),
+  ).toString();
+  try {
+    const response = await openmrsFetch(`${url}?${queryString}`);
+
+    if (!response.ok) {
+      const errorText = await response.text();
+      throw new Error(`Failed to fetch patient list: ${response.status} - ${errorText}`);
+    }
+
+    const data = await response.json();
+    return data;
+  } catch (error: any) {
+    throw new Error(`An error occurred while fetching the MOH-705 patient list: ${error.message}`);
+  }
+}

package/src/resources/moh-710.resource.ts

@@ -32,3 +32,29 @@ export async function getMoh710(params: Moh710Params): Promise<any> {
     throw new Error(`An error occurred while fetching the MOH-710 report: ${error.message}`);
   }
 }
+
+export async function getMoh710PatientList(params: Moh710Params): Promise<any> {
+  const etlBaseUrl = await getEtlBaseUrl();
+  const url = `${etlBaseUrl}/moh-710-patient-list`;
+  const queryparams = {
+    locationUuids: params.locationUuids || '',
+    startDate: params.startDate || '',
+    endDate: params.endDate || '',
+  };
+  const queryString = new URLSearchParams(
+    Object.fromEntries(Object.entries(queryparams).filter(([_, v]) => v !== undefined && v !== null)),
+  ).toString();
+  try {
+    const response = await openmrsFetch(`${url}?${queryString}`);
+
+    if (!response.ok) {
+      const errorText = await response.text();
+      throw new Error(`Failed to fetch dashboard summary: ${response.status} - ${errorText}`);
+    }
+
+    const data = await response.json();
+    return data;
+  } catch (error: any) {
+    throw new Error(`An error occurred while fetching the MOH-710 report: ${error.message}`);
+  }
+}

package/src/resources/moh-711.resource.ts

@@ -5,6 +5,7 @@ interface Moh711Params {
   locationUuids: string;
   startDate?: string;
   endDate?: string;
+  indicator?: string;
 }
 
 export async function getMoh711(params: Moh711Params): Promise<any> {
@@ -32,3 +33,143 @@ export async function getMoh711(params: Moh711Params): Promise<any> {
     throw new Error(`An error occurred while fetching the MOH-711 report: ${error.message}`);
   }
 }
+
+export async function getMoh406PatientList(params: Moh711Params): Promise<any> {
+  const etlBaseUrl = await getEtlBaseUrl();
+  const url = `${etlBaseUrl}/moh-406-patient-list`;
+  const queryparams = {
+    locationUuids: params.locationUuids || '',
+    startDate: params.startDate || '',
+    endDate: params.endDate || '',
+    indicator: params.indicator || '',
+    limit: '300',
+  };
+  const queryString = new URLSearchParams(
+    Object.fromEntries(Object.entries(queryparams).filter(([_, v]) => v !== undefined && v !== null)),
+  ).toString();
+  try {
+    const response = await openmrsFetch(`${url}?${queryString}`);
+
+    if (!response.ok) {
+      const errorText = await response.text();
+      throw new Error(`Failed to fetch patient list: ${response.status} - ${errorText}`);
+    }
+
+    const data = await response.json();
+    return data;
+  } catch (error: any) {
+    throw new Error(`An error occurred while fetching the MOH-705 patient list: ${error.message}`);
+  }
+}
+
+export async function getMoh405PatientList(params: Moh711Params): Promise<any> {
+  const etlBaseUrl = await getEtlBaseUrl();
+  const url = `${etlBaseUrl}/moh-405-patient-list`;
+  const queryparams = {
+    locationUuids: params.locationUuids || '',
+    startDate: params.startDate || '',
+    endDate: params.endDate || '',
+    indicator: params.indicator || '',
+    limit: '300',
+  };
+  const queryString = new URLSearchParams(
+    Object.fromEntries(Object.entries(queryparams).filter(([_, v]) => v !== undefined && v !== null)),
+  ).toString();
+  try {
+    const response = await openmrsFetch(`${url}?${queryString}`);
+
+    if (!response.ok) {
+      const errorText = await response.text();
+      throw new Error(`Failed to fetch patient list: ${response.status} - ${errorText}`);
+    }
+
+    const data = await response.json();
+    return data;
+  } catch (error: any) {
+    throw new Error(`An error occurred while fetching the MOH-705 patient list: ${error.message}`);
+  }
+}
+
+export async function getMoh333PatientList(params: Moh711Params): Promise<any> {
+  const etlBaseUrl = await getEtlBaseUrl();
+  const url = `${etlBaseUrl}/moh-333-patient-list`;
+  const queryparams = {
+    locationUuids: params.locationUuids || '',
+    startDate: params.startDate || '',
+    endDate: params.endDate || '',
+    indicator: params.indicator || '',
+    limit: '300',
+  };
+  const queryString = new URLSearchParams(
+    Object.fromEntries(Object.entries(queryparams).filter(([_, v]) => v !== undefined && v !== null)),
+  ).toString();
+  try {
+    const response = await openmrsFetch(`${url}?${queryString}`);
+
+    if (!response.ok) {
+      const errorText = await response.text();
+      throw new Error(`Failed to fetch patient list: ${response.status} - ${errorText}`);
+    }
+
+    const data = await response.json();
+    return data;
+  } catch (error: any) {
+    throw new Error(`An error occurred while fetching the MOH-705 patient list: ${error.message}`);
+  }
+}
+
+export async function getMoh510PatientList(params: Moh711Params): Promise<any> {
+  const etlBaseUrl = await getEtlBaseUrl();
+  const url = `${etlBaseUrl}/moh-510-patient-list`;
+  const queryparams = {
+    locationUuids: params.locationUuids || '',
+    startDate: params.startDate || '',
+    endDate: params.endDate || '',
+    indicator: params.indicator || '',
+    limit: '300',
+  };
+  const queryString = new URLSearchParams(
+    Object.fromEntries(Object.entries(queryparams).filter(([_, v]) => v !== undefined && v !== null)),
+  ).toString();
+  try {
+    const response = await openmrsFetch(`${url}?${queryString}`);
+
+    if (!response.ok) {
+      const errorText = await response.text();
+      throw new Error(`Failed to fetch patient list: ${response.status} - ${errorText}`);
+    }
+
+    const data = await response.json();
+    return data;
+  } catch (error: any) {
+    throw new Error(`An error occurred while fetching the MOH-705 patient list: ${error.message}`);
+  }
+}
+
+export async function getMoh511PatientList(params: Moh711Params): Promise<any> {
+  const etlBaseUrl = await getEtlBaseUrl();
+  const url = `${etlBaseUrl}/moh-511-patient-list`;
+  const queryparams = {
+    locationUuids: params.locationUuids || '',
+    startDate: params.startDate || '',
+    endDate: params.endDate || '',
+    indicator: params.indicator || '',
+    limit: '300',
+  };
+  const queryString = new URLSearchParams(
+    Object.fromEntries(Object.entries(queryparams).filter(([_, v]) => v !== undefined && v !== null)),
+  ).toString();
+  try {
+    const response = await openmrsFetch(`${url}?${queryString}`);
+
+    if (!response.ok) {
+      const errorText = await response.text();
+      throw new Error(`Failed to fetch patient list: ${response.status} - ${errorText}`);
+    }
+
+    const data = await response.json();
+    return data;
+  } catch (error: any) {
+    throw new Error(`An error occurred while fetching the MOH-705 patient list: ${error.message}`);
+  }
+}

package/src/resources/moh-745.resource.ts

@@ -1,13 +1,14 @@
 import { openmrsFetch } from '@openmrs/esm-framework';
 import { getEtlBaseUrl } from '../utils/get-base-url';
 
-interface Moh710Params {
+interface Moh745Params {
   locationUuids: string;
   startDate?: string;
   endDate?: string;
+  indicator?: string;
 }
 
-export async function getMoh745(params: Moh710Params): Promise<any> {
+export async function getMoh745(params: Moh745Params): Promise<any> {
   const etlBaseUrl = await getEtlBaseUrl();
   const url = `${etlBaseUrl}/moh-745`;
   const queryparams = {
@@ -32,3 +33,32 @@ export async function getMoh745(params: Moh710Params): Promise<any> {
     throw new Error(`An error occurred while fetching the MOH-710 report: ${error.message}`);
   }
 }
+
+export async function getMoh412PatientList(params: Moh745Params): Promise<any> {
+  const etlBaseUrl = await getEtlBaseUrl();
+  const url = `${etlBaseUrl}/moh-412-patient-list`;
+  const queryparams = {
+    locationUuids: params.locationUuids || '',
+    startDate: params.startDate || '',
+    endDate: params.endDate || '',
+    indicator: params.indicator || '',
+    limit: '300',
+  };
+  const queryString = new URLSearchParams(
+    Object.fromEntries(Object.entries(queryparams).filter(([_, v]) => v !== undefined && v !== null)),
+  ).toString();
+  try {
+    const response = await openmrsFetch(`${url}?${queryString}`);
+
+    if (!response.ok) {
+      const errorText = await response.text();
+      throw new Error(`Failed to fetch patient list: ${response.status} - ${errorText}`);
+    }
+
+    const data = await response.json();
+    return data;
+  } catch (error: any) {
+    console.error('Failed to fetch MOH 412 PATIENT LIST data', error);
+    throw new Error(`An error occurred while fetching the MOH-705 patient list: ${error.message}`);
+  }
+}

package/src/root.component.tsx

@@ -11,6 +11,15 @@ import Moh705BComponent from './reports/moh-705B/moh-705b.component';
 import Moh705AComponent from './reports/moh-705a/moh-705a.component';
 import Moh745Component from './reports/moh-745/moh-745.component';
 import Moh740Report from './reports/moh-740/moh-740.component';
+import Moh710PatientList from './reports/moh-710/patient-list/moh-710-patient-list.component';
+import Moh204ARegisterComponent from './reports/moh-705a/registers/moh-204a-register.component';
+import Moh204BRegisterComponent from './reports/moh-705B/moh-204b-register.component';
+import Moh412Register from './reports/moh-745/registers/moh-412-register.component';
+import Moh405Register from './reports/moh-711/registers/moh-405-register.component';
+import Moh406Register from './reports/moh-711/registers/moh-406-register.component';
+import Moh333Register from './reports/moh-711/registers/moh-333-register.component';
+import Moh511Register from './reports/moh-711/registers/moh-511-register.component';
+import Moh510Register from './reports/moh-711/registers/moh-510-register.component';
 
 const RootComponent: React.FC = () => {
   const baseName = window.getOpenmrsSpaBase() + 'home/reports';
@@ -29,6 +38,15 @@ const RootComponent: React.FC = () => {
         <Route path="/moh-705b" element={<Moh705BComponent />} />
         <Route path="/moh-745" element={<Moh745Component />} />
         <Route path="/moh-740" element={<Moh740Report />} />
+        <Route path="/moh-412-register" element={<Moh412Register />} />
+        <Route path="/moh-204b" element={<Moh204BRegisterComponent />} />
+        <Route path="/moh-204a" element={<Moh204ARegisterComponent />} />
+        <Route path="/moh-405-register" element={<Moh405Register />} />
+        <Route path="/moh-406-register" element={<Moh406Register />} />
+        <Route path="/moh-333-register" element={<Moh333Register />} />
+        <Route path="/moh-511-register" element={<Moh511Register />} />
+        <Route path="/moh-510-register" element={<Moh510Register />} />
+        <Route path="/moh-412-register" element={<Moh412Register />} />
       </Routes>
     </BrowserRouter>
   );