@ampath/esm-reports-app 1.0.0-next.4 → 1.0.0-next.41

package/src/reports/moh-711/sections/medical-social-work.component.tsx

@@ -0,0 +1,83 @@
+import React from 'react';
+
+import styles from '../moh711.scss';
+import classNames from 'classnames';
+
+interface MedicalSocialWorkComponentProps {
+  moh711Data: any;
+}
+
+const MedicalSocialWorkComponent: React.FC<MedicalSocialWorkComponentProps> = ({ moh711Data }) => {
+  return (
+    <>
+      <table className={classNames(`${styles.table}`, `${styles.tableBordered}`, `${styles.tableStriped}`)}>
+        <thead>
+          <tr>
+            <th></th>
+            <th>J. MEDICAL SOCIAL WORK / MENTAL HEALTH</th>
+            <th>Total</th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr>
+            <td>1</td>
+            <td>Psycho-Social Counselling</td>
+            <td>{moh711Data.psycho_social_counselling}</td>
+          </tr>
+          <tr>
+            <td>2</td>
+            <td>Alcohol and Drug Abuse</td>
+            <td>{moh711Data.alcohol_and_drug_abuse}</td>
+          </tr>
+          <tr>
+            <td>3</td>
+            <td>Mental illness</td>
+            <td>{moh711Data.mental_illness}</td>
+          </tr>
+          <tr>
+            <td>4</td>
+            <td>Adolescent issues</td>
+            <td>{moh711Data.adolescent_issues}</td>
+          </tr>
+          <tr>
+            <td>5</td>
+            <td>Psycho-Social Assessment (psycho, social and economic)</td>
+            <td>{moh711Data.psycho_social_economic_assessment}</td>
+          </tr>
+          <tr>
+            <td>6</td>
+            <td>Social investigations (Home visits / Follow ups)</td>
+            <td>{moh711Data.social_investigations}</td>
+          </tr>
+          <tr>
+            <td>7</td>
+            <td>Social Rehabilitation</td>
+            <td>{moh711Data.psycho_social_rehabilitation}</td>
+          </tr>
+          <tr>
+            <td>8</td>
+            <td>Outreach Services / Health Talks</td>
+            <td>{moh711Data.outreach_services}</td>
+          </tr>
+          <tr>
+            <td>9</td>
+            <td>Referrals</td>
+            <td>{moh711Data.mental_health_referral}</td>
+          </tr>
+          <tr>
+            <td></td>
+            <td></td>
+            <td></td>
+          </tr>
+          <tr>
+            <td></td>
+            <td></td>
+            <td></td>
+          </tr>
+        </tbody>
+      </table>
+    </>
+  );
+};
+
+export default MedicalSocialWorkComponent;

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

@@ -0,0 +1,47 @@
+import React from 'react';
+
+import styles from '../moh711.scss';
+import classNames from 'classnames';
+
+interface OtherComponentProps {
+  moh711Data: any;
+}
+
+const OtherComponent: React.FC<OtherComponentProps> = ({ moh711Data }) => {
+  return (
+    <>
+      <table className={classNames(`${styles.table}`, `${styles.tableBordered}`, `${styles.tableStriped}`)}>
+        <thead>
+          <tr>
+            <th colSpan={2}>L. OTHER</th>
+            <th>Amount</th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr>
+            <td>1</td>
+            <td>Amount of FIF Collected</td>
+            <td></td>
+          </tr>
+          <tr>
+            <td>2</td>
+            <td>Amount of FIF Waived</td>
+            <td></td>
+          </tr>
+          <tr>
+            <td>3</td>
+            <td>Amount of FIF Exempted</td>
+            <td></td>
+          </tr>
+          <tr>
+            <td>4</td>
+            <td>Number of Disability committee meetings held</td>
+            <td></td>
+          </tr>
+        </tbody>
+      </table>
+    </>
+  );
+};
+
+export default OtherComponent;

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

@@ -0,0 +1,61 @@
+import React from 'react';
+
+import styles from '../moh711.scss';
+import classNames from 'classnames';
+
+interface PhysiotherapyComponentProps {
+  moh711Data: any;
+}
+
+const PhysiotherapyComponent: React.FC<PhysiotherapyComponentProps> = () => {
+  return (
+    <>
+      <table className={classNames(`${styles.table}`, `${styles.tableBordered}`, `${styles.tableStriped}`)}>
+        <thead>
+          <tr>
+            <th>K. PHYSIOTHERAPY SERVICE</th>
+            <th>&lt;5 yrs</th>
+            <th>5-19 yrs</th>
+            <th>20 yrs +</th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr>
+            <td>1</td>
+            <td rowSpan={2}>Number of PWDs identified and receiving physiotherapy</td>
+            <td>OPD</td>
+            <td></td>
+          </tr>
+          <tr>
+            <td>2</td>
+            <td>Inpatient</td>
+            <td></td>
+          </tr>
+          <tr>
+            <td>3</td>
+            <td rowSpan={2}>Number of clients/patients receiving physiotherapy</td>
+            <td>OPD</td>
+            <td></td>
+          </tr>
+          <tr>
+            <td>4</td>
+            <td>Inpatient</td>
+            <td></td>
+          </tr>
+          <tr>
+            <td>5</td>
+            <td colSpan={2}>Total Number of treatments</td>
+            <td></td>
+          </tr>
+          <tr>
+            <td>6</td>
+            <td colSpan={2}>PWDs assessed for registration</td>
+            <td></td>
+          </tr>
+        </tbody>
+      </table>
+    </>
+  );
+};
+
+export default PhysiotherapyComponent;

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

@@ -0,0 +1,125 @@
+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}`,
+      {
+        state: {
+          from: location.pathname,
+          reportName: 'moh711Report',
+        },
+      },
+    );
+  };
+  return (
+    <>
+      <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('pnc_new_clients')}>{moh711Data.fistula_cases}</td>
+          </tr>
+          <tr>
+            <td>8</td>
+            <td colSpan={2}>No referred from the Community unit to PNC</td>
+            <td onClick={() => navigateToRegister('pnc_new_clients')}>{moh711Data.referrals_from_community}</td>
+          </tr>
+        </tbody>
+      </table>
+    </>
+  );
+};
+
+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 (
+    <>
+      <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>
+    </>
+  );
+};
+
+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 (
+    <>
+      <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>
+    </>
+  );
+};
+
+export default RehabilitationComponent;

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

@@ -0,0 +1,42 @@
+import React from 'react';
+
+import styles from '../moh711.scss';
+import classNames from 'classnames';
+
+const ReportCompiledByComponent: React.FC = () => {
+  return (
+    <>
+      <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}></td>
+          </tr>
+          <tr>
+            <td></td>
+            <td>Designation:</td>
+            <td></td>
+          </tr>
+          <tr>
+            <td></td>
+            <td>Date:</td>
+            <td></td>
+          </tr>
+          <tr>
+            <td></td>
+            <td>Signature</td>
+            <td></td>
+          </tr>
+        </tbody>
+      </table>
+    </>
+  );
+};
+
+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 (
+    <>
+      <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>
+    </>
+  );
+};
+
+export default TBScreeningComponent;