Resource dictionary- displaying exsisting sources

Implemented feature to display the exsisting sources in source panel

Issue-ID: CCSDK-707
Change-Id: Iec9231176c00be31b4565507a1869b0bafded076
Signed-off-by: Arundathi Patil <arundpil@in.ibm.com>
diff --git a/cds-ui/client/src/app/common/core/store/models/resources.model.ts b/cds-ui/client/src/app/common/core/store/models/resources.model.ts
index 019c268..e89094b 100644
--- a/cds-ui/client/src/app/common/core/store/models/resources.model.ts
+++ b/cds-ui/client/src/app/common/core/store/models/resources.model.ts
@@ -27,4 +27,5 @@
     updated_bt:string;
     property: IPropertyData;
     sources: ISourcesData;
+    definition?: any;
 }
\ No newline at end of file
diff --git a/cds-ui/client/src/app/feature-modules/resource-definition/resource-edit/resource-edit.component.ts b/cds-ui/client/src/app/feature-modules/resource-definition/resource-edit/resource-edit.component.ts
index 2da1287..aa8a106 100644
--- a/cds-ui/client/src/app/feature-modules/resource-definition/resource-edit/resource-edit.component.ts
+++ b/cds-ui/client/src/app/feature-modules/resource-definition/resource-edit/resource-edit.component.ts
@@ -47,6 +47,7 @@
     viewText: string = "Open in Editor Mode";
     @ViewChild(JsonEditorComponent) editor: JsonEditorComponent;
     options = new JsonEditorOptions();
+    sourcesList = [];
   
   constructor(private store: Store<IAppState>, private resourceEditService: ResourceEditService, private alertService: NotificationHandlerService) {
   	this.rdState = this.store.select('resources');
@@ -60,6 +61,9 @@
       resourcesdata => {
         var resourcesState: IResourcesState = { resources: resourcesdata.resources, isLoadSuccess: resourcesdata.isLoadSuccess, isSaveSuccess: resourcesdata.isSaveSuccess, isUpdateSuccess: resourcesdata.isUpdateSuccess };
           this.resources=resourcesState.resources;
+          if(resourcesdata.resources.definition && resourcesdata.resources.definition.sources) {
+            this.sourcesList = resourcesdata.resources.definition.sources;
+         }
     })     
   }
 
diff --git a/cds-ui/client/src/app/feature-modules/resource-definition/resource-edit/sources-template/sources-template.component.ts b/cds-ui/client/src/app/feature-modules/resource-definition/resource-edit/sources-template/sources-template.component.ts
index c4ad83d..42f990a 100644
--- a/cds-ui/client/src/app/feature-modules/resource-definition/resource-edit/sources-template/sources-template.component.ts
+++ b/cds-ui/client/src/app/feature-modules/resource-definition/resource-edit/sources-template/sources-template.component.ts
@@ -20,7 +20,7 @@
 * ============LICENSE_END=========================================================
 */
 
-import { Component, OnInit, ViewChild, EventEmitter, Output } from '@angular/core';
+import { Component, OnInit, ViewChild, EventEmitter, Output, Input } from '@angular/core';
 import { CdkDragDrop, moveItemInArray, transferArrayItem } from '@angular/cdk/drag-drop';
 import { IResources } from 'src/app/common/core/store/models/resources.model';
 import { IResourcesState } from 'src/app/common/core/store/models/resourcesState.model';
@@ -62,9 +62,17 @@
       resourcesdata => {
         var resourcesState: IResourcesState = { resources: resourcesdata.resources, isLoadSuccess: resourcesdata.isLoadSuccess, isSaveSuccess: resourcesdata.isSaveSuccess, isUpdateSuccess: resourcesdata.isUpdateSuccess };
         this.resources=resourcesState.resources;
-        this.sources = resourcesState.resources.sources;
+      //   this.sources = resourcesState.resources.sources;
+         if(resourcesState.resources.definition && resourcesState.resources.definition.sources) {
+         this.sources = resourcesState.resources.definition.sources;
+         }
         for (let key in this.sources) {
-            this.sourcesOptions.push(key);  
+            // this.sourcesOptions.push(key);
+            let source = {
+               name : key,
+               data: this.sources[key]
+            }
+             this.sourcesOptions.push(source);    
         }
     })
  }
@@ -136,5 +144,19 @@
                         event.previousIndex,
                         event.currentIndex);
     }
-  }    
+  }
+
+  getResources() {
+   this.apiService.getSources()
+   .subscribe(data=>{
+      console.log(data);
+      for (let key in data[0]) {
+         let sourceObj = { name: key, value: data[0][key] }
+         this.option.push(sourceObj);  
+     }
+      // this.sourcesOptions = data;
+   }, error=>{
+      console.log(error);
+   })
+  }
 }