@ampath/esm-reports-app 1.0.0-next.71 → 1.0.0-next.72
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/410.js +1 -1
- package/dist/{919.css → 500.css} +1 -1
- package/dist/{919.css.map → 500.css.map} +1 -1
- package/dist/500.js +1 -0
- package/dist/500.js.map +1 -0
- package/dist/ampath-esm-reports-app.js +1 -1
- package/dist/routes.json +1 -1
- package/package.json +1 -1
- package/src/reports/moh-710/registers/moh-510/moh-510.component.tsx +2 -4
- package/src/reports/moh-711/moh-711.component.tsx +12 -2
- package/src/reports/moh-711/registers/moh-510-register.component.tsx +1 -1
- package/src/reports/moh-711/registers/moh-512-columns.ts +94 -0
- package/src/reports/moh-711/registers/moh-512.component.tsx +141 -0
- package/src/reports/moh-711/registers/moh-512.scss +64 -0
- package/src/reports/moh-711/registers/tb-register-columns.ts +17 -0
- package/src/reports/moh-711/registers/tb-register.component.tsx +93 -0
- package/src/reports/moh-711/registers/tb-register.scss +64 -0
- package/src/reports/moh-711/sections/family-planning.component.tsx +158 -53
- package/src/reports/moh-711/sections/tb-screening.component.tsx +50 -13
- package/src/resources/moh-710.resource.ts +1 -1
- package/src/resources/moh-711.resource.ts +56 -5
- package/src/root.component.tsx +4 -0
- package/dist/919.js +0 -1
- package/dist/919.js.map +0 -1
|
@@ -0,0 +1,64 @@
|
|
|
1
|
+
@use '@openmrs/esm-styleguide/src/vars' as *;
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
.tableContainer {
|
|
5
|
+
width: 100%;
|
|
6
|
+
}
|
|
7
|
+
|
|
8
|
+
/* Sized to content rather than to the frame, so a long value -- a full name,
|
|
9
|
+
say -- widens its own column instead of wrapping. `.tableScroll` in the
|
|
10
|
+
layout scrolls when the table outgrows the page. */
|
|
11
|
+
|
|
12
|
+
.table {
|
|
13
|
+
width: auto;
|
|
14
|
+
min-width: 100%;
|
|
15
|
+
margin: 0;
|
|
16
|
+
font-size: 0.75rem;
|
|
17
|
+
border-collapse: collapse;
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
.tableBordered td,
|
|
21
|
+
.tableBordered th {
|
|
22
|
+
padding: 0.125rem 0.5rem;
|
|
23
|
+
font-size: 0.75rem;
|
|
24
|
+
line-height: 1.3;
|
|
25
|
+
border: 1px solid $ui-04;
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
.tableBordered th {
|
|
29
|
+
font-weight: 600;
|
|
30
|
+
color: $color-gray-100;
|
|
31
|
+
background-color: $ui-01;
|
|
32
|
+
/* headings carry deliberate line breaks, so they wrap where the markup says */
|
|
33
|
+
white-space: normal;
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
.tableBordered td {
|
|
37
|
+
white-space: nowrap;
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
/* Long prose columns (diagnoses, referrals, comments) wrap inside a bounded
|
|
41
|
+
width instead of stretching the row past the fold. */
|
|
42
|
+
.tableBordered td.wrapCell {
|
|
43
|
+
white-space: normal;
|
|
44
|
+
min-width: 8rem;
|
|
45
|
+
max-width: 16rem;
|
|
46
|
+
overflow-wrap: anywhere;
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
.tableStriped tbody tr:nth-of-type(odd) {
|
|
50
|
+
background-color: $ui-01;
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
.tableStriped tbody tr:hover {
|
|
54
|
+
background-color: $brand-primary-10;
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
.textCentre {
|
|
58
|
+
text-align: center;
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
.verticalText {
|
|
62
|
+
writing-mode: vertical-rl;
|
|
63
|
+
transform: rotate(180deg);
|
|
64
|
+
}
|
|
@@ -2,12 +2,34 @@ import React from 'react';
|
|
|
2
2
|
|
|
3
3
|
import styles from '../moh711.scss';
|
|
4
4
|
import classNames from 'classnames';
|
|
5
|
+
import { useLocation, useNavigate } from 'react-router-dom';
|
|
5
6
|
|
|
6
7
|
interface FamilyPlanningComponentProps {
|
|
7
8
|
moh711Data: any;
|
|
9
|
+
startDate: string;
|
|
10
|
+
endDate: string;
|
|
11
|
+
locationUuids: string;
|
|
8
12
|
}
|
|
9
13
|
|
|
10
|
-
const FamilyPlanningComponent: React.FC<FamilyPlanningComponentProps> = ({
|
|
14
|
+
const FamilyPlanningComponent: React.FC<FamilyPlanningComponentProps> = ({
|
|
15
|
+
moh711Data,
|
|
16
|
+
startDate,
|
|
17
|
+
endDate,
|
|
18
|
+
locationUuids,
|
|
19
|
+
}) => {
|
|
20
|
+
const navigate = useNavigate();
|
|
21
|
+
const location = useLocation();
|
|
22
|
+
const navigateToRegister = (indicator: string) => {
|
|
23
|
+
navigate(
|
|
24
|
+
`/moh-512-register?startDate=${startDate}&endDate=${endDate}&locationUuids=${locationUuids}&indicator=${indicator}&from=moh-711`,
|
|
25
|
+
{
|
|
26
|
+
state: {
|
|
27
|
+
from: location.pathname,
|
|
28
|
+
reportName: 'moh711Report',
|
|
29
|
+
},
|
|
30
|
+
},
|
|
31
|
+
);
|
|
32
|
+
};
|
|
11
33
|
return (
|
|
12
34
|
<div className={styles.section}>
|
|
13
35
|
<table className={classNames(`${styles.table}`, `${styles.tableBordered}`, `${styles.tableStriped}`)}>
|
|
@@ -29,72 +51,107 @@ const FamilyPlanningComponent: React.FC<FamilyPlanningComponentProps> = ({ moh71
|
|
|
29
51
|
<tr>
|
|
30
52
|
<td>1</td>
|
|
31
53
|
<td colSpan={2}>No. of 1st Ever Users of Contraceptive</td>
|
|
32
|
-
<td
|
|
33
|
-
|
|
54
|
+
<td onClick={() => navigateToRegister('first_users_contraceptive_new')}>
|
|
55
|
+
{moh711Data.first_users_contraceptive_new}
|
|
56
|
+
</td>
|
|
57
|
+
<td
|
|
58
|
+
className={styles.greyBackground}
|
|
59
|
+
onClick={() => navigateToRegister('first_users_contraceptive_revisit')}
|
|
60
|
+
>
|
|
61
|
+
{moh711Data.first_users_contraceptive_revisit}
|
|
62
|
+
</td>
|
|
34
63
|
</tr>
|
|
35
64
|
<tr>
|
|
36
65
|
<td>2</td>
|
|
37
66
|
<td rowSpan={3}>Pills</td>
|
|
38
67
|
<td>Progestine only pills</td>
|
|
39
|
-
<td>{moh711Data.pills_progestine_new}</td>
|
|
40
|
-
<td>{moh711Data.pills_progestine_revisit}</td>
|
|
68
|
+
<td onClick={() => navigateToRegister('pills_progestine_new')}>{moh711Data.pills_progestine_new}</td>
|
|
69
|
+
<td onClick={() => navigateToRegister('pills_progestine_revisit')}>{moh711Data.pills_progestine_revisit}</td>
|
|
41
70
|
</tr>
|
|
42
71
|
<tr>
|
|
43
72
|
<td>3</td>
|
|
44
73
|
<td>Pills Combined oral contraceptive</td>
|
|
45
|
-
<td
|
|
46
|
-
|
|
74
|
+
<td onClick={() => navigateToRegister('pills_combined_oral_contraceptive_new')}>
|
|
75
|
+
{moh711Data.pills_combined_oral_contraceptive_new}
|
|
76
|
+
</td>
|
|
77
|
+
<td onClick={() => navigateToRegister('pills_combined_oral_contraceptive_revisit')}>
|
|
78
|
+
{moh711Data.pills_combined_oral_contraceptive_revisit}
|
|
79
|
+
</td>
|
|
47
80
|
</tr>
|
|
48
81
|
<tr>
|
|
49
82
|
<td>4</td>
|
|
50
83
|
<td>Emergency contraceptive pill</td>
|
|
51
|
-
<td
|
|
52
|
-
|
|
84
|
+
<td onClick={() => navigateToRegister('emergency_contraceptive_pill_new')}>
|
|
85
|
+
{moh711Data.emergency_contraceptive_pill_new}
|
|
86
|
+
</td>
|
|
87
|
+
<td
|
|
88
|
+
className={styles.greyBackground}
|
|
89
|
+
onClick={() => navigateToRegister('emergency_contraceptive_pill_revisit')}
|
|
90
|
+
>
|
|
91
|
+
{moh711Data.emergency_contraceptive_pill_revisit}
|
|
92
|
+
</td>
|
|
53
93
|
</tr>
|
|
54
94
|
<tr>
|
|
55
95
|
<td>5</td>
|
|
56
96
|
<td rowSpan={2}>Injectables</td>
|
|
57
97
|
<td>FP Injections DMPA- IM</td>
|
|
58
|
-
<td>{moh711Data.fp_injections_dmpa_im_new}</td>
|
|
59
|
-
<td
|
|
98
|
+
<td onClick={() => navigateToRegister('fp_injections_dmpa_im_new')}>{moh711Data.fp_injections_dmpa_im_new}</td>
|
|
99
|
+
<td onClick={() => navigateToRegister('fp_injections_dmpa_im_revisit')}>
|
|
100
|
+
{moh711Data.fp_injections_dmpa_im_revisit}
|
|
101
|
+
</td>
|
|
60
102
|
</tr>
|
|
61
103
|
<tr>
|
|
62
104
|
<td>6</td>
|
|
63
105
|
<td>FP Injections DMPA- SC</td>
|
|
64
|
-
<td>{moh711Data.fp_injections_dmpa_sc_new}</td>
|
|
65
|
-
<td
|
|
106
|
+
<td onClick={() => navigateToRegister('fp_injections_dmpa_sc_new')}>{moh711Data.fp_injections_dmpa_sc_new}</td>
|
|
107
|
+
<td onClick={() => navigateToRegister('fp_injections_dmpa_sc_revisit')}>
|
|
108
|
+
{moh711Data.fp_injections_dmpa_sc_revisit}
|
|
109
|
+
</td>
|
|
66
110
|
</tr>
|
|
67
111
|
<tr>
|
|
68
112
|
<td>7</td>
|
|
69
113
|
<td rowSpan={3}>Condoms</td>
|
|
70
114
|
<td>No. of clients received (Male condoms)</td>
|
|
71
|
-
<td>{moh711Data.male_condoms_new}</td>
|
|
72
|
-
<td>{moh711Data.male_condoms_revisit}</td>
|
|
115
|
+
<td onClick={() => navigateToRegister('male_condoms_new')}>{moh711Data.male_condoms_new}</td>
|
|
116
|
+
<td onClick={() => navigateToRegister('male_condoms_revisit')}>{moh711Data.male_condoms_revisit}</td>
|
|
73
117
|
</tr>
|
|
74
118
|
<tr>
|
|
75
119
|
<td>8</td>
|
|
76
120
|
<td>No. of clients received (Female condoms)</td>
|
|
77
|
-
<td>{moh711Data.female_condoms_new}</td>
|
|
78
|
-
<td>{moh711Data.female_condoms_revisit}</td>
|
|
121
|
+
<td onClick={() => navigateToRegister('female_condoms_new')}>{moh711Data.female_condoms_new}</td>
|
|
122
|
+
<td onClick={() => navigateToRegister('female_condoms_revisit')}>{moh711Data.female_condoms_revisit}</td>
|
|
79
123
|
</tr>
|
|
80
124
|
<tr>
|
|
81
125
|
<td>9</td>
|
|
82
126
|
<td>No. of clients received (Both Male and Female condoms)</td>
|
|
83
|
-
<td
|
|
84
|
-
|
|
127
|
+
<td onClick={() => navigateToRegister('male_and_female_condoms_new')}>
|
|
128
|
+
{moh711Data.male_and_female_condoms_new}
|
|
129
|
+
</td>
|
|
130
|
+
<td onClick={() => navigateToRegister('male_and_female_condoms_revisit')}>
|
|
131
|
+
{moh711Data.male_and_female_condoms_revisit}
|
|
132
|
+
</td>
|
|
85
133
|
</tr>
|
|
86
134
|
<tr>
|
|
87
135
|
<td>10</td>
|
|
88
136
|
<td rowSpan={2}>Natural FP</td>
|
|
89
137
|
<td>No. of clients counselled Natural FP</td>
|
|
90
|
-
<td
|
|
91
|
-
|
|
138
|
+
<td onClick={() => navigateToRegister('counselled_for_natural_family_planning_new')}>
|
|
139
|
+
{moh711Data.counselled_for_natural_family_planning_new}
|
|
140
|
+
</td>
|
|
141
|
+
<td
|
|
142
|
+
className={styles.greyBackground}
|
|
143
|
+
onClick={() => navigateToRegister('counselled_for_natural_family_planning_revisit')}
|
|
144
|
+
>
|
|
145
|
+
{moh711Data.counselled_for_natural_family_planning_revisit}
|
|
146
|
+
</td>
|
|
92
147
|
</tr>
|
|
93
148
|
<tr>
|
|
94
149
|
<td>11</td>
|
|
95
150
|
<td>No. of clients given cycle beads</td>
|
|
96
|
-
<td>{moh711Data.cycle_beads_new}</td>
|
|
97
|
-
<td className={styles.greyBackground}
|
|
151
|
+
<td onClick={() => navigateToRegister('cycle_beads_new')}>{moh711Data.cycle_beads_new}</td>
|
|
152
|
+
<td className={styles.greyBackground} onClick={() => navigateToRegister('cycle_beads_revisit')}>
|
|
153
|
+
{moh711Data.cycle_beads_revisit}
|
|
154
|
+
</td>
|
|
98
155
|
</tr>
|
|
99
156
|
</tbody>
|
|
100
157
|
</table>
|
|
@@ -112,40 +169,63 @@ const FamilyPlanningComponent: React.FC<FamilyPlanningComponentProps> = ({ moh71
|
|
|
112
169
|
<td>12</td>
|
|
113
170
|
<td rowSpan={2}>Implants</td>
|
|
114
171
|
<td>1 Rod</td>
|
|
115
|
-
<td
|
|
116
|
-
|
|
172
|
+
<td onClick={() => navigateToRegister('implants_insertion_1_rod_first_time')}>
|
|
173
|
+
{moh711Data.implants_insertion_1_rod_first_time}
|
|
174
|
+
</td>
|
|
175
|
+
<td onClick={() => navigateToRegister('implants_insertion_1_rod_re_insertion')}>
|
|
176
|
+
{moh711Data.implants_insertion_1_rod_re_insertion}
|
|
177
|
+
</td>
|
|
117
178
|
</tr>
|
|
118
179
|
<tr>
|
|
119
180
|
<td>13</td>
|
|
120
181
|
<td>2 Rods</td>
|
|
121
|
-
<td
|
|
122
|
-
|
|
182
|
+
<td onClick={() => navigateToRegister('implants_insertion_2_rod_first_time')}>
|
|
183
|
+
{moh711Data.implants_insertion_2_rod_first_time}
|
|
184
|
+
</td>
|
|
185
|
+
<td onClick={() => navigateToRegister('implants_insertion_2_rod_re_insertion')}>
|
|
186
|
+
{moh711Data.implants_insertion_2_rod_re_insertion}
|
|
187
|
+
</td>
|
|
123
188
|
</tr>
|
|
124
189
|
<tr>
|
|
125
190
|
<td>14</td>
|
|
126
191
|
<td rowSpan={2}>I.U.C.D insertion</td>
|
|
127
192
|
<td>Hormonal</td>
|
|
128
|
-
<td>{moh711Data.iucd_hormonal_first_time}</td>
|
|
129
|
-
<td
|
|
193
|
+
<td onClick={() => navigateToRegister('iucd_hormonal_first_time')}>{moh711Data.iucd_hormonal_first_time}</td>
|
|
194
|
+
<td onClick={() => navigateToRegister('iucd_hormonal_re_insertion')}>
|
|
195
|
+
{moh711Data.iucd_hormonal_re_insertion}
|
|
196
|
+
</td>
|
|
130
197
|
</tr>
|
|
131
198
|
<tr>
|
|
132
199
|
<td>15</td>
|
|
133
200
|
<td>Non Hormonal</td>
|
|
134
|
-
<td
|
|
135
|
-
|
|
201
|
+
<td onClick={() => navigateToRegister('iucd_non_hormonal_first_time')}>
|
|
202
|
+
{moh711Data.iucd_non_hormonal_first_time}
|
|
203
|
+
</td>
|
|
204
|
+
<td onClick={() => navigateToRegister('iucd_non_hormonal_re_insertion')}>
|
|
205
|
+
{moh711Data.iucd_non_hormonal_re_insertion}
|
|
206
|
+
</td>
|
|
136
207
|
</tr>
|
|
137
208
|
<tr>
|
|
138
209
|
<td>16</td>
|
|
139
210
|
<td rowSpan={2}>Voluntary surgical contraception</td>
|
|
140
211
|
<td>BTL</td>
|
|
141
|
-
<td
|
|
142
|
-
|
|
212
|
+
<td onClick={() => navigateToRegister('surgical_contraception_btl_first_time')}>
|
|
213
|
+
{moh711Data.surgical_contraception_btl_first_time}
|
|
214
|
+
</td>
|
|
215
|
+
<td
|
|
216
|
+
className={styles.greyBackground}
|
|
217
|
+
onClick={() => navigateToRegister('surgical_contraception_btl_re_insertion')}
|
|
218
|
+
>
|
|
219
|
+
{moh711Data.surgical_contraception_btl_re_insertion}
|
|
220
|
+
</td>
|
|
143
221
|
</tr>
|
|
144
222
|
<tr>
|
|
145
223
|
<td>17</td>
|
|
146
224
|
<td>Vasectomy</td>
|
|
147
|
-
<td>{moh711Data.vasectomy_insertion}
|
|
148
|
-
<td className={styles.greyBackground}
|
|
225
|
+
<td onClick={() => navigateToRegister('vasectomy_insertion')}>{moh711Data.vasectomy_insertion}</td>
|
|
226
|
+
<td className={styles.greyBackground} onClick={() => navigateToRegister('vasectomy_re_insertion')}>
|
|
227
|
+
{moh711Data.vasectomy_re_insertion}
|
|
228
|
+
</td>
|
|
149
229
|
</tr>
|
|
150
230
|
<tr>
|
|
151
231
|
<th colSpan={3}></th>
|
|
@@ -156,14 +236,18 @@ const FamilyPlanningComponent: React.FC<FamilyPlanningComponentProps> = ({ moh71
|
|
|
156
236
|
<td>18</td>
|
|
157
237
|
<td rowSpan={2}>Removals</td>
|
|
158
238
|
<td>I.U.C.D</td>
|
|
159
|
-
<td>{moh711Data.iucd_removals_new}</td>
|
|
160
|
-
<td className={styles.greyBackground}
|
|
239
|
+
<td onClick={() => navigateToRegister('iucd_removals_new')}>{moh711Data.iucd_removals_new}</td>
|
|
240
|
+
<td className={styles.greyBackground} onClick={() => navigateToRegister('iucd_removals_revisit')}>
|
|
241
|
+
{moh711Data.iucd_removals_revisit}
|
|
242
|
+
</td>
|
|
161
243
|
</tr>
|
|
162
244
|
<tr>
|
|
163
245
|
<td>19</td>
|
|
164
246
|
<td>Implants</td>
|
|
165
|
-
<td>{moh711Data.implants_removal_new}</td>
|
|
166
|
-
<td className={styles.greyBackground}
|
|
247
|
+
<td onClick={() => navigateToRegister('implants_removal_new')}>{moh711Data.implants_removal_new}</td>
|
|
248
|
+
<td className={styles.greyBackground} onClick={() => navigateToRegister('implants_removal_revisit')}>
|
|
249
|
+
{moh711Data.implants_removal_revisit}
|
|
250
|
+
</td>
|
|
167
251
|
</tr>
|
|
168
252
|
<tr>
|
|
169
253
|
<td>20</td>
|
|
@@ -172,45 +256,66 @@ const FamilyPlanningComponent: React.FC<FamilyPlanningComponentProps> = ({ moh71
|
|
|
172
256
|
other FP services)
|
|
173
257
|
</td>
|
|
174
258
|
<td>Adolescent clients (10-14 yrs) Receiving FP Services</td>
|
|
175
|
-
<td>{moh711Data.fp_adolescent_10_14_new}</td>
|
|
176
|
-
<td
|
|
259
|
+
<td onClick={() => navigateToRegister('fp_adolescent_10_14_new')}>{moh711Data.fp_adolescent_10_14_new}</td>
|
|
260
|
+
<td onClick={() => navigateToRegister('fp_adolescent_10_14_revisit')}>
|
|
261
|
+
{moh711Data.fp_adolescent_10_14_revisit}
|
|
262
|
+
</td>
|
|
177
263
|
</tr>
|
|
178
264
|
<tr>
|
|
179
265
|
<td>21</td>
|
|
180
266
|
<td>Adolescent clients (15-19 Yrs) Receiving FP Services</td>
|
|
181
|
-
<td>{moh711Data.fp_adolescent_15_19_new}</td>
|
|
182
|
-
<td
|
|
267
|
+
<td onClick={() => navigateToRegister('fp_adolescent_15_19_new')}>{moh711Data.fp_adolescent_15_19_new}</td>
|
|
268
|
+
<td onClick={() => navigateToRegister('fp_adolescent_15_19_revisit')}>
|
|
269
|
+
{moh711Data.fp_adolescent_15_19_revisit}
|
|
270
|
+
</td>
|
|
183
271
|
</tr>
|
|
184
272
|
<tr>
|
|
185
273
|
<td>22</td>
|
|
186
274
|
<td>Adolescent clients (20-24 Yrs) Receiving FP Services</td>
|
|
187
|
-
<td>{moh711Data.fp_adolescent_20_24_new}</td>
|
|
188
|
-
<td
|
|
275
|
+
<td onClick={() => navigateToRegister('fp_adolescent_20_24_new')}>{moh711Data.fp_adolescent_20_24_new}</td>
|
|
276
|
+
<td onClick={() => navigateToRegister('fp_adolescent_20_24_revisit')}>
|
|
277
|
+
{moh711Data.fp_adolescent_20_24_revisit}
|
|
278
|
+
</td>
|
|
189
279
|
</tr>
|
|
190
280
|
<tr>
|
|
191
281
|
<td>23</td>
|
|
192
282
|
<td>Adults 25+ receiving FP Services</td>
|
|
193
|
-
<td>{moh711Data.fp_adolescent_25_plus_new}</td>
|
|
194
|
-
<td
|
|
283
|
+
<td onClick={() => navigateToRegister('fp_adolescent_25_plus_new')}>{moh711Data.fp_adolescent_25_plus_new}</td>
|
|
284
|
+
<td onClick={() => navigateToRegister('fp_adolescent_25_plus_revisit')}>
|
|
285
|
+
{moh711Data.fp_adolescent_25_plus_revisit}
|
|
286
|
+
</td>
|
|
195
287
|
</tr>
|
|
196
288
|
<tr>
|
|
197
289
|
<td>24</td>
|
|
198
290
|
<td rowSpan={2}>No. of clients receiving immediate post partum FP Method</td>
|
|
199
291
|
<td>within 48 Hours</td>
|
|
200
|
-
<td
|
|
201
|
-
|
|
292
|
+
<td onClick={() => navigateToRegister('post_partum_fp_48_hours_new')}>
|
|
293
|
+
{moh711Data.post_partum_fp_48_hours_new}
|
|
294
|
+
</td>
|
|
295
|
+
<td className={styles.greyBackground} onClick={() => navigateToRegister('post_partum_fp_48_hours_revisit')}>
|
|
296
|
+
{moh711Data.post_partum_fp_48_hours_revisit}
|
|
297
|
+
</td>
|
|
202
298
|
</tr>
|
|
203
299
|
<tr>
|
|
204
300
|
<td>25</td>
|
|
205
301
|
<td>3 days to 6 weeks</td>
|
|
206
|
-
<td
|
|
207
|
-
|
|
302
|
+
<td onClick={() => navigateToRegister('post_partum_fp_3days_6_weeks_new')}>
|
|
303
|
+
{moh711Data.post_partum_fp_3days_6_weeks_new}
|
|
304
|
+
</td>
|
|
305
|
+
<td
|
|
306
|
+
className={styles.greyBackground}
|
|
307
|
+
onClick={() => navigateToRegister('post_partum_fp_3days_6_weeks_revisit')}
|
|
308
|
+
>
|
|
309
|
+
{moh711Data.post_partum_fp_3days_6_weeks_revisit}
|
|
310
|
+
</td>
|
|
208
311
|
</tr>
|
|
209
312
|
<tr>
|
|
210
313
|
<td>26</td>
|
|
211
314
|
<td colSpan={2}>No. of clients receiving post abortion FP Method</td>
|
|
212
|
-
<td>{moh711Data.post_abortion_fp_new}</td>
|
|
213
|
-
<td className={styles.greyBackground}
|
|
315
|
+
<td onClick={() => navigateToRegister('post_abortion_fp_new')}>{moh711Data.post_abortion_fp_new}</td>
|
|
316
|
+
<td className={styles.greyBackground} onClick={() => navigateToRegister('post_abortion_fp_revisit')}>
|
|
317
|
+
{moh711Data.post_abortion_fp_revisit}
|
|
318
|
+
</td>
|
|
214
319
|
</tr>
|
|
215
320
|
</tbody>
|
|
216
321
|
</table>
|
|
@@ -2,12 +2,29 @@ import React from 'react';
|
|
|
2
2
|
|
|
3
3
|
import styles from '../moh711.scss';
|
|
4
4
|
import classNames from 'classnames';
|
|
5
|
+
import { useLocation, useNavigate } from 'react-router-dom';
|
|
5
6
|
|
|
6
7
|
interface TBScreeningProps {
|
|
7
8
|
moh711Data: any;
|
|
9
|
+
startDate: string;
|
|
10
|
+
endDate: string;
|
|
11
|
+
locationUuids: string;
|
|
8
12
|
}
|
|
9
13
|
|
|
10
|
-
const TBScreeningComponent: React.FC<TBScreeningProps> = ({ moh711Data }) => {
|
|
14
|
+
const TBScreeningComponent: React.FC<TBScreeningProps> = ({ moh711Data, startDate, endDate, locationUuids }) => {
|
|
15
|
+
const navigate = useNavigate();
|
|
16
|
+
const location = useLocation();
|
|
17
|
+
const navigateToRegister = (indicator: string) => {
|
|
18
|
+
navigate(
|
|
19
|
+
`/tb-register?startDate=${startDate}&endDate=${endDate}&locationUuids=${locationUuids}&indicator=${indicator}&from=moh-711`,
|
|
20
|
+
{
|
|
21
|
+
state: {
|
|
22
|
+
from: location.pathname,
|
|
23
|
+
reportName: 'moh711Report',
|
|
24
|
+
},
|
|
25
|
+
},
|
|
26
|
+
);
|
|
27
|
+
};
|
|
11
28
|
return (
|
|
12
29
|
<div className={styles.section}>
|
|
13
30
|
<table className={classNames(`${styles.table}`, `${styles.tableBordered}`, `${styles.tableStriped}`)}>
|
|
@@ -23,30 +40,50 @@ const TBScreeningComponent: React.FC<TBScreeningProps> = ({ moh711Data }) => {
|
|
|
23
40
|
<tr>
|
|
24
41
|
<td>1</td>
|
|
25
42
|
<td>Total Number of people screened</td>
|
|
26
|
-
<td
|
|
27
|
-
|
|
28
|
-
|
|
43
|
+
<td onClick={() => navigateToRegister('total_screened_for_tb_0_to_14')}>
|
|
44
|
+
{moh711Data.total_screened_for_tb_0_to_14 ?? 0}
|
|
45
|
+
</td>
|
|
46
|
+
<td onClick={() => navigateToRegister('total_screened_for_tb_15_above')}>
|
|
47
|
+
{moh711Data.total_screened_for_tb_15_above ?? 0}
|
|
48
|
+
</td>
|
|
49
|
+
<td onClick={() => navigateToRegister('total_screened_for_tb')}>{moh711Data.total_screened_for_tb ?? 0}</td>
|
|
29
50
|
</tr>
|
|
30
51
|
<tr>
|
|
31
52
|
<td>2</td>
|
|
32
53
|
<td>Total Number of presumptive TB cases</td>
|
|
33
|
-
<td
|
|
34
|
-
|
|
35
|
-
|
|
54
|
+
<td onClick={() => navigateToRegister('total_presumptive_tb_cases_0_14')}>
|
|
55
|
+
{moh711Data.total_presumptive_tb_cases_0_14 ?? 0}
|
|
56
|
+
</td>
|
|
57
|
+
<td onClick={() => navigateToRegister('total_presumptive_tb_cases_15_above')}>
|
|
58
|
+
{moh711Data.total_presumptive_tb_cases_15_above ?? 0}
|
|
59
|
+
</td>
|
|
60
|
+
<td onClick={() => navigateToRegister('total_presumptive_tb_cases')}>
|
|
61
|
+
{moh711Data.total_presumptive_tb_cases ?? 0}
|
|
62
|
+
</td>
|
|
36
63
|
</tr>
|
|
37
64
|
<tr>
|
|
38
65
|
<td>3</td>
|
|
39
66
|
<td>Total Number of already on TB treatment</td>
|
|
40
|
-
<td
|
|
41
|
-
|
|
42
|
-
|
|
67
|
+
<td onClick={() => navigateToRegister('already_on_tb_treatment_0_14')}>
|
|
68
|
+
{moh711Data.already_on_tb_treatment_0_14 ?? 0}
|
|
69
|
+
</td>
|
|
70
|
+
<td onClick={() => navigateToRegister('already_on_tb_treatment_15_above')}>
|
|
71
|
+
{moh711Data.already_on_tb_treatment_15_above ?? 0}
|
|
72
|
+
</td>
|
|
73
|
+
<td onClick={() => navigateToRegister('already_on_tb_treatment')}>
|
|
74
|
+
{moh711Data.already_on_tb_treatment ?? 0}
|
|
75
|
+
</td>
|
|
43
76
|
</tr>
|
|
44
77
|
<tr>
|
|
45
78
|
<td>4</td>
|
|
46
79
|
<td>Total Number of people not screened</td>
|
|
47
|
-
<td
|
|
48
|
-
|
|
49
|
-
|
|
80
|
+
<td onClick={() => navigateToRegister('not_screened_for_tb_0_14')}>
|
|
81
|
+
{moh711Data.not_screened_for_tb_0_14 ?? 0}
|
|
82
|
+
</td>
|
|
83
|
+
<td onClick={() => navigateToRegister('not_screened_for_tb_15_above')}>
|
|
84
|
+
{moh711Data.not_screened_for_tb_15_above ?? 0}
|
|
85
|
+
</td>
|
|
86
|
+
<td onClick={() => navigateToRegister('not_screened_for_tb')}>{moh711Data.not_screened_for_tb ?? 0}</td>
|
|
50
87
|
</tr>
|
|
51
88
|
</tbody>
|
|
52
89
|
</table>
|
|
@@ -32,7 +32,7 @@ export async function getMoh710(params: Moh710Params): Promise<any> {
|
|
|
32
32
|
}
|
|
33
33
|
}
|
|
34
34
|
|
|
35
|
-
export async function
|
|
35
|
+
export async function getMoh510PatientList(params: Moh710Params): Promise<any> {
|
|
36
36
|
const url = await buildEtlUrl('moh-510-patient-list', {
|
|
37
37
|
locationUuids: params.locationUuids || '',
|
|
38
38
|
startDate: params.startDate || '',
|
|
@@ -112,12 +112,38 @@ export async function getMoh333PatientList(params: PatientListParams): Promise<P
|
|
|
112
112
|
}
|
|
113
113
|
}
|
|
114
114
|
|
|
115
|
-
export async function getMoh510PatientList(params: PatientListParams): Promise<PatientListPage> {
|
|
116
|
-
|
|
115
|
+
// export async function getMoh510PatientList(params: PatientListParams): Promise<PatientListPage> {
|
|
116
|
+
// const url = await buildEtlUrl('moh-510-patient-list', {
|
|
117
|
+
// locationUuids: params.locationUuids || '',
|
|
118
|
+
// startDate: params.startDate || '',
|
|
119
|
+
// endDate: params.endDate || '',
|
|
120
|
+
// indicator: Array.isArray(params.indicator) ? params.indicator.join(',') : params.indicator || '',
|
|
121
|
+
// ...pageParams(params),
|
|
122
|
+
// reportName: params.reportName || '',
|
|
123
|
+
// });
|
|
124
|
+
// try {
|
|
125
|
+
// const response = await openmrsFetch(url);
|
|
126
|
+
|
|
127
|
+
// if (!response.ok) {
|
|
128
|
+
// const errorText = await response.text();
|
|
129
|
+
// throw new Error(`Failed to fetch patient list: ${response.status} - ${errorText}`);
|
|
130
|
+
// }
|
|
131
|
+
|
|
132
|
+
// const data = await response.json();
|
|
133
|
+
|
|
134
|
+
// return toPatientListPage(data, params.startIndex ?? 0, params.limit ?? PAGE_SIZE);
|
|
135
|
+
// } catch (error: any) {
|
|
136
|
+
// throw new Error(`An error occurred while fetching the MOH-705 patient list: ${error.message}`);
|
|
137
|
+
// }
|
|
138
|
+
// }
|
|
139
|
+
|
|
140
|
+
export async function getMoh511PatientList(params: PatientListParams): Promise<PatientListPage> {
|
|
141
|
+
const url = await buildEtlUrl('moh-511-patient-list', {
|
|
117
142
|
locationUuids: params.locationUuids || '',
|
|
118
143
|
startDate: params.startDate || '',
|
|
119
144
|
endDate: params.endDate || '',
|
|
120
145
|
indicator: Array.isArray(params.indicator) ? params.indicator.join(',') : params.indicator || '',
|
|
146
|
+
reportName: params.reportName || '',
|
|
121
147
|
...pageParams(params),
|
|
122
148
|
});
|
|
123
149
|
try {
|
|
@@ -136,13 +162,13 @@ export async function getMoh510PatientList(params: PatientListParams): Promise<P
|
|
|
136
162
|
}
|
|
137
163
|
}
|
|
138
164
|
|
|
139
|
-
export async function
|
|
140
|
-
const url = await buildEtlUrl('
|
|
165
|
+
export async function getTBPatientList(params: PatientListParams): Promise<PatientListPage> {
|
|
166
|
+
const url = await buildEtlUrl('tb-patient-list', {
|
|
141
167
|
locationUuids: params.locationUuids || '',
|
|
142
168
|
startDate: params.startDate || '',
|
|
143
169
|
endDate: params.endDate || '',
|
|
144
170
|
indicator: Array.isArray(params.indicator) ? params.indicator.join(',') : params.indicator || '',
|
|
145
|
-
reportName: params.reportName || '',
|
|
171
|
+
reportName: params.reportName || 'moh711Report',
|
|
146
172
|
...pageParams(params),
|
|
147
173
|
});
|
|
148
174
|
try {
|
|
@@ -160,3 +186,28 @@ export async function getMoh511PatientList(params: PatientListParams): Promise<P
|
|
|
160
186
|
throw new Error(`An error occurred while fetching the MOH-705 patient list: ${error.message}`);
|
|
161
187
|
}
|
|
162
188
|
}
|
|
189
|
+
|
|
190
|
+
export async function getMoh512PatientList(params: PatientListParams): Promise<PatientListPage> {
|
|
191
|
+
const url = await buildEtlUrl('moh-512-patient-list', {
|
|
192
|
+
locationUuids: params.locationUuids || '',
|
|
193
|
+
startDate: params.startDate || '',
|
|
194
|
+
endDate: params.endDate || '',
|
|
195
|
+
indicator: Array.isArray(params.indicator) ? params.indicator.join(',') : params.indicator || '',
|
|
196
|
+
reportName: params.reportName || 'moh711Report',
|
|
197
|
+
...pageParams(params),
|
|
198
|
+
});
|
|
199
|
+
try {
|
|
200
|
+
const response = await openmrsFetch(url);
|
|
201
|
+
|
|
202
|
+
if (!response.ok) {
|
|
203
|
+
const errorText = await response.text();
|
|
204
|
+
throw new Error(`Failed to fetch patient list: ${response.status} - ${errorText}`);
|
|
205
|
+
}
|
|
206
|
+
|
|
207
|
+
const data = await response.json();
|
|
208
|
+
|
|
209
|
+
return toPatientListPage(data, params.startIndex ?? 0, params.limit ?? PAGE_SIZE);
|
|
210
|
+
} catch (error: any) {
|
|
211
|
+
throw new Error(`An error occurred while fetching the MOH-512 patient list: ${error.message}`);
|
|
212
|
+
}
|
|
213
|
+
}
|
package/src/root.component.tsx
CHANGED
|
@@ -31,6 +31,8 @@ import styles from './root.scss';
|
|
|
31
31
|
import Moh510RegisterComponent from './reports/moh-710/registers/moh-510/moh-510.component';
|
|
32
32
|
import Moh222DailyRegister from './reports/moh-740/registers/moh-222-daily-register/moh-222-daily-register';
|
|
33
33
|
import Moh270DailyRegister from './reports/moh-740/registers/moh-270-permanent-register/moh-270-permanent-register';
|
|
34
|
+
import Moh512RegisterComponent from './reports/moh-711/registers/moh-512.component';
|
|
35
|
+
import TbRegisterComponent from './reports/moh-711/registers/tb-register.component';
|
|
34
36
|
|
|
35
37
|
const RootComponent: React.FC = () => {
|
|
36
38
|
const baseName = window.getOpenmrsSpaBase() + 'home/reports';
|
|
@@ -69,6 +71,8 @@ const RootComponent: React.FC = () => {
|
|
|
69
71
|
<Route path="/moh-270" element={<Moh270DailyRegister />} />
|
|
70
72
|
<Route path="/moh-240-register" element={<Moh240LabRegister />} />
|
|
71
73
|
<Route path="/tb-lab-register" element={<TbLabRegister />} />
|
|
74
|
+
<Route path="/moh-512-register" element={<Moh512RegisterComponent />} />
|
|
75
|
+
<Route path="/tb-register" element={<TbRegisterComponent />} />
|
|
72
76
|
</Routes>
|
|
73
77
|
</div>
|
|
74
78
|
</BrowserRouter>
|