2 ============LICENSE_START==========================================
3 ===================================================================
4 Copyright (C) 2019 Orange. All rights reserved.
5 ===================================================================
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
12 http://www.apache.org/licenses/LICENSE-2.0
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============================================
22 import { Component, ElementRef, OnDestroy, OnInit, ViewChild } from '@angular/core';
23 import { FilesContent, FolderNodeElement, MetaDataTabModel } from './mapping-models/metadata/MetaDataTab.model';
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';
42 selector: 'app-package-creation',
43 templateUrl: './package-creation.component.html',
44 styleUrls: ['./package-creation.component.css']
46 export class PackageCreationComponent extends ComponentCanDeactivate implements OnInit, OnDestroy {
49 // adding initial referencing to designer mode
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) {
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();
73 definition: Definition = new Definition();
74 isSaveEnabled = false;
76 @ViewChild(MetadataTabComponent, { static: false })
77 metadataTabComponent: MetadataTabComponent;
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;
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')) {
98 this.metadataClasses += 'complete';
100 console.log('perhaps it is been added');
102 this.isSaveEnabled = false;
103 this.metadataClasses = this.metadataClasses.replace('complete', '');
108 openTourGuide(step: string) {
109 // this.tourService.goto(step);
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);
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();
130 saveBluePrintToDataBase() {
132 this.zipFile.generateAsync({ type: '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]);
143 // this.toastService.error('Error occure during editng process ' + error.message);
144 console.log('Error -' + error.message);
146 this.ngxService.stop();
153 FilesContent.getMapOfFilesNamesAndContent().forEach((value, key) => {
154 this.zipFile.folder(key.split('/')[0]);
155 this.zipFile.file(key, value);
161 goBackToDashBorad() {
162 this.router.navigate(['/packages']);
166 console.log('executed change');
167 this.metadataTabComponent.saveMetaDataToStore();
171 canDeactivate(): boolean {
172 return this.isSaveEnabled;
175 ngOnDestroy(): void {