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 style="padding:15px 5px">
<div *ngIf="_appt.err" class="error-text">Appointment Data Unavailable - {{ _appt.err }}</div>
<div tabindex="0">
<span class="appt-header">Future Appointments</span>
<div style="font-size:.8em; display:inline-block">
<button *ngIf="showFutureAppointments" class="btn btn-sm btn-outline-dark btn-appt" style="border: none" (click)="showFutureAppointments = !showFutureAppointments">
<span class="sr-only">Press Enter to Collapse Future Appointments</span>
<i class="fas fa-caret-up"></i> Hide
</button>
<button *ngIf="!showFutureAppointments" class="btn btn-sm btn-outline-dark btn-appt" style="border: none" (click)="showFutureAppointments = !showFutureAppointments">
<span class="sr-only">Press Enter to Expand Future Appointments</span>
<i class="fas fa-caret-down"></i> Show
</button>
</div>
<div class="float-right" style="font-size:.8em;margin-right:15px;margin-top:10px;">
<button type="button" *ngIf="showFutureAppointments" class="btn btn-sm btn-outline-dark btn-appt" (click)="printComponent('print', 'future')">Print</button>
</div>
</div>
<div [ngbCollapse]="!showFutureAppointments" style="margin-left:15px; margin-right:15px; margin-top:10px;font-size:.8em">
<app-grid *ngIf="!_appt.err" [dataDef]="futureApptDef" [data]="_appt.future" [params]="gridParams" format="compact"></app-grid>
</div>
<div class="appt-header" tabIndex="0" style="padding-top:15px;">
Custom Appointment List
</div>
<div style="margin: 10px 15px 15px 15px">
<div class="d-flex my-1 justify-content-between align-content-center" style="font-size:.8em">
<div>
<span class="appt-filter">Between </span>
<div style="display:inline-block">
<app-date-picker [value]="filterForm.startDate" (changed)="changeDate($event,'start')"></app-date-picker>
</div>
<span class="appt-filter" style="padding-left:5px;">and </span>
<div style="display:inline-block">
<app-date-picker [value]="filterForm.endDate" (changed)="changeDate($event, 'end')"></app-date-picker>
</div>
<span class="appt-filter" style="padding-left:5px;">at Facility </span>
<div style="display:inline-block"><input [(ngModel)]="filterForm.facility" class="form-control form-control-sm appt-facility"
placeholder="station #" /></div>
</div>
<div>
<span style="font-size:.8em;color: #990000">{{ getErrorList() }}</span>
<button class="btn btn-sm btn-outline-dark btn-appt" (click)="changeFilter()">Refresh</button>
<button class="btn btn-sm btn-outline-dark btn-appt" (click)="resetFilter()">Reset</button>
<button type="button" class="btn btn-sm btn-outline-dark btn-appt" (click)="printComponent('print', 'custom')">Print</button>
</div>
</div>
<div style="font-size:.8em">
<app-grid *ngIf="!_appt.err" [dataDef]="customApptDef" [data]="_appt.custom" [params]="gridParams" format="compact"></app-grid>
</div>
</div>
<div class="modal-footer" style="justify-content:space-around">
<button type="button" class="btn btn-outline-dark" (click)="cancel()">Close</button>
</div>
</div>
<div hidden>
<div id="print">
<div style="width:100%;margin:20px;font-family: Helvetica, sans-serif">
<div style="display:flex;justify-content:space-between;margin-bottom:20px;align-content: flex-start">
<div style="font-size:1em">
Name: {{ patientIdentity?.fullName }}<br />
Date of Birth: {{ patientIdentity?.dob | date: 'MM/dd/yyyy' }}<br />
Gender: {{ patientIdentity?.gender}}<br />
SSN: {{ getMaskedSSN(patientIdentity?.ssn) }}
</div>
<div style="text-align:right;padding-right:30px">
<div style="font-size:1.2em; font-weight:bold"><span *ngIf="printing.type==='future'">Upcoming </span>Appointments</div>
<span style="font-size:.8em" *ngIf="printing.type==='custom'">
{{ (filterForm.startDate) ? 'From ' + (filterForm.startDate | date: 'MM/dd/yyyy') : '' }}
</span>
<span style="font-size:.8em" *ngIf="printing.type==='custom'">
{{ (filterForm.endDate) ? ' Through ' + (filterForm.endDate | date: 'MM/dd/yyyy') : ''}}
</span>
<div style="font-size:.8em" *ngIf="printing.type==='custom' && filterForm.facility">
Facility # {{ filterForm.facility }}
</div>
</div>
</div>
<div>
<table style="width:100%;padding-right:30px;font-size:.9em;" cellspacing="0" cellpadding="2">
<thead>
<tr>
<th style="text-align:left">Appointment Date/Time</th>
<th style="text-align:left">Specialty</th>
<th style="text-align:left">Clinic</th>
<th style="text-align:left">Provider</th>
<th style="text-align:left">Facility</th>
</tr>
</thead>
<tbody *ngIf="printing.list">
<tr *ngFor="let row of printing.list">
<td *ngIf="printing.type==='future'" style="border-top: solid 1px #bbbbbb;padding-top: 5px;padding-top:5px">{{
row.appointmentDate | date: 'MM/dd/yyyy HH:mm' }}</td>
<td *ngIf="printing.type==='custom'" style="border-top: solid 1px #bbbbbb;padding-top: 5px;padding-top:5px">{{
row.appointmentDate }}</td>
<td style="border-top: solid 1px #bbbbbb;padding-top: 5px;padding-top:5px">{{ row['location.specialty'] }}</td>
<td style="border-top: solid 1px #bbbbbb;padding-top: 5px;padding-top:5px">{{ row['location.name'] }}</td>
<td style="border-top: solid 1px #bbbbbb;padding-top: 5px;padding-top:5px">{{ row.provider }}</td>
<td style="border-top: solid 1px #bbbbbb;padding-top: 5px;padding-top:5px">{{
row['location.facility.stationNumber'] }}</td>
</tr>
</tbody>
</table>
<div *ngIf="!printing.list || printing.list.length===0" style="width:100%;text-align:center;font-size:.9em;padding-top:20px">
No Appointments
</div>
</div>
</div>
</div>
</div>