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 if (this.cbaPackage) {
174 this.saveBluePrintToDataBase();
178 private formTreeData() {
179 FilesContent.clear();
180 let packageCreationModes: PackageCreationModes;
181 this.cbaPackage = PackageCreationModes.mapModeType(this.cbaPackage);
182 this.cbaPackage.metaData = PackageCreationModes.setEntryPoint(this.cbaPackage.metaData);
183 packageCreationModes = PackageCreationBuilder.getCreationMode(this.cbaPackage);
184 packageCreationModes.execute(this.cbaPackage, this.packageCreationUtils);
185 this.filesData.push(this.folder.TREE_DATA);
188 setMetaData(metaDataObject: MetaDataTabModel, bluePrintDetailModel: BluePrintDetailModel) {
189 metaDataObject.description = bluePrintDetailModel.artifactDescription;
190 this.packageCreationStore.changeMetaData(metaDataObject);
195 this.metadataTabComponent.saveMetaDataToStore();
199 getMetaDataTabInfo(fileData: string) {
200 const metaDataTabModel = new MetaDataTabModel();
201 const arrayOfLines = fileData.split('\n');
202 metaDataTabModel.entryFileName = arrayOfLines[3].split(':')[1];
203 metaDataTabModel.name = arrayOfLines[4].split(':')[1];
204 metaDataTabModel.version = arrayOfLines[5].split(':')[1];
205 metaDataTabModel.mode = arrayOfLines[6].split(':')[1];
206 metaDataTabModel.templateTags = new Set<string>(arrayOfLines[7].split(':')[1].split(','));
207 return metaDataTabModel;
210 saveBluePrintToDataBase() {
212 this.zipFile.generateAsync({type: 'blob'})
214 this.packageCreationService.savePackage(blob).subscribe(
215 bluePrintDetailModels => {
216 if (bluePrintDetailModels) {
217 const id = bluePrintDetailModels.toString().split('id')[1].split(':')[1].split('"')[1];
218 this.toastService.info('package updated successfully ');
219 this.router.navigate(['/packages/package/' + id]);
222 this.toastService.error('error happened when editing ' + error.message);
223 console.log('Error -' + error.message);
229 this.configurationDashboardService.deletePackage(this.id).subscribe(res => {
230 console.log('Deleted');
232 this.router.navigate(['/packages']);
239 this.zipFile = new JSZip();
240 FilesContent.getMapOfFilesNamesAndContent().forEach((value, key) => {
241 this.zipFile.folder(key.split('/')[0]);
242 this.zipFile.file(key, value);
248 this.refreshCurrentPackage();
251 downloadPackage(artifactName: string, artifactVersion: string) {
252 this.configurationDashboardService.downloadResource(artifactName + '/' + artifactVersion).subscribe(response => {
253 const blob = new Blob([response], {type: 'application/octet-stream'});
254 saveAs(blob, artifactName + '-' + artifactVersion + '-CBA.zip');
258 deployCurrentPackage() {
260 this.deployPackage();
264 goToDesignerMode(id) {
265 // this.designerService.setActionName(this.customActionName);
266 this.router.navigate(['/packages/designer', id, {actionName: this.customActionName}]);
269 public dropped(files: NgxFileDropEntry[]) {
273 public fileOver(event) {
277 public fileLeave(event) {
281 textChanged($event: {}) {
282 this.packageCreationStore.addTopologyTemplate(this.vlbDefinition.topology_template);
288 this.enrichPackage();
292 private enrichPackage() {
294 this.zipFile.generateAsync({type: 'blob'})
296 this.packageCreationService.enrichPackage(blob).subscribe(response => {
297 console.log('success');
298 const blobInfo = new Blob([response], {type: 'application/octet-stream'});
299 this.currentBlob = blobInfo;
300 this.packageCreationStore.clear();
301 this.extractBlobToStore(this.currentBlob, this.viewedPackage);
302 this.isSaveEnabled = true;
303 this.toastService.info('enriched successfully ');
306 this.toastService.error('error happened when enrich ' + error.message);
307 console.error('Error -' + error.message);
311 private deployPackage() {
313 this.zipFile.generateAsync({type: 'blob'})
315 this.packageCreationService.deploy(blob).subscribe(response => {
316 this.toastService.info('deployed successfully ');
317 const id = response.toString().split('id')[1].split(':')[1].split('"')[1];
318 this.router.navigate(['/packages/package/' + id]);
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;