summaryrefslogtreecommitdiffstats
path: root/cds-ui/designer-client
diff options
context:
space:
mode:
authorAhmedeldeeb50 <ahmed.eldeeb.ext@orange.com>2020-11-24 11:51:41 +0200
committerAhmedeldeeb50 <ahmed.eldeeb.ext@orange.com>2020-11-24 11:51:41 +0200
commit8f73f25131bc6c8778b06d85863c3d2cc9beaa96 (patch)
treebe1cffa6336eb6241abda2a6865d60a2fda72503 /cds-ui/designer-client
parent404e8af1a9f4de2cad05097a8861560560305d79 (diff)
add enrich button in the designer
add loader with designer actions Issue-ID: CCSDK-2900 Signed-off-by: Ahmedeldeeb50 <ahmed.eldeeb.ext@orange.com> Change-Id: I53fc5577a814fbb4eac406dad251a484393bb4d8
Diffstat (limited to 'cds-ui/designer-client')
-rw-r--r--cds-ui/designer-client/src/app/modules/feature-modules/packages/designer/designer.component.html6
-rw-r--r--cds-ui/designer-client/src/app/modules/feature-modules/packages/designer/designer.component.ts50
2 files changed, 53 insertions, 3 deletions
diff --git a/cds-ui/designer-client/src/app/modules/feature-modules/packages/designer/designer.component.html b/cds-ui/designer-client/src/app/modules/feature-modules/packages/designer/designer.component.html
index b0bfe8be7..c51c7fa7b 100644
--- a/cds-ui/designer-client/src/app/modules/feature-modules/packages/designer/designer.component.html
+++ b/cds-ui/designer-client/src/app/modules/feature-modules/packages/designer/designer.component.html
@@ -1,4 +1,5 @@
<!--Header-->
+<ngx-ui-loader></ngx-ui-loader>
<header>
<div class="row m-0">
<div class="col pl-0">
@@ -92,7 +93,10 @@
<a (click)="saveBluePrint()">Save</a>
</li>
<li>
- <a (click)="publishBluePrint()">Save &amp; Deploy</a>
+ <a (click)="enrichBluePrint()">Enrich</a>
+ </li>
+ <li>
+ <a (click)="publishBluePrint()">Deploy</a>
</li>
</ul>
</div>
diff --git a/cds-ui/designer-client/src/app/modules/feature-modules/packages/designer/designer.component.ts b/cds-ui/designer-client/src/app/modules/feature-modules/packages/designer/designer.component.ts
index 3011dd790..1aa283ca3 100644
--- a/cds-ui/designer-client/src/app/modules/feature-modules/packages/designer/designer.component.ts
+++ b/cds-ui/designer-client/src/app/modules/feature-modules/packages/designer/designer.component.ts
@@ -52,6 +52,7 @@ import { CBAPackage } from '../package-creation/mapping-models/CBAPacakge.model'
import { TopologyTemplate } from './model/designer.topologyTemplate.model';
import { ToastrService } from 'ngx-toastr';
import { DesignerDashboardState } from './model/designer.dashboard.state';
+import { NgxUiLoaderService } from 'ngx-ui-loader';
@Component({
selector: 'app-designer',
@@ -100,6 +101,7 @@ export class DesignerComponent implements OnInit, OnDestroy {
private packageCreationService: PackageCreationService,
private packageCreationExtractionService: PackageCreationExtractionService,
private activatedRoute: ActivatedRoute,
+ private ngxService: NgxUiLoaderService,
private toastService: ToastrService) {
this.controllerSideBar = true;
this.actionAttributesSideBar = false;
@@ -152,6 +154,7 @@ export class DesignerComponent implements OnInit, OnDestroy {
*/
ngOnInit() {
+ // this.ngxService.start();
this.customActionName = this.route.snapshot.paramMap.get('actionName');
if (this.customActionName !== '') {
this.showAction = true;
@@ -450,7 +453,7 @@ export class DesignerComponent implements OnInit, OnDestroy {
}
saveBluePrint() {
-
+ this.ngxService.start();
FilesContent.clear();
let packageCreationModes: PackageCreationModes;
this.cbaPackage = PackageCreationModes.mapModeType(this.cbaPackage);
@@ -465,6 +468,46 @@ export class DesignerComponent implements OnInit, OnDestroy {
}
+ enrichBluePrint() {
+ this.ngxService.start();
+ this.packageCreationStore.addTopologyTemplate(this.cbaPackage.templateTopology);
+ this.formTreeData();
+ this.enrichPackage();
+ this.designerStore.clear();
+ this.packageCreationStore.clear();
+ }
+
+ private formTreeData() {
+ FilesContent.clear();
+ let packageCreationModes: PackageCreationModes;
+ this.cbaPackage = PackageCreationModes.mapModeType(this.cbaPackage);
+ this.cbaPackage.metaData = PackageCreationModes.setEntryPoint(this.cbaPackage.metaData);
+ packageCreationModes = PackageCreationBuilder.getCreationMode(this.cbaPackage);
+ packageCreationModes.execute(this.cbaPackage, this.packageCreationUtils);
+ this.filesData.push(this.folder.TREE_DATA);
+ }
+ private enrichPackage() {
+ this.create();
+ this.zipFile.generateAsync({ type: 'blob' })
+ .then(blob => {
+ this.packageCreationService.enrichPackage(blob).subscribe(response => {
+ console.log('success');
+ const blobInfo = new Blob([response], { type: 'application/octet-stream' });
+ this.packageCreationStore.clear();
+ this.packageCreationExtractionService.extractBlobToStore(blobInfo);
+ this.toastService.info('enriched successfully ');
+ }, err => {
+ }, () => {
+ this.ngxService.stop();
+ });
+ }, error => {
+ this.toastService.error('error happened when enrich ' + error.message);
+ console.error('Error -' + error.message);
+ }, () => {
+ this.ngxService.stop();
+ });
+ }
+
create() {
this.zipFile = new JSZip();
FilesContent.getMapOfFilesNamesAndContent().forEach((value, key) => {
@@ -487,8 +530,11 @@ export class DesignerComponent implements OnInit, OnDestroy {
}, error => {
this.toastService.error('error happened when editing ' + error.message);
console.log('Error -' + error.message);
+ }, () => {
+ this.ngxService.stop();
});
- });
+ }, err => { },
+ () => { this.ngxService.stop(); });
}
openActionAttributes(customActionName: string) {