add integrating with designer from viewing package

Issue-ID: CCSDK-2123

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

2 files changed, 12 insertions, 3 deletions

diff --git a/cds-ui/designer-client/src/app/modules/feature-modules/packages/configuration-dashboard/configuration-dashboard.component.html b/cds-ui/designer-client/src/app/modules/feature-modules/packages/configuration-dashboard/configuration-dashboard.component.html
index bb7647449..df1911a7d 100644
--- a/cds-ui/designer-client/src/app/modules/feature-modules/packages/configuration-dashboard/configuration-dashboard.component.html
+++ b/cds-ui/designer-client/src/app/modules/feature-modules/packages/configuration-dashboard/configuration-dashboard.component.html
@@ -70,7 +70,7 @@
                                 (click)="downloadPackage(viewedPackage.artifactName,viewedPackage.artifactVersion)"><i
                                     class="fa"></i> Download</button>
 
-                            <button class="btn btn-sm btn-primary">Designer Mode</button>
+                            <button class="btn btn-sm btn-primary" (click)="goToDesignerMode()">Designer Mode</button>
                         </div>
                     </div>
 
@@ -130,4 +130,4 @@
             </div>
         </div>
     </div>
-</div>
\ No newline at end of file
+</div>
diff --git a/cds-ui/designer-client/src/app/modules/feature-modules/packages/configuration-dashboard/configuration-dashboard.component.ts b/cds-ui/designer-client/src/app/modules/feature-modules/packages/configuration-dashboard/configuration-dashboard.component.ts
index c67331c3e..6de76f949 100644
--- a/cds-ui/designer-client/src/app/modules/feature-modules/packages/configuration-dashboard/configuration-dashboard.component.ts
+++ b/cds-ui/designer-client/src/app/modules/feature-modules/packages/configuration-dashboard/configuration-dashboard.component.ts
@@ -12,6 +12,7 @@ import {PackageCreationUtils} from '../package-creation/package-creation.utils';
 import {PackageCreationModes} from '../package-creation/creationModes/PackageCreationModes';
 import {PackageCreationBuilder} from '../package-creation/creationModes/PackageCreationBuilder';
 import {saveAs} from 'file-saver';
+import {DesignerStore} from '../designer/designer.store';
 
 @Component({
     selector: 'app-configuration-dashboard',
@@ -37,7 +38,8 @@ export class ConfigurationDashboardComponent implements OnInit {
     constructor(private route: ActivatedRoute, private configurationDashboardService: ConfigurationDashboardService,
                 private packageCreationStore: PackageCreationStore,
                 private packageCreationUtils: PackageCreationUtils,
-                private router: Router) {
+                private router: Router,
+                private designerStore: DesignerStore) {
     }
 
     ngOnInit() {
@@ -104,6 +106,10 @@ export class ConfigurationDashboardComponent implements OnInit {
             }
             this.packageCreationStore.changeDslDefinition(dslDefinition);
             this.packageCreationStore.setCustomKeys(mapOfCustomKeys);
+            // console.log(definition.topology_template.content);
+            if (definition.topology_template.content) {
+                this.designerStore.saveSourceContent(definition.topology_template.content);
+            }
         } else {
             this.packageCreationStore.addDefinition(filename, fileData);
 
@@ -200,4 +206,7 @@ export class ConfigurationDashboardComponent implements OnInit {
         this.router.navigate(['/packages']);
     }
 
+    goToDesignerMode() {
+        this.router.navigate(['/packages/designer']);
+    }
 }