Skip to content

Commit

Permalink
fix: add tooltip and change the description texts in need attention t…
Browse files Browse the repository at this point in the history 
…ech-by-design#239
  • Loading branch information
@megin1989
megin1989 committed Aug 14, 2024
1 parent 45f61d3 commit 1f88eb6
Showing 1 changed file with 63 additions and 25 deletions.
88 changes: 63 additions & 25 deletions hub-prime/src/main/resources/templates/page/diagnostics/needs-attention.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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/[email protected]/dist/json-viewer.bundle.js"></script> -->
Expand All @@ -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');
Expand All @@ -57,7 +60,7 @@
button.style.marginLeft = '5px';

// container.appendChild(arrow);
container.appendChild(button);
container.appendChild(button);

// container.addEventListener('click', () => {
// // Set buttonPressed before expanding
Expand Down Expand Up @@ -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: {
Expand Down Expand Up @@ -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) {
Expand All @@ -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) {
Expand Down Expand Up @@ -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>
Expand Down

0 comments on commit 1f88eb6

Please sign in to comment.