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">
<h3 id="pagetitle">277 RFAI Submission Codes</h3>
<!-- <span>Additional instructions as needed.</span> -->
</div>
</div>
<!-- Code Management Form -->
<!-- Adds Cushion -->
<div class="row"></div>
<div class="accordion">
<input role="button" id="ACC_hccscCodes_rfaiAdmin_1" [tabindex]="tabIdx" type="checkbox" [checked]="healthCodesAccSwitch"
name="hccsCategoryAccordion" aria-label="Health Care Claim Status Category Codes Section. Use the space bar to expand or collapse.">
<label for="ACC_hccscCodes_rfaiAdmin_1">Health Care Claim Status Category Codes</label>
<div class="icon-function acc-adj">
<label for="addCode1">Add New Code</label>
<img [tabindex]="tabIdx" role="button" id="addCode1" title="Add New Code" alt="add icon" src="../../assets/images/ic_add_circle_blue_24px.svg"
(keyup.enter)="openAddCodeModal('HCCS')" (click)="openAddCodeModal('HCCS')">
</div>
<div class="accordion-content">
<!-- Claim Status Codes Table -->
<table class="clean-table acc-table">
<thead>
<tr>
<th>Active</th>
<th>Code</th>
<th>Description</th>
<th class="right-align">Start Date</th>
<th>End Date</th>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr *ngFor="let healthCode of healthCodes" [class.archive]="healthCode.archive" [class.highlightEdited]="healthCode.editedOrNewFlag && !healthCode.archive">
<td>
<input type="checkbox" (click)="setEditOrNewFlag(healthCode)" [checked]="healthCode.flag" [(ngModel)]="healthCode.flag" [tabindex]="tabIdx"
[disabled]="checkToDisable(healthCode.startDate,healthCode.endDate,healthCode.stcCd)">
</td>
<td style="width: 75px">{{healthCode.stcCd}}</td>
<td style="min-width: 600px">{{healthCode.stcCdDesc }}</td>
<td class="right-align">{{healthCode.startDate}}</td>
<!-- <td class="center-align">to</td> -->
<td>{{healthCode.endDate}}</td>
<td class="right-align">
<img [src]="healthCode?.archiveImg" (keyup.enter)="archive(healthCode)" (click)="archive(healthCode)" title="Archive Code {{healthCode.stcCd}}">
</td>
<td class="right-align">
<img [src]="healthCode?.editTableImg" (keyup.enter)="openEditCodeModal(healthCode, 'HCCS')" (click)="openEditCodeModal(healthCode, 'HCCS')"
title="Modify Code {{healthCode.stcCd}}">
</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="accordion">
<input role="button" id="ACC_loincCodes_rfaiAdmin_1" type="checkbox" [tabindex]="tabIdx" name="loincCodeAccordion" [checked]="loincCodesAccSwitch"
aria-label="LOINC Codes Section" />
<label for="ACC_loincCodes_rfaiAdmin_1">LOINC Codes</label>
<div class="icon-function acc-adj">
<label for="addCode2">Add New Code</label>
<img [tabindex]="tabIdx" role="button" title="Add New Code" id="addCode2" alt="add icon" src="../../assets/images/ic_add_circle_blue_24px.svg"
(keyup.enter)="openAddCodeModal('LOINC')" (click)="openAddCodeModal('LOINC')">
</div>
<div class="accordion-content">
<!-- LOINC Codes Table -->
<table class="clean-table acc-table">
<thead>
<tr>
<th>Active</th>
<th>Code</th>
<th>Description</th>
<th>Level</th>
<th class="right-align">Start Date</th>
<th>End Date</th>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr *ngFor="let loincCode of loincCodes" [class.archive]="loincCode.archive" [class.highlightEdited]="loincCode.editedOrNewFlag && !loincCode.archive">
<td>
<input type="checkbox" (click)="setEditOrNewFlag(loincCode)" [tabindex]="tabIdx" [checked]="loincCode.flag" [(ngModel)]="loincCode.flag"
[disabled]="checkToDisable(loincCode.startDate,loincCode.endDate, loincCode.flag)">
</td>
<td style="width: 75px">{{loincCode.stcCd}}</td>
<td style="min-width: 600px">{{loincCode.stcCdDesc }}</td>
<td>{{loincCode.level}}</td>
<td class="right-align">{{loincCode.startDate}}</td>
<!-- <td class="center-align">to</td> -->
<td>{{loincCode.endDate}}</td>
<td class="right-align">
<img [src]="loincCode?.archiveImg" (keyup.enter)="archive(loincCode)" (click)="archive(loincCode)" title="Archive Code {{loincCode.stcCd}}">
</td>
<td class="right-align">
<img [src]="loincCode?.editTableImg" (keyup.enter)="openEditCodeModal(loincCode, 'LOINC')" (click)="openEditCodeModal(loincCode, 'LOINC')"
title="Modify Code {{loincCode.stcCd}}">
</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="accordion">
<input id="ACC_loincModCodes_rfaiAdmin_1" type="checkbox" [tabindex]="tabIdx" name="loincModifyAccordion" [checked]="loincModCodesAccSwitch"
role="button" aria-label="LOINC Modifier Codes Section">
<label for="ACC_loincModCodes_rfaiAdmin_1">LOINC Modifier Codes</label>
<div class="icon-function acc-adj">
<label for="addCode3">Add New Code</label>
<img [tabindex]="tabIdx" role="button" title="Add New Code" id="addCode3" alt="add icon" src="../../assets/images/ic_add_circle_blue_24px.svg"
(keyup.enter)="openAddCodeModal('LOINCMod')" (click)="openAddCodeModal('LOINCMod')">
</div>
<div class="accordion-content">
<!-- Modifier Codes Table -->
<table class="clean-table acc-table">
<thead>
<tr>
<th>Active</th>
<th>Code</th>
<th>Description</th>
<th class="right-align">Start Date</th>
<th>End Date</th>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr *ngFor="let loincModCode of loincModCodes" [class.archive]="loincModCode.archive" [class.highlightEdited]="loincModCode.editedOrNewFlag && !loincModCode.archive">
<td>
<input type="checkbox" (click)="setEditOrNewFlag(loincModCode)" [tabindex]="tabIdx" [checked]="loincModCode.flag" [(ngModel)]="loincModCode.flag"
[disabled]="checkToDisable(loincModCode.startDate,loincModCode.endDate, loincModCode.flag)">
</td>
<td style="width: 75px">{{loincModCode.stcCd}}</td>
<td style="min-width: 600px">{{loincModCode.stcCdDesc }}</td>
<td class="right-align">{{loincModCode.startDate}}</td>
<!-- <td class="center-align">to</td> -->
<td>{{loincModCode.endDate}}</td>
<td class="right-align">
<img [src]="loincModCode?.archiveImg" (keyup.enter)="archive(loincModCode)" (click)="archive(loincModCode)" title="Archive Code {{loincModCode.stcCd}}">
</td>
<td class="right-align ">
<img [src]="loincModCode?.editTableImg" (keyup.enter)="openEditCodeModal(loincModCode, 'LOINCMod')" (click)="openEditCodeModal(loincModCode, 'LOINCMod')"
title="Modify Code {{loincModCode.stcCd}}">
</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="row bottom col two">
<button type="button" class="button primary" id="submitChanges" [tabindex]="tabIdx" (click)="submitCodeInfo()">Submit Changes
</button>
<button type="button" class="button secondary" id="cancel" [tabindex]="tabIdx" (click)="resetCodeInfo()">Reset</button>
</div>
</div>

<div class="container">
<app-modal (modalClosed)="onCodeModalClose()" [hidden]="codeModalClosed" [modalTitle]="(addCodeClicked ? 'Add' : 'Edit') + currentCodeFullName">
<form [formGroup]="codeModalForm" (ngSubmit)="addCodeClicked
? addCode(currentCodeFullName) : editCode(tempNewCodeObj, tempCodeObj, currentCodeFullName)" novalidate>
<div class="results round-corners">
<span class="error" role="alert" aria-live="assertive" *ngIf="startEndDateFlag">Date Can Start/End today or in future
</span>
<div class="left-align">
<h4>{{ (addCodeClicked ? 'Add ' : 'Edit ') + currentCodeFullName }}</h4>
</div>
<div class="left-align">
<!-- <form [formGroup]="addHealthCodeForm" (ngSubmit)="addHealthCode()"> -->

<label class="label text-field" for="codeNumber">Code Number
<span class="required" *ngIf="!modalErrorCode">Required</span>
<span class="error" role="alert" aria-live="assertive" *ngIf="modalErrorCode">Enter Valid Code Number</span>
</label>
<input formControlName="codeNumber" type="text" name="codeNumber" placeholder="Enter Code Number" maxlength="35" [(ngModel)]="tempNewCodeObj.stcCd">

<label class="label text-field" for="codeDescription">Description
<span class="required" *ngIf="!modalErrorDesc"></span>
<span class="error" role="alert" aria-live="assertive" *ngIf="modalErrorDesc">Enter Valid Description</span>
</label>
<textarea formControlName="codeDescription" rows="3" name="codeDescription" placeholder="Enter Code Description" [(ngModel)]="tempNewCodeObj.stcCdDesc"
maxlength="2000"></textarea>

<!-- <label class="label text-field" for="startDate">Start Date
<span aria-label="month,/day,/year">
<span class="info" title="month/day/year">mm/dd/yyyy</span>
</span>
<span class="error" role="alert" aria-live="assertive" *ngIf="codeModalForm.get('startDate').invalid">Enter a valid Date.</span>
</label> -->

<!-- calendarTabIndex is 0 because this _is_ the modal, and we don't expect another, covering, modal -->
<app-calendar [monthId]="'SPN_currentMonth_1'" [dateRangeError]="dateRangeError" [id]="'startDate'" [label]="'Start Date'" [parentFormGroup]="codeModalForm" [parentControlName]="'startDate'"></app-calendar>

<!-- <label class="label text-field" for="endDate">End Date
<span aria-label="month,/day,/year">
<span class="info" title="month/day/year" aria-hidden="true">mm/dd/yyyy</span>
</span>
<span class="error" role="alert" aria-live="assertive" *ngIf="codeModalForm.get('endDate').invalid">Enter a valid Date.</span>
</label> -->

<!-- calendarTabIndex is 0 because this _is_ the modal, and we don't expect another, covering, modal -->
<app-calendar [monthId]="'SPN_currentMonth_2'" [dateRangeError]="dateRangeError" [id]="'endDate'" [label]="'End Date'" [parentFormGroup]="codeModalForm" [parentControlName]="'endDate'"></app-calendar>

<div *ngIf="currentCodeFullName==='LOINC Code'">
<label for="level" class="label text-field">Code Level</label>
<select formControlName="level" name="level" [(ngModel)]="tempNewCodeObj.level">
<option value="Claim"> Claim </option>
<option value="Line"> Line </option>
<option value="Both"> Both </option>
</select>
</div>
<!-- [disabled]="codeModalForm.invalid" [class.disabled]="codeModalForm.invalid" -->
<button type="submit" class="button primary small" id="AddEditButton" [attr.aria-label]="(addCodeClicked ? 'Add' : 'Edit') + 'Code'">
{{addCodeClicked ? 'Add' : 'Edit'}} Code</button>
<!-- [ngClass]="{'disabled': !f.valid}" [disabled]="!f.valid"-->
<button class="button secondary small" type="button" (click)="onCodeModalClose()">Cancel</button>
<!-- </form> -->
</div>
</div>
</form>
</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>

<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>
You have selected codes that will be archived. If you continue, this will remove these codes from the system.
<br>This cannot be undone.
</p>
<button role="button" aria-label="Continue" class="button danger small" type="submit" (click)="submitCodeInfo()">Continue</button>
<button role="button" class="button secondary small" type="button" (click)="closeConfirmationModal()">Cancel</button>
</div>
</app-modal>
</div>