From 16a9fce0e104a38371a9e5a567ec611ae3fc7f33 Mon Sep 17 00:00:00 2001
From: ys9693 <ys9693@att.com>
Date: Sun, 19 Jan 2020 13:50:02 +0200
Subject: Catalog alignment

Issue-ID: SDC-2724
Signed-off-by: ys9693 <ys9693@att.com>
Change-Id: I52b4aacb58cbd432ca0e1ff7ff1f7dd52099c6fe
---
 .../activity-log/activity-log.component.html       | 68 ++++++++++++++++++++++
 1 file changed, 68 insertions(+)
 create mode 100644 catalog-ui/src/app/ng2/pages/workspace/activity-log/activity-log.component.html

(limited to 'catalog-ui/src/app/ng2/pages/workspace/activity-log/activity-log.component.html')

diff --git a/catalog-ui/src/app/ng2/pages/workspace/activity-log/activity-log.component.html b/catalog-ui/src/app/ng2/pages/workspace/activity-log/activity-log.component.html
new file mode 100644
index 0000000000..d7cf2f930a
--- /dev/null
+++ b/catalog-ui/src/app/ng2/pages/workspace/activity-log/activity-log.component.html
@@ -0,0 +1,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>
\ No newline at end of file
-- 
cgit 1.2.3-korg