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     metadataClasses = 'nav-item nav-link active complete';
  71
  72     ngOnInit() {
  73         this.elementRef.nativeElement.focus();
  74         const regexp = RegExp(this.versionPattern);
  75         this.packageCreationStore.state$.subscribe(cbaPackage => {
  76             if (cbaPackage && cbaPackage.metaData && cbaPackage.metaData.description
  77                 && cbaPackage.metaData.name && cbaPackage.metaData.version &&
  78                 regexp.test(cbaPackage.metaData.version)) {
  79                 this.isSaveEnabled = true;
  80                 if (!this.metadataClasses.includes('complete')) {
  81                     console.log('added');
  82                     this.metadataClasses += 'complete';
  83                 }
  84                 console.log('perhaps it is been added');
  85             } else {
  86                 this.isSaveEnabled = false;
  87                 this.metadataClasses = this.metadataClasses.replace('complete', '');
  88             }
  89         });
  90     }
  91
  92     saveBluePrint() {
  93         this.packageCreationStore.state$.subscribe(
  94             cbaPackage => {
  95                 console.log(cbaPackage);
  96                 FilesContent.clear();
  97                 let packageCreationModes: PackageCreationModes;
  98                 cbaPackage = PackageCreationModes.mapModeType(cbaPackage);
  99                 cbaPackage.metaData = PackageCreationModes.setEntryPoint(cbaPackage.metaData);
 100                 packageCreationModes = PackageCreationBuilder.getCreationMode(cbaPackage);
 101                 packageCreationModes.execute(cbaPackage, this.packageCreationUtils);
 102                 this.filesData.push(this.folder.TREE_DATA);
 103                 this.saveBluePrintToDataBase();
 104             });
 105
 106
 107     }
 108
 109
 110     saveBluePrintToDataBase() {
 111         this.create();
 112         this.zipFile.generateAsync({type: 'blob'})
 113             .then(blob => {
 114                 this.packageCreationStore.saveBluePrint(blob).subscribe(
 115                     bluePrintDetailModels => {
 116                         if (bluePrintDetailModels) {
 117                             const id = bluePrintDetailModels.toString().split('id')[1].split(':')[1].split('"')[1];
 118                             this.toastService.info('package updated successfully ');
 119                             this.router.navigate(['/packages/package/' + id]);
 120                         }
 121                     }, error => {
 122                         // this.toastService.error('error happened when editing ' + error.message);
 123                         console.log('Error -' + error.message);
 124                     });
 125             });
 126     }
 127
 128
 129     create() {
 130         FilesContent.getMapOfFilesNamesAndContent().forEach((value, key) => {
 131             this.zipFile.folder(key.split('/')[0]);
 132             this.zipFile.file(key, value);
 133         });
 134
 135     }
 136
 137
 138     goBackToDashBorad() {
 139         this.router.navigate(['/packages']);
 140     }
 141
 142     saveMetaData() {
 143         console.log('executed change');
 144         this.metadataTabComponent.saveMetaDataToStore();
 145
 146     }
 147 }