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 Instantiate NS Modal Component.
21 import { Component, ElementRef, Injector, OnInit, ViewChild } from '@angular/core';
22 import { FormBuilder, FormGroup, Validators } from '@angular/forms';
23 import { Router } from '@angular/router';
24 import { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap';
25 import { TranslateService } from '@ngx-translate/core';
26 import { NotifierService } from 'angular-notifier';
27 import { APIURLHEADER, ERRORDATA, MODALCLOSERESPONSEDATA } from 'CommonModel';
28 import { DataService } from 'DataService';
29 import { environment } from 'environment';
30 import * as jsyaml from 'js-yaml';
31 import { NSCREATEPARAMS, NSData, NSDDetails } from 'NSDModel';
32 import { RestService } from 'RestService';
33 import { SharedService } from 'SharedService';
34 import { isNullOrUndefined } from 'util';
35 import { VimAccountDetails } from 'VimAccountModel';
39 * @Component takes InstantiateNsComponent.html as template url
42 selector: 'app-instantiate-ns',
43 templateUrl: './InstantiateNsComponent.html',
44 styleUrls: ['./InstantiateNsComponent.scss']
46 /** Exporting a class @exports InstantiateNsComponent */
47 export class InstantiateNsComponent implements OnInit {
48 /** To inject services @public */
49 public injector: Injector;
51 /** Contains all the nsd data collections */
52 public nsdSelect: NSDDetails;
54 /** FormGroup instance added to the form @ html @public */
55 public instantiateForm: FormGroup;
57 /** Contains all vim account collections */
58 public vimAccountSelect: VimAccountDetails;
60 /** Instance for active modal service @public */
61 public activeModal: NgbActiveModal;
63 /** Variable set for twoway binding @public */
66 /** Variable set for twoway bindng @public */
67 public vimAccountId: string;
69 /** Form submission Add */
70 public submitted: boolean = false;
72 /** Check the loading results @public */
73 public isLoadingResults: boolean = false;
75 /** Give the message for the loading @public */
76 public message: string = 'PLEASEWAIT';
78 /** Element ref for fileInputConfig @public */
79 @ViewChild('fileInputConfig', { static: true }) public fileInputConfig: ElementRef;
81 /** Element ref for fileInputConfigLabel @public */
82 @ViewChild('fileInputConfigLabel', { static: true }) public fileInputConfigLabel: ElementRef;
84 /** Element ref for fileInputSSH @public */
85 @ViewChild('fileInputSSH', { static: true }) public fileInputSSH: ElementRef;
87 /** Element ref for fileInputSSHLabel @public */
88 @ViewChild('fileInputSSHLabel', { static: true }) public fileInputSSHLabel: ElementRef;
90 /** Holds teh instance of AuthService class of type AuthService @private */
91 private router: Router;
93 /** FormBuilder instance added to the formBuilder @private */
94 private formBuilder: FormBuilder;
96 /** Utilizes rest service for any CRUD operations @private */
97 private restService: RestService;
99 /** Utilizes data service for any communication @private */
100 private dataService: DataService;
102 /** Notifier service to popup notification @private */
103 private notifierService: NotifierService;
105 /** Contains tranlsate instance @private */
106 private translateService: TranslateService;
108 /** Contains all methods related to shared @private */
109 private sharedService: SharedService;
111 /** Contains the ssh key to be hosted in dom @private */
112 private copySSHKey: string;
114 constructor(injector: Injector) {
115 this.injector = injector;
116 this.restService = this.injector.get(RestService);
117 this.activeModal = this.injector.get(NgbActiveModal);
118 this.formBuilder = this.injector.get(FormBuilder);
119 this.dataService = this.injector.get(DataService);
120 this.notifierService = this.injector.get(NotifierService);
121 this.router = this.injector.get(Router);
122 this.translateService = this.injector.get(TranslateService);
123 this.sharedService = this.injector.get(SharedService);
126 public ngOnInit(): void {
127 /** Setting up initial value for NSD */
128 this.dataService.currentMessage.subscribe((event: NSData) => {
129 if (event.identifier !== undefined || event.identifier !== '' || event.identifier !== null) {
130 this.nsdId = event.identifier;
133 /** On Initializing call the methods */
134 this.instantiateFormAction();
135 this.getDetailsnsd();
136 this.getDetailsvimAccount();
139 /** On modal initializing forms @public */
140 public instantiateFormAction(): void {
141 this.instantiateForm = this.formBuilder.group({
142 nsName: ['', [Validators.required]],
143 nsDescription: ['', [Validators.required]],
144 nsdId: ['', [Validators.required]],
145 vimAccountId: ['', [Validators.required]],
151 /** Convenience getter for easy access to form fields */
152 get f(): FormGroup['controls'] { return this.instantiateForm.controls; }
154 /** Call the nsd details in the selection options @public */
155 public getDetailsnsd(): void {
156 this.restService.getResource(environment.NSDESCRIPTORSCONTENT_URL).subscribe((nsPackages: NSDDetails) => {
157 this.nsdSelect = nsPackages;
158 }, (error: ERRORDATA) => {
159 this.restService.handleError(error, 'get');
163 /** Call the vimAccount details in the selection options @public */
164 public getDetailsvimAccount(): void {
165 this.restService.getResource(environment.VIMACCOUNTS_URL).subscribe((vimAccounts: VimAccountDetails) => {
166 this.vimAccountSelect = vimAccounts;
167 }, (error: ERRORDATA) => {
168 this.restService.handleError(error, 'get');
172 /** On modal submit instantiateNsSubmit will called @public */
173 public instantiateNsSubmit(): void {
174 this.submitted = true;
175 this.sharedService.cleanForm(this.instantiateForm);
176 if (this.instantiateForm.invalid) {
179 const modalData: MODALCLOSERESPONSEDATA = {
182 if (isNullOrUndefined(this.instantiateForm.value.ssh_keys) || this.instantiateForm.value.ssh_keys === '') {
183 delete this.instantiateForm.value.ssh_keys;
185 this.copySSHKey = JSON.parse(JSON.stringify(this.instantiateForm.value.ssh_keys));
186 // tslint:disable-next-line: no-backbone-get-set-outside-model
187 this.instantiateForm.get('ssh_keys').setValue([this.copySSHKey]);
189 if (isNullOrUndefined(this.instantiateForm.value.config) || this.instantiateForm.value.config === '') {
190 delete this.instantiateForm.value.config;
192 const validJSON: boolean = this.sharedService.checkJson(this.instantiateForm.value.config);
194 this.instantiateForm.value.config = JSON.parse(this.instantiateForm.value.config);
195 Object.keys(this.instantiateForm.value.config).forEach((item: string) => {
196 this.instantiateForm.value[item] = this.instantiateForm.value.config[item];
198 delete this.instantiateForm.value.config;
200 const getConfigJson: string = jsyaml.load(this.instantiateForm.value.config, { json: true });
201 Object.keys(getConfigJson).forEach((item: string) => {
202 this.instantiateForm.value[item] = getConfigJson[item];
204 delete this.instantiateForm.value.config;
207 const apiURLHeader: APIURLHEADER = {
208 url: environment.NSINSTANCESCONTENT_URL
210 this.isLoadingResults = true;
211 this.restService.postResource(apiURLHeader, this.instantiateForm.value).subscribe((result: {}) => {
212 this.activeModal.close(modalData);
213 this.notifierService.notify('success', this.instantiateForm.value.nsName +
214 this.translateService.instant('PAGE.NSINSTANCE.CREATEDSUCCESSFULLY'));
215 this.router.navigate(['/instances/ns']).catch();
216 }, (error: ERRORDATA) => {
217 this.isLoadingResults = false;
218 this.restService.handleError(error, 'post');
219 if (!isNullOrUndefined(this.copySSHKey)) {
220 // tslint:disable-next-line: no-backbone-get-set-outside-model
221 this.instantiateForm.get('ssh_keys').setValue(this.copySSHKey);
226 /** ssh file process @private */
227 public sshFile(files: FileList): void {
228 if (files && files.length === 1) {
229 this.sharedService.getFileString(files, 'pub').then((fileContent: string): void => {
230 const getSSHJson: string = jsyaml.load(fileContent, { json: true });
231 // tslint:disable-next-line: no-backbone-get-set-outside-model
232 this.instantiateForm.get('ssh_keys').setValue(getSSHJson);
233 }).catch((err: string): void => {
234 if (err === 'typeError') {
235 this.notifierService.notify('error', this.translateService.instant('PUBFILETYPEERRROR'));
237 this.notifierService.notify('error', this.translateService.instant('ERROR'));
239 this.fileInputSSHLabel.nativeElement.innerText = this.translateService.instant('CHOOSEFILE');
240 this.fileInputSSH.nativeElement.value = null;
242 } else if (files && files.length > 1) {
243 this.notifierService.notify('error', this.translateService.instant('DROPFILESVALIDATION'));
245 this.fileInputSSHLabel.nativeElement.innerText = files[0].name;
246 this.fileInputSSH.nativeElement.value = null;
249 /** Config file process @private */
250 public configFile(files: FileList): void {
251 if (files && files.length === 1) {
252 const fileFormat: string = this.sharedService.fetchFileExtension(files).toLocaleLowerCase();
253 if (fileFormat === 'yaml' || fileFormat === 'yml') {
254 this.sharedService.getFileString(files, 'yaml').then((fileContent: string): void => {
255 // tslint:disable-next-line: no-backbone-get-set-outside-model
256 this.instantiateForm.get('config').setValue(fileContent);
257 }).catch((err: string): void => {
258 if (err === 'typeError') {
259 this.notifierService.notify('error', this.translateService.instant('YAMLFILETYPEERRROR'));
261 this.notifierService.notify('error', this.translateService.instant('ERROR'));
263 this.fileInputConfigLabel.nativeElement.innerText = this.translateService.instant('CHOOSEFILE');
264 this.fileInputConfig.nativeElement.value = null;
266 } else if (fileFormat === 'json') {
267 this.sharedService.getFileString(files, 'json').then((fileContent: string): void => {
268 const getConfigJson: string = jsyaml.load(fileContent, { json: true });
269 // tslint:disable-next-line: no-backbone-get-set-outside-model
270 this.instantiateForm.get('config').setValue(JSON.stringify(getConfigJson));
271 }).catch((err: string): void => {
272 if (err === 'typeError') {
273 this.notifierService.notify('error', this.translateService.instant('JSONFILETYPEERRROR'));
275 this.notifierService.notify('error', this.translateService.instant('ERROR'));
277 this.fileInputConfigLabel.nativeElement.innerText = this.translateService.instant('CHOOSEFILE');
278 this.fileInputConfig.nativeElement.value = null;
281 } else if (files && files.length > 1) {
282 this.notifierService.notify('error', this.translateService.instant('DROPFILESVALIDATION'));
284 this.fileInputConfigLabel.nativeElement.innerText = files[0].name;
285 this.fileInputConfig.nativeElement.value = null;