@ampath/esm-reports-app 1.0.0-next.7 → 1.0.0-next.71

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

@@ -0,0 +1,127 @@
+import React from 'react';
+
+import styles from '../moh711.scss';
+import classNames from 'classnames';
+import { useLocation, useNavigate } from 'react-router-dom';
+
+interface PNCComponentProps {
+  moh711Data: any;
+  startDate: string;
+  endDate: string;
+  locationUuids: string;
+}
+
+const PNCComponent: React.FC<PNCComponentProps> = ({ moh711Data, startDate, endDate, locationUuids }) => {
+  const navigate = useNavigate();
+  const location = useLocation();
+  const navigateToRegister = (indicator: string) => {
+    navigate(
+      `/moh-406-register?startDate=${startDate}&endDate=${endDate}&locationUuids=${locationUuids}&indicator=${indicator}&from=moh-711`,
+      {
+        state: {
+          from: location.pathname,
+          reportName: 'moh711Report',
+        },
+      },
+    );
+  };
+  return (
+    <div className={styles.section}>
+      <table className={classNames(`${styles.table}`, `${styles.tableBordered}`, `${styles.tableStriped}`)}>
+        <thead>
+          <tr>
+            <td></td>
+            <th colSpan={3}>H. Post Natal Care (PNC)</th>
+          </tr>
+          <tr>
+            <th colSpan={3} className={styles.greyBackground}></th>
+            <th>Total</th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr>
+            <td>1</td>
+            <td rowSpan={2}>No. of PNC Clients</td>
+            <td>New</td>
+            <td onClick={() => navigateToRegister('pnc_new_clients')}>{moh711Data.pnc_new_clients}</td>
+          </tr>
+          <tr>
+            <td>2</td>
+            <td>Revisit</td>
+            <td onClick={() => navigateToRegister('pnc_revisit_clients')}>{moh711Data.pnc_revisit_clients}</td>
+          </tr>
+          <tr>
+            <td>3</td>
+            <td colSpan={2}>No of Women counselled on Post Partum FP</td>
+            <td onClick={() => navigateToRegister('women_couselled_on_post_partum_fp')}>
+              {moh711Data.women_couselled_on_post_partum_fp}
+            </td>
+          </tr>
+          <tr>
+            <td>4</td>
+            <td colSpan={2}>No of Clients who received Post Partum FP</td>
+            <td onClick={() => navigateToRegister('women_received_post_partum_fp')}>
+              {moh711Data.women_received_post_partum_fp}
+            </td>
+          </tr>
+          <tr>
+            <td>5</td>
+            <td rowSpan={3}>No. of Mothers receiving Postpartum Care</td>
+            <td>within 48 hours</td>
+            <td onClick={() => navigateToRegister('mothers_post_partum_care_48_hours')}>
+              {moh711Data.mothers_post_partum_care_48_hours}
+            </td>
+          </tr>
+          <tr>
+            <td></td>
+            <td>Between 3 days to 6 weeks</td>
+            <td onClick={() => navigateToRegister('mothers_post_partum_care_3_6_weeks')}>
+              {moh711Data.mothers_post_partum_care_3_6_weeks}
+            </td>
+          </tr>
+          <tr>
+            <td></td>
+            <td>After 6 weeks</td>
+            <td onClick={() => navigateToRegister('mothers_post_partum_care_after_6_weeks')}>
+              {moh711Data.mothers_post_partum_care_after_6_weeks}
+            </td>
+          </tr>
+          <tr>
+            <td rowSpan={3}>6</td>
+            <td rowSpan={3}>No. of Babies received Postpartum Care</td>
+            <td>Within 48 hours</td>
+            <td onClick={() => navigateToRegister('infants_post_partum_care_48_hours')}>
+              {moh711Data.infants_post_partum_care_48_hours}
+            </td>
+          </tr>
+          <tr>
+            <td>Between 3 days to 6 weeks</td>
+            <td onClick={() => navigateToRegister('infants_post_partum_care_3_6_weeks')}>
+              {moh711Data.infants_post_partum_care_3_6_weeks}
+            </td>
+          </tr>
+          <tr>
+            <td>After 6 weeks</td>
+            <td onClick={() => navigateToRegister('infants_post_partum_care_after_6_weeks')}>
+              {moh711Data.infants_post_partum_care_after_6_weeks}
+            </td>
+          </tr>
+          <tr>
+            <td>7</td>
+            <td colSpan={2}>Number of Cases of Fistula</td>
+            <td onClick={() => navigateToRegister('fistula_cases')}>{moh711Data.fistula_cases}</td>
+          </tr>
+          <tr>
+            <td>8</td>
+            <td colSpan={2}>No referred from the Community unit to PNC</td>
+            <td onClick={() => navigateToRegister('referrals_from_community')}>
+              {moh711Data.referrals_from_community}
+            </td>
+          </tr>
+        </tbody>
+      </table>
+    </div>
+  );
+};
+
+export default PNCComponent;

package/src/reports/moh-711/sections/post-abortion.component.tsx

@@ -0,0 +1,42 @@
+import React from 'react';
+
+import styles from '../moh711.scss';
+import classNames from 'classnames';
+
+interface PostAbortionProps {
+  moh711Data: any;
+}
+
+const PostAbortion: React.FC<PostAbortionProps> = ({ moh711Data }) => {
+  return (
+    <div className={styles.section}>
+      <table className={classNames(`${styles.table}`, `${styles.tableBordered}`, `${styles.tableStriped}`)}>
+        <thead>
+          <tr>
+            <th colSpan={2}>E. Post Abortion Care (PAC) Services</th>
+            <th>Total</th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr>
+            <td>1</td>
+            <td>No. of Adolescents (10-19yrs) Receiving PAC Services</td>
+            <td></td>
+          </tr>
+          <tr>
+            <td>2</td>
+            <td>No. of Youth 20-24 yrs receiving PAC services</td>
+            <td></td>
+          </tr>
+          <tr>
+            <td>3</td>
+            <td>No. Receiving PAC (25 Years plus)</td>
+            <td></td>
+          </tr>
+        </tbody>
+      </table>
+    </div>
+  );
+};
+
+export default PostAbortion;

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

@@ -0,0 +1,57 @@
+import React from 'react';
+
+import styles from '../moh711.scss';
+import classNames from 'classnames';
+
+interface RehabilitationComponentProps {
+  moh711Data: any;
+}
+
+const RehabilitationComponent: React.FC<RehabilitationComponentProps> = ({ moh711Data }) => {
+  return (
+    <div className={styles.section}>
+      <table className={classNames(`${styles.table}`, `${styles.tableBordered}`, `${styles.tableStriped}`)}>
+        <thead>
+          <tr>
+            <th></th>
+            <th colSpan={2}>I. Rehabilitation Services</th>
+          </tr>
+          <tr>
+            <th></th>
+            <th className={styles.greyBackground}></th>
+            <th>Total</th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr>
+            <td>1</td>
+            <td>Number Assessed</td>
+            <td></td>
+          </tr>
+          <tr>
+            <td>2</td>
+            <td>Number Treated</td>
+            <td></td>
+          </tr>
+          <tr>
+            <td>3</td>
+            <td>Number Rehabilitated</td>
+            <td></td>
+          </tr>
+          <tr>
+            <td>4</td>
+            <td>Rehab referred for further Interventions</td>
+            <td></td>
+          </tr>
+          <tr>
+            <td>5</td>
+            <td>Number Integrated to Communities</td>
+            <td></td>
+          </tr>
+        </tbody>
+      </table>
+    </div>
+  );
+};
+
+export default RehabilitationComponent;

package/src/reports/moh-711/sections/report-compiled-by.component.tsx

@@ -0,0 +1,50 @@
+import React from 'react';
+
+import styles from '../moh711.scss';
+import classNames from 'classnames';
+import { formatDate, useSession } from '@openmrs/esm-framework';
+
+const ReportCompiledByComponent: React.FC = () => {
+  const session = useSession();
+
+  /* Who produced the return and when. Designation and signature stay blank --
+     those are signed by hand on the printed form. */
+  const compiledBy = session?.user?.person?.display ?? session?.user?.display ?? '';
+  const compiledOn = formatDate(new Date(), { mode: 'standard', time: false, noToday: true });
+
+  return (
+    <div className={styles.section}>
+      <table className={classNames(`${styles.table}`, `${styles.tableBordered}`, `${styles.tableStriped}`)}>
+        <thead>
+          <tr>
+            <th colSpan={3}>Report Compiled By:</th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr>
+            <td></td>
+            <td>Name:</td>
+            <td className={styles.compiledBy}>{compiledBy}</td>
+          </tr>
+          <tr>
+            <td></td>
+            <td>Designation:</td>
+            <td></td>
+          </tr>
+          <tr>
+            <td></td>
+            <td>Date:</td>
+            <td className={styles.compiledBy}>{compiledOn}</td>
+          </tr>
+          <tr>
+            <td></td>
+            <td>Signature</td>
+            <td></td>
+          </tr>
+        </tbody>
+      </table>
+    </div>
+  );
+};
+
+export default ReportCompiledByComponent;

package/src/reports/moh-711/sections/tb-screening.component.tsx

@@ -0,0 +1,57 @@
+import React from 'react';
+
+import styles from '../moh711.scss';
+import classNames from 'classnames';
+
+interface TBScreeningProps {
+  moh711Data: any;
+}
+
+const TBScreeningComponent: React.FC<TBScreeningProps> = ({ moh711Data }) => {
+  return (
+    <div className={styles.section}>
+      <table className={classNames(`${styles.table}`, `${styles.tableBordered}`, `${styles.tableStriped}`)}>
+        <thead>
+          <tr>
+            <th colSpan={2}>M. TB SCREENING</th>
+            <th>0 - 14 years</th>
+            <th>15 years +</th>
+            <th>Total</th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr>
+            <td>1</td>
+            <td>Total Number of people screened</td>
+            <td></td>
+            <td></td>
+            <td></td>
+          </tr>
+          <tr>
+            <td>2</td>
+            <td>Total Number of presumptive TB cases</td>
+            <td></td>
+            <td></td>
+            <td></td>
+          </tr>
+          <tr>
+            <td>3</td>
+            <td>Total Number of already on TB treatment</td>
+            <td></td>
+            <td></td>
+            <td></td>
+          </tr>
+          <tr>
+            <td>4</td>
+            <td>Total Number of people not screened</td>
+            <td></td>
+            <td></td>
+            <td></td>
+          </tr>
+        </tbody>
+      </table>
+    </div>
+  );
+};
+
+export default TBScreeningComponent;