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
<!-- Create the wrapper for the Viewer Modal -->
<div class="viewer-overlay" [class.viewer-overlay-show]="open">
<div class="wrapper">
<div class="nav-gap header" style="background: #666;"></div>
<header>
<div class="header">
<div class="container">
<span>
<strong>ARS</strong> | Attachment Retrieval System</span>
<button class="button close-viewer" appAutofocus (click)="closeViewer()" [tabindex]="tabIdx">Close Viewer</button>
</div>
</div>
</header>
<nav>
<div class="nav-bar">
<ul>
<li *ngIf="exportPermission && (arsViewer || fppsViewer)">
<a type="button" (click)="onExportAttachment()" (keyup.enter)="onExportAttachment()" class="nav-icon export"
alt="Export Attachment" id="NAV_export_viewNav_1" [tabindex]="tabIdx">
<span>Export Attachment</span>
</a>
</li>
<li *ngIf="exportAsPDFShow">
<a type="button" (click)="onExportAsPDF()" (keyup.enter)="onExportAsPDF()" class="nav-icon exportPDF" alt="Export as PDF"
id="NAV_exportAsPDF_viewNav_1" [tabindex]="tabIdx">
<span>Export as PDF</span>
</a>
</li>
<li *ngIf="editPermission && arsViewer">
<a (click)="viewAssociateForm()" (keyup.enter)="viewAssociateForm()" class="nav-icon associate" alt="Associate PDI/Claim ID"
id="NAV_associate_viewNav_1" [tabindex]="tabIdx">
<span>Associate PDI/Claim ID</span>
</a>
</li>
<li *ngIf="roleAdmin && attachKey?.status ==='Active'">
<a (click)="onArchiveView()" class="nav-icon archive" alt="EDI Web Viewer" id="NAV_Deactivate_viewNav_1"
[tabindex]="tabIdx">
<span>Deactivate Attachment</span>
</a>
</li>
<li *ngIf="roleAdmin && attachKey?.status ==='Inactive'">
<a (click)="reActivate()" class="nav-icon reactivate" alt="EDI Web Viewer" id="NAV_Reactivate_viewNav_1"
[tabindex]="tabIdx">
<span>Reactivate Attachment</span>
</a>
</li>
<!-- <li>
<a class="nav-icon edit" alt="EDI Web Viewer" id="NAV_editAttachment_viewNav_1" [tabindex]="tabIdx">
<span>Edit Attachment</span>
</a>
</li> -->
<li>
<a (keyup.enter)="closeViewer()" (click)="closeViewer()" class="nav-icon exit" alt="EDI Web Viewer" id="NAV_closeViewer_viewNav_1"
[tabindex]="tabIdx">
<span>Close Viewer</span>
</a>
</li>
</ul>
</div>
</nav>
<div class="content">
<section>
<div class="title-bar">
<div class="container slide-in">
<img src="./../../../assets/images/ic_image_white_24.svg" alt="Image Icon">
<h1>{{attachKey?.attachIdLx}} {{selectedAttachmentName}}
<br>
<!-- Debug: imgSrc={{imgSrc}}<br>
Debug: xmlSrc={{xmlSrc}}<br>
Debug: attachKey={{stringify(attachKey)}}<br>
Debug: attachmentList={{stringify(attachmentList)}}<br>
Debug: tabbable gets={{tabbable_gets}}, sets={{tabbable_sets}}<br> -->
</h1>
<!-- <input [style.opacity]="0" [value]="selectedAttachment" type="text" #path/> -->
</div>
</div>
<!-- <div class="tool-bar">
<div class="controls">
<button tabindex="0" (click)="previousAttachment()"><</button>
<ng-container>
<p>File {{attachmentList.indexOf(selectedAttachment) +1}} of {{attachmentList.length}}</p>
</ng-container>
<button tabindex="0" (click)="nextAttachment()">></button>
</div>
</div> -->
</section>
<!-- Replace with Message Component -->
<!-- <div *ngIf="showMessage" class="animate-open">
<div class="alert-inline solid small success">{{tempMessage}}</div>
</div> -->
<div *ngIf="success" class="animate-open">
<div class="alert-inline solid small success">Attachment successfully matched</div>
</div>
<div *ngIf="failed" class="animate-open">
<div class="alert-inline solid small danger">{{errorDescription}}</div>
</div>
<!-- End Message -->
<!-- Associate Form -->
<div *ngIf="associateView" class="viewer-feature animate-open row">
<div class="container">
<div class="col three">
<div class="card-head">
<h3>Associate Attachment With PDI or Claim ID</h3>
<span>Enter a claim number to associate attachment with an existing claim.</span>
</div>
</div>
<form [formGroup]="form" (ngSubmit)="onSubmit()">
<div class="col two">
<label class="label text-field" for="pdiSearchParam">PDI Number or Claim ID
<span class="error" role="alert" aria-live="assertive"
*ngIf="form.get('unmatched837Id').invalid && form.get('unmatched837Id').touched">Enter
a valid Number.</span>
</label>
<input formControlName="unmatched837Id" appAutofocus type="text" id="pdiSearchParam" name="primarySearchParam"
placeholder="Enter PDI" class="big-box">
</div>
<div class="col two">
<button [class.disabled]="this.form.invalid" [disabled]="this.form.invalid" class="button primary button-align"
type="submit" id="pdiSearch">Associate</button>
<button (click)="viewAssociateForm()" class="button secondary button-align" type="button" id="pdiyClear">Cancel</button>
</div>
</form>
</div>
</div>
<article (contextmenu)="onRightClick($event)" [ngSwitch]="fileExtension">
<div style="color: white" *ngSwitchCase="'XML'">
<!-- <ng-container *ngIf="cleanSelectedAttachment">
<iframe [src]="cleanSelectedAttachment" width="100%" height="700" frameborder="0"></iframe>
</ng-container> -->
<ng-container *ngIf="xmlSrc">
<iframe [src]="xmlSrc" sandbox="allow-popups" width="100%" height="700" frameborder="0"></iframe>
</ng-container>
</div>
<div *ngSwitchCase="'TXT'">
<ng-container *ngIf="cleanSelectedAttachment">
<!-- <object #txtT width="300" height="300" style="color: black;background-color: white" type="text/plain"></object> -->
<!-- <iframe src="./../../../assets/images/attachmentViewerTest.txt" style="color:black; backGround: white" width="100%" height="700" frameborder="0"></iframe> -->
<iframe [src]="cleanSelectedAttachment" style="color:black; backGround: pink" width="100%" height="700"
frameborder="0"></iframe>
</ng-container>
</div>
<div style="color: white" *ngSwitchCase="'PDF'">
<ng-container *ngIf="selectedAttachment">
<pdf-viewer [src]="selectedAttachment" [fit-to-page]="true" [original-size]="true"></pdf-viewer>
</ng-container>
</div>
<div *ngSwitchCase="'TIFF'">
<div class="downloadFileBlock" (click)="onExportAttachment()">
<img src="./../../../assets/images/ic_TIFF_icon_144.svg" alt="download tiff">
<h4 class="downloadLink">The file cannot be viewed.
<span>Click to download</span>
</h4>
</div>
</div>
<div *ngSwitchCase="'TIF'">
<div class="downloadFileBlock" (click)="onExportAttachment()">
<img src="./../../../assets/images/ic_TIFF_icon_144.svg" alt="download tif">
<h4 class="downloadLink">The file cannot be viewed.
<span>Click to download</span>
</h4>
</div>
</div>
<div *ngSwitchCase="'RTF'">
<div (mouseleave)="downloadRtf = false" class="downloadFileBlock" (click)="downloadRtf = true">
<img src="./../../../assets/images/ic_RTF_icon_144.svg" alt="RTF document">
<h4 class="downloadLink">The file cannot be viewed.
<span>Click to download</span>
</h4>
</div>
<ng-container *ngIf="downloadRtf">
<iframe [src]="cleanSelectedAttachment" style="display: none" frameborder="0"></iframe>
</ng-container>
</div>
<div *ngSwitchCase="'DOC'">
<div (mouseleave)="downloadDoc = false" class="downloadFileBlock" (click)="downloadDoc = true">
<img src="./../../../assets/images/ic_DOC_icon_144.svg" alt="Microsoft word document">
<h4 class="downloadLink">The file cannot be viewed.
<span>Click to download</span>
</h4>
</div>
<ng-container *ngIf="downloadDoc">
<iframe [src]="cleanSelectedAttachment" style="display: none" frameborder="0"></iframe>
</ng-container>
</div>
<div *ngSwitchDefault class="image-area">
<!-- Replace with attachment file -->
<ng-container *ngIf="imgSrc">
<img [src]="imgSrc" alt="Attachment">
</ng-container>
<ng-container *ngIf="!imgSrc">
Attachment missing, imgSrc="{{imgSrc}}"
</ng-container>
<!-- End attachment -->
</div>
<!-- <div>
<img [src]="imgSrc" #urlTest class="image-area">
</div> -->
</article>
</div>
<app-modal (modalClosed)="onModalClose()" [hidden]="!modalView">
<div class="results round-corners left-align warning-modal">
<div class="row modal-warning">
<h3>Warning</h3>
</div>
<div class="row"></div>
<p>
Deactivating this attachment will prevent ARS Users from viewing it. However, the file can be Reactivated at
a late time.
</p>
<button class="button danger small" type="submit" (click)="onArchive()">Deactivate</button>
<button class="button secondary small" type="button" (click)="onModalClose()">Cancel</button>
</div>
</app-modal>
</div>
</div>