1 files changed, 48 insertions, 0 deletions
diff --git a/catalog-ui/src/app/ng2/pages/workspace/activity-log/activity-log.component.ts b/catalog-ui/src/app/ng2/pages/workspace/activity-log/activity-log.component.ts
new file mode 100644
index 0000000000..84fb81a1ef
--- /dev/null
+++ b/catalog-ui/src/app/ng2/pages/workspace/activity-log/activity-log.component.ts
@@ -0,0 +1,48 @@
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { SdcUiServices } from 'onap-ui-angular';
+import { Activity } from '../../../../models/activity';
+import { ActivityLogService } from '../../../services/activity-log.service';
+import { WorkspaceService } from '../workspace.service';
+
+@Component({
+    selector: 'activity-log',
+    templateUrl: './activity-log.component.html',
+    styleUrls: ['./activity-log.component.less', '../../../../../assets/styles/table-style.less']
+})
+export class ActivityLogComponent implements OnInit {
+
+    activities: Activity[] = [];
+    temp: Activity[] = [];
+
+    constructor(private workspaceService: WorkspaceService,
+                private activityLogService: ActivityLogService,
+                private loaderService: SdcUiServices.LoaderService) {
+    }
+
+    ngOnInit(): void {
+        this.loaderService.activate();
+        const componentId: string = this.workspaceService.metadata.uniqueId;
+        const componentType: string = this.workspaceService.metadata.componentType;
+        this.activityLogService.getActivityLog(componentType, componentId).subscribe((logs) => {
+            this.activities = logs;
+            this.temp = [...logs];
+            this.loaderService.deactivate();
+        }, (error) => { this.loaderService.deactivate(); });
+    }
+
+    updateFilter(event) {
+        const val = event.target.value.toLowerCase();
+
+        // filter our data
+        const temp = this.temp.filter((activity: Activity) => {
+            return !val ||
+                activity.COMMENT.toLowerCase().indexOf(val) !== -1 ||
+                activity.STATUS.toLowerCase().indexOf(val) !== -1 ||
+                activity.ACTION.toLowerCase().indexOf(val) !== -1 ||
+                activity.MODIFIER.toLowerCase().indexOf(val) !== -1;
+        });
+
+        // update the rows
+        this.activities = temp;
+    }
+}