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="loading">
<app-spinner></app-spinner>
</div>
<div *ngIf="!loading && rows && rows.length > 0 ; else noRows">
<div *ngIf="tableSettings.pagination">
<app-pagination [tabIdx]="tabIdx" [dropdownValue]="paginationSettings.pageSize" (notify)="notify.emit()" [pages]="pageSizes"
[paginationSettings]="paginationSettings"></app-pagination>
</div>
<div>
<table id="TBL_theTable_table_1">
<thead>
<tr>
<!-- === Table Row columns === -->
<th *ngIf="tableSettings.checkBoxesShow">
<input [tabindex]="tabIdx" (change)="selectItems($event.target.checked)" class="styled-checkbox" type="checkbox">
</th>
<th *ngIf="tableSettings.rowNumberDisplay">#</th>
<th *ngFor="let column of columns" class="sort end-column" [class.tint]="paginationSettings.sortColumn===column.property"
[ngStyle]="column?.thStyle">
<label [class.default-cursor]="!tableSettings.pagination" for="sort-on-{{column['title']}}"><span [attr.aria-label]="'Sorted ' + currentColumnSortState" aria-live="assertive"></span>{{column['title']}}</label>
<!-- Label should be OK, even if there are no sort buttons -->
<div *ngIf="tableSettings.pagination" class="img-fix">
<button [tabindex]="tabIdx" id="sort-on-{{column['title']}}" (click)="sortTable(column.property,$event)">
<img role="button" [src]="sortImg(column.property)" [title]="'sort ' + column.title + sortState" [alt]="'sort ' + column.title + sortState">
</button>
</div>
</th>
<!-- === Optional Button columns === -->
<ng-container *ngIf="tableSettings.buttonShow">
<th class="label-bump" *ngFor="let btnCol of tableSettings.buttonNames">{{btnCol || 'btn' || ' '}}</th>
</ng-container>
<!-- === Optional img pseudo-button columns === -->
<ng-container *ngIf="tableSettings.imgColumn">
<th class="label-bump" *ngFor="let imgCol of tableSettings.imageColumnNames">
{{imgCol || 'img' || ' '}}
</th>
</ng-container>
<!-- === Optional specialized images, column. Originally for file attachment extensions === -->
<ng-container *ngIf="tableSettings.extShow">
<th class="label-bump">{{tableSettings.extCol || ' '}}</th>
</ng-container>
</tr>
</thead>
<tbody>
<tr *ngFor="let row of rows; let i = index">
<!-- === table Row columns === -->
<td *ngIf="tableSettings.checkBoxesShow">
<input [tabindex]="tabIdx" [checked]="row.row_selected" (change)="row.row_selected = $event.target.checked" type="checkbox">
</td>
<th *ngIf="tableSettings.rowNumberDisplay" class="center-align">{{i+1}}</th>
<td *ngFor="let column of columns" [ngStyle]="column?.tdStyle" [class.tint]="paginationSettings.sortColumn===column.property">
<span *ngIf="tableSettings.linkColumn && column.property === tableSettings.linkProperty">
<a [tabindex]="tabIdx" (click)="linkButton(row[column.property])">{{row[column.property]}}</a>
</span>
<!-- <span *ngIf="column.property !== tableSettings.linkProperty" title="{{row[column.property]}}">{{row[column.property]}}</span> -->
<span *ngIf="column.property !== tableSettings.linkProperty">{{row[column.property]}}</span>
</td>
<!-- Optional Button columns -->
<ng-container *ngIf="tableSettings.buttonShow">
<td class="center-align" *ngFor="let btnCol of tableSettings.buttonNames">
<button [tabindex]="tabIdx" class="button inline" (click)="btnClicked(row, btnCol)">{{btnCol}}</button>
</td>
</ng-container>
<!-- === Optional img pseudo-button columns === -->
<ng-container *ngIf="tableSettings.imgColumn">
<td class="center-align" (click)="imgClicked(row, imgIndex)" (keyup.enter)="imgClicked(row, imgIndex)" *ngFor="let imgSrc of tableSettings.imageUrls; let imgIndex = index">
<img [tabindex]="tabIdx" class="clickable" [src]="imgSrc" [title]="tableSettings.imgTitle(row, imgIndex) || ' '" [alt]="tableSettings.imgTitle(row, imgIndex) || ' '" role="button">
<!-- <span *ngIf="tableSettings.imgCounterView" class="counter">{{row[imgProperty].length}}</span> -->
</td>
</ng-container>
<!-- === Optional specialized images, columns. Originally for file attachment extensions === -->
<ng-container *ngIf="tableSettings.extShow">
<td class="center-align" (click)="extClicked(row)" (keyup.enter)="extClicked(row)">
<img role="button" [tabindex]="tabIdx" class="clickable" [title]="tableSettings.extTitle(row)" [alt]="tableSettings.extTitle(row)" [src]="tableSettings.extSrc(row) || ''">
</td>
</ng-container>
</tr>
</tbody>
<tfoot></tfoot>
</table>
</div>
</div>
<ng-template #noRows>
<div *ngIf="!loading" id="DIV_noRows_table_1" class="alert-inline narrow no-rows" role="alert">
No results matching your criteria were found.
</div>
</ng-template>