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
---
 .../panel/panel-tabs/panel-tab.component.ts        | 55 ++++++++++++++++++++++
 1 file changed, 55 insertions(+)
 create mode 100644 catalog-ui/src/app/ng2/pages/composition/panel/panel-tabs/panel-tab.component.ts

(limited to 'catalog-ui/src/app/ng2/pages/composition/panel/panel-tabs/panel-tab.component.ts')

diff --git a/catalog-ui/src/app/ng2/pages/composition/panel/panel-tabs/panel-tab.component.ts b/catalog-ui/src/app/ng2/pages/composition/panel/panel-tabs/panel-tab.component.ts
new file mode 100644
index 0000000000..c148a4e579
--- /dev/null
+++ b/catalog-ui/src/app/ng2/pages/composition/panel/panel-tabs/panel-tab.component.ts
@@ -0,0 +1,55 @@
+import { NgModule, Component, Compiler, ViewContainerRef, ViewChild, Input, ComponentRef, ComponentFactoryResolver, ChangeDetectorRef } from '@angular/core';
+import {Component as TopologyTemplate} from "app/models";
+import { SdcUiServices } from "onap-ui-angular";
+
+// Helper component to add dynamic tabs
+@Component({
+  selector: 'panel-tab',
+  template: `<div #content></div>`
+})
+export class PanelTabComponent {
+  @ViewChild('content', { read: ViewContainerRef }) content;
+  @Input() isActive:boolean;
+  @Input() panelTabType;
+  @Input() input;
+  @Input() isViewOnly:boolean;
+  @Input() component:TopologyTemplate;
+  @Input() componentType;
+  cmpRef: ComponentRef<any>;
+  private isViewInitialized: boolean = false;
+
+  constructor(private componentFactoryResolver: ComponentFactoryResolver,
+    private cdRef: ChangeDetectorRef) { }
+
+  updateComponent() {
+    if (!this.isViewInitialized || !this.isActive) {
+      return;
+    }
+    if (this.cmpRef) {
+      this.cmpRef.destroy();
+    }
+
+    let factory = this.componentFactoryResolver.resolveComponentFactory(this.panelTabType);
+    this.cmpRef = this.content.createComponent(factory);
+    this.cmpRef.instance.input = this.input;
+    this.cmpRef.instance.isViewOnly = this.isViewOnly;
+    this.cmpRef.instance.component = this.component;
+    this.cmpRef.instance.componentType = this.componentType;
+    this.cdRef.detectChanges();
+  }
+
+  ngOnChanges() {
+    this.updateComponent();
+  }
+
+  ngAfterViewInit() {
+    this.isViewInitialized = true;
+    this.updateComponent();
+  }
+
+  ngOnDestroy() {
+    if (this.cmpRef) {
+      this.cmpRef.destroy();
+    }
+  }
+}
\ No newline at end of file
-- 
cgit 1.2.3-korg