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="tab-test row">
<div class="col three">
<div class="card-head" style="float: left;">
<h3>277 RFAI Payer Information</h3>
</div>
<div class="icon-function acc-adj" style="margin-top: 15px;">
<label for="addPayer">Add New Payer</label>
<img [tabindex]="tabIdx" role="button" title="Add New Payer" id="addPayer" alt="add icon" src="../../assets/images/ic_add_circle_blue_24px.svg"
(keyup.enter)="openAddPayerModal()" (click)="openAddPayerModal()">
</div>
</div>
<div class="row col three">
<table class="clean-table acc-table">
<thead>
<tr>
<th>Payer ID</th>
<th>Payer Name</th>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr *ngFor="let payer of payers" [class.archive]="payer.archive" [class.highlightEdited]="payer.editedOrNewFlag && !payer.archive">
<td style="width: 99px">{{payer.payerIdentifier}}</td>
<td style="min-width: 600px">{{payer.payerIdentifierDesc }}</td>
<td class="right-align">
<img [src]="payer?.archiveImg" (keyup.enter)="archivePayer(payer)" [tabindex]="tabIdx" (click)="archivePayer(payer)" title="Archive Payer {{payer.payerIdentifier}}">
</td>
<td class="right-align">
<img [src]="payer?.editTableImg" (keyup.enter)="openEditPayerModal(payer)" [tabindex]="tabIdx" (click)="openEditPayerModal(payer)"
title="Modify Payer {{payer.payerIdentifier}}">
</td>
</tr>
</tbody>
</table>
</div>
<div class="row bottom col two">
<button type="button" class="button primary" id="submitChanges" (click)="submitPayerInfo()" [tabindex]="tabIdx">Submit Changes
</button>
<button type="button" class="button secondary" id="cancel" (click)="resetPayerInfo()" [tabindex]="tabIdx">Reset</button>
</div>
<div class="container">
<app-modal (modalClosed)="onPayerModalClose()" [hidden]="payerModalClosed" [modalTitle]="(addPayerClicked ? 'Add' : 'Edit') + 'Payer ID'">
<form [formGroup]="payerModalForm" (ngSubmit)="addPayerClicked
? addPayer() : editPayer(tempNewPayerObj, tempPayerObj)" novalidate>
<div class="results round-corners">
<div class="left-align">
<h4>
<ng-container *ngIf="addPayerClicked"> Add</ng-container>
<ng-container *ngIf="!addPayerClicked"> Edit</ng-container>
Payer
</h4>
</div>
<div class="left-align">
<label class="label text-field" for="payerId">Payer ID
<span class="info" *ngIf="!(payerModalForm.get('payerId').touched && payerModalForm.get('payerId').invalid)">Minimum 2 characters</span>
<span class="required" *ngIf="!(payerModalForm.get('payerId').touched && payerModalForm.get('payerId').invalid)">Required</span>
<span class="error" role="alert" aria-live="assertive" *ngIf="payerModalForm.get('payerId').touched && payerModalForm.get('payerId').invalid">Enter Valid Payer ID</span>
</label>
<input formControlName="payerId" id="payerId" type="text" name="payerId" placeholder="Enter Payer ID" maxlength="80" [(ngModel)]="tempNewPayerObj.payerIdentifier">
<label class="label text-field" for="payerDescription">Payer Name
<span class="required" *ngIf="!(payerModalForm.get('payerDescription').touched && payerModalForm.get('payerDescription').invalid)"></span>
<span class="error" role="alert" aria-live="assertive" *ngIf="payerModalForm.get('payerDescription').touched && payerModalForm.get('payerDescription').invalid">Enter Valid Name</span>
</label>
<input type="text" formControlName="payerDescription" id="payerDescription" name="payerDescription" placeholder="Enter Payer Name"
[(ngModel)]="tempNewPayerObj.payerIdentifierDesc" maxlength="60">
<!-- [disabled]="codeModalForm.invalid" [class.disabled]="codeModalForm.invalid" -->
<button type="submit" class="button primary small" id="payerButton" [attr.aria-label]="addPayerClicked?'Add Code':'Edit Code'"
title="addPayerClicked?'Add Code':'Edit Code'" [disabled]="payerModalForm.invalid" [class.disabled]="payerModalForm.invalid">
<ng-container *ngIf="addPayerClicked"> Add</ng-container>
<ng-container *ngIf="!addPayerClicked"> Edit</ng-container>
Payer
</button>
<!-- [ngClass]="{'disabled': !f.valid}" [disabled]="!f.valid"-->
<button class="button secondary small" type="button" (click)="onPayerModalClose()">Cancel</button>
<!-- </form> -->
</div>
</div>
</form>
</app-modal>
</div>
<div class="container ">
<app-modal (modalClosed)="closeConfirmationModal() " [hidden]="confirmModalClosed " modalTitle="Confirm Archiving ">
<div class="results round-corners left-align warning-modal ">
<div class="row modal-warning ">
<h3>Warning</h3>
</div>
<div class="row "></div>
<p>
<ng-container>
You have selected Payer Info that will be archived. If you continue, this Payer Info will be removed from the system.
</ng-container>
<br>This cannot be undone.
</p>
<button role="button" aria-label="Continue" class="button danger small" type="submit" (click)="submitPayerInfo()">Continue</button>
<button role="button" class="button secondary small" type="button" (click)="closeConfirmationModal()">Cancel</button>
</div>
</app-modal>
</div>
<div class="container ">
<app-modal (modalClosed)="action(false)" [hidden]="discardChangesModalClosed" modalTitle="Confirm Discard Changes">
<div class="results round-corners left-align warning-modal">
<div class="row modal-warning">
<h3>Warning</h3>
</div>
<div class="row "></div>
<p>
<ng-container>
Navigating away from this page will discard your changes. Click "Continue" to discard unsaved changes, or click "Cancel"
to remain on the page.
</ng-container>
</p>
<button role="button" aria-label="Continue" class="button danger small" type="submit" (click)="action(true)">Continue</button>
<button role="button" class="button secondary small" type="button" (click)="action(false)">Cancel</button>
</div>
</app-modal>
</div>