| <!-- |
| ~ Licensed to the Apache Software Foundation (ASF) under one |
| ~ or more contributor license agreements. See the NOTICE file |
| ~ distributed with this work for additional information |
| ~ regarding copyright ownership. The ASF licenses this file |
| ~ to you under the Apache License, Version 2.0 (the |
| ~ "License"); you may not use this file except in compliance |
| ~ with the License. You may obtain a copy of the License at |
| ~ |
| ~ http://www.apache.org/licenses/LICENSE-2.0 |
| ~ |
| ~ Unless required by applicable law or agreed to in writing, |
| ~ software distributed under the License is distributed on an |
| ~ "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY |
| ~ KIND, either express or implied. See the License for the |
| ~ specific language governing permissions and limitations |
| ~ under the License. |
| --> |
| |
| <section> |
| <ngx-datatable |
| #historyTable |
| class="material" |
| [loadingIndicator]="isLoading" |
| [headerHeight]="headerHeight" |
| [rowHeight]="rowHeight" |
| columnMode="force" |
| [rows]="rows" |
| [sorts]="sorts" |
| > |
| <ngx-datatable-column |
| name="Date (GMT)" |
| prop="date" |
| [width]="240" |
| [canAutoResize]="false" |
| ></ngx-datatable-column> |
| <ngx-datatable-column |
| name="Epoch Time" |
| prop="time" |
| [width]="200" |
| [canAutoResize]="false" |
| > |
| <ng-template let-value="value" ngx-datatable-cell-template> |
| <span matTooltip="Local time: {{ value | date: 'medium' }}"> |
| {{ value }} |
| </span> |
| <button |
| mat-icon-button |
| matTooltip="Copy to clipboard" |
| ngxClipboard |
| [cbContent]="value" |
| > |
| <mat-icon>content_copy</mat-icon> |
| </button> |
| </ng-template> |
| </ngx-datatable-column> |
| <ngx-datatable-column |
| name="Controller" |
| *ngIf="isController" |
| [cellClass]="bindFunc(getControllerCellClass, this)" |
| > |
| </ngx-datatable-column> |
| <ngx-datatable-column |
| name="Session" |
| *ngIf="!isController" |
| [cellClass]="bindFunc(getSessionCellClass, this)" |
| > |
| </ngx-datatable-column> |
| </ngx-datatable> |
| </section> |