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

<app-ars-base [title]="title" [tabIdx]="tabIdx">
<app-messages [errorStatus]="errorStatus" [errorMsg]="errorMsg" [successStatus]="successStatus" [successMsg]="successMsg"></app-messages>
<article>
<!-- Adds Cushion -->
<div class="row"></div>
<div class="container fade-in">
<!-- Card Tabs -->
<div class="card-tabs blue-tab">
<div class="icon-function tab-top tooltip">
<a [tabindex]="tabIdx" aria-describedby="SPN_wildcard_275search_1">
<label for="IMG_helpIcon_275search_1">How to Use Wildcards</label>
<img id="IMG_helpIcon_275search_1" src="./../../assets/images/ic_help_blue_24px.svg" title="Wildcard Help" alt="help icon">
</a>
<span id="SPN_wildcard_275search_1" class="info-panel" role="tooltip">
For text fields, search parameters will match exact values entered (but case insensitive) by default. For example, an entry
of "John" will return "John," or "JOHN," or "john," but not "Johnson." Partial entries can be searched by using
wildcard character(s) at any place in the text field. The wildcard characters are the percent (%) sign, and the
underscore (_) character. For example, to match both "12345" and "12367", the entry of "123%" or "123__" can
be given. The percent sign can be used to match any number of characters, while the underscore can be used to
match any single character.
</span>
</div>
<section>
<!-- Tab 1 -->
<input id="tab1" type="radio" checked="checked" name="tabs" [tabindex]="tabIdx" role="tab" />
<!-- Add this tag when there is more than one Tab: aria-label="S275 Search Tab. To switch tabs, use arrow keys." -->
<label for="tab1" class="tab-label">275 Search</label>
<div class="tab-content">
<div class="col three">
<div class="card-head">
<h3>Search Criteria</h3>
<span id="noteTitle">Enter any combination of parameters to find matching attachments.</span>
</div>
<form [formGroup]="form" (ngSubmit)="search()" novalidate>
<div class="col one">
<!-- The difference between "attachId" and "attachIdLx" is internal detail. To the user we still call it the "Attachment ID" even though it is expanded -->
<label class="label text-field" for="attachIdLx">VA Attachment Control Number
<span class="error" *ngIf="form.get('attachIdLx').invalid && form.get('attachIdLx').touched" role="alert" aria-live="assertive">Enter a Valid Number</span>
</label>
<input appAutofocus formControlName="attachIdLx" type="text" placeholder="Enter Number" id="attachIdLx" name="attachIdLx"
[(ngModel)]="requestModel.attachIdLx" maxlength="100" [tabindex]="tabIdx">
</div>
<div class="col one">
<label class="label text-field" for="patientLastName">Patient Last Name
<span class="error" *ngIf="form.get('patientLastName').invalid && form.get('patientLastName').touched" role="alert" aria-live="assertive">Enter Valid Name</span>
<span class="info">Wildcards Allowed</span>
</label>
<input formControlName="patientLastName" type="text" placeholder="Enter Name" id="patientLastName" name="patientLastName"
[(ngModel)]="requestModel.patientLastName" [tabindex]="tabIdx">
</div>
<div class="col one no-flow">
<label class="label text-field" for="providerName">Provider Name
<span class="error" *ngIf="form.get('providerName').invalid && form.get('providerName').touched" role="alert" aria-live="assertive">Enter Valid Name</span>
<span class="info">Wildcards Allowed</span>
</label>
<input formControlName="providerName" type="text" placeholder="Enter Name" id="providerName" name="providerName" [(ngModel)]="requestModel.providerName"
[tabindex]="tabIdx">
</div>
<div class="col one">
<label class="label text-field" for="attachCtrNumber">Provider Attachment ID
<span class="error" *ngIf="form.get('attachCtrNumber').invalid && form.get('attachCtrNumber').touched" role="alert" aria-live="assertive">Enter a Valid Number</span>
</label>
<input formControlName="attachCtrNumber" type="text" placeholder="Enter Number" id="attachCtrNumber" name="attachCtrNumber"
[(ngModel)]="requestModel.attachCtrNumber" [tabindex]="tabIdx">
</div>

<div class="col one">
<label class="label text-field" for="patientFirstName">Patient First Name
<span class="error" *ngIf="form.get('patientFirstName').invalid && form.get('patientFirstName').touched" role="alert" aria-live="assertive">Enter a Valid Number</span>
<span class="info">Wildcards Allowed</span>
</label>
<input formControlName="patientFirstName" type="text" placeholder="Enter Name" id="patientFirstName" name="patientFirstName"
[(ngModel)]="requestModel.patientFirstName" [tabindex]="tabIdx">
</div>

<div class="col one no-flow">
<label class="label text-field" for="providerNpi">Provider NPI
<span class="error" *ngIf="form.get('providerNpi').invalid && form.get('providerNpi').touched" role="alert" aria-live="assertive">Enter a Valid Number</span>
</label>
<input formControlName="providerNpi" type="text" placeholder="Enter Number" id="providerNpi" name="providerNpi" [(ngModel)]="requestModel.providerNpi"
[tabindex]="tabIdx" maxlength="10">
</div>
<div class="col one">
<label class="label text-field" for="reportTypeCode">Report Type Code
<span class="error" *ngIf="form.get('reportTypeCode').invalid && form.get('reportTypeCode').touched" role="alert" aria-live="assertive">Enter a Valid Number</span>
</label>
<select formControlName="reportTypeCode" type="text" placeholder="Enter Number" id="reportTypeCode" name="reportTypeCode"
[(ngModel)]="requestModel.reportTypeCode" [tabindex]="tabIdx">
<!-- <option [value]="'All'"> All</option> -->
<option [value]="code.split(' ')[0]" *ngFor="let code of reportCodes"> {{code}}</option>
</select>
</div>
<div class="col one">
<label class="label text-field" for="patientIdentifier">Patient ID
<span class="error" *ngIf="form.get('patientIdentifier').invalid && form.get('patientIdentifier').touched" role="alert" aria-live="assertive">Enter a Valid Number</span>
</label>
<input formControlName="patientIdentifier" type="text" placeholder="Enter Number" id="patientIdentifier" name="patientIdentifier"
[(ngModel)]="requestModel.patientIdentifier" [tabindex]="tabIdx">
</div>
<div class="col one no-flow">
<label class="label text-field" for="payerControlNumber">Payer Control Number
<!-- <span class="error" *ngIf="form.get('payerControlNumber').invalid && form.get('payerControlNumber').touched" role="alert"
aria-live="assertive">Enter a Valid Number</span> -->

</label>
<input formControlName="payerControlNumber" type="text" placeholder="Enter Number" id="payerControlNumber" name="payerControlNumber"
[(ngModel)]="requestModel.payerControlNumber" [tabindex]="tabIdx">
</div>
<div class="col one">
<label class="label text-field" for="status">Status
<span class="error" *ngIf="form.get('status').invalid && form.get('status').touched" role="alert" aria-live="assertive">Enter a Valid Number
</span>
</label>
<select formControlName="status" type="text" placeholder="Enter Number" id="status" name="status" [(ngModel)]="requestModel.status"
[tabindex]="tabIdx">
<option value="">Select Status</option>
<option *ngFor="let status of statuses" [value]="status">{{status}}</option>
</select>
</div>

<div class="col one">
<label class="label text-field" for="patientControlNumber">Patient Control Number
<!-- <span class="error" *ngIf="form.get('patientCtrNumber').invalid && form.get('patientCtrNumber').touched" role="alert" aria-live="assertive">Enter a Valid Number</span> -->
</label>
<input formControlName="patientCtrNumber" type="text" placeholder="Enter Number" id="patientCtrNumber" name="patientCtrNumber"
[(ngModel)]="requestModel.patientCtrNumber" [tabindex]="tabIdx">
</div>

<div class="col one no-flow">
<label class="label text-field" for="claimId">Claim ID
<span class="error" *ngIf="form.get('claimId').invalid && form.get('claimId').touched" role="alert" aria-live="assertive">Enter a Valid Number</span>
</label>
<input formControlName="claimId" type="text" placeholder="Enter Number" id="claimId" name="claimId" [(ngModel)]="requestModel.claimId"
[tabindex]="tabIdx">
</div>
<div class="col one">
<label class="label text-field" for="medicalRecordNumber">Medical Record Number
<!-- <span class="error" *ngIf="form.get('medicalRecordNumber').invalid && form.get('medicalRecordNumber').touched">Enter a Valid Number</span> -->
</label>
<input formControlName="medicalRecordNumber" type="text" placeholder="Enter Number" id="medicalRecordNumber" name="medicalRecordNumber"
[(ngModel)]="requestModel.medicalRecordNumber" [tabindex]="tabIdx">
</div>
<div class="col one">
<app-calendar [monthId]="'SPN_currentMonth_1'" [dateRangeError]="dateRangeError" [id]="'beginDate'" [label]="'Service Start Date'" [parentFormGroup]="form" [parentControlName]="'claimServiceStartDate'" [calendarTabIndex]="tabIdx"></app-calendar>
</div>
<div class="col one no-flow">
<app-calendar [monthId]="'SPN_currentMonth_2'" [dateRangeError]="dateRangeError" [id]="'endDate'" [label]="'Service End Date'" [parentFormGroup]="form" [parentControlName]="'claimServiceEndDate'" [calendarTabIndex]="tabIdx"></app-calendar>
</div>
<div class="row bottom col three">
<button type="submit" class="button primary" id="searchButton" [disabled]="form.invalid" [class.disabled]="form.invalid"
alt="Search Button" [tabindex]="tabIdx">Search</button>
<button type="button" class="button secondary" id="resetButton" (click)="resetForm()" alt="Reset Form" [tabindex]="tabIdx">Reset Form</button>
</div>
</form>
</div>
</div>
</section>
</div>
</div>

<div *ngIf="showResults" class="container">
<div class="row results">
<div class="col three">
<div class="card-head">
<h4>Search Results</h4>
</div>
</div>
<div class="col three">
<app-table [tempColumn]="'attachIdLx'" (notify)="updateTable()" [columns]="tableColumns" [loading]="loading" (extNotify)="onDisplayAttachmentViewer($event.data)"
[rows]="searchResults" [paginationSettings]="paginationSettings" [tableSettings]="tableSettings"></app-table>
</div>
<div class="row"></div>
</div>
</div>

</article>
<!-- </div> -->
<app-attachment-viewer [attachKey]="selectedAttachmentId" [attachmentList]="fileList"
[open]="displayAttachmentViewer" (notify)="onAttachmentViewerClose($event)" (notifyReActive)="reActivate($event)" (notifyArchive)="onArchive($event)"></app-attachment-viewer>
<!-- </div> -->
</app-ars-base>