cds-ui/designer-client/src/app/modules/feature-modules/packages/package-creation/package-creation.component.ts

   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
  35
  36 @Component({
  37     selector: 'app-package-creation',
  38     templateUrl: './package-creation.component.html',
  39     styleUrls: ['./package-creation.component.css']
  40 })
  41 export class PackageCreationComponent implements OnInit {
  42
  43     // adding initial referencing to designer mode
  44
  45
  46     constructor(
  47         private packageCreationStore: PackageCreationStore,
  48         private packageCreationUtils: PackageCreationUtils,
  49         private router: Router,
  50         private toastService: ToastrService) {
  51     }
  52
  53     counter = 0;
  54     modes: object[] = [
  55         {name: 'Designer Mode', style: 'mode-icon icon-designer-mode'},
  56         {name: 'Scripting Mode', style: 'mode-icon icon-scripting-mode'}];
  57     metaDataTab: MetaDataTabModel = new MetaDataTabModel();
  58     folder: FolderNodeElement = new FolderNodeElement();
  59     zipFile: JSZip = new JSZip();
  60     filesData: any = [];
  61     definition: Definition = new Definition();
  62     isSaveEnabled = false;
  63
  64     @ViewChild(MetadataTabComponent, {static: false})
  65     metadataTabComponent: MetadataTabComponent;
  66
  67     @ViewChild('nameit', {static: true})
  68     elementRef: ElementRef;
  69     versionPattern = '^(\\d+\\.)?(\\d+\\.)?(\\*|\\d+)$';
  70
  71     ngOnInit() {
  72         this.elementRef.nativeElement.focus();
  73         const regexp = RegExp(this.versionPattern);
  74         this.packageCreationStore.state$.subscribe(cbaPackage => {
  75             if (cbaPackage && cbaPackage.metaData && cbaPackage.metaData.description
  76                 && cbaPackage.metaData.name && cbaPackage.metaData.version &&
  77                 regexp.test(cbaPackage.metaData.version)) {
  78                 this.isSaveEnabled = true;
  79             } else {
  80                 this.isSaveEnabled = false;
  81             }
  82         });
  83     }
  84
  85     saveBluePrint() {
  86         this.packageCreationStore.state$.subscribe(
  87             cbaPackage => {
  88                 console.log(cbaPackage);
  89                 FilesContent.clear();
  90                 let packageCreationModes: PackageCreationModes;
  91                 cbaPackage = PackageCreationModes.mapModeType(cbaPackage);
  92                 cbaPackage.metaData = PackageCreationModes.setEntryPoint(cbaPackage.metaData);
  93                 packageCreationModes = PackageCreationBuilder.getCreationMode(cbaPackage);
  94                 packageCreationModes.execute(cbaPackage, this.packageCreationUtils);
  95                 this.filesData.push(this.folder.TREE_DATA);
  96                 this.saveBluePrintToDataBase();
  97             });
  98
  99
 100     }
 101
 102
 103     saveBluePrintToDataBase() {
 104         this.create();
 105         this.zipFile.generateAsync({type: 'blob'})
 106             .then(blob => {
 107                 this.packageCreationStore.saveBluePrint(blob).subscribe(
 108                     bluePrintDetailModels => {
 109                         if (bluePrintDetailModels) {
 110                             const id = bluePrintDetailModels.toString().split('id')[1].split(':')[1].split('"')[1];
 111                             this.toastService.info('package updated successfully ');
 112                             this.router.navigate(['/packages/package/' + id]);
 113                         }
 114                     }, error => {
 115                         // this.toastService.error('error happened when editing ' + error.message);
 116                         console.log('Error -' + error.message);
 117                     });
 118             });
 119     }
 120
 121
 122     create() {
 123         FilesContent.getMapOfFilesNamesAndContent().forEach((value, key) => {
 124             this.zipFile.folder(key.split('/')[0]);
 125             this.zipFile.file(key, value);
 126         });
 127
 128     }
 129
 130     test() {
 131         this.metadataTabComponent.saveMetaDataToStore();
 132     }
 133
 134     goBackToDashBorad() {
 135         this.router.navigate(['/packages']);
 136     }
 137 }