Summary Table
Categories |
Total Count |
PII |
0 |
URL |
0 |
DNS |
0 |
EKL |
0 |
IP |
0 |
PORT |
0 |
VsID |
0 |
CF |
0 |
AI |
0 |
VPD |
0 |
PL |
0 |
Other |
0 |
File Content
<div class="my-3" style="padding-left:5px">
<h2 class="app-sub-header" style="border-bottom-width:0px" aria-describedby="select a row to add it to the vital readings table">Latest Vitals</h2>
<table class="table table-striped table-bordered vital-summary-table" *ngIf="vitalSummary">
<thead>
<tr style="text-align:center">
<th>Vital Name</th>
<th>Metric Value</th>
<th>Date/Time Taken</th>
<th>
<div placement="right" container="body" ngbTooltip="Value of Vital Type expressed in US standard of measurement or non-metric (i.e. Weight in lb).">Imperial
Value</div>
</th>
<th>Facility</th>
</tr>
</thead>
<tbody>
<tr *ngFor="let vitalType of _queryParams.vitalSummary;" [ngClass]="{'selected-row': keySelected(vitalType.key) }"
(click)="selectRow(vitalType.key)">
<td><span class="sr-only" *ngIf="!keySelected(vitalType.key)">Row Unselected</span><span class="sr-only" *ngIf="keySelected(vitalType.key)">Row Selected</span><span class="sr-only">Vital Name</span>{{ vitalType.abbr }}</td>
<td>
<div *ngIf="(vitalSummary[vitalType.key]?.data?.rate | uppercase) !== 'REFUSED' && (vitalSummary[vitalType.key]?.data?.rate | uppercase) !== 'UNAVAILABLE'">
<span class="sr-only">Metric Value</span>{{ vitalSummary[vitalType.key]?.data?.metric?.value }} {{
vitalSummary[vitalType.key]?.data?.metric?.unit }}
</div>
<div *ngIf="(vitalSummary[vitalType.key]?.data?.rate | uppercase) === 'REFUSED' || (vitalSummary[vitalType.key]?.data?.rate | uppercase) === 'UNAVAILABLE'">
<span class="sr-only">Metric Value</span> {{ vitalSummary[vitalType.key]?.data?.rate | uppercase }}
</div>
</td>
<td>
<span class="sr-only">Date/Time Taken</span>{{ vitalSummary[vitalType.key]?.data?.timeTaken | date: 'MM/dd/yyyy HH:mm' }}
</td>
<td>
<div *ngIf="(vitalSummary[vitalType.key]?.data?.rate | uppercase) !== 'REFUSED' && (vitalSummary[vitalType.key]?.data?.rate | uppercase) !== 'UNAVAILABLE'">
<span class="sr-only">Imperial Value</span>{{ vitalSummary[vitalType.key]?.data?.imperial?.value }} {{
vitalSummary[vitalType.key]?.data?.imperial?.unit }}
</div>
<div *ngIf="(vitalSummary[vitalType.key]?.data?.rate | uppercase) === 'REFUSED' || (vitalSummary[vitalType.key]?.data?.rate | uppercase) === 'UNAVAILABLE'">
<span class="sr-only">Imperial Value</span>{{ vitalSummary[vitalType.key]?.data?.rate | uppercase }}
</div>
</td>
<td>
<div ngbTooltip="{{vitalSummary[vitalType.key]?.data?.facility?.siteName}}" placement="left">
<span class="sr-only">Facility</span> {{vitalSummary[vitalType.key]?.data?.facility?.stationNumber}} <span class="sr-only" *ngIf="!keySelected(vitalType.key)">Row Unselected</span><span class="sr-only" *ngIf="keySelected(vitalType.key)">Row Selected</span>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<div class="input-group">
<select class="custom-select add-summary" id="addVitalSummary" aria-label="Add Vital Summary Type" [(ngModel)]="addVital">
<option value="">Additional Vitals...</option>
<option value="head circumference|HC|Head Circumference">Head Circumference</option>
<option value="length|LEN|Body Length">Body Length</option>
</select>
<div class="input-group-append">
<button class="btn btn-sm btn-outline-secondary add-summary" type="button" [disabled]="!addVital" (click)="addSummaryType()">Add</button>
</div>
</div>