fixed editor issue

Author: subhra74

ui/src/app/data.service.ts

@@ -78,6 +78,8 @@ export class DataService {
 
   currentViewChanger = new Subject<string>();
 
+  viewTextRequests=new Subject<string>();
+
   terminalSession: TerminalSession;
 
   constructor(private http: HttpClient) {

ui/src/app/home/editor/editor.component.html

@@ -1,5 +1,4 @@
-<div style="height: calc(100vh - 55px); width: 100vw; display: flex; flex-direction: column; position: fixed; top: 55px; left: 0px; z-index: 100; background: white;"
-       *ngIf="tabKeys.length>0">
+<div style="height: calc(100vh - 55px); width: 100vw; display: flex; flex-direction: column; position: fixed; top: 55px; left: 0px; background: white; z-index: 10;">
        <div class="desktop-tabs" *ngIf="service.selectedEditorTab">
               <div *ngFor="let tab of tabKeys"
                      style="padding: 10px; padding-left: 5px; padding-right: 5px; display: flex; justify-content: space-between;"
@@ -32,6 +31,6 @@
 </div>
 
 <div *ngIf="tabKeys.length<1"
-       style="height: calc(100vh - 55px); width: 100vw; position: fixed; top: 55px; left: 0px; z-index: 100; background: white; text-align: center; padding-top: 30px;">
+       style="height: calc(100vh - 55px); width: 100vw; position: fixed; top: 55px; left: 0px;  background: white; text-align: center; padding-top: 30px;">
        <span>No file is opened, please goto files and select some.</span>
 </div>

ui/src/app/home/editor/editor.component.ts

@@ -31,7 +31,14 @@ export class EditorComponent implements OnInit,AfterViewInit {
   constructor(public service: DataService, private route: ActivatedRoute) { }
 
   ngOnInit() {
+    console.log("editor: ngOnInit "+this.codeEditorElmRef);
     this.getTabbedSessions();
+
+    this.service.viewTextRequests.subscribe(a=>{
+      this.getTabbedSessions();
+      this.loadSession(this.service.selectedEditorTab);
+    });
+
       // console.log("selected tab: " + this.service.selectedEditorTab+" tabkexs: "+this.tabKeys);
     if(this.tabKeys.length<1){
       return;
@@ -62,9 +69,16 @@ export class EditorComponent implements OnInit,AfterViewInit {
 
   }
 
+  shouldShowTab(){
+    console.log("Tab count: "+this.tabKeys.length);
+    return this.tabKeys.length>0;
+  }
+
   ngAfterViewInit(){
+    console.log("editor: ngAfterViewInit "+this.codeEditorElmRef);
     ace.require('ace/ext/language_tools');
     if(!this.codeEditorElmRef){
+      console.log("Code editor reference not found");
       return;
     }
     const element = this.codeEditorElmRef.nativeElement;
@@ -96,6 +110,7 @@ export class EditorComponent implements OnInit,AfterViewInit {
 
   getTabbedSessions(): void {
     this.tabKeys = Object.keys(this.service.editorContexts);
+    console.log("tab keys: "+JSON.stringify(this.tabKeys))
     // this.service.editorContexts.forEach((value: EditorContext, key: string) => {
     //   this.tabKeys.push(key);
     //   console.log("tabbed key: " + key);
@@ -123,6 +138,9 @@ export class EditorComponent implements OnInit,AfterViewInit {
   }
 
   onResize(event: any) {
+    if(!this.codeEditorElmRef){
+      return;
+    }
     //console.log("window resized");
     let doc: any = this.codeEditor.getSession().getDocument();
     let r: any = this.codeEditor.renderer;