2 Copyright 2020 TATA ELXSI
4 Licensed under the Apache License, Version 2.0 (the 'License');
5 you may not use this file except in compliance with the License.
6 You may obtain a copy of the License at
8 http://www.apache.org/licenses/LICENSE-2.0
10 Unless required by applicable law or agreed to in writing, software
11 distributed under the License is distributed on an "AS IS" BASIS,
12 WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13 See the License for the specific language governing permissions and
14 limitations under the License.
16 Author: KUMARAN M (kumaran.m@tataelxsi.co.in), RAJESH S (rajesh.s@tataelxsi.co.in), BARATH KUMAR R (barath.r@tataelxsi.co.in)
19 * @file Info Compose Package Model
21 import { HttpClient, HttpHeaders } from '@angular/common/http';
22 import { Component, Injector, Input, OnInit } from '@angular/core';
23 import { FormBuilder, FormGroup, Validators } from '@angular/forms';
24 import { Router } from '@angular/router';
25 import { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap';
26 import { TranslateService } from '@ngx-translate/core';
27 import { NotifierService } from 'angular-notifier';
28 import { APIURLHEADER, ERRORDATA, URLPARAMS } from 'CommonModel';
29 import { DataService } from 'DataService';
30 import { environment } from 'environment';
31 import * as jsyaml from 'js-yaml';
32 import * as pako from 'pako';
33 import { RestService } from 'RestService';
34 import { SharedService } from 'SharedService';
36 /** This is added globally by the tar.js library */
37 // tslint:disable-next-line: no-any
38 declare const Tar: any;
42 * @Component takes ComposePackages.html as template url
45 templateUrl: './ComposePackages.html',
46 styleUrls: ['./ComposePackages.scss']
48 /** Exporting a class @exports ComposePackages */
49 export class ComposePackages implements OnInit {
50 /** Invoke service injectors @public */
51 public injector: Injector;
53 /** dataService to pass the data from one component to another @public */
54 public dataService: DataService;
56 /** Varaibles to hold http client @public */
57 public httpClient: HttpClient;
59 /** Instance for active modal service @public */
60 public activeModal: NgbActiveModal;
62 /** FormGroup instance added to the form @ html @public */
63 public packagesForm: FormGroup;
65 /** Form submission Add */
66 public submitted: boolean = false;
68 /** To handle loader status for API call @public */
69 public isLoadingResults: boolean = false;
71 /** Give the message for the loading @public */
72 public message: string = 'PLEASEWAIT';
74 /** FormBuilder instance added to the formBuilder @private */
75 private formBuilder: FormBuilder;
77 /** Instance of the rest service @private */
78 private restService: RestService;
80 /** Notifier service to popup notification @private */
81 private notifierService: NotifierService;
83 /** Controls the header form @private */
84 private headers: HttpHeaders;
86 /** Create URL holds the end point of any packages @private */
87 private createURL: string;
89 /** Input contains component objects @private */
90 @Input() private params: URLPARAMS;
92 /** Holds the end point @private */
93 private endPoint: string;
95 /** Contains all methods related to shared @private */
96 private sharedService: SharedService;
98 /** Holds teh instance of AuthService class of type AuthService @private */
99 private router: Router;
101 /** Contains tranlsate instance @private */
102 private translateService: TranslateService;
104 constructor(injector: Injector) {
105 this.injector = injector;
106 this.dataService = this.injector.get(DataService);
107 this.restService = this.injector.get(RestService);
108 this.activeModal = this.injector.get(NgbActiveModal);
109 this.notifierService = this.injector.get(NotifierService);
110 this.formBuilder = this.injector.get(FormBuilder);
111 this.router = this.injector.get(Router);
112 this.translateService = this.injector.get(TranslateService);
113 this.sharedService = this.injector.get(SharedService);
116 /** convenience getter for easy access to form fields */
117 get f(): FormGroup['controls'] { return this.packagesForm.controls; }
120 * Lifecyle Hooks the trigger before component is instantiate
122 public ngOnInit(): void {
123 this.headers = new HttpHeaders({
124 'Content-Type': 'application/gzip',
125 Accept: 'application/json',
126 'Cache-Control': 'no-cache, no-store, must-revalidate, max-age=0'
128 this.initializeForm();
131 /** initialize Forms @public */
132 public initializeForm(): void {
133 this.packagesForm = this.formBuilder.group({
134 name: ['', [Validators.required]]
138 /** Create packages @public */
139 public createPackages(): void {
140 this.submitted = true;
141 this.sharedService.cleanForm(this.packagesForm);
142 if (!this.packagesForm.invalid) {
143 this.isLoadingResults = true;
144 if (this.params.page === 'ns-package') {
145 this.endPoint = environment.NSDESCRIPTORSCONTENT_URL;
146 } else if (this.params.page === 'vnf-package') {
147 this.endPoint = environment.VNFPACKAGESCONTENT_URL;
149 const descriptor: string = this.packageYaml(this.params.page);
151 // tslint:disable-next-line: no-any
152 const tar: any = new Tar();
153 const out: Uint8Array = tar.append(this.packagesForm.value.name + '/' + this.packagesForm.value.name + '.yaml',
154 descriptor, { type: '0' });
155 const gzipContent: Uint8Array = pako.gzip(out);
156 this.createPackageApi(gzipContent.buffer);
158 this.isLoadingResults = false;
159 this.notifierService.notify('error', this.translateService.instant('ERROR'));
163 /** Create packages @public */
164 private createPackageApi(packageContent: ArrayBuffer | SharedArrayBuffer): void {
165 const apiURLHeader: APIURLHEADER = {
167 httpOptions: { headers: this.headers }
169 // tslint:disable-next-line: completed-docs
170 this.restService.postResource(apiURLHeader, packageContent).subscribe((result: { id: string }): void => {
171 this.isLoadingResults = false;
172 this.activeModal.close();
173 this.composeNSPackages(result.id);
174 }, (error: ERRORDATA): void => {
175 this.isLoadingResults = false;
176 this.restService.handleError(error, 'post');
179 /** Compose NS Packages @private */
180 private composeNSPackages(id: string): void {
181 let packageUrl: string;
182 if (this.params.page === 'ns-package') {
183 packageUrl = '/packages/ns/compose/';
184 this.notifierService.notify('success', this.packagesForm.value.name + ' ' +
185 this.translateService.instant('PAGE.NSPACKAGE.CREATEDSUCCESSFULLY'));
186 } else if (this.params.page === 'vnf-package') {
187 packageUrl = '/packages/vnf/compose/';
188 this.notifierService.notify('success', this.packagesForm.value.name + ' ' +
189 this.translateService.instant('PAGE.VNFPACKAGE.CREATEDSUCCESSFULLY'));
191 this.router.navigate([packageUrl, id]).catch((): void => {
192 // Catch Navigation Error
195 /** Deafult template for NS and VNF Packages @private */
196 private packageYaml(descriptorType: string): string {
197 let packageYaml: {} = {};
198 const composerName: string = 'NGUI Composer';
199 const composerDefaultVersion: string = '1.0';
200 if (descriptorType === 'ns-package') {
205 id: this.packagesForm.value.name,
206 name: this.packagesForm.value.name,
207 version: composerDefaultVersion,
208 description: this.packagesForm.value.name + ' descriptor',
209 designer: composerName,
223 id: this.packagesForm.value.name,
224 'product-name': this.packagesForm.value.name,
225 version: composerDefaultVersion,
226 description: this.packagesForm.value.name + ' descriptor',
227 provider: composerName,
231 'instantiation-level': [],
238 'virtual-storage-desc': []
242 return jsyaml.dump(packageYaml);