aboutsummaryrefslogtreecommitdiffstats
path: root/cds-ui/designer-client/src
diff options
context:
space:
mode:
Diffstat (limited to 'cds-ui/designer-client/src')
-rw-r--r--cds-ui/designer-client/src/app/modules/feature-modules/packages/configuration-dashboard/configuration-dashboard.component.html4
-rw-r--r--cds-ui/designer-client/src/app/modules/feature-modules/packages/configuration-dashboard/configuration-dashboard.component.ts88
-rw-r--r--cds-ui/designer-client/src/app/modules/feature-modules/packages/package-creation/package-creation.service.ts11
-rw-r--r--cds-ui/designer-client/src/app/modules/feature-modules/packages/package-creation/package-creation.store.ts4
4 files changed, 79 insertions, 28 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 f79657af8..9e8ef5d7b 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
@@ -761,9 +761,9 @@
</nav>
<div class="row mt-4">
<div class="col">
- <div class="tab-content" id="nav-tabContent">
+ <div class="tab-content" id="nav-tabContent" (change)="clickEvent()">
<div class="tab-pane fade show active" id="nav-metadata" role="tabpanel"
- aria-labelledby="nav-metadata-tab" (change)="clickEvent()">
+ aria-labelledby="nav-metadata-tab" >
<app-metadata-tab></app-metadata-tab>
</div>
<div class="tab-pane fade" id="nav-template" role="tabpanel"
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 47e89b39a..029601d67 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
@@ -70,6 +70,7 @@ export class ConfigurationDashboardComponent implements OnInit {
}
} else {
this.metadataClasses = this.metadataClasses.replace('complete', '');
+ this.isSaveEnabled = false;
}
});
@@ -92,27 +93,32 @@ export class ConfigurationDashboardComponent implements OnInit {
bluePrintDetailModels[0].artifactName + '/' + bluePrintDetailModels[0].artifactVersion).subscribe(response => {
const blob = new Blob([response], {type: 'application/octet-stream'});
this.currentBlob = blob;
- this.zipFile.loadAsync(blob).then((zip) => {
- Object.keys(zip.files).forEach((filename) => {
- zip.files[filename].async('string').then((fileData) => {
- if (fileData) {
- if (filename.includes('Scripts/')) {
- this.setScripts(filename, fileData);
- } else if (filename.includes('Templates/')) {
- if (filename.includes('-mapping.')) {
- this.setMapping(filename, fileData);
- } else if (filename.includes('-template.')) {
- this.setTemplates(filename, fileData);
- }
-
- } else if (filename.includes('Definitions/')) {
- this.setImports(filename, fileData, bluePrintDetailModels);
- } else if (filename.includes('TOSCA-Metadata/')) {
- const metaDataTabInfo: MetaDataTabModel = this.getMetaDataTabInfo(fileData);
- this.setMetaData(metaDataTabInfo, bluePrintDetailModels[0]);
+ this.extractBlobToStore(blob, bluePrintDetailModels);
+ });
+ }
+
+ private extractBlobToStore(blob: Blob, bluePrintDetailModels: BluePrintDetailModel) {
+ this.zipFile.loadAsync(blob).then((zip) => {
+ Object.keys(zip.files).forEach((filename) => {
+ zip.files[filename].async('string').then((fileData) => {
+ console.log(filename);
+ if (fileData) {
+ if (filename.includes('Scripts/')) {
+ this.setScripts(filename, fileData);
+ } else if (filename.includes('Templates/')) {
+ if (filename.includes('-mapping.')) {
+ this.setMapping(filename, fileData);
+ } else if (filename.includes('-template.')) {
+ this.setTemplates(filename, fileData);
}
+
+ } else if (filename.includes('Definitions/')) {
+ this.setImports(filename, fileData, bluePrintDetailModels);
+ } else if (filename.includes('TOSCA-Metadata/')) {
+ const metaDataTabInfo: MetaDataTabModel = this.getMetaDataTabInfo(fileData);
+ this.setMetaData(metaDataTabInfo, bluePrintDetailModels[0]);
}
- });
+ }
});
});
});
@@ -239,8 +245,9 @@ export class ConfigurationDashboardComponent implements OnInit {
}
deployCurrentPackage() {
- console.log('happened');
- this.router.navigate(['/packages']);
+ this.collectZipFileFromStore();
+ this.deployPackage();
+
}
goToDesignerMode(id) {
@@ -266,19 +273,21 @@ export class ConfigurationDashboardComponent implements OnInit {
enrichBluePrint() {
+ this.collectZipFileFromStore();
+ this.enrichPackage();
+ }
+
+ private collectZipFileFromStore() {
this.packageCreationStore.state$.subscribe(
cbaPackage => {
FilesContent.clear();
console.log(cbaPackage);
-
let packageCreationModes: PackageCreationModes;
cbaPackage = PackageCreationModes.mapModeType(cbaPackage);
cbaPackage.metaData = PackageCreationModes.setEntryPoint(cbaPackage.metaData);
packageCreationModes = PackageCreationBuilder.getCreationMode(cbaPackage);
packageCreationModes.execute(cbaPackage, this.packageCreationUtils);
this.filesData.push(this.folder.TREE_DATA);
- this.enrichPackage();
-
});
}
@@ -289,8 +298,18 @@ export class ConfigurationDashboardComponent implements OnInit {
this.packageCreationStore.enrichBluePrint(blob).subscribe(response => {
console.log('success');
const blobInfo = new Blob([response], {type: 'application/octet-stream'});
- saveAs(blobInfo, 'test' + '-' + '1.0.0' + '-CBA.zip');
- this.toastService.info('enriched successfully ');
+ this.configurationDashboardService.getPagedPackages(this.id).subscribe(
+ (bluePrintDetailModels) => {
+ if (bluePrintDetailModels) {
+ this.packageCreationStore.clear();
+ this.extractBlobToStore(blob, bluePrintDetailModels);
+ this.isSaveEnabled = true;
+ this.toastService.info('enriched successfully ');
+ }
+ });
+
+ // saveAs(blobInfo, 'test' + '-' + '1.0.0' + '-CBA.zip');
+
});
}, error => {
this.toastService.error('error happened when editing ' + error.message);
@@ -298,6 +317,23 @@ export class ConfigurationDashboardComponent implements OnInit {
});
}
+ private deployPackage() {
+ this.create();
+ this.zipFile.generateAsync({type: 'blob'})
+ .then(blob => {
+ this.packageCreationStore.deployBluePrint(blob).subscribe(response => {
+ console.log('success');
+ console.log(response);
+
+ // saveAs(blobInfo, 'test' + '-' + '1.0.0' + '-CBA.zip');
+
+ });
+ }, error => {
+ this.toastService.error('error happened when deploying ' + error.message);
+ console.log('Error -' + error.message);
+ });
+ }
+
clickEvent() {
this.isSaveEnabled = true;
}
diff --git a/cds-ui/designer-client/src/app/modules/feature-modules/packages/package-creation/package-creation.service.ts b/cds-ui/designer-client/src/app/modules/feature-modules/packages/package-creation/package-creation.service.ts
index 952fea3ca..e7ccbb39a 100644
--- a/cds-ui/designer-client/src/app/modules/feature-modules/packages/package-creation/package-creation.service.ts
+++ b/cds-ui/designer-client/src/app/modules/feature-modules/packages/package-creation/package-creation.service.ts
@@ -45,6 +45,10 @@ export class PackageCreationService {
return this.api.post(BlueprintURLs.enrich, body, {responseType: 'text'});
}
+ private deployBluePrint(body: any | null, options?: any): Observable<any> {
+ return this.api.post(BlueprintURLs.deploy, body, {responseType: 'text'});
+ }
+
async checkBluePrintNameAndVersion(name: string, version: string): Promise<boolean> {
return await this.packagesListService.checkBluePrintIfItExists(name, version)
.then(bluePrintModelsResult => bluePrintModelsResult != null && bluePrintModelsResult.length > 0);
@@ -64,6 +68,11 @@ export class PackageCreationService {
return this.enrichBlueprint(formData);
}
+ deploy(blob) {
+ const formData = this.getFormData(blob);
+ return this.deployBluePrint(formData);
+ }
+
private getFormData(blob) {
const formData = new FormData();
formData.append('file', blob);
@@ -73,4 +82,6 @@ export class PackageCreationService {
getTemplateAndMapping(variables: string[]): Observable<ResourceDictionary[]> {
return this.api.post(ResourceDictionaryURLs.searchResourceDictionaryByNames, variables);
}
+
+
}
diff --git a/cds-ui/designer-client/src/app/modules/feature-modules/packages/package-creation/package-creation.store.ts b/cds-ui/designer-client/src/app/modules/feature-modules/packages/package-creation/package-creation.store.ts
index f64e361d4..b60831238 100644
--- a/cds-ui/designer-client/src/app/modules/feature-modules/packages/package-creation/package-creation.store.ts
+++ b/cds-ui/designer-client/src/app/modules/feature-modules/packages/package-creation/package-creation.store.ts
@@ -106,6 +106,10 @@ export class PackageCreationStore extends Store<CBAPackage> {
return this.packageCreationService.enrichPackage(blob);
}
+ deployBluePrint(blob): Observable<BluePrintDetailModel> {
+ return this.packageCreationService.deploy(blob);
+ }
+
addTemplate(filePath: string, fileContent: string) {
this.setState({
...this.state,