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 this.notifierService.notify('error', this.translateService.instant('INVALIDCONFIG'));
204 const apiURLHeader: APIURLHEADER = {
205 url: environment.NSINSTANCESCONTENT_URL
207 this.isLoadingResults = true;
208 this.restService.postResource(apiURLHeader, this.instantiateForm.value).subscribe((result: {}) => {
209 this.activeModal.close(modalData);
210 this.notifierService.notify('success', this.instantiateForm.value.nsName +
211 this.translateService.instant('PAGE.NSINSTANCE.CREATEDSUCCESSFULLY'));
212 this.router.navigate(['/instances/ns']).catch();
213 }, (error: ERRORDATA) => {
214 this.isLoadingResults = false;
215 this.restService.handleError(error, 'post');
216 if (!isNullOrUndefined(this.copySSHKey)) {
217 // tslint:disable-next-line: no-backbone-get-set-outside-model
218 this.instantiateForm.get('ssh_keys').setValue(this.copySSHKey);
223 /** ssh file process @private */
224 public sshFile(files: FileList): void {
225 if (files && files.length === 1) {
226 this.sharedService.getFileString(files, 'pub').then((fileContent: string): void => {
227 const getSSHJson: string = jsyaml.load(fileContent, { json: true });
228 // tslint:disable-next-line: no-backbone-get-set-outside-model
229 this.instantiateForm.get('ssh_keys').setValue(getSSHJson);
230 }).catch((err: string): void => {
231 if (err === 'typeError') {
232 this.notifierService.notify('error', this.translateService.instant('PUBFILETYPEERRROR'));
234 this.notifierService.notify('error', this.translateService.instant('ERROR'));
236 this.fileInputSSHLabel.nativeElement.innerText = this.translateService.instant('CHOOSEFILE');
237 this.fileInputSSH.nativeElement.value = null;
239 } else if (files && files.length > 1) {
240 this.notifierService.notify('error', this.translateService.instant('DROPFILESVALIDATION'));
242 this.fileInputSSHLabel.nativeElement.innerText = files[0].name;
243 this.fileInputSSH.nativeElement.value = null;
246 /** Config file process @private */
247 public configFile(files: FileList): void {
248 if (files && files.length === 1) {
249 this.sharedService.getFileString(files, 'yaml').then((fileContent: string): void => {
250 const getConfigJson: string = jsyaml.load(fileContent, { json: true });
251 // tslint:disable-next-line: no-backbone-get-set-outside-model
252 this.instantiateForm.get('config').setValue(JSON.stringify(getConfigJson));
253 }).catch((err: string): void => {
254 if (err === 'typeError') {
255 this.notifierService.notify('error', this.translateService.instant('YAMLFILETYPEERRROR'));
257 this.notifierService.notify('error', this.translateService.instant('ERROR'));
259 this.fileInputConfigLabel.nativeElement.innerText = this.translateService.instant('CHOOSEFILE');
260 this.fileInputConfig.nativeElement.value = null;
262 } else if (files && files.length > 1) {
263 this.notifierService.notify('error', this.translateService.instant('DROPFILESVALIDATION'));
265 this.fileInputConfigLabel.nativeElement.innerText = files[0].name;
266 this.fileInputConfig.nativeElement.value = null;