@ampath/esm-reports-app 1.0.0-next.10

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

@@ -0,0 +1,367 @@
+import React from 'react';
+
+import styles from '../moh711.scss';
+import classNames from 'classnames';
+
+interface ChanisComponentProps {
+  moh711Data: any;
+}
+
+const ChanisComponent: React.FC<ChanisComponentProps> = ({ moh711Data }) => {
+  return (
+    <>
+      <table className={classNames(`${styles.table}`, `${styles.tableBordered}`, `${styles.tableStriped}`)}>
+        <thead>
+          <th colSpan={6}></th>
+          <tr>
+            <th colSpan={6}>F. Child Health and Nutrition Information System</th>
+          </tr>
+          <tr>
+            <th colSpan={2}>Weight for age</th>
+            <th></th>
+            <th>M</th>
+            <th>F</th>
+            <th>Total</th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr>
+            <td rowSpan={6}>1</td>
+            <td rowSpan={6}>
+              0 - &lt;6 <br /> months
+            </td>
+            <td>Normal Weight for Age</td>
+            <td>{moh711Data.normal_weight_0_6_months_male}</td>
+            <td>{moh711Data.normal_weight_0_6_months_female}</td>
+            <td></td>
+          </tr>
+          <tr>
+            <td>Underweight</td>
+            <td>{moh711Data.underweight_0_6_months_male}</td>
+            <td>{moh711Data.underweight_0_6_months_female}</td>
+            <td></td>
+          </tr>
+          <tr>
+            <td>Severely underweight</td>
+            <td>{moh711Data.severely_underweight_0_6_months_male}</td>
+            <td>{moh711Data.severely_underweight_0_6_months_female}</td>
+            <td></td>
+          </tr>
+          <tr>
+            <td>Overweight</td>
+            <td>{moh711Data.overweight_0_6_months_male}</td>
+            <td>{moh711Data.overweight_0_6_months_female}</td>
+            <td></td>
+          </tr>
+          <tr>
+            <td>Obese</td>
+            <td>{moh711Data.obese_0_6_months_male}</td>
+            <td>{moh711Data.obese_0_6_months_female}</td>
+            <td></td>
+          </tr>
+          <tr>
+            <th>Total Weighed</th>
+            <td>{moh711Data.obese_0_6_months_male}</td>
+            <td>{moh711Data.obese_0_6_months_female}</td>
+            <td></td>
+          </tr>
+          <tr>
+            <td rowSpan={6}>2</td>
+            <td rowSpan={6}>6-23 months</td>
+            <td>Normal Weight for Age</td>
+            <td>{moh711Data.normal_weight_6_23_months_male}</td>
+            <td>{moh711Data.normal_weight_6_23_months_female}</td>
+            <td></td>
+          </tr>
+          <tr>
+            <td>Underweight</td>
+            <td>{moh711Data.underweight_6_23_months_male}</td>
+            <td>{moh711Data.underweight_6_23_months_female}</td>
+            <td></td>
+          </tr>
+          <tr>
+            <td>Severely underweight</td>
+            <td>{moh711Data.severely_underweight_6_23_months_male}</td>
+            <td>{moh711Data.severely_underweight_6_23_months_female}</td>
+            <td></td>
+          </tr>
+          <tr>
+            <td>Overweight</td>
+            <td>{moh711Data.overweight_6_23_months_male}</td>
+            <td>{moh711Data.overweight_6_23_months_female}</td>
+            <td></td>
+          </tr>
+          <tr>
+            <td>Obese 6-23</td>
+            <td>{moh711Data.obese_6_23_months_male}</td>
+            <td>{moh711Data.obese_6_23_months_female}</td>
+            <td></td>
+          </tr>
+          <tr>
+            <th>Total Weighed</th>
+            <td>{moh711Data.obese_6_23_months_male}</td>
+            <td>{moh711Data.obese_6_23_months_female}</td>
+            <td></td>
+          </tr>
+          <tr>
+            <td rowSpan={6}>3</td>
+            <td rowSpan={6}>24 - 59 months</td>
+            <td>Normal Weight for Age</td>
+            <td>{moh711Data.normal_weight_24_59_months_male}</td>
+            <td>{moh711Data.normal_weight_24_59_months_female}</td>
+            <td></td>
+          </tr>
+          <tr>
+            <td>Underweight</td>
+            <td>{moh711Data.underweight_24_59_months_male}</td>
+            <td>{moh711Data.underweight_24_59_months_female}</td>
+            <td></td>
+          </tr>
+          <tr>
+            <td>Severely underweight</td>
+            <td>{moh711Data.severely_underweight_24_59_months_male}</td>
+            <td>{moh711Data.severely_underweight_24_59_months_female}</td>
+            <td></td>
+          </tr>
+          <tr>
+            <td>Overweight</td>
+            <td>{moh711Data.overweight_24_59_months_male}</td>
+            <td>{moh711Data.overweight_24_59_months_female}</td>
+            <td></td>
+          </tr>
+          <tr>
+            <td>Obese 24-59</td>
+            <td>{moh711Data.obese_24_59_months_male}</td>
+            <td>{moh711Data.obese_24_59_months_female}</td>
+            <td></td>
+          </tr>
+          <tr>
+            <th>Total Weighed</th>
+            <td>{moh711Data.obese_24_59_months_male}</td>
+            <td>{moh711Data.obese_6_23_months_female}</td>
+            <td></td>
+          </tr>
+          <tr>
+            <td rowSpan={3}>4</td>
+            <td rowSpan={3}>MUAC 6-59 months</td>
+            <td>Normal (Green)</td>
+            <td>{moh711Data.muac_6_59_months_normal_male}</td>
+            <td>{moh711Data.muac_6_59_months_normal_female}</td>
+            <td></td>
+          </tr>
+          <tr>
+            <td>Moderate (Yellow)</td>
+            <td>{moh711Data.muac_6_59_months_moderate_male}</td>
+            <td>{moh711Data.muac_6_59_months_moderate_female}</td>
+            <td></td>
+          </tr>
+          <tr>
+            <td>Severe (Red)</td>
+            <td>{moh711Data.muac_6_59_months_severe_male}</td>
+            <td>{moh711Data.muac_6_59_months_severe_female}</td>
+            <td></td>
+          </tr>
+          <tr>
+            <th colSpan={2}>Height for Age</th>
+            <th></th>
+            <th>F</th>
+            <th>M</th>
+            <th>Total</th>
+          </tr>
+          <tr>
+            <td rowSpan={4}>5</td>
+            <td rowSpan={4}>0-&le;6 Months</td>
+            <td>Normal Height for Age</td>
+            <td>{moh711Data.height_for_age_0_6_months_normal_male}</td>
+            <td>{moh711Data.height_for_age_0_6_months_normal_female}</td>
+            <td></td>
+          </tr>
+          <tr>
+            <td>Stunted</td>
+            <td>{moh711Data.stunted_0_6_months_male}</td>
+            <td>{moh711Data.stunted_0_6_months_female}</td>
+            <td></td>
+          </tr>
+          <tr>
+            <td>Severely Stunted</td>
+            <td>{moh711Data.severely_stunted_0_6_months_male}</td>
+            <td>{moh711Data.severely_stunted_0_6_months_female}</td>
+            <td></td>
+          </tr>
+          <tr>
+            <th>Total Measured</th>
+            <td>{moh711Data.severely_stunted_0_6_months_male}</td>
+            <td>{moh711Data.severely_stunted_0_6_months_female}</td>
+            <td></td>
+          </tr>
+          <tr>
+            <td rowSpan={4}>6</td>
+            <td rowSpan={4}>6 - 23 months</td>
+            <td>Normal Height for Age</td>
+            <td>{moh711Data.normal_height_for_age_6_23_months_male}</td>
+            <td>{moh711Data.normal_height_for_age_6_23_months_female}</td>
+            <td></td>
+          </tr>
+          <tr>
+            <td>Stunted</td>
+            <td>{moh711Data.stunted_6_23_months_male}</td>
+            <td>{moh711Data.stunted_6_23_months_female}</td>
+            <td></td>
+          </tr>
+          <tr>
+            <td>Severely Stunted</td>
+            <td>{moh711Data.severely_stunted_6_23_months_male}</td>
+            <td>{moh711Data.severely_stunted_6_23_months_female}</td>
+            <td></td>
+          </tr>
+          <tr>
+            <th>Total Weighed</th>
+            <td>{moh711Data.severely_stunted_0_6_months_male}</td>
+            <td>{moh711Data.severely_stunted_0_6_months_female}</td>
+            <td></td>
+          </tr>
+          <tr>
+            <td rowSpan={4}>7</td>
+            <td rowSpan={4}>24 - 59 months</td>
+            <td>Normal Height for Age</td>
+            <td>{moh711Data.normal_height_for_age_24_59_months_male}</td>
+            <td>{moh711Data.normal_height_for_age_24_59_months_female}</td>
+            <td></td>
+          </tr>
+          <tr>
+            <td>Stunted</td>
+            <td>{moh711Data.stunted_24_59_months_male}</td>
+            <td>{moh711Data.stunted_24_59_months_female}</td>
+            <td></td>
+          </tr>
+          <tr>
+            <td>Severely Stunted</td>
+            <td>{moh711Data.severely_stunted_24_59_months_male}</td>
+            <td>{moh711Data.severely_stunted_24_59_months_female}</td>
+            <td></td>
+          </tr>
+          <tr>
+            <th>Total Weighed</th>
+            <td>{moh711Data.severely_stunted_0_6_months_male}</td>
+            <td>{moh711Data.severely_stunted_0_6_months_female}</td>
+            <td></td>
+          </tr>
+          <tr>
+            <th colSpan={3}>Others</th>
+            <th>M</th>
+            <th>F</th>
+            <th>Total</th>
+          </tr>
+          <tr>
+            <td rowSpan={4}>8</td>
+            <td rowSpan={4}>0 - 59 Months</td>
+            <td>New Visits</td>
+            <td>{moh711Data.new_visits_0_59_months_attending_cwc_male}</td>
+            <td>{moh711Data.new_visits_0_59_months_attending_cwc_female}</td>
+            <td></td>
+          </tr>
+          <tr>
+            <td>Kwashiorkor</td>
+            <td>{moh711Data.kwashiokor_0_59_months_male}</td>
+            <td>{moh711Data.kwashiokor_0_59_months_female}</td>
+            <td></td>
+          </tr>
+          <tr>
+            <td>Marasmus</td>
+            <td>{moh711Data.marasmus_0_59_months_male}</td>
+            <td>{moh711Data.marasmus_0_59_months_female}</td>
+            <td></td>
+          </tr>
+          <tr>
+            <td>Faltering Growth</td>
+            <td>{moh711Data.faltering_growth_0_59_months_male}</td>
+            <td>{moh711Data.faltering_growth_0_59_months_female}</td>
+            <td></td>
+          </tr>
+          <tr>
+            <td>9</td>
+            <td>0 - &le;6</td>
+            <td>Exclusive breastfeeding</td>
+            <td>{moh711Data.exclusive_breastfeeding_0_6_months_male}</td>
+            <td>{moh711Data.exclusive_breastfeeding_0_6_months_female}</td>
+            <td></td>
+          </tr>
+          <tr>
+            <td>10</td>
+            <td> 12-59 Months</td>
+            <td>Dewormed</td>
+            <td>{moh711Data.dewormed_12_59_months_male}</td>
+            <td>{moh711Data.dewormed_12_59_months_female}</td>
+            <td></td>
+          </tr>
+          <tr>
+            <td>11</td>
+            <td>6-23 months</td>
+            <td>MNPs Supplimentation</td>
+            <td>{moh711Data.mnps_supplimentation_6_23_months_male}</td>
+            <td>{moh711Data.mnps_supplimentation_6_23_months_female}</td>
+            <td></td>
+          </tr>
+          <tr>
+            <td>12</td>
+            <td colSpan={2}>No. of children who have diarrhoea with severe dehydration</td>
+            <td></td>
+            <td></td>
+            <td></td>
+          </tr>
+          <tr>
+            <td>13</td>
+            <td colSpan={2}>No. of children who have diarrhoea with some dehydration</td>
+            <td></td>
+            <td></td>
+            <td></td>
+          </tr>
+          <tr>
+            <td>14</td>
+            <td colSpan={2}>No. of children who have diarrhoea with no dehydration</td>
+            <td></td>
+            <td></td>
+            <td></td>
+          </tr>
+          <tr>
+            <td>15</td>
+            <td colSpan={2}>No. of children with diarrhoea treated with ORS and Zinc (Co-pack)</td>
+            <td></td>
+            <td></td>
+            <td></td>
+          </tr>
+          <tr>
+            <td>16</td>
+            <td colSpan={2}>No. of children with pneumonia treated with Amoxycillin (DT)</td>
+            <td></td>
+            <td></td>
+            <td></td>
+          </tr>
+          <tr>
+            <td>17</td>
+            <td colSpan={2}>Under five deaths</td>
+            <td></td>
+            <td></td>
+            <td></td>
+          </tr>
+          <tr>
+            <td>18</td>
+            <td colSpan={2}>No. of children with any Kind of disability</td>
+            <td></td>
+            <td></td>
+            <td></td>
+          </tr>
+          <tr>
+            <td>19</td>
+            <td colSpan={2}>No. of children with delayed milestones</td>
+            <td></td>
+            <td></td>
+            <td></td>
+          </tr>
+        </tbody>
+      </table>
+    </>
+  );
+};
+
+export default ChanisComponent;

package/src/reports/moh-711/sections/family-planning.component.tsx

@@ -0,0 +1,221 @@
+import React from 'react';
+
+import styles from '../moh711.scss';
+import classNames from 'classnames';
+
+interface FamilyPlanningComponentProps {
+  moh711Data: any;
+}
+
+const FamilyPlanningComponent: React.FC<FamilyPlanningComponentProps> = ({ moh711Data }) => {
+  return (
+    <>
+      <table className={classNames(`${styles.table}`, `${styles.tableBordered}`, `${styles.tableStriped}`)}>
+        <thead>
+          <tr>
+            <th></th>
+            <th colSpan={2}>D. Family Planning (Number of clients issued with contraceptives)</th>
+            <th></th>
+            <th></th>
+          </tr>
+          <tr>
+            <th></th>
+            <th colSpan={2} className={styles.greyBackground}></th>
+            <th>NEW</th>
+            <th>RE-VISITS</th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr>
+            <td>1</td>
+            <td colSpan={2}>No. of 1st Ever Users of Contraceptive</td>
+            <td>{moh711Data.first_users_contraceptive_new}</td>
+            <td className={styles.greyBackground}>{moh711Data.first_users_contraceptive_revisit}</td>
+          </tr>
+          <tr>
+            <td>2</td>
+            <td rowSpan={3}>Pills</td>
+            <td>Progestine only pills</td>
+            <td>{moh711Data.pills_progestine_new}</td>
+            <td>{moh711Data.pills_progestine_revisit}</td>
+          </tr>
+          <tr>
+            <td>3</td>
+            <td>Pills Combined oral contraceptive</td>
+            <td>{moh711Data.pills_combined_oral_contraceptive_new}</td>
+            <td>{moh711Data.pills_combined_oral_contraceptive_revisit}</td>
+          </tr>
+          <tr>
+            <td>4</td>
+            <td>Emergency contraceptive pill</td>
+            <td>{moh711Data.emergency_contraceptive_pill_new}</td>
+            <td className={styles.greyBackground}>{moh711Data.emergency_contraceptive_pill_revisit}</td>
+          </tr>
+          <tr>
+            <td>5</td>
+            <td rowSpan={2}>Injectables</td>
+            <td>FP Injections DMPA- IM</td>
+            <td>{moh711Data.fp_injections_dmpa_im}</td>
+            <td></td>
+          </tr>
+          <tr>
+            <td>6</td>
+            <td>FP Injections DMPA- SC</td>
+            <td>{moh711Data.fp_injections_dmpa_sc}</td>
+            <td></td>
+          </tr>
+          <tr>
+            <td>7</td>
+            <td rowSpan={3}>Condoms</td>
+            <td>No. of clients received (Male condoms)</td>
+            <td>{moh711Data.male_condoms_new}</td>
+            <td>{moh711Data.male_condoms_revisit}</td>
+          </tr>
+          <tr>
+            <td>8</td>
+            <td>No. of clients received (Female condoms)</td>
+            <td>{moh711Data.female_condoms_new}</td>
+            <td>{moh711Data.female_condoms_revisit}</td>
+          </tr>
+          <tr>
+            <td>9</td>
+            <td>No. of clients received (Both Male and Female condoms)</td>
+            <td>{moh711Data.male_and_female_condoms_new}</td>
+            <td>{moh711Data.male_and_female_condoms_revisit}</td>
+          </tr>
+          <tr>
+            <td>10</td>
+            <td rowSpan={2}>Natural FP</td>
+            <td>No. of clients counselled Natural FP</td>
+            <td>{moh711Data.counselled_for_natural_family_planning_new}</td>
+            <td className={styles.greyBackground}>{moh711Data.counselled_for_natural_family_planning_revisit}</td>
+          </tr>
+          <tr>
+            <td>11</td>
+            <td>No. of clients given cycle beads</td>
+            <td>{moh711Data.cycle_beads_new}</td>
+            <td className={styles.greyBackground}>{moh711Data.cycle_beads_revisit}</td>
+          </tr>
+        </tbody>
+      </table>
+      <table className={classNames(`${styles.table}`, `${styles.tableBordered}`, `${styles.tableStriped}`)}>
+        <thead>
+          <tr>
+            <th></th>
+            <th colSpan={2}>Long acting and permanent methods</th>
+            <th>1st time insertion</th>
+            <th>Re-insertion</th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr>
+            <td>12</td>
+            <td rowSpan={2}>Implants</td>
+            <td>1 Rod</td>
+            <td></td>
+            <td></td>
+          </tr>
+          <tr>
+            <td>13</td>
+            <td>2 Rods</td>
+            <td></td>
+            <td></td>
+          </tr>
+          <tr>
+            <td>14</td>
+            <td rowSpan={2}>I.U.C.D insertion</td>
+            <td>Hormonal</td>
+            <td>{moh711Data.iucd_hormonal}</td>
+            <td></td>
+          </tr>
+          <tr>
+            <td>15</td>
+            <td>Non Hormonal</td>
+            <td>{moh711Data.iucd_non_hormonal}</td>
+            <td></td>
+          </tr>
+          <tr>
+            <td>16</td>
+            <td rowSpan={2}>Voluntary surgical contraception</td>
+            <td>BTL</td>
+            <td>{moh711Data.surgical_contraception_btl}</td>
+            <td className={styles.greyBackground}></td>
+          </tr>
+          <tr>
+            <td>17</td>
+            <td>Vasectomy</td>
+            <td>{moh711Data.vasectomy} </td>
+            <td className={styles.greyBackground}></td>
+          </tr>
+          <tr>
+            <th colSpan={3}></th>
+            <th>New</th>
+            <th>Revisit</th>
+          </tr>
+          <tr>
+            <td>18</td>
+            <td rowSpan={2}>Removals</td>
+            <td>I.U.C.D</td>
+            <td>{moh711Data.iucd_removals}</td>
+            <td className={styles.greyBackground}></td>
+          </tr>
+          <tr>
+            <td>19</td>
+            <td>Implants</td>
+            <td>{moh711Data.implants_removal}</td>
+            <td className={styles.greyBackground}></td>
+          </tr>
+          <tr>
+            <td>20</td>
+            <td rowSpan={4}>
+              Number of clients <br /> receiving All FP <br /> services (Issued with <br /> commodities plus <br />
+              other FP services)
+            </td>
+            <td>Adolescent clients (10-14 yrs) Receiving FP Services</td>
+            <td>{moh711Data.fp_adolescent_10_14_new}</td>
+            <td>{moh711Data.fp_adolescent_10_14_revisit}</td>
+          </tr>
+          <tr>
+            <td>21</td>
+            <td>Adolescent clients (15-19 Yrs) Receiving FP Services</td>
+            <td>{moh711Data.fp_adolescent_15_19_new}</td>
+            <td>{moh711Data.fp_adolescent_15_19_revisit}</td>
+          </tr>
+          <tr>
+            <td>22</td>
+            <td>Adolescent clients (20-24 Yrs) Receiving FP Services</td>
+            <td>{moh711Data.fp_adolescent_20_24_new}</td>
+            <td>{moh711Data.fp_adolescent_20_24_revisit}</td>
+          </tr>
+          <tr>
+            <td>23</td>
+            <td>Adults 25+ receiving FP Services</td>
+            <td>{moh711Data.fp_adolescent_25_plus_new}</td>
+            <td>{moh711Data.fp_adolescent_25_plus_revisit}</td>
+          </tr>
+          <tr>
+            <td>24</td>
+            <td rowSpan={2}>No. of clients receiving immediate post partum FP Method</td>
+            <td>within 48 Hours</td>
+            <td>{moh711Data.post_partum_fp_48_hours_new}</td>
+            <td className={styles.greyBackground}>{moh711Data.post_partum_fp_48_hours_revisit}</td>
+          </tr>
+          <tr>
+            <td>25</td>
+            <td>3 days to 6 weeks</td>
+            <td>{moh711Data.post_partum_fp_4_6_weeks_new}</td>
+            <td className={styles.greyBackground}>{moh711Data.post_partum_fp_4_6_weeks_revisit}</td>
+          </tr>
+          <tr>
+            <td>26</td>
+            <td colSpan={2}>No. of clients receiving post abortion FP Method</td>
+            <td>{moh711Data.post_abortion_fp_new}</td>
+            <td className={styles.greyBackground}>{moh711Data.post_abortion_fp_revisit}</td>
+          </tr>
+        </tbody>
+      </table>
+    </>
+  );
+};
+
+export default FamilyPlanningComponent;