From 1f88eb6eb91b542e4bd097f5b009e4f01e2e7c4a Mon Sep 17 00:00:00 2001
From: MEGIN <megin.joy@citrusinformatics.com>
Date: Wed, 14 Aug 2024 12:52:49 +0530
Subject: [PATCH] fix: add tooltip and change the description texts in need
 attention #239

---
 .../page/diagnostics/needs-attention.html     | 88 +++++++++++++------
 1 file changed, 63 insertions(+), 25 deletions(-)

diff --git a/hub-prime/src/main/resources/templates/page/diagnostics/needs-attention.html b/hub-prime/src/main/resources/templates/page/diagnostics/needs-attention.html
index ccd4e7af804..a81eece2b54 100644
--- a/hub-prime/src/main/resources/templates/page/diagnostics/needs-attention.html
+++ b/hub-prime/src/main/resources/templates/page/diagnostics/needs-attention.html
@@ -26,6 +26,9 @@
             font-weight: bold;
             margin: 12px 0px 11px 2px;
         }
+        a:hover { 
+            text-decoration: underline;
+        }
     </style>
     <!-- if JSON Viewer is not already in the layout, add the following -->
     <!-- <script src="https://unpkg.com/@alenaksu/json-viewer@2.0.0/dist/json-viewer.bundle.js"></script> -->
@@ -42,7 +45,7 @@
         const popViewName = 'interaction_http_request_forward_fail';
         document.addEventListener('DOMContentLoaded', function () {
             const helpers = new Helpers();
-            const modalAide = new ModalAide(); 
+            const modalAide = new ModalAide();
             // Define cellRenderer1 for cross_roads_scn
             function cellRenderer1(params) {
                 const container = document.createElement('div');
@@ -57,7 +60,7 @@
                 button.style.marginLeft = '5px';
 
                 // container.appendChild(arrow);
-                  container.appendChild(button);
+                container.appendChild(button);
 
                 // container.addEventListener('click', () => {
                 //     // Set buttonPressed before expanding
@@ -98,14 +101,14 @@
                 const qeName = params.data.qe_name;
                 const link = `/data-quality/needs-attention?qeName=${qeName}`;
                 //return `<a href="${link}">${qeName}</a>`;
-                return `${qeName}`;
+                 return `${qeName}`;
             }
 
 
 
             const detailGridOptions1 = {
                 columnDefs: [
-                    { headerName: "Screening Info", field: "error_type2", filter: "agTextColumnFilter" },                    
+                    { headerName: "Screening Info", field: "error_type2", filter: "agTextColumnFilter" },
                     { headerName: "Date", field: "date2", filter: "agDateColumnFilter" }
                 ],
                 defaultColDef: {
@@ -150,41 +153,75 @@
 
             const gridOptions = {
                 columnDefs: [
-                    { headerName: "CrossRoads SCN", field: "cross_roads_scn", filter: "agTextColumnFilter" },
-                    { headerName: "QE", field: "qe_name", filter: "agTextColumnFilter", cellRenderer: qeNameCellRenderer },
                     {
-                        headerName: "QE FHIR File Count", field: "qe_total_submissions", filter: "agTextColumnFilter", cellRenderer: cellRenderer1, cellStyle: function (params) {
+                        headerName: "CrossRoads SCN",
+                        field: "cross_roads_scn",
+                        filter: "agTextColumnFilter",
+                        headerTooltip: "FHIR file count from CrossRoads SCN"
+                    },
+                    {
+                        headerName: "QE Name",
+                        field: "qe_name",
+                        filter: "agTextColumnFilter",
+                        cellRenderer: qeNameCellRenderer,
+                        headerTooltip: "Name of the Qualified Entity"
+                    },
+                    {
+                        headerName: "SCN to QE",
+                        field: "qe_total_submissions",
+                        filter: "agTextColumnFilter",
+                        cellRenderer: cellRenderer1,
+                        cellStyle: function (params) {
                             if (params.data.cross_roads_scn !== params.data.qe_total_submissions) {
                                 return { color: 'red' };
                             }
                             return null;
-                        }
+                        },
+                        headerTooltip: "FHIR File count from CrossRoads SCN to QE"
                     },
                     {
-                        headerName: "TechBD", field: "techbd_total_submissions", filter: "agTextColumnFilter", cellStyle: function (params) {
+                        headerName: "QE to TechBD",
+                        field: "techbd_total_submissions",
+                        filter: "agTextColumnFilter",
+                        cellStyle: function (params) {
                             if (params.data.qe_total_submissions !== params.data.techbd_total_submissions) {
                                 return { color: 'red' };
                             }
                             return null;
-                        }
+                        },
+                        headerTooltip: "FHIR File count from QE to TechBD"
                     },
                     {
-                        headerName: "Scoring Engines", field: "scoring_engine_submission_passed", filter: "agTextColumnFilter", cellRenderer: cellRenderer2, cellStyle: function (params) {
+                        headerName: "TechBD to Scoring Engine",
+                        field: "scoring_engine_submission_passed",
+                        filter: "agTextColumnFilter",
+                        cellRenderer: cellRenderer2,
+                        cellStyle: function (params) {
                             if (params.data.techbd_total_submissions !== params.data.scoring_engine_submission_passed) {
                                 return { color: 'red' };
                             }
                             return null;
-                        }
+                        },
+                        headerTooltip: "FHIR File count from TechBD to Scoring Engine"
+                    },
+                    {
+                        headerName: "Scoring Engine to SHIN-NY",
+                        field: "shinny",
+                        filter: "agTextColumnFilter",
+                        headerTooltip: "FHIR File count from Scoring Engine to SHIN-NY"
                     },
-                    { headerName: "SHIN-NY", field: "shinny", filter: "agTextColumnFilter" },
-                    { headerName: "MDW", field: "mdw", filter: "agTextColumnFilter" },
-                    // { headerName: "Submission Date", field: "latest_created_at", filter: "agDateColumnFilter" } 
+                    {
+                        headerName: "SHIN-NY to MDW",
+                        field: "mdw",
+                        filter: "agTextColumnFilter",
+                        headerTooltip: "FHIR File count from SHIN-NY to MDW"
+                    }
                 ],
                 masterDetail: true,
                 detailCellRendererParams: (params) => {
 
                     if (params.data.buttonPressed === 'qe_total_submissions') {
- 
+
                         return {
                             detailGridOptions: detailGridOptions1,
                             getDetailRowData: function (params) {
@@ -200,7 +237,7 @@
                             },
                         };
 
-                    } else if (params.data.buttonPressed === 'scoring_engine_submission_passed') { 
+                    } else if (params.data.buttonPressed === 'scoring_engine_submission_passed') {
                         return {
                             detailGridOptions: detailGridOptions2,
                             getDetailRowData: function (params) {
@@ -257,15 +294,16 @@
             </div>
             <h1 class="assemtion">Assumptions</h1>
             <ul class="list-disc pl-4">
-                <li> The file count from CrossRoads SCN to QE FHIR File Count should be the same.</li>
-                <li> The QE FHIR File Count to TechBD should be the same.</li>
-                <li> The TechBD to Scoring Engines should be the same.</li>
-                <li> When any numbers from one column to another column are not the same, it indicates there is an
-                    error.</li>
-                <li> If there are errors or issues, click on the <span class="drill-down">drill down</span> to see the
-                    numbers.</li>
-                <li> When you see the numbers, click to be able to see the <span class="popup">popup</span>.</li>
+                <li>The file count from CrossRoads SCN to QE FHIR should match.</li>
+                <li>The file count from QE FHIR to TechBD should match.</li>
+                <li>The file count from TechBD to the Scoring Engines should match.</li>
+                <li>If any of the numbers in one column do not match the corresponding numbers in another column, it
+                    indicates an error, and the mismatched numbers are highlighted in red.</li>
+                <li>If there are errors or issues, clicking on the red arrow before the count text allows for a
+                    drill-down to see the detailed numbers.</li>
+                <li>When viewing the numbers, clicking on them will open a popup containing the error details.</li>
             </ul>
+
         </div>
         <div id="serverDataGrid" class="ag-theme-alpine"></div>
     </div>