smiuser/hpos-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update to new format

Browse Source
This commit is contained in:
Pritimay Sarkar
2023-08-07 13:12:36 +05:30
parent b4ab8cbff0
commit 60a8044041
1 changed files with 63 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

84
scripts/report_template.html
View File

@@ -27,12 +27,43 @@
}
.test-cell-div {
border: 1px solid black;
/* border: 1px solid black; */
border-collapse: collapse;
height: 30px;
padding: 10px;
}
.table-header {
border: 1px solid black;
margin: 0 0 -10px 10px;
background-color: rgb(191, 191, 191);
text-align: center;
justify-content: center;
align-items: center;
display: flex;
font-weight: 600;
height: 50px;
width: 98%;
}
.test-method {
font-style: italic;
font-weight: 100 !important;
color: rgb(241, 241, 241);
}
.result-value {
justify-content: center;
align-items: center;
display: flex;
}
.end-of-report {
display: flex;
align-items: center;
justify-content: center;
}
table,
th,
td {
@@ -70,6 +101,7 @@
</div>
<div>
<div class="table-header">POINT OF CARE SICKLE CELL ANEMIA TEST</div>
<table class="test-details-table" style="border: 1px solid black; margin: 10px; width: 98%;">
<tr style="height: 50px;">
<th>
@@ -79,53 +111,55 @@
RESULT
</th>
<th>
ABSORBANCE RATIO REFERENCE RANGE
</th>
<th>
INTERPRETATION
REFERENCE RANGES
</th>
</tr>
<tr class="test-details-row">
<td class="test-details-col" style="width: 10%;">
Sickle Cell
Anemia
<td class="test-details-col" style="width: 10%; margin: 10px;">
<div style="margin: 10px;">Sickle Cell
Anemia
<div class="test-method">(Method: HPOS)</div>
</div>
</td>
<td style="width: 20%;">
<div class="test-cell-div">Normal</div>
<div class="result-value">Ra = 0.16</div>
<!-- <div class="test-cell-div">Normal</div>
<div class="test-cell-div">Sickle Cell Trait</div>
<div class="test-cell-div">Sickle Cell Disease</div>
<div class="test-cell-div">Negative Borderline</div>
<div class="test-cell-div">Positive Borderline</div>
<div class="test-cell-div">Positive Borderline</div> -->
</td>
<td style="width: 5%;">
<div class="test-cell-div">
< 0.29</div>
<div class="test-cell-div">0.32 – 0.5</div>
<div class="test-cell-div"> > 0.55 </div>
<div class="test-cell-div">0.29-0.32</div>
<div class="test-cell-div">0.5 – 0.55</div>
< 0.16: Normal (HbA)</div>
<div class="test-cell-div">0.165 – 0.235: Sickle-cell Trait (HbAS)</div>
<div class="test-cell-div">> 0.24: Sickle-cell Disease (HbSS)</div>
<div class="test-cell-div">0.16-0.165: Inconclusive (Negative Borderline)</div>
<div class="test-cell-div">0.235 – 0.24: Inconclusive (Positive Borderline)</div>
</td>
<td style="width: 25%;">
<!-- <td style="width: 25%;">
<div class="test-cell-div">Normal</div>
<div class="test-cell-div">Sickle Cell Trait</div>
<div class="test-cell-div">Sickle Cell Disease</div>
<div class="test-cell-div">Recommended for HPLC or Electrophoresis Tests</div>
<div class="test-cell-div">Recommended for HPLC or Electrophore</div>
</td>
</td> -->
</tr>
</table>
</div>
<div>
<div style="font-weight: 600; margin: 10px;">INTERPRETATION:</div>
<!-- <div style="font-weight: 600; margin: 10px;">INTERPRETATION:</div> -->
<div style="margin: 10px;">
<strong>Test Principle:</strong> The diagnostic test work on the principle of absorption spectroscopy. The test helps in
<strong>Test Principle:</strong> The diagnostic test work on the principle of absorption spectroscopy. The
test helps in
differentiating heterozygous/homozygous hemoglobin from normal hemoglobin.
</div>
<div style="margin: 10px;">
<strong>Method:</strong> High Performance Optical Spectroscopy for detection of Sickle cell trail and sickle cell disease
<strong>Method:</strong> High Performance Optical Spectroscopy for detection of Sickle cell trail and sickle
cell disease
</div>
<div style="margin: 10px;">
@@ -150,7 +184,15 @@
essential.
Please contact us in case of unexpected result.
</div>
<div style="height: 3px;width: 98%; background-color: black;"> </div>
<div style="height: 3px;width: 98%; background-color: black;"> -</div>
<div class="end-of-report">
*** END OF REPORT ***</div>
<div>
This is an electronically generated report. Generated at HH:MM hrs on DD-MMM-YYYY.
</div>
<div>
Note: Assay results should be correlated clinically with other clinical findings
</div>
</div>
</body>