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 --- mod2/ui/src/app/register/register.component.ts | 99 ++++++++++++++++++++++++++ 1 file changed, 99 insertions(+) create mode 100644 mod2/ui/src/app/register/register.component.ts (limited to 'mod2/ui/src/app/register/register.component.ts') diff --git a/mod2/ui/src/app/register/register.component.ts b/mod2/ui/src/app/register/register.component.ts new file mode 100644 index 0000000..28b0677 --- /dev/null +++ b/mod2/ui/src/app/register/register.component.ts @@ -0,0 +1,99 @@ +/* + * # ============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 } from '@angular/core'; +import { FormGroup, FormBuilder, Validators } from '@angular/forms'; +import { AuthService } from '../services/auth.service'; +import { Router } from '@angular/router'; +import { User } from '../models/User'; +import { AuthResponse } from '../models/AuthResponse'; +import {SelectItem} from 'primeng/api'; +import { UserService } from '../services/user.service'; + +@Component({ + selector: 'app-register', + templateUrl: './register.component.html', + styleUrls: ['./register.component.css'] +}) +export class RegisterComponent implements OnInit { + + user: User = { + username:'', + fullName:'', + password:'', + roles: [] + }; + form: FormGroup; + roleOptions: SelectItem[]; + rolesFromBackend = []; + + constructor(private fb: FormBuilder, private authService: AuthService, private router: Router, private userService: UserService) { } + + ngOnInit() { + this.form = this.fb.group({ + username: ['', [Validators.required, Validators.minLength(5), Validators.maxLength(10)]], + fullName: ['', [Validators.required]], + password: ['', [Validators.required, Validators.minLength(6)]], + roles:['', [Validators.required]] + }); + // this.roleOptions = [{label:'Admin', value:{name:'ROLE_ADMIN'}}, {label:'User', value:{name:'ROLE_USER'}}, {label:'ScrumLead', value:{name:'ROLE_SCRUMLEAD'}}, {label:'Developer', value:{name:'ROLE_DEVELOPER'}}, {label:'PST', value:{name:'ROLE_PST'}}, {label:'ETE', value:{name:'ROLE_ETE'}}, {label:'Ops', value:{name:'ROLE_OPS'}}]; + this.userService.getRoles().subscribe(res=>{ + Object.values(res).forEach(ele=>{ + this.rolesFromBackend.push({label:ele.substring(5), value:ele}); + }); + }); + } + + generateNewPassword() { + this.form.value.password = ''; + const chars = 'abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789!@#$%&'; + var array = new Uint32Array(32); + window.crypto.getRandomValues(array); + for(let i=0;i<32;i++) { + const index = Math.floor(array[i] % chars.length); + this.form.value.password += chars.charAt(index); + } + this.form.patchValue({password: this.form.value.password}); + } + + cancel() { + const result = window.confirm("Are you sure to quit registering current user and go back to user management?"); + if(result === true){ + this.router.navigate(['/users']); + } + } + + submit() { + this.user.fullName = this. form.value.fullName; + this.user.username = this.form.value.username; + this.user.password = this.form.value.password; + this.user.roles = this.form.value.roles; + console.log(this.user.roles); + this.authService.register(this.user) + .subscribe( (res: AuthResponse) => { + alert(res.message); + this.router.navigate(['/users']); + }, (err) => { + console.log(err); + alert(err.error.message); + this.form.reset(); + } + ); + } + +} -- cgit 1.2.3-korg