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="container my-3" *ngIf="_vitals.params.filter?.name">
<div class="row">
<div class="col-12">
<div class="d-flex justify-content-between">
<div class="d-flex">
<h2 class="app-sub-header" style="border-bottom-width:0px;margin-top:2px">Readings</h2>
<span style="font-size:.9em;font-weight:bold"> from </span>
<div class="input-group input-group-sm ">
<input class="form-control vital-date" placeholder="mm/dd/yyyy" name="dps" ngbDatepicker #dps="ngbDatepicker"
aria-label="Vitals After" [(ngModel)]="formData.queryStartDate" (blur)="changeDateRange('start')" (dateSelect)="changeDateRange('start')">
<div class="input-group-append">
<button class="btn btn-vital btn-outline-secondary " style="padding: 3px;font-size:.9em;margin-top:-5px"
(click)="dps.toggle()" type="button" aria-label="click to toggle popup calendar">
<i class="fas fa-calendar"></i>
</button>
</div>
</div>
<span style="font-size:.9em;font-weight:bold"> through </span>
<div class="input-group input-group-sm">
<input class="form-control vital-date" placeholder="Present" name="dpe" ngbDatepicker #dpe="ngbDatepicker"
aria-label="Vitals Before" [(ngModel)]="formData.queryEndDate" (blur)="changeDateRange('end')" (dateSelect)="changeDateRange('end')">
<div class="input-group-append">
<button class="btn btn-vital btn-outline-secondary " style="padding: 3px;font-size:.9em;margin-top:-5px"
(click)="dpe.toggle()" type="button" aria-label="click to toggle popup calendar">
<i class="fas fa-calendar"></i>
</button>
</div>
</div>
</div>
<div class="btn-group" style='margin-top:-5px;margin-left:10px;' role="group" aria-label="Vital Chart or Table Display Option">
<button type="button" [ngClass]="{'btn-vital-selected': formData.viewMode==='T' }" class="btn btn-vital btn-outline-secondary"
title="Vitals Table Display" ngbTooltip="Toggle Table Display" placement="bottom" (click)="switchDataView('T')"><i
class="fas fa-table"></i></button>
<button type="button" [ngClass]="{'btn-vital-selected': formData.viewMode==='G' }" class="btn btn-vital btn-outline-secondary"
title="Vitals Chart Display" ngbTooltip="Toggle Chart Display" placement="bottom" (click)="switchDataView('G')"><i
class="fas fa-chart-line"></i></button>
</div>
</div>
</div>
</div>
<div *ngIf="_vitals.err" class="error-text">{{vitalType}} Data Unavailable - {{ _vitals.err }}</div>
<div *ngIf="formData.viewMode==='T'">
<app-grid *ngIf="!_vitals.err" [dataDef]="dataDef" [data]="_vitals.dataTable" [params]="_vitals.params" (rowClick)="viewDetail($event)"
(pagerClick)="changePage($event)" [format]="'compact'"></app-grid>
</div>
<div *ngIf="formData.viewMode==='G'">
<app-chart [data]="_vitals.chartData"></app-chart>
</div>
</div>
<div class="container my-3" *ngIf="!_vitals.params.filter?.name">
<div class="row" >
<div class="col" style="text-align:center; width:100%; padding-top:80px;font-size:1.1em">
Select a vital type to view past readings
</div>
</div>
</div>