blob: d7cf2f930a0640f0adb5d8677d3b3a0d5372ddf1 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
|
<!--
~ Copyright (C) 2018 AT&T Intellectual Property. All rights reserved.
~
~ Licensed 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.
-->
<div class="activity-log">
<div class="sdc-filter-bar-wrapper">
<sdc-filter-bar
[placeHolder]="'Search...'"
[testId]="activityLogSearchBar"
(keyup)="updateFilter($event)">
</sdc-filter-bar>
</div>
<ngx-datatable
columnMode="flex"
[footerHeight]="0"
[limit]="50"
[headerHeight]="40"
[rowHeight]="35"
#activityLogTable
[rows]="activities">
<ngx-datatable-column name="Time" [flexGrow]="2" [prop]="'TIMESTAMP'">
<ng-template ngx-datatable-cell-template let-row="row">
{{row.TIMESTAMP | date }} | {{row.TIMESTAMP | date:"HH:mm O"}}
</ng-template>
</ngx-datatable-column>
<ngx-datatable-column name="Action" [flexGrow]="3" [prop]="'ACTION'">
<ng-template ngx-datatable-cell-template let-row="row">
{{row.ACTION}}
</ng-template>
</ngx-datatable-column>
<ngx-datatable-column name="Comment" [flexGrow]="5" [prop]="'COMMENT'">
<ng-template ngx-datatable-cell-template let-row="row">
<span sdc-tooltip [tooltip-text]="row.COMMENT">{{ row.COMMENT }}</span>
</ng-template>
</ngx-datatable-column>
<ngx-datatable-column name="Modifier" [flexGrow]="3" [prop]="'MODIFIER'">
<ng-template ngx-datatable-cell-template let-row="row">
{{ row.MODIFIER }}
</ng-template>
</ngx-datatable-column>
<ngx-datatable-column name="Status" [flexGrow]="1" [prop]="'STATUS'">
<ng-template ngx-datatable-cell-template let-row="row">
<svg-icon-label
[name]="row.STATUS <= 399 ? 'success' : 'icons_close'"
[mode]="row.STATUS <= 399 ? 'success' : 'error'"
[size]="'medium'"
[label]="row.STATUS"
[labelPlacement]="'left'"
[labelClassName]="'label'"
>
</svg-icon-label>
</ng-template>
</ngx-datatable-column>
</ngx-datatable>
</div>
|