catalog-ui/src/app/ng2/pages/workspace/activity-log/activity-log.component.html

   1 <!--
   2   ~ Copyright (C) 2018 AT&T Intellectual Property. All rights reserved.
   3   ~
   4   ~ Licensed under the Apache License, Version 2.0 (the "License");
   5   ~ you may not use this file except in compliance with the License.
   6   ~ You may obtain a copy of the License at
   7   ~
   8   ~      http://www.apache.org/licenses/LICENSE-2.0
   9   ~
  10   ~ Unless required by applicable law or agreed to in writing, software
  11   ~ distributed under the License is distributed on an "AS IS" BASIS,
  12   ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  13   ~ See the License for the specific language governing permissions and
  14   ~ limitations under the License.
  15 -->
  16 <div class="activity-log">
  17     <div class="sdc-filter-bar-wrapper">
  18         <sdc-filter-bar
  19                 [placeHolder]="'Search...'"
  20                 [testId]="activityLogSearchBar"
  21                 (keyup)="updateFilter($event)">
  22         </sdc-filter-bar>
  23     </div>
  24     <ngx-datatable
  25             columnMode="flex"
  26             [footerHeight]="0"
  27             [limit]="50"
  28             [headerHeight]="40"
  29             [rowHeight]="35"
  30             #activityLogTable
  31             [rows]="activities">
  32
  33         <ngx-datatable-column name="Time" [flexGrow]="2" [prop]="'TIMESTAMP'">
  34             <ng-template ngx-datatable-cell-template let-row="row">
  35                 {{row.TIMESTAMP | date }} | {{row.TIMESTAMP | date:"HH:mm O"}}
  36             </ng-template>
  37         </ngx-datatable-column>
  38         <ngx-datatable-column name="Action" [flexGrow]="3" [prop]="'ACTION'">
  39             <ng-template ngx-datatable-cell-template let-row="row">
  40                 {{row.ACTION}}
  41             </ng-template>
  42         </ngx-datatable-column>
  43         <ngx-datatable-column name="Comment" [flexGrow]="5" [prop]="'COMMENT'">
  44             <ng-template ngx-datatable-cell-template let-row="row">
  45                 <span sdc-tooltip [tooltip-text]="row.COMMENT">{{ row.COMMENT }}</span>
  46             </ng-template>
  47         </ngx-datatable-column>
  48         <ngx-datatable-column name="Modifier" [flexGrow]="3" [prop]="'MODIFIER'">
  49             <ng-template ngx-datatable-cell-template let-row="row">
  50                 {{ row.MODIFIER }}
  51             </ng-template>
  52         </ngx-datatable-column>
  53         <ngx-datatable-column name="Status" [flexGrow]="1" [prop]="'STATUS'">
  54             <ng-template ngx-datatable-cell-template let-row="row">
  55                 <svg-icon-label
  56                         [name]="row.STATUS <= 399 ? 'success' : 'icons_close'"
  57                         [mode]="row.STATUS <= 399 ? 'success' : 'error'"
  58                         [size]="'medium'"
  59                         [label]="row.STATUS"
  60                         [labelPlacement]="'left'"
  61                         [labelClassName]="'label'"
  62                 >
  63                 </svg-icon-label>
  64             </ng-template>
  65         </ngx-datatable-column>
  66     </ngx-datatable>
  67
  68 </div>