1 files changed, 34 insertions, 0 deletions
diff --git a/usecaseui-portal/src/app/management/management.component.ts b/usecaseui-portal/src/app/management/management.component.ts
new file mode 100644
index 00000000..7345e7a3
--- /dev/null
+++ b/usecaseui-portal/src/app/management/management.component.ts
@@ -0,0 +1,34 @@
+import { Component, OnInit , HostBinding} from '@angular/core';
+import { showHideAnimate, slideToRight } from '../animates';
+
+@Component({
+  selector: 'app-management',
+  templateUrl: './management.component.html',
+  styleUrls: ['./management.component.less'],
+  animations: [
+    showHideAnimate, slideToRight
+  ]
+})
+export class ManagementComponent implements OnInit {
+  @HostBinding('@routerAnimate') routerAnimateState; //Routing animation
+
+  constructor() { }
+
+  ngOnInit() {
+  }
+
+  show = "show";
+  hide = "hide";
+  custerhide = false;
+  customershow(){
+    this.show = "show";
+    this.hide = "hide";
+    this.custerhide = true;
+  }
+  customerhide(){
+    this.show = "hide";
+    this.hide = "show";
+    this.custerhide = false;
+  }
+
+}