From 457685063fd4b960441e482cc8b88fa8c972a7d2 Mon Sep 17 00:00:00 2001 From: Nicholas Soteropoulos Date: Mon, 14 Sep 2020 17:19:10 -0400 Subject: Fix mod ui build issues Change-Id: I4d002645240852a3a5f1964d9ffa2cac11c45b47 Signed-off-by: Nicholas Soteropoulos Issue-ID: DCAEGEN2-2317 Signed-off-by: Nicholas Soteropoulos --- .../app/comp-spec-add/comp-spec-add.component.ts | 180 +++++++++++++++++++++ 1 file changed, 180 insertions(+) create mode 100644 mod2/ui/src/app/comp-spec-add/comp-spec-add.component.ts (limited to 'mod2/ui/src/app/comp-spec-add/comp-spec-add.component.ts') diff --git a/mod2/ui/src/app/comp-spec-add/comp-spec-add.component.ts b/mod2/ui/src/app/comp-spec-add/comp-spec-add.component.ts new file mode 100644 index 0000000..7564852 --- /dev/null +++ b/mod2/ui/src/app/comp-spec-add/comp-spec-add.component.ts @@ -0,0 +1,180 @@ +/* + * # ============LICENSE_START======================================================= + * # Copyright (c) 2020 AT&T Intellectual Property. All rights reserved. + * # ================================================================================ + * # Licensed under the Apache License, Version 2.0 (the "License"); + * # you may not use this file except in compliance with the License. + * # You may obtain a copy of the License at + * # + * # http://www.apache.org/licenses/LICENSE-2.0 + * # + * # Unless required by applicable law or agreed to in writing, software + * # distributed under the License is distributed on an "AS IS" BASIS, + * # WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * # See the License for the specific language governing permissions and + * # limitations under the License. + * # ============LICENSE_END========================================================= + */ + +import { Component, OnInit, Input, Output, EventEmitter } from '@angular/core'; +import { InputTextModule } from 'primeng/inputtext'; +import { DropdownModule } from 'primeng/dropdown'; +import { FormGroup, FormBuilder, Validators, FormControl } from '@angular/forms'; +import { AuthService } from '../services/auth.service'; +import { MessageService } from 'primeng/api'; + +interface Type { + type: string; +} + +@Component({ + selector: 'app-comp-spec-add', + templateUrl: './comp-spec-add.component.html', + styleUrls: ['./comp-spec-add.component.css'] +}) + +export class CompSpecAddComponent implements OnInit { + + compSpecSelected: any; + compSpecContent: any; + + policySelected: any; + policyContent: any; + + csAddForm: FormGroup; + // The loggged in user + username: string; + + // Input form fields + type: string; + labels: string; + notes: string; + specFile: any; + policyJson: any; + + // Dropdowns + types: Type[]; + + // Build JSON as a string + csAddString: any; + // Return JSON to parent component + csAddJson: any; + + constructor(private fb: FormBuilder, private authService: AuthService, private messageService: MessageService) { + } + + @Input() visible: boolean; + @Output() handler: EventEmitter = new EventEmitter(); + + ngOnInit() { + // The logged in user + this.username = this.authService.getUser().username; + + this.csAddForm = new FormGroup({ + type: new FormControl(), + labels: new FormControl(), + notes: new FormControl(), + specFile: new FormControl(), + policyJson: new FormControl() + }); + + // FORM fields and validations + this.csAddForm = this.fb.group({ + type: ['', [Validators.required]], + labels: ['', []], + notes: ['', []], + specFile: ['', []], + policyJson: ['', []] + }); + + // TYPE Dropdown + this.types = [ + { type: 'DOCKER' }, + { type: 'K8S' } + ]; + } + + saveCs() { + this.createOutputJson(); + this.csAddJson = JSON.stringify(this.csAddString); + this.handler.emit(this.csAddJson); + this.closeDialog(); + } + + // Create the JSON to be sent to the parent component + // The "labels" functions below take into account leading/trailing spaces, multiple spaces between labels, and conversion into an array + createOutputJson() { + this.validateJsonStructure(); + + let policy; + if(this.policyContent !== undefined){ + policy = JSON.parse(this.policyContent) + } else { + policy = null + } + + this.csAddString = { + specContent: JSON.parse(this.compSpecContent), + policyJson: policy, + type: this.csAddForm.value['type'].type, + metadata: { + labels: this.csAddForm.value['labels'].trim().replace(/\s{2,}/g, ' ').split(" "), + notes: this.csAddForm.value['notes'] + }, + user: this.username + }; + } + + // Validate, catch, display JSON structure error, and quit! + validateJsonStructure() { + try { + JSON.parse(this.compSpecContent); + } catch (error) { + this.messageService.add({ key: 'jsonError', severity: 'error', summary: 'Invalid Component Spec JSON', detail: error, sticky: true }); + throw new Error('JSON Structure error, quit!'); + } + + if(this.policyContent !== undefined){ + try { + JSON.parse(this.policyContent); + } catch (error) { + this.messageService.add({ key: 'jsonError', severity: 'error', summary: 'Invalid Policy JSON', detail: error, sticky: true }); + throw new Error('JSON Structure error, quit!'); + } + } + } + + // Read the selected Component Spec JSON file + onCompSpecUpload(event) { + this.compSpecSelected = event.target.files[0]; + this.readCsFileContent(this.compSpecSelected); + } + //Read the selected Component Spec JSON file + onPolicyUpload(event) { + this.policySelected = event.target.files[0]; + this.readPolicyFileContent(this.policySelected); + } + + readCsFileContent(file) { + if (file) { + let fileReader = new FileReader(); + fileReader.onload = (e) => { this.compSpecContent = fileReader.result; }; + fileReader.readAsText(file); + } + } + + readPolicyFileContent(file) { + if (file) { + let fileReader = new FileReader(); + fileReader.onload = (e) => { this.policyContent = fileReader.result; }; + fileReader.readAsText(file); + } + } + + // The handler emits 'null' back to parent to close dialog and make it available again when clicked + closeDialog() { + this.visible = false; + this.handler.emit(null); + } + +} -- cgit 1.2.3-korg