gerrit.onap Code Review - ccsdk/cds.git/blob

   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 {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
  15
  16 @Component({
  17     selector: 'app-configuration-dashboard',
  18     templateUrl: './configuration-dashboard.component.html',
  19     styleUrls: ['./configuration-dashboard.component.css']
  20 })
  21 export class ConfigurationDashboardComponent implements OnInit {
  22     viewedPackage: BluePrintDetailModel = new BluePrintDetailModel();
  23     @ViewChild(MetadataTabComponent, {static: false})
  24     private metadataTabComponent: MetadataTabComponent;
  25
  26     entryDefinitionKeys: string[] = ['template_tags', 'user-groups',
  27         'author-email', 'template_version', 'template_name', 'template_author'];
  28     @ViewChild('nameit', {static: true})
  29     private elementRef: ElementRef;
  30
  31     private zipFile: JSZip = new JSZip();
  32     private filesData: any = [];
  33     private folder: FolderNodeElement = new FolderNodeElement();
  34
  35     constructor(private route: ActivatedRoute, private configurationDashboardService: ConfigurationDashboardService,
  36                 private packageCreationStore: PackageCreationStore,
  37                 private packageCreationUtils: PackageCreationUtils,
  38                 private router: Router) {
  39     }
  40
  41     ngOnInit() {
  42         this.elementRef.nativeElement.focus();
  43         const id = this.route.snapshot.paramMap.get('id');
  44         this.configurationDashboardService.getPagedPackages(id).subscribe(
  45             (bluePrintDetailModels) => {
  46                 if (bluePrintDetailModels) {
  47                     this.downloadCBAPackage(bluePrintDetailModels);
  48                 }
  49             });
  50     }
  51
  52
  53     private downloadCBAPackage(bluePrintDetailModels: BluePrintDetailModel) {
  54         this.configurationDashboardService.downloadResource(
  55             bluePrintDetailModels[0].artifactName + '/' + bluePrintDetailModels[0].artifactVersion).subscribe(response => {
  56             const blob = new Blob([response], {type: 'application/octet-stream'});
  57             this.zipFile.loadAsync(blob).then((zip) => {
  58                 Object.keys(zip.files).forEach((filename) => {
  59                     console.log(filename);
  60                     zip.files[filename].async('string').then((fileData) => {
  61                         if (fileData) {
  62                             if (filename.includes('Scripts/')) {
  63                                 this.setScripts(filename, fileData);
  64                             } else if (filename.includes('Templates/')) {
  65                                 if (filename.includes('-mapping.')) {
  66                                     this.setMapping(filename, fileData);
  67                                 } else if (filename.includes('-template.')) {
  68                                     this.setTemplates(filename, fileData);
  69                                 }
  70                             } else if (filename.includes('Definitions/')) {
  71                                 this.setImports(filename, fileData);
  72                             } else if (filename.includes('TOSCA-Metadata/')) {
  73                                 const metaDataTabInfo: MetaDataTabModel = this.getMetaDataTabInfo(fileData);
  74                                 // console.log(metaDataTabInfo);
  75                                 this.setMetaData(metaDataTabInfo, bluePrintDetailModels[0]);
  76                             }
  77                         }
  78                     });
  79                 });
  80             });
  81         });
  82     }
  83
  84     private setScripts(filename: string, fileData: any) {
  85         this.packageCreationStore.addScripts(filename, fileData);
  86     }
  87
  88     private setImports(filename: string, fileData: any) {
  89         if (filename.includes('blueprint.json') || filename.includes('vLB_CDS.json')) {
  90             let definition = new VlbDefinition();
  91             definition = fileData as VlbDefinition;
  92             definition = JSON.parse(fileData);
  93             const dslDefinition = new DslDefinition();
  94             dslDefinition.content = this.packageCreationUtils.transformToJson(definition.dsl_definitions);
  95             const mapOfCustomKeys = new Map<string, string>();
  96             for (const metadataKey in definition.metadata) {
  97                 if (!this.entryDefinitionKeys.includes(metadataKey + '')) {
  98                     mapOfCustomKeys.set(metadataKey + '', definition.metadata[metadataKey + '']);
  99                 }
 100             }
 101             this.packageCreationStore.changeDslDefinition(dslDefinition);
 102             this.packageCreationStore.setCustomKeys(mapOfCustomKeys);
 103         } else {
 104             this.packageCreationStore.addDefinition(filename, fileData);
 105
 106         }
 107     }
 108
 109     private setTemplates(filename: string, fileData: any) {
 110         this.packageCreationStore.addTemplate(filename, fileData);
 111     }
 112
 113     private setMapping(fileName: string, fileData: string) {
 114         this.packageCreationStore.addMapping(fileName, fileData);
 115     }
 116
 117     editBluePrint() {
 118         this.packageCreationStore.state$.subscribe(
 119             cbaPackage => {
 120                 console.log(cbaPackage);
 121                 FilesContent.clear();
 122                 let packageCreationModes: PackageCreationModes;
 123                 cbaPackage = PackageCreationModes.mapModeType(cbaPackage);
 124                 cbaPackage.metaData = PackageCreationModes.setEntryPoint(cbaPackage.metaData);
 125                 packageCreationModes = PackageCreationBuilder.getCreationMode(cbaPackage);
 126                 packageCreationModes.execute(cbaPackage, this.packageCreationUtils);
 127                 this.filesData.push(this.folder.TREE_DATA);
 128                 this.saveBluePrintToDataBase();
 129             });
 130     }
 131
 132     private setMetaData(metaDataObject: MetaDataTabModel, bluePrintDetailModel: BluePrintDetailModel) {
 133         metaDataObject.description = bluePrintDetailModel.artifactDescription;
 134         this.packageCreationStore.changeMetaData(metaDataObject);
 135
 136     }
 137
 138     saveMetaData() {
 139         this.metadataTabComponent.saveMetaDataToStore();
 140     }
 141
 142     getMetaDataTabInfo(fileData: string) {
 143         const metaDataTabModel = new MetaDataTabModel();
 144         const arrayOfLines = fileData.split('\n');
 145         metaDataTabModel.entryFileName = arrayOfLines[3].split(':')[1];
 146         metaDataTabModel.name = arrayOfLines[4].split(':')[1];
 147         metaDataTabModel.version = arrayOfLines[5].split(':')[1];
 148         metaDataTabModel.mode = arrayOfLines[6].split(':')[1];
 149         metaDataTabModel.templateTags = new Set<string>(arrayOfLines[7].split(':')[1].split(','));
 150         console.log(metaDataTabModel.mode);
 151         return metaDataTabModel;
 152     }
 153
 154     saveBluePrintToDataBase() {
 155         this.create();
 156         this.zipFile.generateAsync({type: 'blob'})
 157             .then(blob => {
 158                 this.packageCreationStore.saveBluePrint(blob);
 159                 this.router.navigate(['/packages']);
 160             });
 161     }
 162
 163
 164     create() {
 165         FilesContent.getMapOfFilesNamesAndContent().forEach((value, key) => {
 166             this.zipFile.folder(key.split('/')[0]);
 167             this.zipFile.file(key, value);
 168         });
 169
 170     }
 171
 172     goBacktoDashboard() {
 173         this.router.navigate(['/packages']);
 174     }
 175 }