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