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

package/src/reports/moh-717/moh717.scss

@@ -0,0 +1,41 @@
+
+h3 {
+    text-align: center;
+}
+
+.container {
+    border: 1px solid #ccc;
+    margin: 0 2rem;
+    margin-top: 0.5px;
+}
+
+.tableContainer {
+    margin-left: 1rem;
+    margin-bottom: 1rem;
+}
+
+.sectionTitle {
+    margin-left: 1rem ;
+}
+
+.title {
+    text-align: center;
+    font-size: 1rem;
+    margin: 1rem;
+}
+.table {
+  width: auto;
+  border-collapse: collapse;
+  
+}
+
+.tableBordered td,
+.tableBordered th {
+  border: 1px solid #dee2e6;
+  padding: 0.3rem;
+  font-size: small;
+}
+
+.tableStriped tbody tr:nth-of-type(odd) {
+  background-color: #f9f9f9;
+}

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

@@ -0,0 +1,34 @@
+import { openmrsFetch } from '@openmrs/esm-framework';
+import { getEtlBaseUrl } from '../utils/get-base-url';
+
+interface Moh710Params {
+  locationUuids: string;
+  startDate?: string;
+  endDate?: string;
+}
+
+export async function getMoh710(params: Moh710Params): Promise<any> {
+  const etlBaseUrl = await getEtlBaseUrl();
+  const url = `${etlBaseUrl}/moh-710`;
+  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

@@ -0,0 +1,34 @@
+import { openmrsFetch } from '@openmrs/esm-framework';
+import { getEtlBaseUrl } from '../utils/get-base-url';
+
+interface Moh711Params {
+  locationUuids: string;
+  startDate?: string;
+  endDate?: string;
+}
+
+export async function getMoh711(params: Moh711Params): Promise<any> {
+  const etlBaseUrl = await getEtlBaseUrl();
+  const url = `${etlBaseUrl}/moh-711`;
+  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-711 report: ${error.message}`);
+  }
+}

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

@@ -0,0 +1,35 @@
+import { openmrsFetch } from '@openmrs/esm-framework';
+import { getEtlBaseUrl } from '../utils/get-base-url';
+
+interface Moh717Params {
+  locationUuids: string;
+  startDate?: string;
+  endDate?: string;
+}
+
+export async function getMoh717(params: Moh717Params): Promise<any> {
+  const etlBaseUrl = await getEtlBaseUrl();
+  const url = `${etlBaseUrl}/moh-717`;
+  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-717 report: ${error.message}`);
+  }
+}

package/src/root.component.tsx

@@ -1,39 +1,23 @@
-/**
- * From here, the application is pretty typical React, but with lots of
- * support from `@openmrs/esm-framework`. Check out `Greeter` to see
- * usage of the configuration system, and check out `PatientGetter` to
- * see data fetching using the OpenMRS FHIR API.
- *
- * Check out the Config docs:
- *   https://openmrs.github.io/openmrs-esm-core/#/main/config
- */
-
 import React from 'react';
-import { useTranslation } from 'react-i18next';
-import { Boxes } from './boxes/slot/boxes.component';
-import Greeter from './greeter/greeter.component';
-import PatientGetter from './patient-getter/patient-getter.component';
-import Resources from './resources/resources.component';
-import styles from './root.scss';
+import { BrowserRouter, Route, Routes } from 'react-router-dom';
+import ReportsDashboard from './dashboard/reports-dasboard';
+import Moh710Report from './reports/moh-710/moh-710.component';
+import Moh711Report from './reports/moh-711/moh-711.component';
+import Moh717Report from './reports/moh-717/moh-717.component';
 
-const Root: React.FC = () => {
-  const { t } = useTranslation();
+const RootComponent: React.FC = () => {
+  const baseName = window.getOpenmrsSpaBase() + 'home/reports';
 
   return (
-    <div className={styles.container}>
-      <h3 className={styles.welcome}>{t('welcomeText', 'Welcome to the O3 Template app')}</h3>
-      <p className={styles.explainer}>
-        {t('explainer', 'The following examples demonstrate some key features of the O3 framework')}.
-      </p>
-      {/* Greeter: demonstrates the configuration system */}
-      <Greeter />
-      {/* Boxes: demonstrates the extension system */}
-      <Boxes />
-      {/* PatientGetter: demonstrates data fetching */}
-      <PatientGetter />
-      <Resources />
-    </div>
+    <BrowserRouter basename={baseName}>
+      <Routes>
+        <Route path="/" element={<ReportsDashboard />} />
+        <Route path="/moh-710" element={<Moh710Report />} />
+        <Route path="/moh-711" element={<Moh711Report />} />
+        <Route path="/moh-717" element={<Moh717Report />} />
+      </Routes>
+    </BrowserRouter>
   );
 };
 
-export default Root;
+export default RootComponent;

package/src/routes.json

@@ -6,25 +6,22 @@
   },
   "extensions": [
     {
-      "name": "Red box",
-      "component": "redBox",
-      "slot": "Boxes"
+      "name": "ampath-reports-dashboard-link",
+      "component": "reportsDashboardLink",
+      "slot": "homepage-dashboard-slot",
+      "meta": {
+        "name": "reports",
+        "slot": "ampath-reports-dashboard-slot",
+        "title": "Reports"
+      },
+      "online": true,
+      "offline": true
     },
-    {
-      "name": "Blue box",
-      "component": "blueBox",
-      "slot": "Boxes"
-    },
-        {
-      "name": "Brand box",
-      "component": "blueBox",
-      "slot": "Boxes"
-    }
-  ],
-  "pages": [
     {
       "component": "root",
-      "route": "root"
+      "name": "ampath-reports-dashboard-root",
+      "slot": "ampath-reports-dashboard-slot"
     }
-  ]
+  ],
+  "pages": []
 }

package/src/utils/get-base-url.ts

@@ -0,0 +1,12 @@
+import { getConfig } from '@openmrs/esm-framework';
+import { moduleName } from '../index';
+
+export async function getEtlBaseUrl() {
+  const { etlBaseUrl } = await getConfig(moduleName);
+  return etlBaseUrl ?? null;
+}
+
+export async function getSubDomain() {
+  const { subDomain } = await getConfig(moduleName);
+  return subDomain ?? null;
+}