add main module and hrml of designer component in new cds ui

Issue-ID: CCSDK-1779
Signed-off-by: Ahmed Abbas <ahmad.helmy@orange.com>
Change-Id: I144c151777d5d036b0f40780edf2c5f36c11956b

1 files changed, 27 insertions, 0 deletions

diff --git a/cds-ui/client-frankfurt/src/app/modules/feature-modules/packages/designer/designer.component.ts b/cds-ui/client-frankfurt/src/app/modules/feature-modules/packages/designer/designer.component.ts
new file mode 100644
index 000000000..2d3557cb1
--- /dev/null
+++ b/cds-ui/client-frankfurt/src/app/modules/feature-modules/packages/designer/designer.component.ts
@@ -0,0 +1,27 @@
+import { Component, OnInit, ViewEncapsulation } from '@angular/core';
+
+@Component({
+  selector: 'app-designer',
+  templateUrl: './designer.component.html',
+  styleUrls: ['./designer.component.css'],
+  encapsulation: ViewEncapsulation.None
+})
+export class DesignerComponent implements OnInit {
+
+  private controllerSideBar: boolean;
+  private attributesSideBar: boolean;
+  constructor() {
+    this.controllerSideBar = true;
+    this.attributesSideBar = false;
+  }
+  private _toggleSidebar1() {
+    this.controllerSideBar = !this.controllerSideBar;
+  }
+  private _toggleSidebar2() {
+    this.attributesSideBar = !this.attributesSideBar;
+  }
+
+
+  ngOnInit() {
+  }
+}