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="modal-overlay white" [class.modal-show]="!loadingSpinnerClosed" [style.visibility]="loadingSpinnerClosed? 'hidden': 'visible'">
<div class="modal-content center-align">
<div class="loading-box drop-in">
<app-spinner></app-spinner>
</div>
</div>
</div>
<div class="wrapper" *ngIf="data" [class.collapsed]="!(appSettingsService.navState$ | async)">
<div *ngIf="!(attachmentService.attachmentViewerState | async)" class="nav-gap" [class.collapsed]="!(appSettingsService.navState$ | async)"></div>
<header *ngIf="!(attachmentService.attachmentViewerState | async)" [class.collapsed]="!(appSettingsService.navState$ | async)">
<app-header [tabIdx]="tabIdx"></app-header>
</header>
<nav *ngIf="!(attachmentService.attachmentViewerState | async)" [class.collapsed]="!(appSettingsService.navState$ | async)">
<app-navigation [tabIdx]="tabIdx"></app-navigation>
</nav>
<!-- Add prof, inst or dent to Content DIV to change key colors -->
<div class="content {{getStyle()}}">
<div class="sticky" [style.zIndex]="(attachmentService.attachmentViewerState | async)?0: 3001" [class.collapsed]="!(appSettingsService.navState$ | async)">
<section>
<!-- EDI webviewer header section "A" -->
<div class="ewv-title-bar">
<div class="container" [style.width]="containerClassWidth + 'px'">
<!-- <div id="DIV_ediWebViewer_ewv_1" class="breadcrumbs">EDI Web Viewer / {{getPdiNumber()}}</div> -->
<h1 id="HDG_ediWebViewer_ewv_1">EDI Web Viewer
<span *ngIf="show"> | {{leftPdiNumber}}</span>
<div class="tooltip">
<a tabindex="0" (click)="autoCompare()" *ngIf="show && programIndicator" class="claim-label hover" aria-describedby="SPN_wildcard_ewvViewer_1"
[class.original]="programIndicator==='Original'" [class.current]="programIndicator==='Current'">{{programIndicator}}</a>
<span id="SPN_wildcard_ewvViewer_1" role="tooltip" *ngIf="leftPdiNumber===data?.patientHeaderInfo?.linkedPdis?.originalPdi">
Current PDI: {{ data?.patientHeaderInfo?.linkedPdis?.currentPdi}}
</span>
<span id="SPN_wildcard_ewvViewer_1" role="tooltip" *ngIf="leftPdiNumber===data?.patientHeaderInfo?.linkedPdis?.currentPdi">
Original PDI: {{ data?.patientHeaderInfo?.linkedPdis?.originalPdi}}
</span>
</div>
<span *ngIf="hasAttachment">
<img class="pdi-icon" src="./../../../assets/images/ic_attachdiamond_green_24.svg" alt="has attachments">
</span>
<!-- Below is placeholder icon -->
<span *ngIf="hasP2E">
<img class="pdi-icon" src="/assets/images/ic_p-e_icon_orange_24.svg" alt="P 2 E">
</span>
</h1>
<!-- This only runs when in splitview and if there is a pdi to compare section "B" -->
<div *ngIf="isSplitView && loadedRight">
<h1 id="HDG_ediWebViewer_ewv_1" [ngClass]="{'animate-delay': isSplitActive == true}" class="split-claim-number">vs.
<span>{{rightPdiNumber}}</span>
<span *ngIf="programIndicator2" class="claim-label" [class.original]="programIndicator2==='Original'" [class.current]="programIndicator2==='Current'">{{programIndicator2}}</span>
<span *ngIf="hasAttachment2">
<img class="pdi-icon" src="./../../../assets/images/ic_attachdiamond_green_24.svg" alt="has attachments">
</span>
<span *ngIf="hasP2E2">
<img class="pdi-icon" src="./../../../assets/images/ic_p-e_icon_orange_24.svg" alt="P 2 E">
</span>
<button class="button logout" style="margin-top: 0;" (click)="switchView('single')">Clear</button>
</h1>
</div>
<!-- End of section "B" -->
<!-- Search/Compare form section "C" -->
<div class="search-box">
<form [formGroup]="form" (ngSubmit)="onSearch(pdiSearchParam, true)">
<div>
<input type="text" id="IPT_pdiLookup_ewv_1" formControlName="pdiSearchParam" name="pdiLookup" placeholder="Enter PDI" maxlength="15"
aria-label="P D I lookup" [(ngModel)]="pdiSearchParam" [tabindex]="tabIdx" (focus)="$event.target.select()">
</div>
<button [tabindex]="tabIdx" (click)="onRetrieve(pdiSearchParam)" id="BTN_pdiLookupSubmit_ewv_1" type="submit" [class.disabled]="(form.invalid && form.dirty) || form.pristine"
[disabled]="(form.invalid && form.dirty) || form.pristine" class="button primary small left">Retrieve</button>
<div class="button-drop" [class.disabled]="form.invalid" role="navigation">
<div class="button primary small right" style="margin-top: 0;">
<div class="arrow-down"></div>
</div>
<div class="button-drop-content">
<a (focus)="focusMenuBarElements('button', 'pdfReferencesFocused', $event)" (click)="form.valid && switchView('split')" [tabindex]="tabIdx">Compare Claim</a>
<!-- <a (click)="switchView('single')" [tabindex]="tabIdx">Clear Compare</a> -->
</div>
</div>
</form>
</div>
<!-- End of section "C" -->
</div>
</div>
<!-- EDI webviewer header end of section "A" -->
<div class="menu-bar">
<div class="container" [style.width]="containerClassWidth + 'px'">
<app-menu [menu]="ewvMenu" (clickNotify)="notify($event)" [tabIdx]="tabIdx"> </app-menu>
</div>
</div>
<!-- Left pdi header section -->
<div *ngIf="show" class="claim-bar">
<div class="container" [style.width]="containerClassWidth + 'px'">
<div [ngClass]="{'split-claim': isSplitView && loadedRight}" class="left-claim plus-margin" style="padding-top: 9px">
<table id="TBL_headerInfo_ewv_1">
<tbody>
<tr>
<th>Submission Type:</th>
<td>{{data?.patientHeaderInfo?.format}}</td>
<th>Patient Name:</th>
<td [class.ellipsis]="data?.patientHeaderInfo?.patientName.length> 17" [attr.title]="data?.patientHeaderInfo?.patientName.length> 17? data?.patientHeaderInfo?.patientName: ''">{{data?.patientHeaderInfo?.patientName}}</td>
<th>Member:</th>
<td>{{data?.patientHeaderInfo?.memberID}}</td>
<th>PDI:</th>
<td>{{data?.patientHeaderInfo?.pdi}}</td>
</tr>
<tr>
<th>Medicare Crossover:</th>
<td>{{data?.patientHeaderInfo?.medicareCrossOver}}</td>
<th>Billing NPI:</th>
<td>{{data?.patientHeaderInfo?.billingNPI}}</td>
<th>TIN:</th>
<td>{{data?.patientHeaderInfo?.tin}}</td>
<th>PCN:</th>
<td [class.ellipsis]="data?.patientHeaderInfo?.pcn.length> 17" [attr.title]="data?.patientHeaderInfo?.pcn.length> 17? data?.patientHeaderInfo?.pcn: ''">{{data?.patientHeaderInfo?.pcn}}</td>
</tr>
</tbody>
</table>
</div>
<!-- End of left pdi header section -->
<!-- Right pdi header section -->
<div *ngIf="isSplitView && loadedRight" [ngClass]="{'split-claim': isSplitView && loadedRight}" class="right-claim" style="padding-top: 9px;">
<table id="TBL_headerInfo_ewv_1">
<tbody>
<tr>
<th>Submission Type:</th>
<td>{{compareData?.patientHeaderInfo?.format}}</td>
<th>Patient Name:</th>
<td [class.ellipsis]="compareData?.patientHeaderInfo?.patientName.length> 17" [attr.title]="compareData?.patientHeaderInfo?.patientName.length> 17? compareData?.patientHeaderInfo?.patientName: ''">{{compareData?.patientHeaderInfo?.patientName}}</td>
<th>Member:</th>
<td>{{compareData?.patientHeaderInfo?.memberID}}</td>
<th>PDI:</th>
<td>{{compareData?.patientHeaderInfo?.pdi}}</td>
</tr>
<tr>
<th>Medicare Crossover:</th>
<td>{{compareData?.patientHeaderInfo?.medicareCrossOver}}</td>
<th>Billing NPI:</th>
<td>{{compareData?.patientHeaderInfo?.billingNPI}}</td>
<th>TIN:</th>
<td>{{compareData?.patientHeaderInfo?.tin}}</td>
<th>PCN:</th>
<td [class.ellipsis]="compareData?.patientHeaderInfo?.pcn.length> 17" [attr.title]="compareData?.patientHeaderInfo?.pcn.length> 17? compareData?.patientHeaderInfo?.pcn: ''">{{compareData?.patientHeaderInfo?.pcn}}</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</section>
</div>
<!-- Message Section -->
<div [class.ewv-message-offset]="!show" [class.ewv-message]="show">
<!-- <app-messages id="" [infoStatusSolid]="!show" [infoMsg]="ewvMsg"></app-messages> -->
<app-messages id="CMP_appMessage_ewv_1" [successStatus]="successStatus" [successMsg]="successMsg" [errorMsg]="errorMsg" [errorStatus]="errorStatus"
[infoStatusSolid]="!show || noDataToCompare" [infoMsg]="ewvMsg"></app-messages>
<app-messages id="CMP_appMessage_ewv_2" [warningStatus]="archiveSuccessStatus" [warningMsg]="archiveSuccessMsg" [errorMsg]="archiveErrorMsg"
[errorStatus]="archiveErrorStatus"></app-messages>
</div>
<!-- End of Message Section -->
<article *ngIf="show">
<!-- Row below adds spacing -->
<div class="row"></div>
<!-- <div *ngIf="uploadingFlag" class="loading-box drop-in">
<app-spinner [msg]="'Uploading'"></app-spinner>
</div> -->
<div class="container" [style.width]="containerClassWidth + 'px'">
<!-- Claim View Tabs -->
<div class="card-tabs blue-tab">
<div class="icon-function tab-top">
<label for="IMG_expandIcon_ewvMaster_1">Expand All</label>
<img id="IMG_expandIcon_ewvMaster_1" [tabindex]="tabIdx" src="./../../assets/images/ic_expand_blue_24.svg" title="Expand All Accordions"
alt="Expand Icon" tabindex="0" (click)="expandAll()" (keyup.enter)="expandAll()">
<label for="IMG_collapseIcon_ewvMaster_1">Collapse All</label>
<img id="IMG_collapseIcon_ewvMaster_1" [tabindex]="tabIdx" src="./../../assets/images/ic_collapse_blue_24.svg" title="Collapse All Accordions"
tabindex="0" alt="Collapse Icon" (click)="collapseAll()" (keyup.enter)="collapseAll()">
<label for="IMG_printIcon_ewvMaster_1">Print</label>
<img id="IMG_printIcon_ewvMaster_1" [tabindex]="tabIdx" src="./../../assets/images/ic_print_blue_24.svg" title="Print Current Claim View"
alt="Print Icon" tabindex="0" (click)="print()" (keyup.enter)="print()">
</div>
<section>
<!-- QuickView Tab -->
<input appAutofocus id="TAB_qvTab_ewvMaster_1" type="radio" [(ngModel)]="tabType" value="q" (change)="onViewChange($event.target.value)"
[checked]="tabType === 'q'" name="ewvTabs" [tabindex]="tabIdx" role="tab" aria-label="Quick View Tab. To switch tabs, use the arrow keys." />
<label for="TAB_qvTab_ewvMaster_1" class="tab-label">Quick View</label>
<!-- QuickView Content -->
<div id="DIV_quickView_ewv_1" class="tab-content" role="tabpanel">
<div [ngClass]="{'split-claim': isSplitView && loadedRight}" class="left-claim">
<div class="row"></div>
<!-- QV Patient Info Accordion -->
<app-patient-info [data]="data?.patientInfo" [accordionId]="'ACC_patientInfo_1'"></app-patient-info>
<!-- QV Vendor Info Accordion -->
<app-vendor-info [serviceLocationInfo]="data.serviceLocationInfo" [billingProviderInfo]="data.billingProviderInfo" [accordionId]="'ACC_vendorInfo_ewv_1'"></app-vendor-info>
<!-- QV Billing Info Accordion -->
<app-billing-info [isSplitView]="isSplitView" [data]="data" [viewType]="'quick'" [accordionId]="'ACC_billingInfo_ewv_1'"></app-billing-info>
<!-- QV OHI Info Accordion -->
<app-ohi-info [isSplitView]="isSplitView" [data]="data.ohiInfo" [accordionId]="'ACC_ohiInfo_ewv_1'"></app-ohi-info>
<!-- QV Miscellaneous Bar -->
<app-miscellaneous-info [data]="data"></app-miscellaneous-info>
<div class="row"></div>
</div>
<!-- This is where the split happens -->
<div *ngIf="isSplitView" [ngClass]="{'split-claim': isSplitView}" class="right-claim">
<div [ngClass]="{'animate-delay': isSplitActive == true}">
<div class="row"></div>
<app-patient-info [data]="compareData?.patientInfo" [accordionId]="'ACC_patientInfo_2'"></app-patient-info>
<app-vendor-info [serviceLocationInfo]="compareData?.serviceLocationInfo" [billingProviderInfo]="compareData?.billingProviderInfo"
[accordionId]="'ACC_vendorInfo_ewv_2'"></app-vendor-info>
<app-billing-info [isSplitView]="isSplitView" [isRightSide]="true" [compareData]="data" [data]="compareData" [viewType]="'quick'"
[accordionId]="'ACC_billingInfo_ewv_2'"></app-billing-info>
<app-ohi-info [isSplitView]="isSplitView" [isRightSide]="true" [compareData]="data?.ohiInfo" [data]="compareData?.ohiInfo"
[accordionId]="'ACC_ohiInfo_ewv_2'"></app-ohi-info>
<app-miscellaneous-info [data]="compareData"></app-miscellaneous-info>
<div class="row"></div>
</div>
</div>
</div>
<!-- Detail Tab -->
<input tabindex="0" id="TAB_detailTab_ewvMaster_1" value="d" type="radio" [(ngModel)]="tabType" (change)="onViewChange($event.target.value)"
name="ewvTabs" [tabindex]="tabIdx" role="tab" aria-label="Detail View Tab">
<label id="LBL_detailTab_ewvMaster_1" for="TAB_detailTab_ewvMaster_1" class="tab-label">Detail View
</label>
<!-- Detail Content -->
<div id="DIV_detailView_ewv_1" class="tab-content">
<div [ngClass]="{'split-claim': isSplitView && loadedRight}" class="left-claim">
<div class="row"></div>
<!-- Professional Detail Components -->
<app-professional-detail [isSplitView]="isSplitView" [isDetail]="true" [idNumber]="1" [data]="data" *ngIf="pageSelector === 'PROFESSIONAL'"></app-professional-detail>
<!-- Institutional Detail Components-->
<app-institutional-detail [isSplitView]="isSplitView" [isDetail]="true" [idNumber]="1" [data]="data" *ngIf="pageSelector === 'INSTITUTIONAL'"></app-institutional-detail>
<!-- Dental Detail Components -->
<app-dental-detail [isSplitView]="isSplitView" [isDetail]="true" [idNumber]="1" [data]="data" *ngIf="pageSelector === 'DENTAL'"></app-dental-detail>
<div class="row"></div>
</div>
<!-- This is the where the detail split happens -->
<div *ngIf="isSplitView && loadedRight" [ngClass]="{'split-claim': isSplitView && loadedRight}" class="right-claim">
<div class="row"></div>
<app-professional-detail [isSplitView]="isSplitView" [compareData]="data" [isDetail]="true" [isRightSide]="true" [idNumber]="2"
[data]="compareData" *ngIf="pageSelector === 'PROFESSIONAL'"></app-professional-detail>
<app-institutional-detail [isSplitView]="isSplitView" [compareData]="data" [isDetail]="true" [isRightSide]="true" [idNumber]="2"
[data]="compareData" *ngIf="pageSelector === 'INSTITUTIONAL'"></app-institutional-detail>
<app-dental-detail [isSplitView]="isSplitView" [compareData]="data" [isDetail]="true" [isRightSide]="true" [idNumber]="2"
[data]="compareData" *ngIf="pageSelector === 'DENTAL'"></app-dental-detail>
<div class="row"></div>
</div>
</div>
</section>
</div>
</div>
</article>
<footer>
<app-footer></app-footer>
</footer>
</div>
<!-- <div class="modal-overlay white" [class.modal-show]="!loadingSpinnerClosed" [style.visibility]="loadingSpinnerClosed? 'hidden': 'visible'">
<div class="modal-content center-align">
<div class="loading-box drop-in">
<app-spinner></app-spinner>
</div>
</div>
</div> -->
<div class="scroll-top" (click)="scrollToTop()" title="Scroll to Top"></div>
</div>