add properties for dictionary sources

Issue-ID: CCSDK-3093

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

1 files changed, 6 insertions, 5 deletions

diff --git a/cds-ui/designer-client/src/app/modules/feature-modules/resource-dictionary/resource-dictionary-creation/sources-template/sources-template.component.html b/cds-ui/designer-client/src/app/modules/feature-modules/resource-dictionary/resource-dictionary-creation/sources-template/sources-template.component.html
index 3eddaa79a..02dfe2186 100644
--- a/cds-ui/designer-client/src/app/modules/feature-modules/resource-dictionary/resource-dictionary-creation/sources-template/sources-template.component.html
+++ b/cds-ui/designer-client/src/app/modules/feature-modules/resource-dictionary/resource-dictionary-creation/sources-template/sources-template.component.html
@@ -56,11 +56,12 @@
       <h5>Sources List</h5>
 
       <div class="accordion sourceListItems" id="accordionExample">
-        <div class="card" *ngFor="let item of sourcesOptions | keyvalue; let i=index">
+        <div class="card" *ngFor="let item of sourcesOptions | keyvalue; let i=index; trackBy:identify">
           <div class="card-header" id="headingOne">
             <h2 class="mb-0">
-              <button class="btn btn-link" type="button" data-toggle="collapse" attr.data-target="#collapse-{{item.key}}"
-                aria-expanded="true" attr.aria-controls="collapse-{{item.key}}">
+              <button class="btn btn-link" type="button" data-toggle="collapse"
+                attr.data-target="#collapse-{{item.key}}" aria-expanded="true"
+                attr.aria-controls="collapse-{{item.key}}">
                 <div class="custom-control custom-checkbox">
                   <input (change)="setToDeleteSources($event,item)" type="checkbox" class="custom-control-input"
                     id="current-{{item.key}}" required>
@@ -73,8 +74,8 @@
 
           <div id="collapse-{{item.key}}" class="collapse" aria-labelledby="headingOne" data-parent="#accordionExample">
             <div class="card-body">
-              <ace-editor [mode]="'json'" [autoUpdateContent]="true" [durationBeforeCallback]="1000"
-                [theme]="'tomorrow_night_bright'" #editor style="height:300px;">
+              <ace-editor [mode]="'json'" (textChange)="addProperties(item,editor.text)" [autoUpdateContent]="true"
+                [durationBeforeCallback]="500" [theme]="'tomorrow_night_bright'" #editor style="height:300px;">
               </ace-editor>
             </div>
           </div>