[ZEPPELIN-6294] fix: Ensure the execution order of EDITOR_SETTING

Author: dididy

zeppelin-web-angular/src/app/core/paragraph-base/paragraph-base.ts

@@ -31,6 +31,7 @@ import { NoteStatusService, ParagraphStatus } from '@zeppelin/services/note-stat
 import * as DiffMatchPatch from 'diff-match-patch';
 import { isEmpty, isEqual } from 'lodash';
 
+import { NotebookParagraphCodeEditorComponent } from '@zeppelin/pages/workspace/notebook/paragraph/code-editor/code-editor.component';
 import { NotebookParagraphResultComponent } from '@zeppelin/pages/workspace/share/result/result.component';
 import { ParagraphConfigResults, ParagraphResults } from '../../../../projects/zeppelin-sdk/src';
 import { MessageListener, MessageListenersManager } from '../message-listener/message-listener';
@@ -54,6 +55,7 @@ export abstract class ParagraphBase extends MessageListenersManager {
 
   // Initialized by `ViewChildren` in the class which extends ParagraphBase
   notebookParagraphResultComponents!: QueryList<NotebookParagraphResultComponent>;
+  notebookParagraphCodeEditorComponent!: NotebookParagraphCodeEditorComponent;
 
   constructor(
     public messageService: MessageService,
@@ -142,6 +144,8 @@ export abstract class ParagraphBase extends MessageListenersManager {
         }
         this.cdr.markForCheck();
       });
+      this.notebookParagraphCodeEditorComponent.editorSettingTriggerAllowed = true;
+      this.notebookParagraphCodeEditorComponent.getEditorSetting();
       this.cdr.markForCheck();
     }
   }

zeppelin-web-angular/src/app/pages/workspace/notebook/notebook.component.ts

@@ -109,6 +109,10 @@ export class NotebookComponent extends MessageListenersManager implements OnInit
 
   @MessageListener(OP.INTERPRETER_BINDINGS)
   loadInterpreterBindings(data: MessageReceiveDataTypeMap[OP.INTERPRETER_BINDINGS]) {
+    this.listOfNotebookParagraphComponent.forEach(item => {
+      item.notebookParagraphCodeEditorComponent.editorSettingTriggerAllowed = true;
+      item.notebookParagraphCodeEditorComponent.getEditorSetting();
+    });
     this.interpreterBindings = data.interpreterBindings;
     if (!this.interpreterBindings.some(item => item.selected)) {
       this.activatedExtension = 'interpreter';

zeppelin-web-angular/src/app/pages/workspace/notebook/paragraph/code-editor/code-editor.component.ts

@@ -61,6 +61,7 @@ export class NotebookParagraphCodeEditorComponent implements OnChanges, OnDestro
   private monacoDisposables: IDisposable[] = [];
   height = 18;
   interpreterName?: string;
+  editorSettingTriggerAllowed: boolean = false;
 
   autoAdjustEditorHeight() {
     const editor = this.editor;
@@ -193,14 +194,15 @@ export class NotebookParagraphCodeEditorComponent implements OnChanges, OnDestro
       const interpreterName = this.getInterpreterName(this.text);
       if (this.interpreterName !== interpreterName) {
         this.interpreterName = interpreterName;
-        setTimeout(() => {
-          this.getEditorSetting();
-        }, 200);
+        this.getEditorSetting();
       }
     }
   }
 
   getEditorSetting() {
+    if (!this.editorSettingTriggerAllowed) {
+      return;
+    }
     this.messageService.editorSetting(this.pid, this.text);
   }