enable 2-way binding between metadata and editor tabs

Issue-ID: CCSDK-3083

Signed-off-by: Ahmedeldeeb50 <ahmed.eldeeb.ext@orange.com>
Change-Id: I9073e6c9a50e5d2ba34ab60666135cead718e059

1 files changed, 8 insertions, 1 deletions

diff --git a/cds-ui/designer-client/src/app/modules/feature-modules/resource-dictionary/resource-dictionary-creation/dictionary-editor/dictionary-editor.component.ts b/cds-ui/designer-client/src/app/modules/feature-modules/resource-dictionary/resource-dictionary-creation/dictionary-editor/dictionary-editor.component.ts
index 63725a228..a55159ad5 100644
--- a/cds-ui/designer-client/src/app/modules/feature-modules/resource-dictionary/resource-dictionary-creation/dictionary-editor/dictionary-editor.component.ts
+++ b/cds-ui/designer-client/src/app/modules/feature-modules/resource-dictionary/resource-dictionary-creation/dictionary-editor/dictionary-editor.component.ts
@@ -17,6 +17,7 @@
 * limitations under the License.
 * ============LICENSE_END=========================================================
 */
+import { JsonPipe } from '@angular/common';
 import { Component, OnInit } from '@angular/core';
 import { DictionaryCreationService } from '../dictionary-creation.service';
 import { DictionaryCreationStore } from '../dictionary-creation.store';
@@ -30,11 +31,17 @@ export class DictionaryEditorComponent implements OnInit {
   text = '';
   constructor(
     private dictionaryStore: DictionaryCreationStore,
-    private dictionaryService: DictionaryCreationService
+    private dictionaryService: DictionaryCreationService,
+    private pipe: JsonPipe
   ) {
   }
 
   ngOnInit() {
+    this.dictionaryStore.state$.subscribe(element => {
+      if (element && element.metaData) {
+        this.text = this.pipe.transform(element.metaData);
+      }
+    });
   }
 
   textChanged(event) {