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
<!-- here goes the success or error message after some time -->
<app-ars-base [title]="title" [tabIdx]="tabIdx">
<app-messages [warningStatus]="(showStorageWarning && arsStorageClicked)" [warningMsg]="warningMsg" [errorStatus]="errorStatus"
[errorMsg]="errorMsg" [successMsg]="successMsg" [successStatus]="successStatus"></app-messages>
<!-- <div *ngIf="showStorageWarning && arsStorageClicked" class="animate-open">
<div class="alert-inline small solid warning-msg">WARNING! Available Attachment Storage will reach 0 in {{weeksUntillFull}} weeks
<div class="close-alert">×</div>
</div>
</div> -->
<!-- <div class="alert-inline small warning solid center-align" *ngIf="showStorageWarning && arsStorageClicked">
WARNING! Available Attachment Storage will reach 0 in {{weeksUntillFull}} weeks.</div> -->
<!-- tab contents start here -->
<article>
<div class="row"></div>
<div class="container fade-in">
<!-- Card Tabs -->
<div class="card-tabs blue-tab">
<section>
<!-- Tab 1 -->
<input id="TAB_attachReports_arsReports_1" type="radio" checked="checked" name="tabs" (click)="resetArsStorage()" [tabindex]="tabIdx"
role="tab" aria-label="Attachment Reports Tab. To switch tabs, use arrow keys." />
<label for="TAB_attachReports_arsReports_1" class="tab-label">Attachment Reports</label>
<div class="tab-content">
<div class="col three">
<div class="card-head">
<h3>Report Criteria</h3>
<span id="noteTitle">Enter Payer ID and dates to generate Matched/Unmatched 275 reports.</span>
</div>
<form [formGroup]="form" (ngSubmit)="onGenerate()" novalidate>
<div class="col one">
<label class="label text-field" for="IPT_payer_arsReports_1">Payer
<span class="required" *ngIf="!(form.get('payerID').invalid && form.get('payerID').touched)">Required</span>
<span class="error" role="alert" aria-live="assertive" *ngIf="(form.get('payerID').invalid && form.get('payerID').touched)">Required</span>
</label>
<select appAutofocus formControlName="payerID" id="IPT_payer_arsReports_1" name="payerID" [(ngModel)]="arsReportsRequestModel.payerId"
[tabindex]="tabIdx">
<option value="" [selected]="true">Select Payer</option>
<option *ngFor="let payer of payers" [value]="payer.payerIdentifier">{{payer.payerIdentifier + " "+ payer.payerIdentifierDesc}}
</option>
</select>
</div>
<div class="row col one" role="radiogroup" aria-labelledby="IPT_typeOfReport_arsReports_1" style="height: 32px; margin-top: 30px;">
<label class="radio-label" id="IPT_typeOfReport_arsReports_1">Report:</label>
<input type="radio" checked="checked" id="IPT_matched_arsReports_1" name="typeOfReport" formControlName="typeOfReport" [value]="'matched'"
[(ngModel)]="arsReportsRequestModel.typeOfReport" [tabindex]="tabIdx">
<label class="radio-label" for="IPT_matched_arsReports_1">Matched</label>
<input type="radio" id="IPT_unmatched_arsReports_2" name="typeOfReport" formControlName="typeOfReport" [value]="'unmatched'"
[(ngModel)]="arsReportsRequestModel.typeOfReport" [tabindex]="tabIdx">
<label class="radio-label" for="IPT_unmatched_arsReports_2">Unmatched</label>
<input type="radio" id="IPT_both_arsReports_3" name="typeOfReport" formControlName="typeOfReport" [value]="'all'" [(ngModel)]="arsReportsRequestModel.typeOfReport"
[tabindex]="tabIdx">
<label class="radio-label" for="IPT_both_arsReports_3">Both</label>
</div>
<div class="row col one" role="radiogroup" aria-labelledby="IPT_typeOf275_arsReports_1">
<label class="radio-label" id="IPT_typeOf275_arsReports_1">275 Type:</label>
<input type="radio" checked="checked" id="IPT_solicited_arsReports_1" name="typeOf275" formControlName="typeOf275" [value]="'solicited'"
[(ngModel)]="arsReportsRequestModel.typeOf275" [tabindex]="tabIdx">
<label class="radio-label" for="IPT_solicited_arsReports_1">Solicited</label>
<input type="radio" id="IPT_unsolicited_arsReports_1" name="typeOf275" formControlName="typeOf275" [value]="'unsolicited'"
[(ngModel)]="arsReportsRequestModel.typeOf275" [tabindex]="tabIdx">
<label class="radio-label" for="IPT_unsolicited_arsReports_1">Unsolicited</label>
<input type="radio" id="IPT_both_arsReports_1" name="typeOf275" formControlName="typeOf275" [value]="'all'" [(ngModel)]="arsReportsRequestModel.typeOf275"
[tabindex]="tabIdx">
<label class="radio-label" for="IPT_both_arsReports_1">Both</label>
</div>
<div class="row col one" role="radiogroup" aria-labelledby="IPT_typeOfDate_arsReports_1">
<label class="radio-label" id="IPT_typeOfDate_arsReports_1">Date Type:</label>
<input type="radio" checked="checked" id="IPT_receivedDate_arsReports_1" name="typeOfDate" formControlName="typeOfDate" [value]="true"
[(ngModel)]="arsReportsRequestModel.receivedDateRequested" [tabindex]="tabIdx">
<label class="radio-label" for="IPT_receivedDate_arsReports_1">Received Date</label>
<input type="radio" id="IPT_serviceDate_arsReports_1" name="typeOfDate" formControlName="typeOfDate" [value]="false" [(ngModel)]="arsReportsRequestModel.receivedDateRequested"
[tabindex]="tabIdx">
<label class="radio-label" for="IPT_serviceDate_arsReports_1">Service Date</label>
</div>
<div class="col one">
<app-calendar [monthId]="'SPN_currentMonth_1'" [dateRangeError]="dateRangeError" [required]="true" [parentFormGroup]="form" [parentControlName]="'startDate'" [id]="'IPT_startDate_arsReports_1'" [label]="'Start Date'" [calendarTabIndex]="tabIdx"></app-calendar>
<!-- [ngClass]="{hideDate: arsReportsRequestModel.last24Hours}"-->
<!-- <label class="label text-field" for="IPT_startDate_arsReports_1">Start Date
<span class="info">mm/dd/yyyy</span>
<span class="required" *ngIf="!(form.get('startDate').invalid && form.get('startDate').touched)"></span>
<span class="error" role="alert" aria-live="assertive" *ngIf="form.get('startDate').invalid && form.get('startDate').touched">Enter a valid Date.</span>
</label>
<input (blur)="assignStartValue()" formControlName="startDate" class="form-control calendar" type="text"
placeholder="mm/dd/yyyy" id="IPT_startDate_arsReports_1" name="startDate" (focusout)="datesValidator()"
data-date-format="mm/dd/yyyy" [tabindex]="tabIdx" #startDate> -->
</div>
<div class="col one no-flow">
<app-calendar [monthId]="'SPN_currentMonth_2'" [dateRangeError]="dateRangeError" [required]="true" [parentFormGroup]="form" [parentControlName]="'endDate'" [id]="'IPT_endDate_arsReports_1'" [label]="'End Date'" [calendarTabIndex]="tabIdx"></app-calendar>
<!-- [ngClass]="{hideDate: arsReportsRequestModel.last24Hours}"-->
<!-- <label class="label text-field" for="IPT_endDate_arsReports_1">End Date
<span class="info">mm/dd/yyyy</span>
<span class="required" *ngIf="!(form.get('endDate').invalid && form.get('endDate').touched)"></span>
<span class="error" role="alert" aria-live="assertive" *ngIf="form.get('endDate').invalid && form.get('endDate').touched">Enter a valid Date.</span>
</label>
<input formControlName="endDate" class="form-control calendar" type="text" placeholder="mm/dd/yyyy" id="IPT_endDate_arsReports_1"
name="endDate" (blur)="assignEndValue()" (focusout)="datesValidator()" data-date-format="mm/dd/yyyy" [tabindex]="tabIdx"
#endDate> -->
</div>
<!-- <div class="col one input-block no-flow">
<input type="checkbox" id="IPT_last24Hours_arsReports_1" name="last24Hours" formControlName="last24Hours" [(ngModel)]="arsReportsRequestModel.last24Hours"
/>
<label class="checkbox-label" for="IPT_last24Hours_arsReports_1">Use Last 24-Hour Cycle</label>
</div> -->
<div class="row bottom col two">
<button type="submit" class="button primary" id="BTN_generateButton_arsReports_1" [disabled]="form.invalid" [class.disabled]="form.invalid"
aria-label="Generate Button" title="Generate Button" [tabindex]="tabIdx">Generate</button>
<button type="button" class="button secondary" id="BTN_resetButton_arsReports_1" (click)="resetAttachReports()" alt="Reset Form"
[tabindex]="tabIdx">Reset Form</button>
</div>
</form>
</div>
</div>
<!-- Tab 2 -->
<input id="TAB_arsStorage_arsReports_2" type="radio" name="tabs" (click)="resetAttachReports(); arsStorageClicked=true;"
[tabindex]="tabIdx" role="tab">
<label for="TAB_arsStorage_arsReports_2" class="tab-label">ARS Storage</label>
<div class="tab-content">
<div class="col three">
<div class="card-head">
<h3>Attachments Retrieval System Storage</h3>
<span>View and track ARS storage levels.</span>
</div>
</div>
<div class="row bottom">
<app-ars-storage (weeksUntilFullEmitter)="receiveWeeksUntilFull($event)"></app-ars-storage>
</div>
</div>
</section>
</div>
</div>
<div *ngIf="showResults" class="container">
<div class="row results">
<div class="col three">
<div class="card-head float-left">
<h4>{{displayMatUnMat}} Attachments Report</h4>
</div>
<!-- Removed until function developed -->
<!-- <div class="icon-function">
<div>
<img src="./../../assets/images/ic_PDF_icon_blue_24.svg" id="BTN_printPdf_arsReports_1" name="print" (click)="print()">
<label for="BTN_printPdf_arsReports_1">Print PDF</label>
</div>
<div>
<img src="./../../assets/images/ic_export_blue_24.svg" id="BTN_export_arsReports_1" name="export" (click)="export()">
<label for="BTN_export_arsReports_1">Export CSV</label>
</div>
</div> -->
</div>
<div class="col three">
<app-table (notify)="updateTable()" [tempColumn]="'attachIdLx'" [columns]="tableColumns" [loading]="loading" [rows]="searchResults"
[paginationSettings]="paginationSettings" [tableSettings]="tableSettings" (extNotify)="onDisplayAttachmentViewer($event.data)"></app-table>
</div>
</div>
</div>
</article>
<app-attachment-viewer [attachKey]="selectedAttachKey" [open]="displayAttachmentViewer"
(notify)="onAttachmentViewerClose($event)" (notifyArchive)="onArchive($event)"></app-attachment-viewer>
</app-ars-base>