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

   1 /*
   2 ============LICENSE_START==========================================
   3 ===================================================================
   4 Copyright (C) 2019 Orange. All rights reserved.
   5 ===================================================================
   6
   7 Unless otherwise specified, all software contained herein is licensed
   8 under the Apache License, Version 2.0 (the License);
   9 you may not use this software except in compliance with the License.
  10 You may obtain a copy of the License at
  11
  12     http://www.apache.org/licenses/LICENSE-2.0
  13
  14 Unless required by applicable law or agreed to in writing, software
  15 distributed under the License is distributed on an "AS IS" BASIS,
  16 WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  17 See the License for the specific language governing permissions and
  18 limitations under the License.
  19 ============LICENSE_END============================================
  20 */
  21
  22 import {Component, ElementRef, OnInit, ViewChild} from '@angular/core';
  23 import {FilesContent, FolderNodeElement, MetaDataTabModel} from './mapping-models/metadata/MetaDataTab.model';
  24
  25 import * as JSZip from 'jszip';
  26 import {PackageCreationStore} from './package-creation.store';
  27 import {Definition} from './mapping-models/CBAPacakge.model';
  28 import {PackageCreationModes} from './creationModes/PackageCreationModes';
  29 import {PackageCreationBuilder} from './creationModes/PackageCreationBuilder';
  30 import {PackageCreationUtils} from './package-creation.utils';
  31 import {MetadataTabComponent} from './metadata-tab/metadata-tab.component';
  32 import {Router} from '@angular/router';
  33 import {ToastrService} from 'ngx-toastr';
  34 import {TourService} from 'ngx-tour-md-menu';
  35 import {PackageCreationService} from './package-creation.service';
  36
  37
  38 @Component({
  39     selector: 'app-package-creation',
  40     templateUrl: './package-creation.component.html',
  41     styleUrls: ['./package-creation.component.css']
  42 })
  43 export class PackageCreationComponent implements OnInit {
  44
  45     // adding initial referencing to designer mode
  46
  47
  48     constructor(
  49         private packageCreationStore: PackageCreationStore,
  50         private packageCreationService: PackageCreationService,
  51         private packageCreationUtils: PackageCreationUtils,
  52         private router: Router,
  53         private tourService: TourService,
  54         private toastService: ToastrService) {
  55     }
  56
  57     counter = 0;
  58     modes: object[] = [
  59         {name: 'Designer Mode', style: 'mode-icon icon-designer-mode'},
  60         {name: 'Scripting Mode', style: 'mode-icon icon-scripting-mode'}];
  61     metaDataTab: MetaDataTabModel = new MetaDataTabModel();
  62     folder: FolderNodeElement = new FolderNodeElement();
  63     zipFile: JSZip = new JSZip();
  64     filesData: any = [];
  65     definition: Definition = new Definition();
  66     isSaveEnabled = false;
  67
  68     @ViewChild(MetadataTabComponent, {static: false})
  69     metadataTabComponent: MetadataTabComponent;
  70
  71     @ViewChild('nameit', {static: true})
  72     elementRef: ElementRef;
  73     versionPattern = '^(\\d+\\.)?(\\d+\\.)?(\\*|\\d+)$';
  74     metadataClasses = 'nav-item nav-link active complete';
  75
  76     ngOnInit() {
  77         this.elementRef.nativeElement.focus();
  78         const regexp = RegExp(this.versionPattern);
  79         this.packageCreationStore.state$.subscribe(cbaPackage => {
  80             if (cbaPackage && cbaPackage.metaData && cbaPackage.metaData.description
  81                 && cbaPackage.metaData.name && cbaPackage.metaData.version &&
  82                 regexp.test(cbaPackage.metaData.version)) {
  83                 this.isSaveEnabled = true;
  84                 if (!this.metadataClasses.includes('complete')) {
  85                     console.log('added');
  86                     this.metadataClasses += 'complete';
  87                 }
  88                 console.log('perhaps it is been added');
  89             } else {
  90                 this.isSaveEnabled = false;
  91                 this.metadataClasses = this.metadataClasses.replace('complete', '');
  92             }
  93         });
  94     }
  95
  96     openTourGuide(step: string) {
  97         // this.tourService.goto(step);
  98     }
  99
 100     saveBluePrint() {
 101         this.packageCreationStore.state$.subscribe(
 102             cbaPackage => {
 103                 console.log(cbaPackage);
 104                 FilesContent.clear();
 105                 let packageCreationModes: PackageCreationModes;
 106                 cbaPackage = PackageCreationModes.mapModeType(cbaPackage);
 107                 cbaPackage.metaData = PackageCreationModes.setEntryPoint(cbaPackage.metaData);
 108                 packageCreationModes = PackageCreationBuilder.getCreationMode(cbaPackage);
 109                 packageCreationModes.execute(cbaPackage, this.packageCreationUtils);
 110                 this.filesData.push(this.folder.TREE_DATA);
 111                 this.saveBluePrintToDataBase();
 112             });
 113
 114
 115     }
 116
 117
 118     saveBluePrintToDataBase() {
 119         this.create();
 120         this.zipFile.generateAsync({type: 'blob'})
 121             .then(blob => {
 122                 this.packageCreationService.savePackage(blob).subscribe(
 123                     bluePrintDetailModels => {
 124                         if (bluePrintDetailModels) {
 125                             const id = bluePrintDetailModels.toString().split('id')[1].split(':')[1].split('"')[1];
 126                             this.toastService.info('package updated successfully ');
 127                             this.router.navigate(['/packages/package/' + id]);
 128                         }
 129                     }, error => {
 130                         // this.toastService.error('error happened when editing ' + error.message);
 131                         console.log('Error -' + error.message);
 132                     });
 133             });
 134     }
 135
 136
 137     create() {
 138         FilesContent.getMapOfFilesNamesAndContent().forEach((value, key) => {
 139             this.zipFile.folder(key.split('/')[0]);
 140             this.zipFile.file(key, value);
 141         });
 142
 143     }
 144
 145
 146     goBackToDashBorad() {
 147         this.router.navigate(['/packages']);
 148     }
 149
 150     saveMetaData() {
 151         console.log('executed change');
 152         this.metadataTabComponent.saveMetaDataToStore();
 153
 154     }
 155 }