1 import {Component, ElementRef, OnInit, ViewChild} from '@angular/core';
2 import {ActivatedRoute, Router} from '@angular/router';
3 import {BluePrintDetailModel} from '../model/BluePrint.detail.model';
4 import {PackageCreationStore} from '../package-creation/package-creation.store';
5 import {FilesContent, FolderNodeElement, MetaDataTabModel} from '../package-creation/mapping-models/metadata/MetaDataTab.model';
6 import {MetadataTabComponent} from '../package-creation/metadata-tab/metadata-tab.component';
7 import * as JSZip from 'jszip';
8 import {ConfigurationDashboardService} from './configuration-dashboard.service';
9 import {TemplateTopology, VlbDefinition} from '../package-creation/mapping-models/definitions/VlbDefinition';
10 import {DslDefinition} from '../package-creation/mapping-models/CBAPacakge.model';
11 import {PackageCreationUtils} from '../package-creation/package-creation.utils';
12 import {PackageCreationModes} from '../package-creation/creationModes/PackageCreationModes';
13 import {PackageCreationBuilder} from '../package-creation/creationModes/PackageCreationBuilder';
14 import {saveAs} from 'file-saver';
15 import {DesignerStore} from '../designer/designer.store';
16 import {ToastrService} from 'ngx-toastr';
17 import {NgxFileDropEntry} from 'ngx-file-drop';
20 selector: 'app-configuration-dashboard',
21 templateUrl: './configuration-dashboard.component.html',
22 styleUrls: ['./configuration-dashboard.component.css'],
24 export class ConfigurationDashboardComponent implements OnInit {
25 viewedPackage: BluePrintDetailModel = new BluePrintDetailModel();
26 @ViewChild(MetadataTabComponent, {static: false})
27 metadataTabComponent: MetadataTabComponent;
28 public customActionName = '';
30 entryDefinitionKeys: string[] = ['template_tags', 'user-groups',
31 'author-email', 'template_version', 'template_name', 'template_author', 'template_description'];
32 @ViewChild('nameit', {static: true})
33 elementRef: ElementRef;
35 zipFile: JSZip = new JSZip();
37 folder: FolderNodeElement = new FolderNodeElement();
40 currentBlob = new Blob();
41 vlbDefinition: VlbDefinition = new VlbDefinition();
42 isSaveEnabled = false;
43 versionPattern = '^(\\d+\\.)?(\\d+\\.)?(\\*|\\d+)$';
44 metadataClasses = 'nav-item nav-link active';
47 private route: ActivatedRoute,
48 private configurationDashboardService: ConfigurationDashboardService,
49 private packageCreationStore: PackageCreationStore,
50 private packageCreationUtils: PackageCreationUtils,
51 private router: Router,
52 private designerStore: DesignerStore,
53 private toastService: ToastrService
58 this.vlbDefinition.topology_template = new TemplateTopology();
60 this.elementRef.nativeElement.focus();
61 this.refreshCurrentPackage();
62 const regexp = RegExp(this.versionPattern);
63 this.packageCreationStore.state$.subscribe(
65 if (cbaPackage && cbaPackage.metaData && cbaPackage.metaData.description
66 && cbaPackage.metaData.name && cbaPackage.metaData.version &&
67 regexp.test(cbaPackage.metaData.version)) {
68 if (!this.metadataClasses.includes('complete')) {
69 this.metadataClasses += ' complete';
72 this.metadataClasses = this.metadataClasses.replace('complete', '');
78 private refreshCurrentPackage() {
79 this.id = this.route.snapshot.paramMap.get('id');
80 this.configurationDashboardService.getPagedPackages(this.id).subscribe(
81 (bluePrintDetailModels) => {
82 if (bluePrintDetailModels) {
83 this.viewedPackage = bluePrintDetailModels[0];
84 this.downloadCBAPackage(bluePrintDetailModels);
85 this.packageCreationStore.clear();
90 private downloadCBAPackage(bluePrintDetailModels: BluePrintDetailModel) {
91 this.configurationDashboardService.downloadResource(
92 bluePrintDetailModels[0].artifactName + '/' + bluePrintDetailModels[0].artifactVersion).subscribe(response => {
93 const blob = new Blob([response], {type: 'application/octet-stream'});
94 this.currentBlob = blob;
95 this.zipFile.loadAsync(blob).then((zip) => {
96 Object.keys(zip.files).forEach((filename) => {
97 zip.files[filename].async('string').then((fileData) => {
99 if (filename.includes('Scripts/')) {
100 this.setScripts(filename, fileData);
101 } else if (filename.includes('Templates/')) {
102 if (filename.includes('-mapping.')) {
103 this.setMapping(filename, fileData);
104 } else if (filename.includes('-template.')) {
105 this.setTemplates(filename, fileData);
108 } else if (filename.includes('Definitions/')) {
109 this.setImports(filename, fileData, bluePrintDetailModels);
110 } else if (filename.includes('TOSCA-Metadata/')) {
111 const metaDataTabInfo: MetaDataTabModel = this.getMetaDataTabInfo(fileData);
112 this.setMetaData(metaDataTabInfo, bluePrintDetailModels[0]);
121 setScripts(filename: string, fileData: any) {
122 this.packageCreationStore.addScripts(filename, fileData);
125 setImports(filename: string, fileData: any, bluePrintDetailModels: BluePrintDetailModel) {
126 if (filename.includes(bluePrintDetailModels[0].artifactName)) {
127 let definition = new VlbDefinition();
128 definition = fileData as VlbDefinition;
129 definition = JSON.parse(fileData);
130 const dslDefinition = new DslDefinition();
131 dslDefinition.content = this.packageCreationUtils.transformToJson(definition.dsl_definitions);
132 const mapOfCustomKeys = new Map<string, string>();
133 for (const metadataKey in definition.metadata) {
134 if (!this.entryDefinitionKeys.includes(metadataKey + '')) {
135 mapOfCustomKeys.set(metadataKey + '', definition.metadata[metadataKey + '']);
138 this.packageCreationStore.changeDslDefinition(dslDefinition);
139 this.packageCreationStore.setCustomKeys(mapOfCustomKeys);
140 if (definition.topology_template && definition.topology_template.content) {
141 this.designerStore.saveSourceContent(definition.topology_template.content);
145 this.packageCreationStore.addDefinition(filename, fileData);
149 setTemplates(filename: string, fileData: any) {
150 this.packageCreationStore.addTemplate(filename, fileData);
153 setMapping(fileName: string, fileData: string) {
154 this.packageCreationStore.addMapping(fileName, fileData);
158 this.packageCreationStore.state$.subscribe(
160 FilesContent.clear();
161 let packageCreationModes: PackageCreationModes;
162 cbaPackage = PackageCreationModes.mapModeType(cbaPackage);
163 cbaPackage.metaData = PackageCreationModes.setEntryPoint(cbaPackage.metaData);
164 packageCreationModes = PackageCreationBuilder.getCreationMode(cbaPackage);
165 packageCreationModes.execute(cbaPackage, this.packageCreationUtils);
166 this.filesData.push(this.folder.TREE_DATA);
167 this.saveBluePrintToDataBase();
171 setMetaData(metaDataObject: MetaDataTabModel, bluePrintDetailModel: BluePrintDetailModel) {
172 metaDataObject.description = bluePrintDetailModel.artifactDescription;
173 this.packageCreationStore.changeMetaData(metaDataObject);
178 this.metadataTabComponent.saveMetaDataToStore();
182 getMetaDataTabInfo(fileData: string) {
183 const metaDataTabModel = new MetaDataTabModel();
184 const arrayOfLines = fileData.split('\n');
185 metaDataTabModel.entryFileName = arrayOfLines[3].split(':')[1];
186 metaDataTabModel.name = arrayOfLines[4].split(':')[1];
187 metaDataTabModel.version = arrayOfLines[5].split(':')[1];
188 metaDataTabModel.mode = arrayOfLines[6].split(':')[1];
189 metaDataTabModel.templateTags = new Set<string>(arrayOfLines[7].split(':')[1].split(','));
190 return metaDataTabModel;
193 saveBluePrintToDataBase() {
195 this.zipFile.generateAsync({type: 'blob'})
197 this.packageCreationStore.saveBluePrint(blob).subscribe(
198 bluePrintDetailModels => {
199 if (bluePrintDetailModels) {
200 const id = bluePrintDetailModels.toString().split('id')[1].split(':')[1].split('"')[1];
201 this.toastService.info('package updated successfully ');
202 this.router.navigate(['/packages/package/' + id]);
205 this.toastService.error('error happened when editing ' + error.message);
206 console.log('Error -' + error.message);
212 this.configurationDashboardService.deletePackage(this.id).subscribe(res => {
213 console.log('Deleted');
215 this.router.navigate(['/packages']);
222 this.zipFile = new JSZip();
223 FilesContent.getMapOfFilesNamesAndContent().forEach((value, key) => {
224 this.zipFile.folder(key.split('/')[0]);
225 this.zipFile.file(key, value);
231 this.refreshCurrentPackage();
234 downloadPackage(artifactName: string, artifactVersion: string) {
235 this.configurationDashboardService.downloadResource(artifactName + '/' + artifactVersion).subscribe(response => {
236 const blob = new Blob([response], {type: 'application/octet-stream'});
237 saveAs(blob, artifactName + '-' + artifactVersion + '-CBA.zip');
241 deployCurrentPackage() {
242 console.log('happened');
243 this.router.navigate(['/packages']);
246 goToDesignerMode(id) {
247 // this.designerService.setActionName(this.customActionName);
248 this.router.navigate(['/packages/designer', id, {actionName: this.customActionName}]);
251 public dropped(files: NgxFileDropEntry[]) {
255 public fileOver(event) {
259 public fileLeave(event) {
263 textChanged($event: {}) {
264 this.packageCreationStore.addTopologyTemplate(this.vlbDefinition.topology_template);
269 this.packageCreationStore.state$.subscribe(
271 FilesContent.clear();
272 console.log(cbaPackage);
274 let packageCreationModes: PackageCreationModes;
275 cbaPackage = PackageCreationModes.mapModeType(cbaPackage);
276 cbaPackage.metaData = PackageCreationModes.setEntryPoint(cbaPackage.metaData);
277 packageCreationModes = PackageCreationBuilder.getCreationMode(cbaPackage);
278 packageCreationModes.execute(cbaPackage, this.packageCreationUtils);
279 this.filesData.push(this.folder.TREE_DATA);
280 this.enrichPackage();
285 private enrichPackage() {
287 this.zipFile.generateAsync({type: 'blob'})
289 this.packageCreationStore.enrichBluePrint(blob).subscribe(response => {
290 console.log('success');
291 const blobInfo = new Blob([response], {type: 'application/octet-stream'});
292 saveAs(blobInfo, 'test' + '-' + '1.0.0' + '-CBA.zip');
293 this.toastService.info('enriched successfully ');
296 this.toastService.error('error happened when editing ' + error.message);
297 console.log('Error -' + error.message);
302 this.isSaveEnabled = true;