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 *ngIf="!isMenu">
<form novalidate [formGroup]="uploadForm" (ngSubmit)="submitUpload()">
<div class="row col one">
<h4>Click PDF to Select & Archive</h4>
<div class="table-scroll">
<table class="no-border" id="TBL_availablePdfReferences_ewv_1">
<tbody *ngIf="modifiedPdfReferences?.length>0; else noData">
<tr *ngFor="let reference of modifiedPdfReferences; let i = index" [ngClass]="{ 'defaultArchiveButton': true, 'selectedArchiveButton': !!reference?.archive } ">
<td>
<label [attr.for]="reference.guid" class="select-row">{{ reference.alt }}</label>
</td>
<td class="end-column">
<input type="checkbox" [name]="reference.alt" [id]="reference.guid" (change)="archiveIconClicked(reference)" [tabindex]="tabIdx">
<!-- <label [attr.for]="reference.guid"><img src="./../../assets/images/ic_archive_red_24.svg" alt="Archive" title="Archive Icon"></label></div> -->
</td>
</tr>
</tbody>
<ng-template #noData>
<tbody>
<tr>
<td>No PDFs Uploaded</td>
</tr>
</tbody>
</ng-template>
</table>
</div>
</div>
<div class="row col one">
<h4>Add PDF References</h4>
<div class="dropzone" [ngClass]="{errorDrag: uploadModalErrorStatus}" appDragNDrop (invalidFilesChangeEmitter)="invalidFilesAdded($event)"
(filesChangeEmiter)="onValidFilesAdded($event)" [allowed_extensions]="allowedExtensions">
<div class="drop-target">
<span *ngIf="!uploadModalErrorStatus">
<h4>Drag & Drop to Upload/Add PDFs</h4>
</span>
<span *ngIf="uploadModalErrorStatus" role="alert" aria-live="assertive">
<h4>{{uploadModalErrorMsg}}</h4>
</span>
<input type="file" id="uploadFile" alt="Browse to upload file" #fileInput multiple (change)="onChange($event)"
tabindex="-1" (click)="fileInput.value = null">
<label for="uploadFile" class="button small secondary" [tabindex]="tabIdx" (keyup)="$event.keyCode==13 ?fileInput.click():''">Browse</label>
</div>
</div>
</div>
<div class="row col two" *ngIf="fileList.length>0">
<table class="clean-table ">
<thead>
<th>
<span>Selected File Name(s)</span>
</th>
<th>
<span>Title</span>
<span class="required small">Required</span>
</th>
<th style="width: 24px;"> </th>
</thead>
<tbody>
<tr formArrayName="titlesFormArray" *ngFor="let item of uploadForm.controls['titlesFormArray']['controls']; let i=index;">
<ng-container [formGroupName]="i">
<td>
<p>{{fileList[i].name}}</p>
</td>
<td>
<div class="alert-form-container">
<input formControlName="title" [(ngModel)]="uploadFiles[i].alt" [name]=" 'title'+i " type="text"
placeholder="Enter Title for File" [attr.aria-label]="'Enter Title for File '+fileList[i].name" [class.error-cell]="item['controls']['title'].touched && item['controls']['title'].invalid"
maxlength="34 " [tabindex]="tabIdx">
<div role="alert" class="alert-icon" *ngIf="item['controls']['title'].touched && item['controls']['title'].invalid" aria-live="assertive">
<img src="./../../../assets/images/ic_warning_red_16px.svg"
alt="Enter title for file" title="Title is Required" >
</div>
</div>
</td>
<td style="width: 24px;">
<div class="remove" id="removeDefaultButtonStyle" (click)="removeTitleRow(i)" (keyup.enter)="removeTitleRow(i)" [tabindex]="tabIdx" role="button" attr.aria-label="{{'Remove File '+ fileList[i].name}}">×</div>
</td>
</ng-container>
</tr>
</tbody>
</table>
</div>
<div class="row divider"></div>
<div class="row col two bottom">
<button type="submit" class="button primary" id="submitUploadButton" alt="Submit Upload/Delete PDF References"
[disabled]="uploadForm.invalid" [class.disabled]="uploadForm.invalid" [tabindex]="tabIdx">
Submit Changes</button>
<button class="button secondary" type="button" (click)="resetUploadForm(true)" [tabindex]="tabIdx">Reset Form</button>
</div>
</form>
</div>
<!-- KEEP Commented-Out Modal Below -->
<!-- <div class="container">
<app-modal (modalClosed)="closeUploadModal()" [hidden]="uploadModalClosed">
<form novalidate [formGroup]="uploadForm" (ngSubmit)="submitUpload()">
<div class="results round-corners">
<div class="left-align">
<h4>Upload/Delete PDF References</h4>
<div class="row">
<label class="label text-field" for="availablePdfs">PDF References
<span class="info">Click to Select PDF(s) for Archiving</span>
</label>
<div class="table-scroll">
<table class="no-border" id="TBL_availablePdfReferences_ewv_1">
<tbody *ngIf="modifiedPdfReferences.length>0; else noData">
<tr *ngFor="let reference of modifiedPdfReferences; let i = index" [class.archive]="reference.archive">
<td>
<label class="select-row" for="{{ reference.alt }}">{{ reference.alt }}</label>
</td>
<td class="end-column">
<img [src]="reference?.archive?'./../../assets/images/ic_archive_white_24.svg' : './../../assets/images/ic_archive_red_24.svg'"
(keyup)="$event.keyCode==13 ?archiveIconClicked(reference):''" (click)="archiveIconClicked(reference)"
tabindex="0" id="{{ reference.alt }}" [alt]="reference.alt">
</td>
</tr>
</tbody>
<ng-template #noData>
<tbody>
<tr>
<td>No PDFs Uploaded</td>
</tr>
</tbody>
</ng-template>
</table>
</div>
</div>
<div class="row"></div>
<div class="divider"></div>
<div class="row">
<label class="label text-field">Add PDF References</label>
<div class="dropzone" [ngClass]="{errorDrag: uploadModalErrorStatus}" appDragNDrop (invalidFilesChangeEmitter)="invalidFilesAdded($event)"
(filesChangeEmiter)="onValidFilesAdded($event)" [allowed_extensions]="allowedExtensions">
<div class="drop-target">
<span *ngIf="!uploadModalErrorStatus">
<h4>Drag & Drop to Upload/Add PDFs</h4>
</span>
<span *ngIf="uploadModalErrorStatus">
<h4>{{uploadModalErrorMsg}}</h4>
</span> -->
<!-- (keyup)="$event.keyCode==13 ?archiveIconClicked(reference):''" -->
<!-- <input type="file" id="uploadFile" alt="Browse to upload file" #fileInput multiple (change)="onChange($event)" tabindex="-1"
(click)="fileInput.value = null">
<label for="uploadFile" class="button small secondary" tabindex="0" (keyup)="$event.keyCode==13 ?fileInput.click():''">Browse</label>
</div>
</div>
</div>
<div class="row" *ngIf="fileList.length>0">
<table class="clean-table ">
<thead>
<th>
<span>Selected File Name(s)</span>
</th>
<th>
<span>Title</span>
<span class="required small">Required</span>
</th>
<th style="width: 24px;"> </th>
</thead>
<tbody>
<tr formArrayName="titlesFormArray" *ngFor="let item of uploadForm.controls['titlesFormArray']['controls']; let i=index;">
<ng-container [formGroupName]="i">
<td>
<p>{{fileList[i].name}}</p>
</td>
<td>
<input formControlName="title" [(ngModel)]="uploadFiles[i].alt" [name]=" 'title'+i " type="text" placeholder="Enter Title for File"
[class.error-cell]="item['controls']['title'].touched && item['controls']['title'].invalid" maxlength="34 ">
</td>
<td style="width: 24px;">
<div class="remove" title="Remove File" (click)="removeTitleRow(i)">×</div>
</td>
</ng-container>
</tr>
</tbody>
</table>
</div>
<button type="submit" class="button primary small" id="submitUploadButton" alt="Submit Upload/Delete PDF References" [disabled]="uploadForm.invalid"
[class.disabled]="uploadForm.invalid">
Submit Changes</button>
<button class="button secondary small" type="button" (click)="closeUploadModal()">Cancel</button>
</div>
</div>
</form>
</app-modal>
</div> -->
<div class="container close-down">
<app-modal (modalClosed)="closeConfirmationModal()" [hidden]="confirmModalClosed">
<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 PDF References that will be archived. If you continue, these PDF References will be removed
from the system.
<br>This cannot be undone.
</p>
<button id="BTN_continue_ewv_1" class="button danger small" type="submit" (click)="archiveFlag=true;submitUpload()">Continue</button>
<button class="button secondary small" type="button" (click)="closeConfirmationModal()">Cancel</button>
</div>
</app-modal>
</div>
<div class="container">
<div class="modal-overlay white" [class.modal-show]="uploadingFlag" [style.visibility]="uploadingFlag? 'visible': 'hidden'">
<div class="modal-content center-align">
<div class="loading-box drop-in">
<app-spinner [msg]="'Uploading'"></app-spinner>
</div>
</div>
</div>
</div>