Feature/vm layer frontend components view

Editor/src/app/ConsoleViewer/consoleViewer.component.ts

@@ -0,0 +1,43 @@
+import { Component, Inject, ComponentRef, Injectable } from '@angular/core';
+import { GoldenLayoutComponentState, GlOnResize, GlOnHide, GlOnShow, GoldenLayoutContainer } from 'ng-golden-layout';
+import * as GoldenLayout from 'golden-layout';
+
+
+@Component({
+    selector: 'console-viewer',
+    templateUrl: './consoleViewer.html',
+    styleUrls: ['./consoleViewer.scss']    
+})
+
+
+export class ConsoleViewerComponent implements GlOnResize, GlOnHide, GlOnShow {
+    public static containerManager: GoldenLayout.Container;
+
+    constructor(@Inject(GoldenLayoutComponentState) private state: any,
+                @Inject(GoldenLayoutContainer) private container: GoldenLayout.Container) {
+        ConsoleViewerComponent.containerManager = container;
+    }
+
+    ngOnInit() {
+    }
+
+    public onInput(e: Event): void {
+        console.log('Game Object Properties state saved.');
+    }
+
+    public glOnResize(): void {
+        console.log('Game Object Properties Resizing!');
+    }
+
+    public glOnShow(): void {
+        console.log('Game Object Properties Showing!');
+    }
+
+    public glOnHide(): void {
+        console.log('Game Object Properties Hiding!');
+    }
+
+    public ngOnDestroy() {
+        var stop = 0;
+    }
+}

Editor/src/app/HierachyViewer/hierachyViewer.component.ts

@@ -1,42 +1,49 @@
-import { Component, Inject } from '@angular/core';
+import { Component, Inject, AfterContentInit } from '@angular/core';
 import { GoldenLayoutComponentState, GlOnResize, GlOnHide, GlOnShow, GoldenLayoutContainer } from 'ng-golden-layout';
+import { UndoRedoManagerService, UndoRedoAction } from '../../assets/Utils/UndoRedo/UndoRedoManager.service';
 import * as GoldenLayout from 'golden-layout';
 
 @Component({
-  selector: 'hierachy-viewer',
-  template: `
-    <div>
-      This is for the Hierachy viewer
+    selector: 'hierachy-viewer',
+    template: `
+    <div id="hierarchyViewer">
+        This is for the Hierachy viewer
     </div>
   `
 })
-export class HierachyViewerComponent implements GlOnResize, GlOnHide, GlOnShow {
 
-  constructor(@Inject(GoldenLayoutComponentState) private state: any,
-              @Inject(GoldenLayoutContainer) private container: GoldenLayout.Container) {}
+@Inject(GoldenLayoutContainer)
+export class HierachyViewerComponent implements GlOnResize, GlOnHide, GlOnShow{
+    public static containerManager : GoldenLayout.Container;
 
-  public onInput(e: Event): void {
-
-    this.container.extendState({
-      value: (<HTMLInputElement>e.target).value
-    });
+    constructor(@Inject(GoldenLayoutComponentState) private state: any,
+                @Inject(GoldenLayoutContainer) private container: GoldenLayout.Container) {
+        HierachyViewerComponent.containerManager = container;
+    }
 
-    console.log('Hierachy state saved.');
-  }
+    public onInput(e: Event): void {
+        this.container.extendState({
+            value: (<HTMLInputElement>e.target).value
+        });
 
-  public glOnResize(): void {
-    console.log('Hierachy Resizing!');
-  }
+        console.log('Hierachy state saved.');
+    }
 
-  public glOnShow(): void {
-    console.log('Hierachy Showing!');
-  }
+    public glOnResize(): void {
+    }
 
-  public glOnHide(): void {
-    console.log('Hierachy Hiding!');
-  }
+    public glOnShow(): void {
+        console.log('Hierachy Showing!');
+    }
 
-  /*public glOnTab(): void {
-    console.log('Tab shown!');
-  }*/
+    public glOnHide(): void {
+        console.log('Hierachy Hiding!');
+    }
+
+    public ngOnInit() {
+    }
+
+    public ngOnDestroy() {
+        var stop = 0;
+    }
 }