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 {CBAPackage, 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';
18 import {PackageCreationService} from '../package-creation/package-creation.service';
19 import {ComponentCanDeactivate} from '../../../../common/core/canDactivate/ComponentCanDeactivate';
22 selector: 'app-configuration-dashboard',
23 templateUrl: './configuration-dashboard.component.html',
24 styleUrls: ['./configuration-dashboard.component.css'],
26 export class ConfigurationDashboardComponent extends ComponentCanDeactivate implements OnInit {
27 viewedPackage: BluePrintDetailModel = new BluePrintDetailModel();
28 @ViewChild(MetadataTabComponent, {static: false})
29 metadataTabComponent: MetadataTabComponent;
30 public customActionName = '';
32 entryDefinitionKeys: string[] = ['template_tags', 'user-groups',
33 'author-email', 'template_version', 'template_name', 'template_author', 'template_description'];
34 @ViewChild('nameit', {static: true})
35 elementRef: ElementRef;
37 zipFile: JSZip = new JSZip();
39 folder: FolderNodeElement = new FolderNodeElement();
42 currentBlob = new Blob();
43 vlbDefinition: VlbDefinition = new VlbDefinition();
44 isSaveEnabled = false;
45 versionPattern = '^(\\d+\\.)?(\\d+\\.)?(\\*|\\d+)$';
46 metadataClasses = 'nav-item nav-link active';
47 private cbaPackage: CBAPackage = new CBAPackage();
50 private route: ActivatedRoute,
51 private configurationDashboardService: ConfigurationDashboardService,
52 private packageCreationStore: PackageCreationStore,
53 private packageCreationService: PackageCreationService,
54 private packageCreationUtils: PackageCreationUtils,
55 private router: Router,
56 private designerStore: DesignerStore,
57 private toastService: ToastrService
60 this.packageCreationStore.state$.subscribe(
62 this.cbaPackage = cbaPackage;
67 this.vlbDefinition.topology_template = new TemplateTopology();
69 this.elementRef.nativeElement.focus();
70 this.refreshCurrentPackage();
71 const regexp = RegExp(this.versionPattern);
72 if (this.cbaPackage && this.cbaPackage.metaData && this.cbaPackage.metaData.description
73 && this.cbaPackage.metaData.name && this.cbaPackage.metaData.version &&
74 regexp.test(this.cbaPackage.metaData.version)) {
75 if (!this.metadataClasses.includes('complete')) {
76 this.metadataClasses += ' complete';
79 this.metadataClasses = this.metadataClasses.replace('complete', '');
80 this.isSaveEnabled = false;
86 private refreshCurrentPackage() {
87 this.id = this.route.snapshot.paramMap.get('id');
88 this.configurationDashboardService.getPagedPackages(this.id).subscribe(
89 (bluePrintDetailModels) => {
90 if (bluePrintDetailModels) {
91 this.viewedPackage = bluePrintDetailModels[0];
92 this.downloadCBAPackage(bluePrintDetailModels);
93 this.packageCreationStore.clear();
98 private downloadCBAPackage(bluePrintDetailModels: BluePrintDetailModel) {
99 this.configurationDashboardService.downloadResource(
100 bluePrintDetailModels[0].artifactName + '/' + bluePrintDetailModels[0].artifactVersion).subscribe(response => {
101 const blob = new Blob([response], {type: 'application/octet-stream'});
102 this.currentBlob = blob;
103 this.extractBlobToStore(blob, bluePrintDetailModels[0]);
107 private extractBlobToStore(blob: Blob, bluePrintDetailModel: BluePrintDetailModel) {
108 this.zipFile.loadAsync(blob).then((zip) => {
109 Object.keys(zip.files).forEach((filename) => {
110 zip.files[filename].async('string').then((fileData) => {
111 console.log(filename);
113 if (filename.includes('Scripts/')) {
114 this.setScripts(filename, fileData);
115 } else if (filename.includes('Templates/')) {
116 if (filename.includes('-mapping.')) {
117 this.setMapping(filename, fileData);
118 } else if (filename.includes('-template.')) {
119 this.setTemplates(filename, fileData);
122 } else if (filename.includes('Definitions/')) {
123 this.setImports(filename, fileData, bluePrintDetailModel);
124 } else if (filename.includes('TOSCA-Metadata/')) {
125 const metaDataTabInfo: MetaDataTabModel = this.getMetaDataTabInfo(fileData);
126 this.setMetaData(metaDataTabInfo, bluePrintDetailModel);
134 setScripts(filename: string, fileData: any) {
135 this.packageCreationStore.addScripts(filename, fileData);
138 setImports(filename: string, fileData: any, bluePrintDetailModels: BluePrintDetailModel) {
139 console.log(filename);
140 if (filename.includes(bluePrintDetailModels.artifactName)) {
141 let definition = new VlbDefinition();
142 definition = fileData as VlbDefinition;
143 definition = JSON.parse(fileData);
144 const dslDefinition = new DslDefinition();
145 dslDefinition.content = this.packageCreationUtils.transformToJson(definition.dsl_definitions);
146 const mapOfCustomKeys = new Map<string, string>();
147 for (const metadataKey in definition.metadata) {
148 if (!this.entryDefinitionKeys.includes(metadataKey + '')) {
149 mapOfCustomKeys.set(metadataKey + '', definition.metadata[metadataKey + '']);
152 this.packageCreationStore.changeDslDefinition(dslDefinition);
153 this.packageCreationStore.setCustomKeys(mapOfCustomKeys);
154 if (definition.topology_template && definition.topology_template.content) {
155 this.designerStore.saveSourceContent(definition.topology_template.content);
159 this.packageCreationStore.addDefinition(filename, fileData);
163 setTemplates(filename: string, fileData: any) {
164 this.packageCreationStore.addTemplate(filename, fileData);
167 setMapping(fileName: string, fileData: string) {
168 this.packageCreationStore.addMapping(fileName, fileData);
172 this.configurationDashboardService.deletePackage(this.viewedPackage.id).subscribe(res => {
174 this.saveBluePrintToDataBase();
179 private formTreeData() {
180 FilesContent.clear();
181 let packageCreationModes: PackageCreationModes;
182 this.cbaPackage = PackageCreationModes.mapModeType(this.cbaPackage);
183 this.cbaPackage.metaData = PackageCreationModes.setEntryPoint(this.cbaPackage.metaData);
184 packageCreationModes = PackageCreationBuilder.getCreationMode(this.cbaPackage);
185 packageCreationModes.execute(this.cbaPackage, this.packageCreationUtils);
186 this.filesData.push(this.folder.TREE_DATA);
189 setMetaData(metaDataObject: MetaDataTabModel, bluePrintDetailModel: BluePrintDetailModel) {
190 metaDataObject.description = bluePrintDetailModel.artifactDescription;
191 this.packageCreationStore.changeMetaData(metaDataObject);
196 this.metadataTabComponent.saveMetaDataToStore();
200 getMetaDataTabInfo(fileData: string) {
201 const metaDataTabModel = new MetaDataTabModel();
202 const arrayOfLines = fileData.split('\n');
203 metaDataTabModel.entryFileName = arrayOfLines[3].split(':')[1];
204 metaDataTabModel.name = arrayOfLines[4].split(':')[1];
205 metaDataTabModel.version = arrayOfLines[5].split(':')[1];
206 metaDataTabModel.mode = arrayOfLines[6].split(':')[1];
207 metaDataTabModel.templateTags = new Set<string>(arrayOfLines[7].split(':')[1].split(','));
208 return metaDataTabModel;
211 saveBluePrintToDataBase() {
213 this.zipFile.generateAsync({type: 'blob'})
215 this.packageCreationService.savePackage(blob).subscribe(
216 bluePrintDetailModels => {
217 if (bluePrintDetailModels) {
218 const id = bluePrintDetailModels.toString().split('id')[1].split(':')[1].split('"')[1];
219 this.toastService.info('package updated successfully ');
220 this.router.navigate(['/packages/package/' + id]);
223 this.toastService.error('error happened when editing ' + error.message);
224 console.log('Error -' + error.message);
230 this.configurationDashboardService.deletePackage(this.id).subscribe(res => {
231 console.log('Deleted');
233 this.router.navigate(['/packages']);
240 this.zipFile = new JSZip();
241 FilesContent.getMapOfFilesNamesAndContent().forEach((value, key) => {
242 this.zipFile.folder(key.split('/')[0]);
243 this.zipFile.file(key, value);
249 this.refreshCurrentPackage();
252 downloadPackage(artifactName: string, artifactVersion: string) {
253 this.configurationDashboardService.downloadResource(artifactName + '/' + artifactVersion).subscribe(response => {
254 const blob = new Blob([response], {type: 'application/octet-stream'});
255 saveAs(blob, artifactName + '-' + artifactVersion + '-CBA.zip');
259 deployCurrentPackage() {
261 this.deployPackage();
265 goToDesignerMode(id) {
266 // this.designerService.setActionName(this.customActionName);
267 this.router.navigate(['/packages/designer', id, {actionName: this.customActionName}]);
270 public dropped(files: NgxFileDropEntry[]) {
274 public fileOver(event) {
278 public fileLeave(event) {
282 textChanged($event: {}) {
283 this.packageCreationStore.addTopologyTemplate(this.vlbDefinition.topology_template);
289 this.enrichPackage();
293 private enrichPackage() {
295 this.zipFile.generateAsync({type: 'blob'})
297 this.packageCreationService.enrichPackage(blob).subscribe(response => {
298 console.log('success');
299 const blobInfo = new Blob([response], {type: 'application/octet-stream'});
300 this.currentBlob = blobInfo;
301 this.packageCreationStore.clear();
302 this.extractBlobToStore(this.currentBlob, this.viewedPackage);
303 this.isSaveEnabled = true;
304 this.toastService.info('enriched successfully ');
307 this.toastService.error('error happened when enrich ' + error.message);
308 console.error('Error -' + error.message);
312 private deployPackage() {
314 this.zipFile.generateAsync({type: 'blob'})
316 this.packageCreationService.enrichPackage(blob).subscribe(response => {
317 console.log('success');
318 console.log(response);
321 this.toastService.error('error happened when deploying ' + error.message);
322 console.log('Error -' + error.message);
327 this.isSaveEnabled = true;
330 canDeactivate(): boolean {
331 return this.isSaveEnabled;