change for the slice mgmt UI

Issue-ID: USECASEUI-387

Signed-off-by: seshukm <seshu.kumar.m@huawei.com>
Change-Id: I57de2b33bc10b2c60c9c7054e4e3a35580bada79

1 files changed, 25 insertions, 0 deletions

diff --git a/usecaseui-portal/src/app/views/services/sotn-management/sotn-management.component.ts b/usecaseui-portal/src/app/views/services/sotn-management/sotn-management.component.ts
new file mode 100644
index 00000000..84886f31
--- /dev/null
+++ b/usecaseui-portal/src/app/views/services/sotn-management/sotn-management.component.ts
@@ -0,0 +1,25 @@
+import { Component, OnInit, HostBinding } from '@angular/core';
+import { slideToRight } from '../../../shared/utils/animates';
+
+@Component({
+  selector: 'app-sotn-management',
+  templateUrl: './sotn-management.component.html',
+  styleUrls: ['./sotn-management.component.less'],
+  animations: [slideToRight]
+})
+export class SotnManagementComponent implements OnInit {
+
+  @HostBinding('@routerAnimate') routerAnimateState;
+
+  currentTab = 'Order Service';
+
+  constructor() { }
+
+  ngOnInit() {
+  }
+  
+  handleTabChange($event): void {
+      console.log($event,"$event");
+      this.currentTab = $event.tab._title;
+  }
+}