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 import {TourService} from 'ngx-tour-md-menu';
  35 import {PackageCreationService} from './package-creation.service';
  36 import {ComponentCanDeactivate} from '../../../../common/core/canDactivate/ComponentCanDeactivate';
  37
  38
  39 @Component({
  40     selector: 'app-package-creation',
  41     templateUrl: './package-creation.component.html',
  42     styleUrls: ['./package-creation.component.css']
  43 })
  44 export class PackageCreationComponent extends ComponentCanDeactivate implements OnInit {
  45
  46
  47     // adding initial referencing to designer mode
  48
  49
  50     constructor(
  51         private packageCreationStore: PackageCreationStore,
  52         private packageCreationService: PackageCreationService,
  53         private packageCreationUtils: PackageCreationUtils,
  54         private router: Router,
  55         private tourService: TourService,
  56         private toastService: ToastrService) {
  57
  58         super();
  59     }
  60
  61     counter = 0;
  62     modes: object[] = [
  63         {name: 'Designer Mode', style: 'mode-icon icon-designer-mode'},
  64         {name: 'Scripting Mode', style: 'mode-icon icon-scripting-mode'}];
  65     metaDataTab: MetaDataTabModel = new MetaDataTabModel();
  66     folder: FolderNodeElement = new FolderNodeElement();
  67     zipFile: JSZip = new JSZip();
  68     filesData: any = [];
  69     definition: Definition = new Definition();
  70     isSaveEnabled = false;
  71
  72     @ViewChild(MetadataTabComponent, {static: false})
  73     metadataTabComponent: MetadataTabComponent;
  74
  75     @ViewChild('nameit', {static: true})
  76     elementRef: ElementRef;
  77     versionPattern = '^(\\d+\\.)?(\\d+\\.)?(\\*|\\d+)$';
  78     metadataClasses = 'nav-item nav-link active complete';
  79
  80     ngOnInit() {
  81         this.elementRef.nativeElement.focus();
  82         const regexp = RegExp(this.versionPattern);
  83         this.packageCreationStore.state$.subscribe(cbaPackage => {
  84             if (cbaPackage && cbaPackage.metaData && cbaPackage.metaData.description
  85                 && cbaPackage.metaData.name && cbaPackage.metaData.version &&
  86                 regexp.test(cbaPackage.metaData.version)) {
  87                 this.isSaveEnabled = true;
  88                 if (!this.metadataClasses.includes('complete')) {
  89                     console.log('added');
  90                     this.metadataClasses += 'complete';
  91                 }
  92                 console.log('perhaps it is been added');
  93             } else {
  94                 this.isSaveEnabled = false;
  95                 this.metadataClasses = this.metadataClasses.replace('complete', '');
  96             }
  97         });
  98     }
  99
 100     openTourGuide(step: string) {
 101         // this.tourService.goto(step);
 102     }
 103
 104     saveBluePrint() {
 105         this.packageCreationStore.state$.subscribe(
 106             cbaPackage => {
 107                 console.log(cbaPackage);
 108                 FilesContent.clear();
 109                 let packageCreationModes: PackageCreationModes;
 110                 cbaPackage = PackageCreationModes.mapModeType(cbaPackage);
 111                 cbaPackage.metaData = PackageCreationModes.setEntryPoint(cbaPackage.metaData);
 112                 packageCreationModes = PackageCreationBuilder.getCreationMode(cbaPackage);
 113                 packageCreationModes.execute(cbaPackage, this.packageCreationUtils);
 114                 this.filesData.push(this.folder.TREE_DATA);
 115                 this.saveBluePrintToDataBase();
 116             });
 117
 118
 119     }
 120
 121
 122     saveBluePrintToDataBase() {
 123         this.create();
 124         this.zipFile.generateAsync({type: 'blob'})
 125             .then(blob => {
 126                 this.packageCreationService.savePackage(blob).subscribe(
 127                     bluePrintDetailModels => {
 128                         if (bluePrintDetailModels) {
 129                             const id = bluePrintDetailModels.toString().split('id')[1].split(':')[1].split('"')[1];
 130                             this.toastService.info('package updated successfully ');
 131                             this.router.navigate(['/packages/package/' + id]);
 132                         }
 133                     }, error => {
 134                         // this.toastService.error('error happened when editing ' + error.message);
 135                         console.log('Error -' + error.message);
 136                     });
 137             });
 138     }
 139
 140
 141     create() {
 142         FilesContent.getMapOfFilesNamesAndContent().forEach((value, key) => {
 143             this.zipFile.folder(key.split('/')[0]);
 144             this.zipFile.file(key, value);
 145         });
 146
 147     }
 148
 149
 150     goBackToDashBorad() {
 151         this.router.navigate(['/packages']);
 152     }
 153
 154     saveMetaData() {
 155         console.log('executed change');
 156         this.metadataTabComponent.saveMetaDataToStore();
 157
 158     }
 159
 160     canDeactivate(): boolean {
 161         return this.isSaveEnabled;
 162     }
 163 }