From 390f76049efb9436af46244052da6a89b1dd515c Mon Sep 17 00:00:00 2001
From: blackcode-creator <legacyitsolution@gmail.com>
Date: Sun, 30 Jul 2023 00:23:51 +0300
Subject: [PATCH] added registry dashboard

---
 .../reports/EhrReportsHomePageController.java |   6 +-
 omod/src/main/webapp/fragments/workLoad.gsp   | 119 ++++++++++++++++++
 2 files changed, 120 insertions(+), 5 deletions(-)

diff --git a/omod/src/main/java/org/openmrs/module/financials/page/controller/reports/EhrReportsHomePageController.java b/omod/src/main/java/org/openmrs/module/financials/page/controller/reports/EhrReportsHomePageController.java
index 82d40a23..17e69799 100644
--- a/omod/src/main/java/org/openmrs/module/financials/page/controller/reports/EhrReportsHomePageController.java
+++ b/omod/src/main/java/org/openmrs/module/financials/page/controller/reports/EhrReportsHomePageController.java
@@ -1,9 +1,7 @@
 package org.openmrs.module.financials.page.controller.reports;
 
 import org.openmrs.Program;
-import org.openmrs.api.context.Context;
 import org.openmrs.module.appframework.domain.AppDescriptor;
-import org.openmrs.module.ehrconfigs.metadata.EhrCommonMetadata;
 import org.openmrs.module.kenyacore.program.ProgramDescriptor;
 import org.openmrs.module.kenyacore.program.ProgramManager;
 import org.openmrs.module.kenyacore.report.ReportDescriptor;
@@ -35,9 +33,7 @@ public void controller(PageModel model, UiUtils ui, @SpringBean ReportManager re
 		for (ReportDescriptor report : reportManager.getCommonReports(currentApp)) {
 			common.add(ui.simplifyObject(report));
 		}
-		if (Context.getAuthenticatedUser().hasRole(EhrCommonMetadata._Roles.EHR_ACCESS_FINANCE_REPORT_SECTION)) {
-			reportsByProgram.put("Facility Summaries", common);
-		}
+		reportsByProgram.put("Facility Summaries", common);
 		
 		for (ProgramDescriptor programDescriptor : programManager.getAllProgramDescriptors()) {
 			Program program = programDescriptor.getTarget();
diff --git a/omod/src/main/webapp/fragments/workLoad.gsp b/omod/src/main/webapp/fragments/workLoad.gsp
index 8002b48f..7af0c818 100644
--- a/omod/src/main/webapp/fragments/workLoad.gsp
+++ b/omod/src/main/webapp/fragments/workLoad.gsp
@@ -49,10 +49,77 @@
     populateWorkLoadDetails(jQuery("#workLoadFromDate-field").val(), jQuery("#workLoadToDate-field").val());
   }
 </script>
+<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css" />
+<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
+
 <style type="text/css">
 table#pDetails.dataTable tbody tr:hover {
   background-color: #43fff8;
 }
+.card-counter{
+    box-shadow: 2px 2px 10px #DADADA;
+    margin: 5px;
+    padding: 20px 10px;
+    background-color: #fff;
+    height: 100px;
+    border-radius: 5px;
+    transition: .3s linear all;
+}
+
+.card-counter:hover{
+    box-shadow: 4px 4px 20px #DADADA;
+    transition: .3s linear all;
+}
+
+.card-counter.primary{
+    background-color: #B0E0E6;
+    color: black;
+}
+
+.card-counter.danger{
+    background-color: #E6E6FA;
+    color: black;
+}
+
+.card-counter.pham{
+    background-color: #E0FFFF;
+    color: black;
+}
+
+.card-counter.success{
+    background-color: #A9FF96;
+    color: black;
+}
+
+.card-counter.info{
+    background-color: #FFA07A;
+    color: black;
+}
+
+.card-counter i{
+    font-size: 2.5em;
+    opacity: 0.2;
+}
+
+.card-counter .count-numbers{
+    position: absolute;
+    right: 35px;
+    top: 20px;
+    font-size: 20px;
+    display: block;
+}
+
+.card-counter .count-name{
+    position: absolute;
+    right: 35px;
+    top: 65px;
+    font-style: italic;
+    text-transform: capitalize;
+    opacity: 0.5;
+    display: block;
+    font-size: 15px;
+}
 </style>
 <div class="ke-panel-frame">
     <div class="ke-panel-heading">Facility Workload Summary</div>
@@ -68,6 +135,58 @@ table#pDetails.dataTable tbody tr:hover {
             </div>
         </div>
     </div>
+    <div class="row">
+        <div class="col-md-12">
+            <hr />
+        </div>
+    </div>
+    <div class="row" style="background-color: #fff;">
+        <div class="col-12">
+            <div class="row">
+
+                <div class="col-md-4">
+                    <div class="card-counter danger">
+                        <i class="fa fa-users"></i>
+                        <span class="count-name stat-text">TOTAL PATIENTS</span>
+                        <span class="count-numbers stat-digit"></span>
+                    </div>
+                </div>
+
+                <div class="col-md-4">
+                    <div class="card-counter pham">
+                        <i class="fa fa-user-plus"></i>
+                        <span class="count-name stat-text">TOTAL NEW PATIENTS</span>
+                        <span class="count-numbers stat-digit"></span>
+                    </div>
+                </div>
+
+                <div class="col-md-4">
+                    <div class="card-counter success">
+                        <i class="fa fa-user-circle-o"></i>
+                        <span class="count-name stat-text">TOTAL REVISIT PATIENTS</span>
+                        <span class="count-numbers stat-digit"></span>
+                    </div>
+                </div>
+
+                <div class="col-md-4">
+                    <div class="card-counter info">
+                        <i class="fa fa fa-male"></i>
+                        <span class="count-name stat-text">TOTAL MALE PATIENT</span>
+                        <span class="count-numbers stat-digit"></span>
+                    </div>
+                </div>
+
+                <div class="col-md-4">
+                    <div class="card-counter primary">
+                        <i class="fa fa-female"></i>
+                        <span class="count-name stat-text">TOTAL FEMALE PATIENT</span>
+                        <span class="count-numbers stat-digit"></span>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+
     <div class="row">
         <div class="col-md-12">
             <hr />