update imports-tab,source-editor and create scripts-tab component

Issue-ID: CCSDK-2016
Issue-ID: CCSDK-2042

Signed-off-by: shaaban Altanany <shaaban.eltanany.ext@orange.com>
Change-Id: I87dd0f6cf393c2d7cd78985928635bd2138ccc74

1 files changed, 44 insertions, 0 deletions

diff --git a/cds-ui/designer-client/src/app/modules/feature-modules/packages/source-editor/source-editor.component.ts b/cds-ui/designer-client/src/app/modules/feature-modules/packages/source-editor/source-editor.component.ts
new file mode 100644
index 000000000..9c3435d98
--- /dev/null
+++ b/cds-ui/designer-client/src/app/modules/feature-modules/packages/source-editor/source-editor.component.ts
@@ -0,0 +1,44 @@
+import { Component, OnInit, ViewChild, Input, AfterViewInit } from '@angular/core';
+// import 'brace/ext/searchbox';
+// import 'ace-builds/webpack-resolver';
+// import 'brace';
+// import 'brace/ext/language_tools';
+// import 'ace-builds/src-min-noconflict/snippets/html';
+
+@Component({
+  selector: 'app-source-editor',
+  templateUrl: './source-editor.component.html',
+  styleUrls: ['./source-editor.component.css']
+})
+export class SourceEditorComponent implements OnInit, AfterViewInit {
+
+
+  @Input() Data: string;
+  @Input() lang: string;
+  mode = 'json';
+  @ViewChild('editor', { static: false }) editor;
+  text = '';
+
+  ngOnInit(): void {
+    //  throw new Error("Method not implemented.");
+  }
+
+
+
+  ngAfterViewInit() {
+    this.editor.setTheme('eclipse');
+
+    this.editor.getEditor().setOptions({
+      enableBasicAutocompletion: true
+    });
+
+    this.editor.getEditor().commands.addCommand({
+      name: 'showOtherCompletions',
+      bindKey: 'Ctrl-.',
+      exec(editor) {
+
+      }
+    });
+  }
+
+}