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